From 02ce22be65df8b717d5f1614e5d7dbfcdf1ce1b9 Mon Sep 17 00:00:00 2001
From: Oliver <1070107765@qq.com>
Date: 星期三, 14 十二月 2022 09:29:51 +0800
Subject: [PATCH] 预警研判 操作
---
src/components/scene/index.vue | 60 ++++++++++++++++++++++++++++++++++++++----------------------
1 files changed, 38 insertions(+), 22 deletions(-)
diff --git a/src/components/scene/index.vue b/src/components/scene/index.vue
index fb62be2..d29b5cc 100644
--- a/src/components/scene/index.vue
+++ b/src/components/scene/index.vue
@@ -3,9 +3,9 @@
<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">
@@ -23,8 +23,11 @@
<el-input disabled v-model="arrivalSituation.replyExplain"></el-input>
</el-form-item>
<el-form-item label="鐜板満鎯呭喌鐓х墖:">
- <img class="img" :src="arrivalSituation.situationPic" alt="" v-if="arrivalSituation.situationPic">
- <!-- <el-input disabled v-model=""></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>
@@ -47,19 +50,23 @@
<el-form-item label="妗堢敱:">
<el-input disabled v-model="investigation.caseAction"></el-input>
</el-form-item>
- <el-form-item label="褰撲簨浜轰俊鎭�:">
- <el-input disabled v-model="investigation.type"></el-input>
- </el-form-item>
<el-form-item label="澶勭疆缁撴灉:">
<el-input disabled v-model="investigation.description"></el-input>
</el-form-item>
<el-form-item label="鐓х墖闄勪欢:">
- <img class="img" :src="investigation.pic" alt="" v-if="investigation.pic">
+ <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 disabled v-model="mybaseCase.categoryText"></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>
@@ -102,12 +109,11 @@
<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 disabled v-model="writ.name"></el-input>
+ <el-input type="textarea" :rows="5" disabled v-model="type"></el-input>
</el-form-item>
</el-form>
</div>
@@ -136,27 +142,30 @@
arrivalSituation: {},
investigation: {},
writ: {},
- partyInfo: {}
+ partyInfo: {},
+ type: null
}
},
props: ['currentSitVo', 'baseCase'],
created() {
const { currentSitVo: { arrivalSituation: mylist, investigation: invesList }, baseCase } = this;
if (invesList) {
- const { partyInfo } = invesList;
if (invesList) {
this.investigation = invesList;
- }
- if (partyInfo) {
- this.partyInfo = partyInfo;
+ this.investigation.pic = invesList.pic?.split(",");
+ this.partyInfo = invesList.partyInfo;
}
}
if (mylist) {
this.arrivalSituation = mylist;
+ this.arrivalSituation.situationPic = mylist.situationPic.split(",")
}
this.mybaseCase = baseCase;
- console.log(baseCase);
- console.log(this.currentSitVo);
+ if (baseCase.violationsVO) {
+ this.type = baseCase.violationsVO.typeText;
+ } else {
+ this.type = baseCase.illegalBuilding.categoryText;
+ }
},
methods: {
changeActive(idx) {
@@ -214,10 +223,17 @@
border: 1px solid #17324c;
}
}
- .img{
+
+ .img {
width: 60px;
- height:60px;
+ height: 60px;
+ margin-left: 5px;
}
+
+ .flex {
+ display: flex;
+ }
+
.inves-item {
display: flex;
}
--
Gitblit v1.8.0