完善模块搜索框样式

Tcsm

2023-09-25 e103f6c980d575765eb7aa7aaee9426749c30e9e

 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" >
      <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-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-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-col>
              </div>
            </el-container>
            <el-divider />
            <el-container>
              <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="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-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-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-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);