From 84c9568abb531f0abb892210301f14b40b0a82f1 Mon Sep 17 00:00:00 2001
From: lzhe <lzhe@example.com>
Date: 星期二, 24 九月 2024 15:47:50 +0800
Subject: [PATCH] 1
---
src/views/master/person/main/personPerson.vue | 41 +++++++++++++++++++++++++++++++++++++++--
1 files changed, 39 insertions(+), 2 deletions(-)
diff --git a/src/views/master/person/main/personPerson.vue b/src/views/master/person/main/personPerson.vue
index 26aeaa0..24db503 100644
--- a/src/views/master/person/main/personPerson.vue
+++ b/src/views/master/person/main/personPerson.vue
@@ -2,7 +2,7 @@
* @Author: lzhe lzhe@example.com
* @Date: 2024-03-26 10:28:33
* @LastEditors: lzhe lzhe@example.com
- * @LastEditTime: 2024-09-23 16:27:33
+ * @LastEditTime: 2024-09-24 15:47:04
* @FilePath: /belleson-frontend/Users/mache/Documents/demo/cps-web/src/views/master/person/main/personPerson.vue
* @Description: 杩欐槸榛樿璁剧疆,璇疯缃甡customMade`, 鎵撳紑koroFileHeader鏌ョ湅閰嶇疆 杩涜璁剧疆: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
@@ -62,7 +62,13 @@
:show-file-list="false"
:on-success="(file)=>handleAvatarSuccess(file,scope.$index)"
:before-upload="(file)=>beforeAvatarUpload(file,scope.$index)">
- <img v-if="scope.row.avatar" :src="scope.row.avatar" class="avatar">
+ <div v-if="scope.row.avatar" style="position: relative;">
+ <img :src="scope.row.avatar" class="avatar">
+ <div class="el-icon-editDom">
+ <span class="el-icon-edit">缂栬緫</span>
+ <span class="el-icon-del" @click.stop="avatarDel(scope.$index)">鍒犻櫎</span>
+ </div>
+ </div>
<el-icon v-else class="el-icon-plus avatar-uploader-icon"><Picture /></el-icon>
</el-upload>
</template>
@@ -210,6 +216,13 @@
saveDialog, importTable,...ElementPlusIconsVue
},
methods: {
+ avatarDel(index) {
+ var obj = this.tableData[index];
+ obj.avatar = "";
+ this.$HTTP.post(`/api/blade-cps/employee/submit`,obj).then(res=> {
+ this.searchPerson();
+ })
+ },
handleAvatarSuccess(file,index) {
var obj = this.tableData[index];
obj.avatar = file.data.link;
@@ -597,6 +610,30 @@
text-align: center;
background-color: #c0c4cc;
}
+ .el-icon-editDom {
+ position: absolute;
+ left: 4px;
+ top: 56px;
+ font-weight: 700;
+ color: #409eff;
+ }
+ .el-icon-editDom span {
+ margin: 0;
+ padding: 0;
+ font-size: 12px;
+ line-height: 18px;
+ border: 1px solid #409eff;
+ background: #fff;
+ padding-left: 2px;
+ padding-right: 2px;
+ cursor: pointer;
+ }
+ .el-icon-editDom .el-icon-edit {
+ margin-right: 4px;
+ }
+ .el-icon-editDom .el-icon-del {
+
+ }
.avatar {
width: 80px;
height: 80px;
--
Gitblit v1.9.3