From d4ab8daa939334d634c5ccfe2ccac7d61d17a467 Mon Sep 17 00:00:00 2001
From: zhanghua <314079846@qq.com>
Date: 星期五, 28 十月 2022 15:07:35 +0800
Subject: [PATCH] 权限菜单加载--未完
---
src/components/scene/index.vue | 151 +++++++++++++++++++++++++++++++-------------------
1 files changed, 93 insertions(+), 58 deletions(-)
diff --git a/src/components/scene/index.vue b/src/components/scene/index.vue
index e3650ab..fb62be2 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>
@@ -11,83 +11,95 @@
<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>
+ <img class="img" :src="arrivalSituation.situationPic" alt="" v-if="arrivalSituation.situationPic">
+ <!-- <el-input disabled v-model=""></el-input> -->
</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-input disabled 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>
+ <img class="img" :src="investigation.pic" alt="" v-if="investigation.pic">
+ <!-- <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-input disabled v-model="mybaseCase.categoryText"></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 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>
@@ -95,7 +107,7 @@
<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 disabled v-model="writ.name"></el-input>
</el-form-item>
</el-form>
</div>
@@ -120,17 +132,31 @@
label: '鍛婄煡杩濇硶'
}
],
+ mybaseCase: {},
arrivalSituation: {},
- investigation:{},
- writ:{}
-
+ investigation: {},
+ writ: {},
+ partyInfo: {}
}
},
- 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) {
+ const { partyInfo } = invesList;
+ if (invesList) {
+ this.investigation = invesList;
+ }
+ if (partyInfo) {
+ this.partyInfo = partyInfo;
+ }
+ }
+ if (mylist) {
+ this.arrivalSituation = mylist;
+ }
+ this.mybaseCase = baseCase;
+ console.log(baseCase);
+ console.log(this.currentSitVo);
},
methods: {
changeActive(idx) {
@@ -145,11 +171,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 +207,19 @@
}
.scene-item {
- padding: 20px 100px;
+ padding: 20px 0px;
::v-deep .el-input__inner {
background-color: #09152f;
border: 1px solid #17324c;
}
}
+ .img{
+ width: 60px;
+ height:60px;
+ }
+ .inves-item {
+ display: flex;
+ }
}
</style>
\ No newline at end of file
--
Gitblit v1.8.0