From ab36c0c3dbaa95fa3f94268cfc8b8bb7aae22b80 Mon Sep 17 00:00:00 2001
From: “dzb” <2632970487@qq.com>
Date: 星期四, 22 九月 2022 10:44:13 +0800
Subject: [PATCH] 新增案件池问题登记
---
src/views/operate/disposal/casepool/compenents/checkIn/index.vue | 185 ++++++++++++++++++++++++++++++---------------
1 files changed, 122 insertions(+), 63 deletions(-)
diff --git a/src/views/operate/disposal/casepool/compenents/checkIn/index.vue b/src/views/operate/disposal/casepool/compenents/checkIn/index.vue
index 166a29d..6de23ae 100644
--- a/src/views/operate/disposal/casepool/compenents/checkIn/index.vue
+++ b/src/views/operate/disposal/casepool/compenents/checkIn/index.vue
@@ -4,98 +4,129 @@
<!-- :rules="createRoleRules" -->
<el-form ref="user" label-width="140px" autoComplete="on" :model="role" label-position="right">
<div class="things">
- <div>濉啓鍩虹淇℃伅</div>
+ <div class="title">濉啓鍩虹淇℃伅</div>
<!-- 闂绫诲瀷 -->
- <el-form-item class="optionItem" label="瑙掕壊鍚嶇О:" prop="name">
- <el-input v-model="role.name" placeholder="璇峰～鍐欒鑹插悕绉�"></el-input>
+ <el-form-item class="optionItem" label="闂绫诲瀷:" prop="name">
+ <el-select v-model="role.type" placeholder="杩濊">
+ <el-option v-for="item in typeList" :key="item.name" :label="item.name" :value="item.value"
+ :disabled="item.disabled">
+ </el-option>
+ </el-select>
</el-form-item>
<!-- 澶х被鍚嶇О -->
- <el-form-item class="optionItems" label="瑙掕壊绫诲瀷:" prop="status">
- <el-select v-model="role.type" placeholder="璇烽�夋嫨瑙掕壊绫诲瀷">
+ <el-form-item class="optionItems" label="澶х被鍚嶇О:" prop="status">
+ <el-select v-model="role.type" placeholder="璇烽�夋嫨澶х被鍚嶇О">
<el-option v-for="item in typeList" :key="item.name" :label="item.name" :value="item.value"
:disabled="item.disabled">
</el-option>
</el-select>
</el-form-item>
<!-- 灏忕被鍚嶇О -->
- <el-form-item class="optionItem" label="瑙掕壊鎻忚堪:" prop="description">
- <el-input v-model="role.description" placeholder="璇疯緭鍏ユ弿杩板唴瀹�200瀛椾互鍐�"></el-input>
- </el-form-item>
- <!-- 浜嬩欢绛夌骇 -->
- <el-form-item class="optionItem" label="瑙掕壊鍚嶇О:" prop="name">
- <el-input v-model="role.name" placeholder="璇峰～鍐欒鑹插悕绉�"></el-input>
- </el-form-item>
- <!-- 妗堢敱 -->
- <el-form-item class="optionItem" label="瑙掕壊鍚嶇О:" prop="name">
- <el-input v-model="role.name" placeholder="璇峰～鍐欒鑹插悕绉�"></el-input>
- </el-form-item>
- <!-- 鎵�灞炲幙鍖� -->
- <el-form-item class="optionItem" label="瑙掕壊鍚嶇О:" prop="name">
- <el-input v-model="role.name" placeholder="璇峰～鍐欒鑹插悕绉�"></el-input>
- </el-form-item>
- <!-- 鎵�灞炵ぞ鍖� -->
- <el-form-item class="optionItem" label="瑙掕壊鍚嶇О:" prop="name">
- <el-input v-model="role.name" placeholder="璇峰～鍐欒鑹插悕绉�"></el-input>
- </el-form-item>
- <!-- 鎵�灞炶閬� -->
- <el-form-item class="optionItem" label="瑙掕壊鍚嶇О:" prop="name">
- <el-input v-model="role.name" placeholder="璇峰～鍐欒鑹插悕绉�"></el-input>
- </el-form-item>
- <!-- 浜嬪彂鍦扮偣 -->
- <el-form-item class="optionItem" label="瑙掕壊鍚嶇О:" prop="name">
- <el-input v-model="role.name" placeholder="璇峰～鍐欒鑹插悕绉�"></el-input>
- </el-form-item>
- <!-- 鏄惁鍏宠仈鍟嗛摵 -->
- <el-form-item class="optionItem" label="瑙掕壊鍚嶇О:" prop="name">
- <el-input v-model="role.name" placeholder="璇峰～鍐欒鑹插悕绉�"></el-input>
- </el-form-item>
- <!-- 鍏宠仈鍟嗛摵鍚嶇О -->
- <el-form-item class="optionItem" label="瑙掕壊鍚嶇О:" prop="name">
- <el-input v-model="role.name" placeholder="璇峰～鍐欒鑹插悕绉�"></el-input>
- </el-form-item>
- <!-- 濉啓杞︾墝鍙� -->
- <el-form-item class="optionItem" label="瑙掕壊鍚嶇О:" prop="name">
- <el-input v-model="role.name" placeholder="璇峰～鍐欒鑹插悕绉�"></el-input>
- </el-form-item>
- <!-- 闂鎻忚堪 -->
- <el-form-item class="optionItem" label="瑙掕壊鍚嶇О:" prop="name">
- <el-input v-model="role.name" placeholder="璇峰～鍐欒鑹插悕绉�"></el-input>
- </el-form-item>
- </div>
- <div class="person">
- <div>濉啓鍙嶆槧浜轰俊鎭�</div>
- <!-- 鍙嶆槧浜� -->
- <el-form-item class="optionItem" label="瑙掕壊鍚嶇О:" prop="name">
- <el-input v-model="role.name" placeholder="璇峰～鍐欒鑹插悕绉�"></el-input>
- </el-form-item>
- <!-- 鑱旂郴鏂瑰紡 -->
- <el-form-item class="optionItems" label="瑙掕壊绫诲瀷:" prop="status">
- <el-select v-model="role.type" placeholder="璇烽�夋嫨瑙掕壊绫诲瀷">
+ <el-form-item class="optionItem" label="灏忕被鍚嶇О:" prop="description">
+ <el-select v-model="role.type" placeholder="璇烽�夋嫨灏忕被鍚嶇О">
<el-option v-for="item in typeList" :key="item.name" :label="item.name" :value="item.value"
:disabled="item.disabled">
</el-option>
</el-select>
</el-form-item>
+ <!-- 浜嬩欢绛夌骇 -->
+ <el-form-item class="optionItem" label="浜嬩欢绛夌骇:" prop="name">
+ <el-select v-model="role.type" placeholder="璇烽�夋嫨妗堜欢绛夌骇">
+ <el-option v-for="item in typeList" :key="item.name" :label="item.name" :value="item.value"
+ :disabled="item.disabled">
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <!-- 妗堢敱 -->
+ <el-form-item class="optionItem" label="妗堢敱:" prop="name">
+ <el-input v-model="role.name" placeholder="璇疯緭鍏ユ鐢�"></el-input>
+ </el-form-item>
+ <!-- 鎵�灞炲幙鍖� -->
+ <el-form-item class="optionItem" label="鎵�灞炲幙鍖�:" prop="name">
+ <el-select v-model="role.type" placeholder="璇烽�夋嫨鎵�灞炲幙鍖�">
+ <el-option v-for="item in typeList" :key="item.name" :label="item.name" :value="item.value"
+ :disabled="item.disabled">
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <!-- 鎵�灞炵ぞ鍖� -->
+ <el-form-item class="optionItem" label="鎵�灞炵ぞ鍖�:" prop="name">
+ <el-select v-model="role.type" placeholder="璇烽�夋嫨鎵�灞炵ぞ鍖�">
+ <el-option v-for="item in typeList" :key="item.name" :label="item.name" :value="item.value"
+ :disabled="item.disabled">
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <!-- 鎵�灞炶閬� -->
+ <el-form-item class="optionItem" label="鎵�灞炶閬�:" prop="name">
+ <el-select v-model="role.type" placeholder="璇烽�夋嫨鎵�灞炶閬�">
+ <el-option v-for="item in typeList" :key="item.name" :label="item.name" :value="item.value"
+ :disabled="item.disabled">
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <!-- 浜嬪彂鍦扮偣 -->
+ <el-form-item class="optionItem" label="浜嬪彂鍦扮偣:" prop="name">
+ <el-input v-model="role.name" placeholder="璇疯緭鍏ヤ簨鍙戝湴鐐硅缁嗕綅缃�"></el-input>
+ </el-form-item>
+ <!-- 鏄惁鍏宠仈鍟嗛摵 -->
+ <el-form-item class="optionItem" label="鏄惁鍏宠仈鍟嗛摵:" prop="name">
+ <el-radio v-model="role.name">
+ 鏄�
+ </el-radio>
+ <el-radio v-model="role.name">
+ 鍚�
+ </el-radio>
+ </el-form-item>
+ <!-- 鍏宠仈鍟嗛摵鍚嶇О -->
+ <el-form-item class="optionItem" label="鍏宠仈鍟嗛摵鍚嶇О:" prop="name">
+ <el-input v-model="role.name" placeholder="璇峰～鍐欏叧鑱斿晢閾哄悕绉�"></el-input>
+ </el-form-item>
+ <!-- 濉啓杞︾墝鍙� -->
+ <el-form-item class="optionItem" label="濉啓杞︾墝鍙�:" prop="name">
+ <el-input v-model="role.name" placeholder="璇峰～鍐欒溅鐗屽彿"></el-input>
+ </el-form-item>
+ <!-- 闂鎻忚堪 -->
+ <el-form-item class="optionItem" label="闂鎻忚堪:" prop="name">
+ <el-input v-model="role.name" placeholder="璇峰～鍐欏唴瀹�200瀛椾互鍐�"></el-input>
+ </el-form-item>
+ </div>
+ <div class="person">
+ <div class="title">濉啓鍙嶆槧浜轰俊鎭�</div>
+ <!-- 鍙嶆槧浜� -->
+ <el-form-item class="optionItem" label="鍙嶆槧浜�:" prop="name">
+ <el-input v-model="role.name"></el-input>
+ </el-form-item>
+ <!-- 鑱旂郴鏂瑰紡 -->
+ <el-form-item class="optionItems" label="鑱旂郴鏂瑰紡:" prop="status">
+ <el-input v-model="role.name"></el-input>
+ </el-form-item>
<!-- 韬唤璇佸彿 -->
- <el-form-item class="optionItem" label="瑙掕壊鎻忚堪:" prop="description">
- <el-input v-model="role.description" placeholder="璇疯緭鍏ユ弿杩板唴瀹�200瀛椾互鍐�"></el-input>
+ <el-form-item class="optionItem" label="韬唤璇佸彿:" prop="description">
+ <el-input v-model="role.description"></el-input>
</el-form-item>
</div>
<el-form-item>
<div class="optionBtn">
<el-button class="btn cancel">鍙栨秷</el-button>
- <el-button type="primary" class="btn submit" @click.native.prevent="handleUser">鎻愪氦
+ <!-- @click.native.prevent="handleUser" -->
+ <el-button type="primary" class="btn submit">鎻愪氦
</el-button>
</div>
</el-form-item>
</el-form>
-
</div>
- <div class="map">鍦板浘</div>
+ <div class="map">
+ <myMap></myMap>
+ </div>
</div>
</template>
<script>
+import myMap from '@/components/map'
export default {
+ components: {
+ myMap,
+ },
data() {
return {
role: {
@@ -110,5 +141,33 @@
}
</script>
<style lang="scss" scoped>
+.checkIn {
+ display: flex;
+ .form {
+ flex: 1;
+ color: #4b9bb7;
+ .title {
+ line-height: 40px;
+ }
+
+ &::v-deep .el-form-item__label {
+ color: #4b9bb7;
+ }
+ .el-form{
+ .el-input{
+ &::v-deep .el-input__inner{
+ width: 60%;
+ }
+ }
+ }
+ &::v-deep .el-input__inner {
+ background-color: #09152f;
+ border: 1px solid #17324c;
+ }
+ }
+ .map{
+ flex: 1;
+ }
+}
</style>
\ No newline at end of file
--
Gitblit v1.8.0