feige
2023-11-21 4358a3134c53590ef838c456e8d9369880655114
ruoyi-ui/src/views/homeRoot/personInfo.vue
@@ -1,7 +1,7 @@
<template>
  <div class="app-container" >
    <div class="wrapper" style="overflow: auto;">
      <div id="building" v-show="personInfos[1]">
      <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">
@@ -10,7 +10,7 @@
                      <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"
                            :src="'https://www.bendudu.com:8080/'+personInfos[0].url"
                            style="width: 100%;height: 100%;"
                          ></el-image>
                        </el-avatar>
@@ -44,9 +44,10 @@
                        </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="personInfos[0].constellation" placeholder="请输入星座" clearable :style="{width: '100%'}" :disabled="dsb">
                      <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-row>
@@ -77,9 +78,9 @@
                        </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="personInfos[0].unit" placeholder="请输入单位" clearable :style="{width: '100%'}" :disabled="dsb">
    <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-row>
@@ -94,25 +95,27 @@
                    </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-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-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-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-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>
@@ -120,7 +123,7 @@
              </div>
            </el-container>
            <el-divider />
            <el-container  >
<el-container  v-if="isshow">
              <div style="padding-left:30px;padding-top: 10px">
                  <el-col>
                    <el-row :span="8">
@@ -149,13 +152,13 @@
                    </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-row>
                  </el-col>
              </div>
              <div style="padding-left:30px;padding-top: 10px">
              <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;">
@@ -180,9 +183,10 @@
                        </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 v-model="personInfos[1].unit" placeholder="请输入单位" clearable :style="{width: '100%'}" :disabled="dsb">
                      <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-row>
@@ -201,21 +205,23 @@
                        </el-input>
                      </el-form-item>
                    </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-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-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-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>
@@ -228,7 +234,7 @@
                      <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"
                            :src="'https://www.bendudu.com:8080/'+ personInfos[1].url"
                            style="width: 100%;height: 100%;"
                          ></el-image>
                        </el-avatar>
@@ -241,7 +247,7 @@
          </el-form>
      </div>
      <div id="building2" v-show="!personInfos[1]">
      <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">
@@ -251,7 +257,7 @@
                    <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"
                          :src="'https://www.bendudu.com:8080/'+ personInfo1.url"
                          style="width: 100%;height: 100%;"
                        ></el-image>
                      </el-avatar>
@@ -287,12 +293,12 @@
                      </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="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>
@@ -323,12 +329,16 @@
                      </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-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>
@@ -346,21 +356,24 @@
                      </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-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="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-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>
@@ -388,6 +401,7 @@
        personInfo1:{},
        loading: true,
        dsb:true,
        isshow:true,
        formData:{
          userId: undefined,
          nickName: undefined,
@@ -445,13 +459,15 @@
  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.personInfo1 = response.data[0]
        console.log(this.personInfo1.nickName)
        _this.personInfos = response.data
        if(_this.personInfos[1]==null)
          _this.isshow = false;
        _this.personInfo1 = response.data[0]
        //alert(this.personInfos[0].url)
    });
@@ -489,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>