From 5cd763edc85f3b14bc98af906828521d65276f48 Mon Sep 17 00:00:00 2001 From: “dzb” <2632970487@qq.com> Date: 星期四, 13 十月 2022 17:57:11 +0800 Subject: [PATCH] 修改系统框架、消息管理新增 --- src/components/scene/index.vue | 106 +++++++++++++++++++++++++++++++--------------------- 1 files changed, 63 insertions(+), 43 deletions(-) diff --git a/src/components/scene/index.vue b/src/components/scene/index.vue index e3650ab..09f384f 100644 --- a/src/components/scene/index.vue +++ b/src/components/scene/index.vue @@ -2,7 +2,7 @@ <div class="scene"> <div class="nav"> <div class="nav-item" v-for="o in list" :key="o.index" @click="changeActive(o.index)"> - <div class="outer" > + <div class="outer"> <div :class="['inner',active === o.index ? 'inner-active' : '']"></div> </div> <div class="innet-title">{{o.label}}</div> @@ -29,60 +29,70 @@ </div> <div class="scene-item" v-if="active === 2"> <el-form ref="investigation" label-position="right" label-width="120px" :model="investigation"> - <el-form-item label="鎵垮姙闃熷憳:"> - <el-input v-model="investigation.name"></el-input> - </el-form-item> - <el-form-item label="鍗忓姙闃熷憳:"> - <el-input v-model="investigation.region"></el-input> - </el-form-item> + <div class="inves-item"> + <el-form-item label="鎵垮姙闃熷憳:"> + <el-input v-model="investigation.name"></el-input> + </el-form-item> + <el-form-item label="鍗忓姙闃熷憳:"> + <el-input v-model="investigation.assistant"></el-input> + </el-form-item> + </div> <el-form-item label="鏃堕棿:"> <el-input v-model="investigation.type"></el-input> </el-form-item> <el-form-item label="鍦板潃:"> - <el-input v-model="investigation.type"></el-input> + <el-input v-model="investigation.address"></el-input> </el-form-item> <el-form-item label="妗堢敱:"> - <el-input v-model="investigation.type"></el-input> + <el-input v-model="investigation.caseAction"></el-input> </el-form-item> <el-form-item label="褰撲簨浜轰俊鎭�:"> <el-input v-model="investigation.type"></el-input> </el-form-item> <el-form-item label="鎯呭喌鎻忚堪:"> - <el-input v-model="investigation.type"></el-input> + <el-input v-model="investigation.description"></el-input> </el-form-item> <el-form-item label="鐓х墖闄勪欢:"> - <el-input v-model="investigation.type"></el-input> + <el-input v-model="investigation.pic"></el-input> </el-form-item> <el-form-item label="绫诲瀷:"> <el-input v-model="investigation.type"></el-input> </el-form-item> - <el-form-item label="褰撲簨浜哄鍚�:"> - <el-input v-model="investigation.type"></el-input> - </el-form-item> - <el-form-item label="鎵嬫満鍙风爜:"> - <el-input v-model="investigation.type"></el-input> - </el-form-item> - <el-form-item label="璇佷欢绫诲瀷:"> - <el-input v-model="investigation.type"></el-input> - </el-form-item> - <el-form-item label="璇佷欢鍙风爜:"> - <el-input v-model="investigation.type"></el-input> - </el-form-item> - <el-form-item label="鏂囧寲绋嬪害:"> - <el-input v-model="investigation.type"></el-input> - </el-form-item> - <el-form-item label="鑱屼笟:"> - <el-input v-model="investigation.type"></el-input> - </el-form-item> + <div class="inves-item"> + <el-form-item label="褰撲簨浜哄鍚�:"> + <el-input v-model="investigation.type"></el-input> + </el-form-item> + <el-form-item label="鎵嬫満鍙风爜:"> + <el-input v-model="investigation.type"></el-input> + </el-form-item> + </div> + <div class="inves-item"> + <el-form-item label="璇佷欢绫诲瀷:"> + <el-input v-model="investigation.type"></el-input> + </el-form-item> + <el-form-item label="璇佷欢鍙风爜:"> + <el-input v-model="investigation.type"></el-input> + </el-form-item> + </div> + <div class="inves-item"> + <el-form-item label="鏂囧寲绋嬪害:"> + <el-input v-model="investigation.type"></el-input> + </el-form-item> + <el-form-item label="鑱屼笟:"> + <el-input v-model="investigation.type"></el-input> + </el-form-item> + </div> <el-form-item label="宸ヤ綔鍗曚綅鍙婅亴鍔�:"> <el-input v-model="investigation.type"></el-input> </el-form-item> - <el-form-item label="鍚嶆棌:"> - <el-input v-model="investigation.type"></el-input> - </el-form-item> - <el-form-item label="绫嶈疮:"> - <el-input v-model="investigation.type"></el-input> - </el-form-item> + <div class="inves-item"> + <el-form-item label="姘戞棌:"> + <el-input v-model="investigation.type"></el-input> + </el-form-item> + <el-form-item label="绫嶈疮:"> + <el-input v-model="investigation.type"></el-input> + </el-form-item> + </div> <el-form-item label="鐜颁綇鍧�:"> <el-input v-model="investigation.type"></el-input> </el-form-item> @@ -121,16 +131,21 @@ } ], arrivalSituation: {}, - investigation:{}, - writ:{} + investigation: {}, + writ: {} } }, - props:['currentSitVo'], - created(){ - const {currentSitVo} = this; - console.log(currentSitVo); - // this.arrivalSituation = mylist; + props: ['currentSitVo'], + created() { + const { currentSitVo: { arrivalSituation: mylist,investigation:invesList } } = this; + if (mylist) { + this.arrivalSituation = mylist; + } + if(invesList){ + this.investigation = invesList; + } + console.log(this.currentSitVo); }, methods: { changeActive(idx) { @@ -145,11 +160,13 @@ padding: 20px 100px; display: flex; justify-content: space-between; - .nav-item{ + + .nav-item { display: flex; flex-direction: column; align-items: center; } + .outer { width: 50px; height: 50px; @@ -186,5 +203,8 @@ border: 1px solid #17324c; } } + .inves-item{ + display: flex; + } } </style> \ No newline at end of file -- Gitblit v1.8.0