From e103f6c980d575765eb7aa7aaee9426749c30e9e Mon Sep 17 00:00:00 2001
From: Tcsm <1377977403@qq.com>
Date: 星期一, 25 九月 2023 20:41:00 +0800
Subject: [PATCH] 完善模块搜索框样式

---
 ruoyi-ui/src/views/homeRoot/personInfo.vue |  358 +++++++++++++++++++++++++++++++++++-----------------------
 1 files changed, 215 insertions(+), 143 deletions(-)

diff --git a/ruoyi-ui/src/views/homeRoot/personInfo.vue b/ruoyi-ui/src/views/homeRoot/personInfo.vue
index c222436..e47a606 100644
--- a/ruoyi-ui/src/views/homeRoot/personInfo.vue
+++ b/ruoyi-ui/src/views/homeRoot/personInfo.vue
@@ -1,242 +1,225 @@
 <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-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[0].url" prop="url">
                         <el-avatar shape="square" :size=200 >
                           <el-image
                             :src="'http://47.93.189.255:8080/'+ personInfos[0].url"
-                            :fit="fit"
                             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-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="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-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="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-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>
                       </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="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="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-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-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>
                       </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="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-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="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-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-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="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="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-col>
               </div>
               <div style="padding-left:30px;padding-top: 45px">
                 <el-container>
@@ -246,7 +229,6 @@
                         <el-avatar shape="square" :size=200 >
                           <el-image
                             :src="'http://47.93.189.255:8080/'+ personInfos[1].url"
-                            :fit="fit"
                             style="width: 100%;height: 100%;"
                           ></el-image>
                         </el-avatar>
@@ -257,22 +239,153 @@
               </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:{
@@ -320,51 +433,7 @@
         },
         // 琛ㄥ崟鏍¢獙
         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'
-          }],
+
         },
       }
     }
@@ -378,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)
+
     });
 
     }
@@ -398,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