From 3119fa3f7f7a1791d918d77d3e8315d762719ab7 Mon Sep 17 00:00:00 2001
From: feige <791364011@qq.com>
Date: 星期日, 13 十月 2024 22:23:10 +0800
Subject: [PATCH] 修改bug
---
ruoyi-ui/src/views/homeRoot/personInfo.vue | 350 +++++++++++++++------------------------------------------
1 files changed, 94 insertions(+), 256 deletions(-)
diff --git a/ruoyi-ui/src/views/homeRoot/personInfo.vue b/ruoyi-ui/src/views/homeRoot/personInfo.vue
index 271c4a5..e44dbda 100644
--- a/ruoyi-ui/src/views/homeRoot/personInfo.vue
+++ b/ruoyi-ui/src/views/homeRoot/personInfo.vue
@@ -123,269 +123,59 @@
</div>
</el-container>
<el-divider />
-<el-container v-if="isshow">
- <div style="padding-left:30px;padding-top: 10px">
- <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-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-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-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-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 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" 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 v-model="personInfos[1].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: #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-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-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-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 type="textarea" v-model="personInfos[1].alwaysAddress" 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">
- <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-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-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>
- </div>
- <div style="padding-left:30px;padding-top: 45px">
- <el-container>
- <el-col :span="6" :data="personInfos">
- <div class="block" :model="personInfos" >
- <el-col v-model="personInfos[1].url" prop="url">
- <el-avatar shape="square" :size=200 >
- <el-image
- :src="'https://www.bendudu.com:8080/'+ personInfos[1].url"
- style="width: 100%;height: 100%;"
- ></el-image>
- </el-avatar>
- </el-col>
- </div>
- </el-col>
- </el-container>
- </div>
- </el-container>
+ <div>
+ <el-tabs type="border-card"
+ >
+
+
+
+
+ <el-button size='mini' type="text" class="btn_edit" @click="editAutography" style='top: 0px;right: 20px;'>
+ <sapn v-html="'\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'"></sapn>
+ <span >{{ editMode ? this.bstn='淇濆瓨' : this.bstn='淇敼' }}</span>
+ </el-button>
+ <el-tab-pane
+ label="涓汉绠�浠�">
+ <template v-if="editMode">
+ <div style="padding-top: 10px">
+ <el-input v-model="autoGrahpy" type="textarea" ></el-input></div>
+ </template>
+ <template v-else>
+ {{autoGrahpy}}
+ </template>
+ </el-tab-pane>
+ </el-tabs></div>
</el-form>
</div>
+<el-divider style="top:120px;"/>
<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-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="'https://www.bendudu.com: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="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>
- </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="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>
- <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="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="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>
- </el-col>
- </el-container>
- </div>
- </el-container>
- </el-form>
-
+
</div>
</div>
+ <div>
+ <el-row>
+ <el-col :span="11" class="bordered-col">
+ <div class="left-content">鎴戠殑鍒嗕韩</div>
+ <el-divider />
+ <el-card class="box-card">
+ <div v-for="o in 4" :key="o" class="text item">
+ <a href="www.baidu.com">{{'鍒楄〃鍐呭 ' + o }}</a>
+ </div>
+ </el-card>
+ </el-col>
+ <el-col :span="11" class="bordered-col">
+ <div class="left-content">鎴戠殑鏀惰棌</div>
+ <el-divider />
+ <el-card class="box-card">
+ <div v-for="o in 4" :key="o" class="text item">
+ {{'鍒楄〃鍐呭 ' + o }}
+ </div>
+ </el-card>
+ </el-col>
+ </el-row>
+ </div>
</div>
</template>
@@ -395,7 +185,11 @@
name: "index",
data(){
return{
+ bstn: undefined,
+ editMode:false,
+ autoGrahpy: "22222222222222222",
// 閬僵灞�
+
disabled: false,
personInfos:{},
personInfo1:{},
@@ -457,6 +251,15 @@
this.getList(id);
},
methods:{
+ editAutography(data)
+ {
+ this.editMode = true;
+ if(this.bstn=="淇濆瓨")
+ {
+ this.editMode = false
+ }
+ },
+
getList(id)
{
let _this = this;
@@ -512,4 +315,39 @@
border: 1px solid red;
text-align: center;
}
+.btn_edit{
+ background:center no-repeat url('../../assets/icons/edit.png') ;
+ position: absolute;
+ top: 0;
+ padding-right: 90px;
+}
+.bordered-col {
+ border: 1px solid #d3dce6; /* 璁剧疆杈规鏍峰紡 */
+ border-radius: 4px; /* 鍙�夛細璁剧疆鍦嗚 */
+ padding: 10px; /* 鍐呰竟璺� */
+ margin-right: 20px;
+}
+.btn_del{
+ background:center no-repeat url('../../assets/images/鍒犻櫎2.png') ;
+}
+ .el-row {
+ margin-bottom: 20px;
+ &:last-child {
+ margin-bottom: 0;
+ }
+ }
+ .el-col {
+ border-radius: 4px;
+ }
+ .text {
+ font-size: 14px;
+ }
+
+ .item {
+ padding: 18px 0;
+ }
+
+ .box-card {
+ width:100%;
+ }
</style>
--
Gitblit v1.9.1