From 4358a3134c53590ef838c456e8d9369880655114 Mon Sep 17 00:00:00 2001 From: feige <feige@qq.com> Date: 星期二, 21 十一月 2023 21:37:56 +0800 Subject: [PATCH] 已经修改了大部分提交的bug --- ruoyi-ui/src/views/homeRoot/personInfo.vue | 155 +++++++++++++++++++++++++++++---------------------- 1 files changed, 89 insertions(+), 66 deletions(-) diff --git a/ruoyi-ui/src/views/homeRoot/personInfo.vue b/ruoyi-ui/src/views/homeRoot/personInfo.vue index e47a606..271c4a5 100644 --- a/ruoyi-ui/src/views/homeRoot/personInfo.vue +++ b/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> -- Gitblit v1.9.1