From bd40473c9c634005bc7e62e7fc901bcd8b598fa0 Mon Sep 17 00:00:00 2001 From: feige <feige@qq.com> Date: 星期五, 02 二月 2024 15:20:26 +0800 Subject: [PATCH] 提交了修改 --- ruoyi-ui/src/views/homeRoot/personInfo.vue | 444 +++++++++++++++++++++++++++++++++--------------------- 1 files changed, 271 insertions(+), 173 deletions(-) diff --git a/ruoyi-ui/src/views/homeRoot/personInfo.vue b/ruoyi-ui/src/views/homeRoot/personInfo.vue index 43167c3..271c4a5 100644 --- a/ruoyi-ui/src/views/homeRoot/personInfo.vue +++ b/ruoyi-ui/src/views/homeRoot/personInfo.vue @@ -1,241 +1,231 @@ <template> <div class="app-container" > <div class="wrapper" style="overflow: auto;"> - <div id="building" > - <el-form ref="elForm" :model="personInfos" :rules="rules" size="medium" label-position="center" label-width="100px"> + <div id="building" v-if="isshow"> + <el-form ref="elForm" :model="personInfos" :rules="rules" size="medium" label-position="center" label-width="100px"> <el-container> <div style="padding-left:30px;padding-top: 50px"> - <el-container> <el-col :span="6" :data="personInfos"> <div class="block" :model="personInfos" > <el-col v-model="personInfos[0].url" prop="url"> <el-avatar shape="square" :size=200 > <el-image - :src="'http://47.93.189.255:8080/'+ personInfos[0].url" - :fit="fit" + :src="'https://www.bendudu.com:8080/'+personInfos[0].url" + style="width: 100%;height: 100%;" ></el-image> </el-avatar> </el-col> </div> </el-col> - </el-container> </div> <div style="padding-left:30px;padding-top: 15px"> - <el-container> - <el-row> - <el-cow :span="8"> + <el-col> + <el-row :span="8"> <el-form-item label="濮撳悕" prop="nickName" label-width="50px" style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;"> <el-input v-model="personInfos[0].nickName" placeholder="璇疯緭鍏ュ鍚�" clearable :style="{width: '100%'}" :disabled="dsb"> </el-input> </el-form-item> - </el-cow> - <el-cow :span="8"> + </el-row> + <el-row :span="8"> <el-form-item label="韬唤" prop="identity" label-width="50px" style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;"> <el-input v-model="personInfos[0].identity" placeholder="璇疯緭鍏ヨ韩浠�" clearable :style="{width: '100%'}" :disabled="dsb"> </el-input> </el-form-item> - </el-cow> - <el-cow :span="8"> + </el-row> + <el-row :span="8"> <el-form-item label="鏇剧敤鍚�" prop="oldName" label-width="68px" style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;"> <el-input v-model="personInfos[0].oldName" placeholder="璇疯緭鍏ユ浘鐢ㄥ悕" clearable :style="{width: '100%'}" :disabled="dsb"> </el-input> </el-form-item> - </el-cow> - <el-cow :span="8"> + </el-row> + <el-row :span="8"> <el-form-item label="鐢熻倴" prop="shengXiao" label-width="50px" style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;"> <el-input v-model="personInfos[0].shengXiao" placeholder="璇疯緭鍏ョ敓鑲�" clearable :style="{width: '100%'}" :disabled="dsb"> </el-input> </el-form-item> - </el-cow> - <el-cow :span="8"> - <el-form-item label="鏄熷骇" prop="constellation" label-width="50px" style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;"> - <el-input v-model="personInfos[0].constellation" placeholder="璇疯緭鍏ユ槦搴�" clearable :style="{width: '100%'}" :disabled="dsb"> + </el-row> + + <el-row :span="8"> + <el-form-item label="鎴风睄鍦板潃" prop="locationAddress" label-width="68px" style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;"> + <el-input type="textarea" v-model="personInfos[0].locationAddress" placeholder="璇疯緭鍏ユ埛绫嶅湴鍧�" clearable :style="{width: '100%'}" :disabled="dsb"> </el-input> </el-form-item> - </el-cow> - - </el-row> - </el-container> + </el-row> + </el-col> </div> <div style="padding-left:30px;padding-top: 15px"> - <el-container> - <el-row> - <el-cow :span="8"> + <el-col> + <el-row :span="8"> <el-form-item label="鎬у埆" prop="sex" label-width="45px" style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;"> <el-input v-model="personInfos[0].sex === 1 ? '鐢�':'濂�'" placeholder="璇疯緭鍏ユ�у埆" clearable :style="{width: '100%'}" :disabled="dsb"></el-input> </el-form-item> - </el-cow> - <el-cow :span="8"> + </el-row> + <el-row :span="8"> <el-form-item label="姘戞棌" prop="nation" label-width="50px" style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;"> <el-input v-model="personInfos[0].nation" placeholder="璇疯緭鍏ユ皯鏃�" clearable :style="{width: '100%'}" :disabled="dsb"> </el-input> </el-form-item> - </el-cow> - <el-cow :span="8"> + </el-row> + <el-row :span="8"> <el-form-item label="鑱旂郴鏂瑰紡" prop="phoneNumber" label-width="68px" style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;"> <el-input v-model="personInfos[0].phoneNumber" placeholder="璇疯緭鍏ヨ仈绯绘柟寮�" clearable :style="{width: '100%'}" :disabled="dsb"> </el-input> </el-form-item> - </el-cow> - <el-cow :span="8"> + </el-row> + <el-row :span="8"> <el-form-item label="寰俊鍙�" prop="wxNo" label-width="68px" style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;"> <el-input v-model="personInfos[0].wxNo" placeholder="璇疯緭鍏ュ井淇″彿" clearable :style="{width: '100%'}" :disabled="dsb"> </el-input> </el-form-item> - </el-cow> - <el-cow :span="8"> - <el-form-item label="鍗曚綅" prop="unit" label-width="68px" style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;"> - <el-input v-model="personInfos[0].unit" placeholder="璇疯緭鍏ュ崟浣�" clearable :style="{width: '100%'}" :disabled="dsb"> + </el-row> + <el-row :span="8"> + <el-form-item label="甯镐綇鍦板潃" prop="alwaysAddress" label-width="68px" style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;"> + <el-input type="textarea" v-model="personInfos[0].alwaysAddress" placeholder="璇疯緭鍏ュ父浣忓湴鍧�" clearable :style="{width: '100%'}" :disabled="dsb"> </el-input> </el-form-item> - </el-cow> - </el-row> - </el-container> + </el-row> + </el-col> </div> <div style="padding-left:30px;padding-top: 15px"> - <el-container> - <el-row> - <el-cow :span="8"> + <el-col> + <el-row :span="8"> <el-form-item label="濠氬Щ鐘跺喌" prop="maritalStatus" label-width="68px" style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;"> <el-input v-model="personInfos[0].maritalStatus === 1 ? '宸插':'鏈'" placeholder="璇疯緭鍏ュ濮荤姸鍐�" clearable :style="{width: '100%'}" :disabled="dsb"></el-input> </el-form-item> - </el-cow> - <el-cow :span="8"> + </el-row> + <el-row :span="8"> <el-form-item label="閰嶅伓" prop="nickName" label-width="50px" style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;"> - <el-input v-model="personInfos[1].nickName" placeholder="璇疯緭鍏ラ厤鍋�" clearable :style="{width: '100%'}" :disabled="dsb"> + <el-input v-model="personInfos[0].nickName" placeholder="璇疯緭鍏ラ厤鍋�" clearable :style="{width: '100%'}" :disabled="dsb"> </el-input> </el-form-item> - </el-cow> - <el-cow :span="8"> - <el-form-item label="鎴风睄鍦板潃" prop="locationAddress" label-width="68px" style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;"> - <el-input v-model="personInfos[0].locationAddress" placeholder="璇疯緭鍏ユ埛绫嶅湴鍧�" clearable :style="{width: '100%'}" :disabled="dsb"> - </el-input> - </el-form-item> - </el-cow> - <el-cow :span="8"> - <el-form-item label="甯镐綇鍦板潃" prop="alwaysAddress" label-width="68px" style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;"> - <el-input v-model="personInfos[0].alwaysAddress" placeholder="璇疯緭鍏ュ父浣忓湴鍧�" clearable :style="{width: '100%'}" :disabled="dsb"> - </el-input> - </el-form-item> - </el-cow> - <el-cow :span="8"> + </el-row> + + + <el-row :span="8"> <el-form-item label="鑱屽姟鑱岀О" prop="position" label-width="68px" style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;"> <el-input v-model="personInfos[0].position" placeholder="璇疯緭鍏ヨ亴鍔¤亴绉�" clearable :style="{width: '100%'}" :disabled="dsb"> </el-input> </el-form-item> - </el-cow> - </el-row> - </el-container> + </el-row> + <el-row :span="8"> + <el-form-item label="鏄熷骇" prop="constellation" label-width="50px" style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;"> + <el-input v-model="personInfos[0].constellation" placeholder="璇疯緭鍏ユ槦搴�" clearable :style="{width: '100%'}" :disabled="dsb"> + </el-input> + </el-form-item> + </el-row> + <el-row :span="8"> + <el-form-item label="鍗曚綅" prop="unit" label-width="68px" style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;"> + <el-input type="textarea" v-model="personInfos[0].unit" placeholder="璇疯緭鍏ュ崟浣�" clearable :style="{width: '100%'}" :disabled="dsb"> + </el-input> + </el-form-item> + </el-row> + </el-col> </div> </el-container> <el-divider /> - <el-container> +<el-container v-if="isshow"> <div style="padding-left:30px;padding-top: 10px"> - <el-container> - <el-row> - <el-cow :span="8"> - <el-form-item label="濮撳悕" prop="nickName" label-width="50px" style="background:#D8E6F5;border-radius: 7px 7px 7px 7px;opacity: 1;"> + <el-col> + <el-row :span="8"> + <el-form-item label="濮撳悕" prop="nickName" label-width="50px" style="background:#D8E6F5;border-radius: 7px 7px 7px 7px;opacity: 1;" > <el-input v-model="personInfos[1].nickName" placeholder="璇疯緭鍏ュ鍚�" clearable :style="{width: '100%'}" :disabled="dsb"> </el-input> </el-form-item> - </el-cow> - <el-cow :span="8"> + </el-row> + <el-row :span="8"> <el-form-item label="韬唤" prop="identity" label-width="50px" style="background: #D8E6F5;border-radius: 7px 7px 7px 7px;opacity: 1;"> <el-input v-model="personInfos[1].identity" placeholder="璇疯緭鍏ヨ韩浠�" clearable :style="{width: '100%'}" :disabled="dsb"> </el-input> </el-form-item> - </el-cow> - <el-cow :span="8"> + </el-row> + <el-row :span="8"> <el-form-item label="鏇剧敤鍚�" prop="oldName" label-width="68px" style="background: #D8E6F5;border-radius: 7px 7px 7px 7px;opacity: 1;"> <el-input v-model="personInfos[1].oldName" placeholder="璇疯緭鍏ユ浘鐢ㄥ悕" clearable :style="{width: '100%'}" :disabled="dsb"> </el-input> </el-form-item> - </el-cow> - <el-cow :span="8"> + </el-row> + <el-row :span="8"> <el-form-item label="鐢熻倴" prop="shengXiao" label-width="50px" style="background: #D8E6F5;border-radius: 7px 7px 7px 7px;opacity: 1;"> <el-input v-model="personInfos[1].shengXiao" placeholder="璇疯緭鍏ョ敓鑲�" clearable :style="{width: '100%'}" :disabled="dsb"> </el-input> </el-form-item> - </el-cow> - <el-cow :span="8"> + </el-row> + <el-row :span="8"> <el-form-item label="鏄熷骇" prop="constellation" label-width="50px" style="background: #D8E6F5;border-radius: 7px 7px 7px 7px;opacity: 1;"> - <el-input v-model="personInfos[1].constellation" placeholder="璇疯緭鍏ユ槦搴�" clearable :style="{width: '100%'}" :disabled="dsb"> + <el-input type="textarea" v-model="personInfos[1].constellation" placeholder="璇疯緭鍏ユ槦搴�" clearable :style="{width: '100%'}" :disabled="dsb"> </el-input> </el-form-item> - </el-cow> - - </el-row> - </el-container> + </el-row> + </el-col> </div> - <div style="padding-left:30px;padding-top: 10px"> - <el-container> - <el-row> - <el-cow :span="8"> + <div style="padding-left:30px;padding-top: 10px" v-show="personInfos[1]"> + <el-col> + <el-row :span="8"> <el-form-item label="鎬у埆" prop="sex" label-width="45px" style="background:#D8E6F5;border-radius: 7px 7px 7px 7px;opacity: 1;"> <el-input v-model="personInfos[1].sex=== 1 ? '鐢�':'濂�'" placeholder="璇疯緭鍏ユ�у埆" clearable :style="{width: '100%'}" :disabled="dsb"></el-input> </el-form-item> - </el-cow> - <el-cow :span="8"> + </el-row> + <el-row :span="8"> <el-form-item label="姘戞棌" prop="nation" label-width="50px" style="background: #D8E6F5;border-radius: 7px 7px 7px 7px;opacity: 1;"> <el-input v-model="personInfos[1].nation" placeholder="璇疯緭鍏ユ皯鏃�" clearable :style="{width: '100%'}" :disabled="dsb"> </el-input> </el-form-item> - </el-cow> - <el-cow :span="8"> + </el-row> + <el-row :span="8"> <el-form-item label="鑱旂郴鏂瑰紡" prop="phoneNumber" label-width="68px" style="background:#D8E6F5;border-radius: 7px 7px 7px 7px;opacity: 1;"> <el-input v-model="personInfos[1].phoneNumber" placeholder="璇疯緭鍏ヨ仈绯绘柟寮�" clearable :style="{width: '100%'}" :disabled="dsb"> </el-input> </el-form-item> - </el-cow> - <el-cow :span="8"> + </el-row> + <el-row :span="8"> <el-form-item label="寰俊鍙�" prop="wxNo" label-width="68px" style="background: #D8E6F5;border-radius: 7px 7px 7px 7px;opacity: 1;"> <el-input v-model="personInfos[1].wxNo" placeholder="璇疯緭鍏ュ井淇″彿" clearable :style="{width: '100%'}" :disabled="dsb"> </el-input> </el-form-item> - </el-cow> - <el-cow :span="8"> - <el-form-item label="鍗曚綅" prop="unit" label-width="68px" style="background:#D8E6F5;border-radius: 7px 7px 7px 7px;opacity: 1;"> - <el-input v-model="personInfos[1].unit" placeholder="璇疯緭鍏ュ崟浣�" clearable :style="{width: '100%'}" :disabled="dsb"> + </el-row> + + <el-row :span="8"> + <el-form-item label="甯镐綇鍦板潃" prop="alwaysAddress" label-width="68px" style="background: #D8E6F5;border-radius: 7px 7px 7px 7px;opacity: 1;"> + <el-input type="textarea" v-model="personInfos[1].alwaysAddress" placeholder="璇疯緭鍏ュ父浣忓湴鍧�" clearable :style="{width: '100%'}" :disabled="dsb"> </el-input> </el-form-item> - </el-cow> - </el-row> - </el-container> + </el-row> + </el-col> </div> <div style="padding-left:30px;padding-top: 10px"> - <el-container> - <el-row> - <el-cow :span="8"> + <el-col> + <el-row :span="8"> <el-form-item label="濠氬Щ鐘跺喌" prop="maritalStatus" label-width="68px" style="background:#D8E6F5;border-radius: 7px 7px 7px 7px;opacity: 1;"> <el-input v-model="personInfos[1].maritalStatus === 1 ? '宸插':'鏈'" placeholder="璇疯緭鍏ュ濮荤姸鍐�" clearable :style="{width: '100%'}" :disabled="dsb"></el-input> </el-form-item> - </el-cow> - <el-cow :span="8"> + </el-row> + <el-row :span="8"> <el-form-item label="閰嶅伓" prop="nickName" label-width="50px" style="background:#D8E6F5;border-radius: 7px 7px 7px 7px;opacity: 1;"> <el-input v-model="personInfos[0].nickName" placeholder="璇疯緭鍏ラ厤鍋�" clearable :style="{width: '100%'}" :disabled="dsb"> </el-input> </el-form-item> - </el-cow> - <el-cow :span="8"> - <el-form-item label="鎴风睄鍦板潃" prop="locationAddress" label-width="68px" style="background:#D8E6F5;border-radius: 7px 7px 7px 7px;opacity: 1;"> - <el-input v-model="personInfos[1].locationAddress" placeholder="璇疯緭鍏ユ埛绫嶅湴鍧�" clearable :style="{width: '100%'}" :disabled="dsb"> - </el-input> - </el-form-item> - </el-cow> - <el-cow :span="8"> - <el-form-item label="甯镐綇鍦板潃" prop="alwaysAddress" label-width="68px" style="background: #D8E6F5;border-radius: 7px 7px 7px 7px;opacity: 1;"> - <el-input v-model="personInfos[1].alwaysAddress" placeholder="璇疯緭鍏ュ父浣忓湴鍧�" clearable :style="{width: '100%'}" :disabled="dsb"> - </el-input> - </el-form-item> - </el-cow> - <el-cow :span="8"> + </el-row> + + + <el-row :span="8"> <el-form-item label="鑱屽姟鑱岀О" prop="position" label-width="68px" style="background:#D8E6F5;border-radius: 7px 7px 7px 7px;opacity: 1;"> <el-input v-model="personInfos[1].position" placeholder="璇疯緭鍏ヨ亴鍔¤亴绉�" clearable :style="{width: '100%'}" :disabled="dsb"> </el-input> </el-form-item> - </el-cow> - </el-row> - </el-container> + </el-row> + <el-row :span="8"> + <el-form-item label="鏄熷骇" prop="constellation" label-width="50px" style="background: #D8E6F5;border-radius: 7px 7px 7px 7px;opacity: 1;"> + <el-input v-model="personInfos[1].constellation" placeholder="璇疯緭鍏ユ槦搴�" clearable :style="{width: '100%'}" :disabled="dsb"> + </el-input> + </el-form-item> + </el-row> + <el-row :span="8"> + <el-form-item label="鍗曚綅" prop="unit" label-width="68px" style="background:#D8E6F5;border-radius: 7px 7px 7px 7px;opacity: 1;"> + <el-input type="textarea" v-model="personInfos[1].unit" placeholder="璇疯緭鍏ュ崟浣�" clearable :style="{width: '100%'}" :disabled="dsb"> + </el-input> + </el-form-item> + </el-row> + </el-col> </div> <div style="padding-left:30px;padding-top: 45px"> <el-container> @@ -244,8 +234,8 @@ <el-col v-model="personInfos[1].url" prop="url"> <el-avatar shape="square" :size=200 > <el-image - :src="'http://47.93.189.255:8080/'+ personInfos[1].url" - :fit="fit" + :src="'https://www.bendudu.com:8080/'+ personInfos[1].url" + style="width: 100%;height: 100%;" ></el-image> </el-avatar> </el-col> @@ -255,23 +245,163 @@ </div> </el-container> </el-form> + </div> + + <div id="building2" v-show="!isshow"> + <el-form ref="elForm" :model="personInfo1" :rules="rules" size="medium" label-position="center" label-width="100px"> + <el-container> + <div style="padding-left:30px;padding-top: 50px"> + <el-container> + <el-col :span="6" :data="personInfo1"> + <div class="block" :model="personInfo1" > + <el-col v-model="personInfo1.url" prop="url"> + <el-avatar shape="square" :size=200 > + <el-image + :src="'https://www.bendudu.com:8080/'+ personInfo1.url" + style="width: 100%;height: 100%;" + ></el-image> + </el-avatar> + </el-col> + </div> + </el-col> + </el-container> + </div> + <div style="padding-left:30px;padding-top: 15px"> + <el-container> + <el-col> + <el-row :span="8"> + <el-form-item label="濮撳悕" prop="nickName" label-width="50px" style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;"> + <el-input v-model="personInfo1.nickName" placeholder="璇疯緭鍏ュ鍚�" clearable :style="{width: '100%'}" :disabled="dsb"> + </el-input> + </el-form-item> + </el-row> + <el-row :span="8"> + <el-form-item label="韬唤" prop="identity" label-width="50px" style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;"> + <el-input v-model="personInfo1.identity" placeholder="璇疯緭鍏ヨ韩浠�" clearable :style="{width: '100%'}" :disabled="dsb"> + </el-input> + </el-form-item> + </el-row> + <el-row :span="8"> + <el-form-item label="鏇剧敤鍚�" prop="oldName" label-width="68px" style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;"> + <el-input v-model="personInfo1.oldName" placeholder="璇疯緭鍏ユ浘鐢ㄥ悕" clearable :style="{width: '100%'}" :disabled="dsb"> + </el-input> + </el-form-item> + </el-row> + <el-row :span="8"> + <el-form-item label="鐢熻倴" prop="shengXiao" label-width="50px" style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;"> + <el-input v-model="personInfo1.shengXiao" placeholder="璇疯緭鍏ョ敓鑲�" clearable :style="{width: '100%'}" :disabled="dsb"> + </el-input> + </el-form-item> + </el-row> + <el-row :span="8"> + <el-form-item label="鎴风睄鍦板潃" prop="locationAddress" label-width="68px" style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;"> + <el-input type="textarea" v-model="personInfo1.locationAddress" placeholder="璇疯緭鍏ユ埛绫嶅湴鍧�" clearable :style="{width: '100%'}" :disabled="dsb"> + </el-input> + </el-form-item> + </el-row> + + </el-col> + </el-container> + </div> + <div style="padding-left:30px;padding-top: 15px"> + <el-container> + <el-col> + <el-row :span="8"> + <el-form-item label="鎬у埆" prop="sex" label-width="45px" style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;"> + <el-input v-model="personInfo1.sex === 1 ? '鐢�':'濂�'" placeholder="璇疯緭鍏ユ�у埆" clearable :style="{width: '100%'}" :disabled="dsb"></el-input> + </el-form-item> + </el-row> + <el-row :span="8"> + <el-form-item label="姘戞棌" prop="nation" label-width="50px" style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;"> + <el-input v-model="personInfo1.nation" placeholder="璇疯緭鍏ユ皯鏃�" clearable :style="{width: '100%'}" :disabled="dsb"> + </el-input> + </el-form-item> + </el-row> + <el-row :span="8"> + <el-form-item label="鑱旂郴鏂瑰紡" prop="phoneNumber" label-width="68px" style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;"> + <el-input v-model="personInfo1.phoneNumber" placeholder="璇疯緭鍏ヨ仈绯绘柟寮�" clearable :style="{width: '100%'}" :disabled="dsb"> + </el-input> + </el-form-item> + </el-row> + <el-row :span="8"> + <el-form-item label="寰俊鍙�" prop="wxNo" label-width="68px" style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;"> + <el-input v-model="personInfo1.wxNo" placeholder="璇疯緭鍏ュ井淇″彿" clearable :style="{width: '100%'}" :disabled="dsb"> + </el-input> + </el-form-item> + </el-row> + <el-row :span="8"> + <el-form-item label="甯镐綇鍦板潃" prop="alwaysAddress" label-width="68px" style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;"> + <el-input type="textarea" v-model="personInfo1.alwaysAddress" placeholder="璇疯緭鍏ュ父浣忓湴鍧�" clearable :style="{width: '100%'}" :disabled="dsb"> + </el-input> + </el-form-item> + </el-row> + + + + + </el-col> + </el-container> + </div> + <div style="padding-left:30px;padding-top: 15px"> + <el-container> + <el-col> + <el-row :span="8"> + <el-form-item label="濠氬Щ鐘跺喌" prop="maritalStatus" label-width="68px" style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;"> + <el-input v-model="personInfo1.maritalStatus === 1 ? '宸插':'鏈'" placeholder="璇疯緭鍏ュ濮荤姸鍐�" clearable :style="{width: '100%'}" :disabled="dsb"></el-input> + </el-form-item> + </el-row> + <el-row :span="8"> + <el-form-item label="閰嶅伓" prop="nickName" label-width="50px" style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;"> + <el-input v-model="personInfo1.spouseId" placeholder="璇疯緭鍏ラ厤鍋�" clearable :style="{width: '100%'}" :disabled="dsb"> + </el-input> + </el-form-item> + </el-row> + + <el-row :span="8"> + <el-form-item label="鏄熷骇" prop="constellation" label-width="50px" style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;"> + <el-input v-model="personInfo1.constellation" placeholder="璇疯緭鍏ユ槦搴�" clearable :style="{width: '100%'}" :disabled="dsb"> + </el-input> + </el-form-item> + </el-row> + + <el-row :span="8"> + <el-form-item label="鑱屽姟鑱岀О" prop="position" label-width="68px" style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;"> + <el-input v-model="personInfo1.position" placeholder="璇疯緭鍏ヨ亴鍔¤亴绉�" clearable :style="{width: '100%'}" :disabled="dsb"> + </el-input> + </el-form-item> + </el-row> + + <el-row :span="8"> + <el-form-item class="centered-label" label="鍗曚綅" prop="unit" label-width="68px" style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;"> + <el-input type="textarea" v-model="personInfo1.unit" placeholder="璇疯緭鍏ュ崟浣�" clearable :style="{width: '100%'}" :disabled="dsb"> + </el-input> + </el-form-item> + </el-row> + </el-col> + </el-container> + </div> + </el-container> + </el-form> </div> + </div> </div> </template> <script> import {getRoot} from "@/api/root/index"; -import {listExperience} from "@/api/self"; export default { name: "index", data(){ return{ // 閬僵灞� disabled: false, - personInfos:[], + personInfos:{}, + personInfo1:{}, loading: true, + dsb:true, + isshow:true, formData:{ userId: undefined, nickName: undefined, @@ -317,67 +447,28 @@ }, // 琛ㄥ崟鏍¢獙 rules: { - createTime: [{ - required: true, - message: '璇疯緭鍏ュ垱寤烘椂闂�', - trigger: 'blur' - }], - type: [{ - required: true, - message: '璇疯緭鍏ョ被鍨�', - trigger: 'blur' - }], - name: [{ - required: true, - message: '璇疯緭鍏ュ悕绉�', - trigger: 'blur' - }], - grade: [{ - required: true, - message: '璇疯緭鍏ョ骇鍒�', - trigger: 'blur' - }], - idNo: [{ - required: true, - message: '璇疯緭鍏ヨ瘉浠跺彿/涓撲笟', - trigger: 'blur' - }], - validityDate: [{ - // required: true, - message: '璇疯緭鍏ユ湁鏁堟椂闂�', - trigger: 'blur' - }], - getDate: [{ - // required: true, - message: '璇疯緭鍏ヨ幏寰楁椂闂�', - trigger: 'blur' - }], - location: [{ - // required: true, - message: '璇疯緭鍏ュ瓨鏀句綅缃�', - trigger: 'blur' - }], - remark: [{ - // required: true, - message: '璇疯緭鍏ュ娉�', - trigger: 'blur' - }], + }, } } , mounted() { - const id = this.$route.params && this.$route.params.id; + const id = this.$route.params && this.$route.params.id; this.getList(id); }, methods:{ getList(id) { - // alert(id) + let _this = this; getRoot(id).then(response => { - console.log(response.data) + console.log(response.data) //杩欓噷鏄か濡荤殑淇℃伅锛屽凡缁忔嬁鍒颁簡 - this.personInfos = response.data + _this.personInfos = response.data + if(_this.personInfos[1]==null) + _this.isshow = false; + _this.personInfo1 = response.data[0] + //alert(this.personInfos[0].url) + }); } @@ -395,7 +486,7 @@ background-position: top left; background-repeat: no-repeat; } -#building { +#building building2{ /*璁剧疆閫忔槑搴�*/ /*opacity: 0.9;*/ background: rgba(255,255,255,0.8); @@ -414,4 +505,11 @@ margin: 2px 0px; position: relative; } +.centered-label .el-form-item__content{ + line-height: 38px; + padding: 0px; + margin-left: 50%; + border: 1px solid red; + text-align: center; +} </style> -- Gitblit v1.9.1