From d87eaec0b07649dc356db0619ee7b87dd8cf558a Mon Sep 17 00:00:00 2001
From: odc.xiaohui <xiaohui@Q1>
Date: 星期二, 14 二月 2023 16:16:50 +0800
Subject: [PATCH] 2023/2/14 肖辉 修改部门管理
---
src/components/scene/index.vue | 185 +++++++++++++++++++++++++++++----------------
1 files changed, 118 insertions(+), 67 deletions(-)
diff --git a/src/components/scene/index.vue b/src/components/scene/index.vue
index e3650ab..f6e14f2 100644
--- a/src/components/scene/index.vue
+++ b/src/components/scene/index.vue
@@ -2,100 +2,118 @@
<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="['inner',active === o.index ? 'inner-active' : '']"></div>
+ <div class="outer">
+ <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>
<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 disabled v-model="investigation.undertaker"></el-input>
+ </el-form-item>
+ <el-form-item label="鍗忓姙闃熷憳:">
+ <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.type"></el-input>
+ <el-input disabled v-model="investigation.address"></el-input>
</el-form-item>
<el-form-item label="妗堢敱:">
- <el-input v-model="investigation.type"></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.type"></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.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>
- <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">
+ 褰撲簨浜轰俊鎭�
+ </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 disabled v-model="partyInfo.name"></el-input>
+ </el-form-item>
+ <el-form-item label="鎵嬫満鍙风爜:">
+ <el-input disabled v-model="partyInfo.phoneCode"></el-input>
+ </el-form-item>
+ </div>
+ <div class="inves-item">
+ <el-form-item label="璇佷欢绫诲瀷:">
+ <el-input disabled v-model="partyInfo.certificateTypeText"></el-input>
+ </el-form-item>
+ <el-form-item label="璇佷欢鍙风爜:">
+ <el-input disabled v-model="partyInfo.certificateCode"></el-input>
+ </el-form-item>
+ </div>
+ <div class="inves-item">
+ <el-form-item label="鏂囧寲绋嬪害:">
+ <el-input disabled v-model="partyInfo.educationDegreeText"></el-input>
+ </el-form-item>
+ <el-form-item label="鑱屼笟:">
+ <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>
- <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 disabled v-model="partyInfo.nationText"></el-input>
+ </el-form-item>
+ <el-form-item label="绫嶈疮:">
+ <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>
@@ -120,17 +138,34 @@
label: '鍛婄煡杩濇硶'
}
],
+ mybaseCase: {},
arrivalSituation: {},
- investigation:{},
- writ:{}
-
+ investigation: {},
+ writ: {},
+ partyInfo: {},
+ type: null
}
},
- props:['currentSitVo'],
- created(){
- const {currentSitVo} = this;
- console.log(currentSitVo);
- // this.arrivalSituation = mylist;
+ props: ['currentSitVo', 'baseCase'],
+ created() {
+ 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(",")
+ }
+ this.mybaseCase = baseCase;
+ if (baseCase.violationsVO) {
+ this.type = baseCase.violationsVO.typeText;
+ } else {
+ this.type = baseCase.illegalBuilding.categoryText;
+ }
},
methods: {
changeActive(idx) {
@@ -145,11 +180,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;
@@ -179,12 +216,26 @@
}
.scene-item {
- padding: 20px 100px;
+ padding: 20px 0px;
::v-deep .el-input__inner {
- background-color: #09152f;
- border: 1px solid #17324c;
+ // background-color: #09152f;
+ // border: 1px solid #17324c;
}
}
+
+ .img {
+ width: 60px;
+ height: 60px;
+ margin-left: 5px;
+ }
+
+ .flex {
+ display: flex;
+ }
+
+ .inves-item {
+ display: flex;
+ }
}
</style>
\ No newline at end of file
--
Gitblit v1.8.0