From 4641a877cd6a94e4d35dca7f7f14bc1443e2d2ad Mon Sep 17 00:00:00 2001 From: luobisheng <727299681@qq.com> Date: 星期二, 29 十一月 2022 17:59:55 +0800 Subject: [PATCH] 上传处置类型修改 --- src/components/scene/index.vue | 117 +++++++++++++++++++++++++++++++++++++--------------------- 1 files changed, 74 insertions(+), 43 deletions(-) diff --git a/src/components/scene/index.vue b/src/components/scene/index.vue index 09f384f..303d81b 100644 --- a/src/components/scene/index.vue +++ b/src/components/scene/index.vue @@ -3,27 +3,31 @@ <div class="nav"> <div class="nav-item" v-for="o in list" :key="o.index" @click="changeActive(o.index)"> <div class="outer"> - <div :class="['inner',active === o.index ? 'inner-active' : '']"></div> + <div :class="['inner', active === o.index ? 'inner-active' : '']"></div> </div> - <div class="innet-title">{{o.label}}</div> + <div class="innet-title">{{ o.label }}</div> </div> </div> <div class="scene-item" v-if="active === 1"> <el-form ref="arrivalSituation" label-position="right" label-width="120px" :model="arrivalSituation"> <el-form-item label="鍒拌揪鏃堕棿:"> - <el-input v-model="arrivalSituation.arrivalTime"></el-input> + <el-input disabled v-model="arrivalSituation.arrivalTime"></el-input> </el-form-item> <el-form-item label="鍒拌揪鍦板潃:"> - <el-input v-model="arrivalSituation.arrivalAddress"></el-input> + <el-input disabled v-model="arrivalSituation.arrivalAddress"></el-input> </el-form-item> <el-form-item label="鐜板満鎯呭喌璇存槑:"> - <el-input v-model="arrivalSituation.situationExplain"></el-input> + <el-input disabled v-model="arrivalSituation.situationExplain"></el-input> </el-form-item> <el-form-item label="淇¤鍥炲璇存槑:"> - <el-input v-model="arrivalSituation.replyExplain"></el-input> + <el-input disabled v-model="arrivalSituation.replyExplain"></el-input> </el-form-item> <el-form-item label="鐜板満鎯呭喌鐓х墖:"> - <el-input v-model="arrivalSituation.situationPic"></el-input> + <div class="flex"> + <template v-for="item in arrivalSituation.situationPic"> + <img class="img" :src="item" alt="" v-if="investigation.pic"> + </template> + </div> </el-form-item> </el-form> </div> @@ -31,81 +35,85 @@ <el-form ref="investigation" label-position="right" label-width="120px" :model="investigation"> <div class="inves-item"> <el-form-item label="鎵垮姙闃熷憳:"> - <el-input v-model="investigation.name"></el-input> + <el-input disabled v-model="investigation.undertaker"></el-input> </el-form-item> <el-form-item label="鍗忓姙闃熷憳:"> - <el-input v-model="investigation.assistant"></el-input> + <el-input disabled v-model="investigation.assistant"></el-input> </el-form-item> </div> <el-form-item label="鏃堕棿:"> - <el-input v-model="investigation.type"></el-input> + <el-input disabled v-model="investigation.investigationTime"></el-input> </el-form-item> <el-form-item label="鍦板潃:"> - <el-input v-model="investigation.address"></el-input> + <el-input disabled v-model="investigation.address"></el-input> </el-form-item> <el-form-item label="妗堢敱:"> - <el-input v-model="investigation.caseAction"></el-input> + <el-input disabled 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.description"></el-input> + <el-form-item label="澶勭疆缁撴灉:"> + <el-input disabled v-model="investigation.description"></el-input> </el-form-item> <el-form-item label="鐓х墖闄勪欢:"> - <el-input v-model="investigation.pic"></el-input> - </el-form-item> - <el-form-item label="绫诲瀷:"> - <el-input v-model="investigation.type"></el-input> + <div class="flex"> + <template v-for="item in investigation.pic"> + <img class="img" :src="item" alt="" v-if="investigation.pic"> + </template> + </div> + <!-- <el-input disabled v-model="investigation.pic"></el-input> --> </el-form-item> <div class="inves-item"> + 褰撲簨浜轰俊鎭� + </div> + <el-form-item label="绫诲瀷:"> + <el-input type="textarea" :rows="5" disabled v-model="type"></el-input> + </el-form-item> + <div class="inves-item"> <el-form-item label="褰撲簨浜哄鍚�:"> - <el-input v-model="investigation.type"></el-input> + <el-input disabled v-model="partyInfo.name"></el-input> </el-form-item> <el-form-item label="鎵嬫満鍙风爜:"> - <el-input v-model="investigation.type"></el-input> + <el-input disabled v-model="partyInfo.phoneCode"></el-input> </el-form-item> </div> <div class="inves-item"> <el-form-item label="璇佷欢绫诲瀷:"> - <el-input v-model="investigation.type"></el-input> + <el-input disabled v-model="partyInfo.certificateTypeText"></el-input> </el-form-item> <el-form-item label="璇佷欢鍙风爜:"> - <el-input v-model="investigation.type"></el-input> + <el-input disabled v-model="partyInfo.certificateCode"></el-input> </el-form-item> </div> <div class="inves-item"> <el-form-item label="鏂囧寲绋嬪害:"> - <el-input v-model="investigation.type"></el-input> + <el-input disabled v-model="partyInfo.educationDegreeText"></el-input> </el-form-item> <el-form-item label="鑱屼笟:"> - <el-input v-model="investigation.type"></el-input> + <el-input disabled v-model="partyInfo.career"></el-input> </el-form-item> </div> <el-form-item label="宸ヤ綔鍗曚綅鍙婅亴鍔�:"> - <el-input v-model="investigation.type"></el-input> + <el-input disabled v-model="partyInfo.work"></el-input> </el-form-item> <div class="inves-item"> <el-form-item label="姘戞棌:"> - <el-input v-model="investigation.type"></el-input> + <el-input disabled v-model="partyInfo.nationText"></el-input> </el-form-item> <el-form-item label="绫嶈疮:"> - <el-input v-model="investigation.type"></el-input> + <el-input disabled v-model="partyInfo.nativePlace"></el-input> </el-form-item> </div> <el-form-item label="鐜颁綇鍧�:"> - <el-input v-model="investigation.type"></el-input> + <el-input disabled v-model="partyInfo.liveAddress"></el-input> </el-form-item> <el-form-item label="鎴风睄鎵�鍦ㄥ湴:"> - <el-input v-model="investigation.type"></el-input> + <el-input disabled v-model="partyInfo.registerAddress"></el-input> </el-form-item> </el-form> - <el-button>杩斿洖</el-button> </div> <div class="scene-item" v-if="active === 3"> <el-form ref="writ" label-position="right" label-width="120px" :model="writ"> <el-form-item label="绫诲瀷:"> - <el-input v-model="writ.name"></el-input> + <el-input type="textarea" :rows="5" disabled v-model="type"></el-input> </el-form-item> </el-form> </div> @@ -130,22 +138,34 @@ label: '鍛婄煡杩濇硶' } ], + mybaseCase: {}, arrivalSituation: {}, investigation: {}, - writ: {} - + writ: {}, + partyInfo: {}, + type: null } }, - props: ['currentSitVo'], + props: ['currentSitVo', 'baseCase'], created() { - const { currentSitVo: { arrivalSituation: mylist,investigation:invesList } } = this; + const { currentSitVo: { arrivalSituation: mylist, investigation: invesList }, baseCase } = this; + if (invesList) { + if (invesList) { + this.investigation = invesList; + this.investigation.pic = invesList.pic.split(","); + this.partyInfo = invesList.partyInfo; + } + } if (mylist) { this.arrivalSituation = mylist; + this.arrivalSituation.situationPic = mylist.situationPic.split(",") } - if(invesList){ - this.investigation = invesList; + this.mybaseCase = baseCase; + if (baseCase.violations == null) { + this.type = baseCase.illegalBuilding.categoryText + } else { + this.type = baseCase.violations.typeText; } - console.log(this.currentSitVo); }, methods: { changeActive(idx) { @@ -196,14 +216,25 @@ } .scene-item { - padding: 20px 100px; + padding: 20px 0px; ::v-deep .el-input__inner { background-color: #09152f; border: 1px solid #17324c; } } - .inves-item{ + + .img { + width: 60px; + height: 60px; + margin-left: 5px; + } + + .flex { + display: flex; + } + + .inves-item { display: flex; } } -- Gitblit v1.8.0