From 1aa5be564d5df56297355a2e71ae4ff6c7df0042 Mon Sep 17 00:00:00 2001
From: feige <feige@qq.com>
Date: 星期一, 09 十月 2023 10:03:23 +0800
Subject: [PATCH] ss
---
ruoyi-ui/src/views/homeRoot/personInfo.vue | 456 +++++++++++++++++++++++++++++++++-----------------------
1 files changed, 267 insertions(+), 189 deletions(-)
diff --git a/ruoyi-ui/src/views/homeRoot/personInfo.vue b/ruoyi-ui/src/views/homeRoot/personInfo.vue
index 0d1a56d..e47a606 100644
--- a/ruoyi-ui/src/views/homeRoot/personInfo.vue
+++ b/ruoyi-ui/src/views/homeRoot/personInfo.vue
@@ -1,252 +1,235 @@
<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="left" label-width="100px">
+ <div id="building" v-show="personInfos[1]">
+ <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.url" prop="url">
+ <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.url"
- :fit="fit"
+ :src="'http://47.93.189.255: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.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-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.identity" placeholder="璇疯緭鍏ヨ韩浠�" clearable :style="{width: '100%'}" :disabled="dsb">
+ <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.oldName" placeholder="璇疯緭鍏ユ浘鐢ㄥ悕" clearable :style="{width: '100%'}" :disabled="dsb">
+ <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-form-item label="鐢熻倴" prop="idNo" label-width="50px" style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;">
- <el-input v-model="formData.idNo" placeholder="璇疯緭鍏ョ敓鑲�" clearable :style="{width: '100%'}" :disabled="dsb">
+ </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="grade" label-width="50px" style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;">
- <el-input v-model="formData.grade" placeholder="璇疯緭鍏ユ槦搴�" clearable :style="{width: '100%'}" :disabled="dsb">
+ </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-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="formData.sex" placeholder="璇疯緭鍏ユ�у埆" clearable :style="{width: '100%'}" :disabled="dsb"></el-input>
+ <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="formData.nation" placeholder="璇疯緭鍏ユ皯鏃�" clearable :style="{width: '100%'}" :disabled="dsb">
+ <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="formData.phoneNumber" placeholder="璇疯緭鍏ヨ仈绯绘柟寮�" clearable :style="{width: '100%'}" :disabled="dsb">
+ <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-form-item label="寰俊鍙�" prop="nationality" label-width="68px" style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;">
- <el-input v-model="formData.nationality" placeholder="璇疯緭鍏ュ井淇″彿" clearable :style="{width: '100%'}" :disabled="dsb">
+ </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-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 v-model="formData.unit" placeholder="璇疯緭鍏ュ崟浣�" clearable :style="{width: '100%'}" :disabled="dsb">
+ <el-input v-model="personInfos[0].unit" 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-form-item label="濠氬Щ鐘跺喌" prop="sex" label-width="68px" style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;">
- <el-input v-model="formData.sex" placeholder="璇疯緭鍏ュ濮荤姸鍐�" clearable :style="{width: '100%'}" :disabled="dsb"></el-input>
+ <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-form-item label="閰嶅伓" prop="spouseId" label-width="50px" style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;">
- <el-input v-model="formData.spouseId" placeholder="璇疯緭鍏ラ厤鍋�" clearable :style="{width: '100%'}" :disabled="dsb">
+ </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>
</el-form-item>
- </el-cow>
- <el-cow :span="8">
+ </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 v-model="formData.locationAddress" placeholder="璇疯緭鍏ユ埛绫嶅湴鍧�" clearable :style="{width: '100%'}" :disabled="dsb">
+ <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-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 v-model="formData.alwaysAddress" placeholder="璇疯緭鍏ュ父浣忓湴鍧�" clearable :style="{width: '100%'}" :disabled="dsb">
+ <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="formData.position" placeholder="璇疯緭鍏ヨ亴鍔¤亴绉�" clearable :style="{width: '100%'}" :disabled="dsb">
+ <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-col>
</div>
</el-container>
<el-divider />
- <el-container>
+ <el-container >
<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-input v-model="personInfos.nickName" placeholder="璇疯緭鍏ュ鍚�" clearable :style="{width: '100%'}" :disabled="dsb">
+ <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.identity" placeholder="璇疯緭鍏ヨ韩浠�" clearable :style="{width: '100%'}" :disabled="dsb">
+ <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.oldName" placeholder="璇疯緭鍏ユ浘鐢ㄥ悕" clearable :style="{width: '100%'}" :disabled="dsb">
+ <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-form-item label="鐢熻倴" prop="idNo" label-width="50px" style="background: #D8E6F5;border-radius: 7px 7px 7px 7px;opacity: 1;">
- <el-input v-model="formData.idNo" placeholder="璇疯緭鍏ョ敓鑲�" clearable :style="{width: '100%'}" :disabled="dsb">
+ </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-form-item label="鏄熷骇" prop="grade" label-width="50px" style="background: #D8E6F5;border-radius: 7px 7px 7px 7px;opacity: 1;">
- <el-input v-model="formData.grade" placeholder="璇疯緭鍏ユ槦搴�" clearable :style="{width: '100%'}" :disabled="dsb">
+ </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-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="sex" label-width="45px" style="background:#D8E6F5;border-radius: 7px 7px 7px 7px;opacity: 1;">
- <el-input v-model="formData.sex" placeholder="璇疯緭鍏ユ�у埆" clearable :style="{width: '100%'}" :disabled="dsb"></el-input>
+ <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="formData.nation" placeholder="璇疯緭鍏ユ皯鏃�" clearable :style="{width: '100%'}" :disabled="dsb">
+ <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="formData.phoneNumber" placeholder="璇疯緭鍏ヨ仈绯绘柟寮�" clearable :style="{width: '100%'}" :disabled="dsb">
+ <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-form-item label="寰俊鍙�" prop="nationality" label-width="68px" style="background: #D8E6F5;border-radius: 7px 7px 7px 7px;opacity: 1;">
- <el-input v-model="formData.nationality" placeholder="璇疯緭鍏ュ井淇″彿" clearable :style="{width: '100%'}" :disabled="dsb">
+ </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-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 v-model="formData.unit" placeholder="璇疯緭鍏ュ崟浣�" clearable :style="{width: '100%'}" :disabled="dsb">
+ <el-input v-model="personInfos[1].unit" 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-form-item label="濠氬Щ鐘跺喌" prop="sex" label-width="68px" style="background:#D8E6F5;border-radius: 7px 7px 7px 7px;opacity: 1;">
- <el-input v-model="formData.sex" placeholder="璇疯緭鍏ュ濮荤姸鍐�" clearable :style="{width: '100%'}" :disabled="dsb"></el-input>
+ <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-form-item label="閰嶅伓" prop="spouseId" label-width="50px" style="background:#D8E6F5;border-radius: 7px 7px 7px 7px;opacity: 1;">
- <el-input v-model="formData.spouseId" placeholder="璇疯緭鍏ラ厤鍋�" clearable :style="{width: '100%'}" :disabled="dsb">
+ </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-row>
+ <el-row :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="formData.locationAddress" placeholder="璇疯緭鍏ユ埛绫嶅湴鍧�" clearable :style="{width: '100%'}" :disabled="dsb">
+ <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-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 v-model="formData.alwaysAddress" placeholder="璇疯緭鍏ュ父浣忓湴鍧�" clearable :style="{width: '100%'}" :disabled="dsb">
+ <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="formData.position" placeholder="璇疯緭鍏ヨ亴鍔¤亴绉�" clearable :style="{width: '100%'}" :disabled="dsb">
+ <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-col>
</div>
<div style="padding-left:30px;padding-top: 45px">
<el-container>
<el-col :span="6" :data="personInfos">
<div class="block" :model="personInfos" >
- <el-col v-model="personInfos.url" prop="url">
+ <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.url"
- :fit="fit"
+ :src="'http://47.93.189.255:8080/'+ personInfos[1].url"
+ style="width: 100%;height: 100%;"
></el-image>
</el-avatar>
</el-col>
@@ -256,23 +239,155 @@
</div>
</el-container>
</el-form>
+ </div>
+
+ <div id="building2" v-show="!personInfos[1]">
+ <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="'http://47.93.189.255: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="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-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="unit" label-width="68px" style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;">
+ <el-input v-model="personInfo1.unit" 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="locationAddress" label-width="68px" style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;">
+ <el-input v-model="personInfo1.locationAddress" 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 v-model="personInfo1.alwaysAddress" 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-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,
formData:{
userId: undefined,
nickName: undefined,
@@ -283,6 +398,8 @@
maritalStatus: undefined,
politicalOutlook: undefined,
phoneNumber:undefined,
+ wxNo:undefined,
+ qqNo:undefined,
idNum: undefined,
locationAddress: undefined,
alwaysAddress:undefined,
@@ -292,6 +409,8 @@
position:undefined,
outStatus:undefined,
idNo: undefined,
+ constellation:undefined,
+ shengXiao:undefined,
img: undefined,
spouseId: undefined,
fatherId: undefined,
@@ -314,57 +433,13 @@
},
// 琛ㄥ崟鏍￠獙
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:{
@@ -372,9 +447,12 @@
{
// alert(id)
getRoot(id).then(response => {
- console.log(response.data)
+ // console.log(response.data)
//杩欓噷鏄か濡荤殑淇℃伅锛屽凡缁忔嬁鍒颁簡
this.personInfos = response.data
+ this.personInfo1 = response.data[0]
+ console.log(this.personInfo1.nickName)
+
});
}
@@ -392,7 +470,7 @@
background-position: top left;
background-repeat: no-repeat;
}
-#building {
+#building building2{
/*璁剧疆閫忔槑搴�*/
/*opacity: 0.9;*/
background: rgba(255,255,255,0.8);
--
Gitblit v1.9.1