From 7e4a48404dcca87fa8060fde21dcb5cdf6b651dc Mon Sep 17 00:00:00 2001
From: spring <2396852758@qq.com>
Date: 星期三, 12 三月 2025 15:42:23 +0800
Subject: [PATCH] table封装showHidebug
---
src/views/system/user/index.vue | 119 +++++++++++++++++++++++++++++++++--------------------------
1 files changed, 67 insertions(+), 52 deletions(-)
diff --git a/src/views/system/user/index.vue b/src/views/system/user/index.vue
index 6dbbf19..f7d5bc1 100644
--- a/src/views/system/user/index.vue
+++ b/src/views/system/user/index.vue
@@ -6,7 +6,7 @@
class="default-theme"
>
<!--閮ㄩ棬鏁版嵁-->
- <pane size="12">
+ <pane size="14">
<el-col>
<div class="head-container addButton">
<el-input
@@ -17,7 +17,7 @@
prefix-icon="el-icon-search"
style="margin-bottom: 20px"
/>
- <el-button
+ <!-- <el-button
style="margin-left: 4px"
type="primary"
plain
@@ -25,7 +25,7 @@
size="mini"
circle
@click="addSchema"
- ></el-button>
+ ></el-button> -->
</div>
<div class="head-container">
<el-tree
@@ -43,7 +43,7 @@
</el-col>
</pane>
<!--鐢ㄦ埛鏁版嵁-->
- <pane size="88">
+ <pane size="86">
<div class="search_form">
<div>
<el-form
@@ -297,9 +297,19 @@
v-for="item in postOptions"
:key="item.id"
:label="item.company"
- :value="item.id + ''"
+ :value="item.id"
></el-option>
</el-select>
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="褰掑睘閮ㄩ棬" prop="deptId">
+ <treeselect
+ v-model="form.deptId"
+ :options="enabledDeptOptions"
+ :show-count="true"
+ placeholder="璇烽�夋嫨褰掑睘閮ㄩ棬"
+ />
</el-form-item>
</el-col>
</el-row>
@@ -310,14 +320,15 @@
class="avatar-uploader"
:action="uploadAction"
:show-file-list="false"
+ :headers="upload.headers"
accept=".png, .jpg, .jpeg, .gif"
:on-error="handleUploadError"
:on-success="handleUploadSuccess"
:before-upload="handleBeforeUpload"
>
<img
- v-if="signatureUrl"
- :src="signatureUrl"
+ v-if="form.signatureUrl"
+ :src="javaApi + '/img/' + form.signatureUrl"
class="avatar"
alt=""
/>
@@ -331,14 +342,15 @@
class="avatar-uploader"
:action="uploadAction"
:show-file-list="false"
+ :headers="upload.headers"
accept=".png, .jpg, .jpeg, .gif"
:on-error="handleUploadError1"
:on-success="handleUploadSuccess1"
:before-upload="handleBeforeUpload1"
>
<img
- v-if="pictureUrl"
- :src="pictureUrl"
+ v-if="form.pictureUrl"
+ :src="javaApi + '/img/' + form.pictureUrl"
class="avatar"
alt=""
/>
@@ -423,7 +435,7 @@
<el-tree
:data="datathirdParty"
node-key="companyId"
- :props="defaultProps"
+ :props="companyProps"
@node-click="nodeClick2"
style="height: calc(100% - 42px)"
@node-expand="nodeOpen0"
@@ -462,8 +474,7 @@
<el-table-column type="selection" width="50"> </el-table-column>
<el-table-column prop="employeeID" label="鍛樺伐鍙�">
</el-table-column>
- <el-table-column prop="nickName" label="鍛樺伐濮撳悕">
- </el-table-column>
+ <el-table-column prop="name" label="鍛樺伐濮撳悕"> </el-table-column>
<el-table-column prop="department" label="閮ㄩ棬" min-width="200">
</el-table-column>
<el-table-column
@@ -586,6 +597,10 @@
children: "children",
label: "label",
},
+ companyProps: {
+ children: "children",
+ label: "companyName",
+ },
// 鐢ㄦ埛瀵煎叆鍙傛暟
upload: {
// 鏄惁鏄剧ず寮瑰嚭灞傦紙鐢ㄦ埛瀵煎叆锛�
@@ -602,8 +617,6 @@
url: process.env.VUE_APP_BASE_API + "/system/user/importData",
},
uploadAction: process.env.VUE_APP_BASE_API + "/deviceScope/uploadFile",
- signatureUrl: "",
- pictureUrl: "",
// 鏌ヨ鍙傛暟
queryParams: {
pageNum: 1,
@@ -627,12 +640,14 @@
rules: {
nickName: [{ required: true, message: "璇峰～鍐欏鍚�", trigger: "blur" }],
userName: [{ required: true, message: "璇峰～鍐欒处鍙�", trigger: "blur" }],
- nameEn: [{ required: true, message: "璇疯緭鍏ュ鍚岴N", trigger: "blur" }],
+ // nameEn: [
+ // { required: true, message: "璇疯緭鍏ュ鍚岴N", trigger: "blur" }
+ // ],
status: [{ required: true, message: "璇烽�夋嫨鐘舵��", trigger: "change" }],
roleIds: [{ required: true, message: "璇烽�夋嫨瑙掕壊", trigger: "change" }],
- password: [
- { required: true, message: "瀵嗙爜涓嶈兘涓虹┖", trigger: "blur" },
- ],
+ // password: [
+ // { required: true, message: "瀵嗙爜涓嶈兘涓虹┖", trigger: "blur" },
+ // ],
phonenumber: [
{
required: true,
@@ -660,6 +675,7 @@
fatherId: 10001,
nickName: "",
},
+ multipleSelection: [],
};
},
watch: {
@@ -781,7 +797,11 @@
status: "0",
company: "",
roleIds: [],
+ signatureUrl: "",
+ pictureUrl: "",
};
+ // this.signatureUrl = '';
+ // this.pictureUrl = ''
this.resetForm("form");
},
/** 鎼滅储鎸夐挳鎿嶄綔 */
@@ -802,6 +822,7 @@
this.ids = selection.map((item) => item.userId);
this.single = selection.length != 1;
this.multiple = !selection.length;
+ this.multipleSelection = selection;
},
// 鏇村鎿嶄綔瑙﹀彂
handleCommand(command, row) {
@@ -840,8 +861,8 @@
.catch(() => {
this.thirdPartyLoading = false;
});
- if (this.componentData.entity.roleId > 10000)
- this.$message.warning("鐢变簬鏈�変腑鍏蜂綋瑙掕壊锛屾柊澧炵敤鎴峰皢鎴愪负榛樿瑙掕壊");
+ // if (this.componentData.entity.roleId > 10000)
+ // this.$message.warning("鐢变簬鏈�変腑鍏蜂綋瑙掕壊锛屾柊澧炵敤鎴峰皢鎴愪负榛樿瑙掕壊");
},
tranListToTreeData(list, rootValue) {
const arr = [];
@@ -889,7 +910,7 @@
}
},
nodeOpen0(data, node, el) {
- this.currentCompaniesList[node.level - nodeOpen01] = data.id;
+ this.currentCompaniesList[node.level - 1] = data.id;
},
filterNode2(value, data) {
if (!value) return true;
@@ -902,12 +923,6 @@
if (this.currentCompaniesList.length === 0) {
return this.$message.error("璇烽�夋嫨缁勭粐");
}
- /* for (let index = this.currentCompaniesList.length-1; index >1; index--) {
- let obj = this.multipleSelection.find(a=>a.companyId==this.currentCompaniesList[index])
- if(!obj){
- this.currentCompaniesList.splice(index,1)
- }
- } */
let arr = [];
this.currentCompaniesList.forEach((b) => {
let obj = this.companiesList.find((a) => a.companyId == b);
@@ -917,7 +932,7 @@
addPersonUser({
company: arr,
person: this.multipleSelection,
- roleId: this.componentData.entity.roleId,
+ roleId: null,
})
.then((res) => {
if (res.code === 201) {
@@ -938,6 +953,7 @@
/** 鏂板鎸夐挳鎿嶄綔 */
handleAdd() {
this.reset();
+ this.form.deptId = this.queryParams.deptId;
this.open = true;
selectCustomEnum().then((res) => {
this.postOptions = res.data;
@@ -956,6 +972,7 @@
const userId = row.userId || this.ids;
getUser(userId).then((response) => {
this.form = response.data;
+ this.form.password = "";
this.roleOptions = response.roles;
this.$set(this.form, "roleIds", response.roleIds);
this.open = true;
@@ -1075,18 +1092,14 @@
// 濡傛灉涓婁紶鎴愬姛
if (res.code == 200) {
// 鑾峰彇瀵屾枃鏈粍浠跺疄渚�
- let quill = this.Quill;
- // 鑾峰彇鍏夋爣鎵�鍦ㄤ綅缃�
- let length = quill.getSelection().index;
- // 鎻掑叆鍥剧墖 res.url涓烘湇鍔″櫒杩斿洖鐨勫浘鐗囧湴鍧�
- quill.insertEmbed(
- length,
- "image",
- process.env.VUE_APP_BASE_API + res.fileName
- );
- // 璋冩暣鍏夋爣鍒版渶鍚�
- quill.setSelection(length + 1);
- this.signatureUrl = res.data.url;
+ // let quill = this.Quill;
+ // // 鑾峰彇鍏夋爣鎵�鍦ㄤ綅缃�
+ // let length = quill.getSelection().index;
+ // // 鎻掑叆鍥剧墖 res.url涓烘湇鍔″櫒杩斿洖鐨勫浘鐗囧湴鍧�
+ // quill.insertEmbed(length, "image", process.env.VUE_APP_BASE_API + res.fileName);
+ // // 璋冩暣鍏夋爣鍒版渶鍚�
+ // quill.setSelection(length + 1);
+ this.form.signatureUrl = res.data.url;
} else {
this.$message.error("鍥剧墖鎻掑叆澶辫触");
}
@@ -1117,18 +1130,14 @@
// 濡傛灉涓婁紶鎴愬姛
if (res.code == 200) {
// 鑾峰彇瀵屾枃鏈粍浠跺疄渚�
- let quill = this.Quill;
- // 鑾峰彇鍏夋爣鎵�鍦ㄤ綅缃�
- let length = quill.getSelection().index;
- // 鎻掑叆鍥剧墖 res.url涓烘湇鍔″櫒杩斿洖鐨勫浘鐗囧湴鍧�
- quill.insertEmbed(
- length,
- "image",
- process.env.VUE_APP_BASE_API + res.fileName
- );
- // 璋冩暣鍏夋爣鍒版渶鍚�
- quill.setSelection(length + 1);
- this.pictureUrl = res.data.url;
+ // let quill = this.Quill;
+ // // 鑾峰彇鍏夋爣鎵�鍦ㄤ綅缃�
+ // let length = quill.getSelection().index;
+ // // 鎻掑叆鍥剧墖 res.url涓烘湇鍔″櫒杩斿洖鐨勫浘鐗囧湴鍧�
+ // quill.insertEmbed(length, "image", process.env.VUE_APP_BASE_API + res.fileName);
+ // // 璋冩暣鍏夋爣鍒版渶鍚�
+ // quill.setSelection(length + 1);
+ this.form.pictureUrl = res.data.url;
} else {
this.$message.error("鍥剧墖鎻掑叆澶辫触");
}
@@ -1144,10 +1153,12 @@
.search_form {
display: flex;
justify-content: space-between;
+
.options_button {
margin-top: 3px;
}
}
+
.avatar-uploader ::v-deep .el-upload {
border: 1px dashed #666666;
border-radius: 6px;
@@ -1155,9 +1166,11 @@
position: relative;
overflow: hidden;
}
+
.avatar-uploader ::v-deep .el-upload:hover {
border-color: #409eff;
}
+
.avatar-uploader-icon {
font-size: 20px;
color: #8c939d;
@@ -1166,11 +1179,13 @@
line-height: 90px;
text-align: center;
}
+
.avatar {
width: 90px;
height: 90px;
display: block;
}
+
.addButton {
display: flex;
align-items: flex-start;
--
Gitblit v1.9.3