| | |
| | | <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"> |
| | |
| | | <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> |
| | |
| | | </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> |
| | |
| | | </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-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> |
| | |
| | | </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> |
| | |
| | | </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"> |
| | |
| | | </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;"> |
| | |
| | | </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> |
| | |
| | | </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> |
| | |
| | | <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> |
| | |
| | | </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"> |
| | |
| | | <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> |
| | |
| | | </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-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-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-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> |
| | |
| | | </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-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> |
| | |
| | | personInfo1:{}, |
| | | loading: true, |
| | | dsb:true, |
| | | isshow:true, |
| | | formData:{ |
| | | userId: undefined, |
| | | nickName: undefined, |
| | |
| | | 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) |
| | | |
| | | }); |
| | | |
| | |
| | | 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> |