From 198b83ce825fbbf912cb26d592e3c7b0b586ca92 Mon Sep 17 00:00:00 2001
From: 王旭 <1377869194@qq.com>
Date: 星期一, 20 二月 2023 17:38:22 +0800
Subject: [PATCH] 数据管理页面格式
---
src/views/maintenance/userManagement.vue | 195 +++++++++++++++++++++++++++++++++++++-----------
1 files changed, 149 insertions(+), 46 deletions(-)
diff --git a/src/views/maintenance/userManagement.vue b/src/views/maintenance/userManagement.vue
index 1338a82..066530d 100644
--- a/src/views/maintenance/userManagement.vue
+++ b/src/views/maintenance/userManagement.vue
@@ -1,22 +1,30 @@
<template>
<div class="userInfo_box">
- <My-bread
- :list="[
+ <My-bread :list="[
`${$t('operatManage.operatManage')}`,
`${$t('userManage.userManage')}`,
- ]"
- ></My-bread>
+ ]"></My-bread>
<el-divider />
- <div class="inquire subpage_Div" ref="container">
- <el-form ref="queryForm" :model="queryForm" :inline="true">
+ <div
+ class="inquire subpage_Div"
+ ref="container"
+ >
+ <el-form
+ ref="queryForm"
+ :model="queryForm"
+ :inline="true"
+ >
<div class="flex_box">
<div style="margin-right: auto">
<el-form-item
prop="uname"
:label="$t('userManage.userInfoObj.uname')"
>
- <el-input v-model="queryForm.uname" style="width: 200px" />
+ <el-input
+ v-model="queryForm.uname"
+ style="width: 200px"
+ />
</el-form-item>
<el-form-item
prop="depid"
@@ -47,6 +55,16 @@
<div>
<el-form-item>
<el-button
+ type="primary"
+ size="small"
+ @click="queryInfo('queryForm')"
+ icon="el-icon-search"
+ >
+ {{ $t("operatManage.ELM.search") }}
+ </el-button>
+ </el-form-item>
+ <el-form-item>
+ <el-button
type="info"
size="small"
@click="resetInfo('queryForm')"
@@ -62,7 +80,7 @@
@click="editPwd"
type="warning"
icon="el-icon-unlock"
- >{{ $t("common.changepassWord") }}
+ >{{ $t("common.changepassWord") }}
</el-button>
</el-form-item>
<el-form-item>
@@ -91,15 +109,22 @@
</div>
</el-form>
</div>
- <div class="table_box" :style="styleVar">
+ <div
+ class="table_box"
+ :style="styleVar"
+ >
<el-table
ref="filterTable"
:data="tableData"
style="width: 100%"
class="table_height"
height="calc(100% - 57px)"
+ @selection-change="handleSelectionChange"
>
- <el-table-column type="selection" width="55" />
+ <el-table-column
+ type="selection"
+ width="55"
+ />
<el-table-column
align="center"
type="index"
@@ -180,11 +205,23 @@
:label="$t('userManage.userInfoObj.status')"
>
<template slot-scope="scope">
- <el-tag v-if="scope.row.status == 0" type="success">姝ｅ父</el-tag>
- <el-tag v-if="scope.row.status == 1" type="info">绂佺敤</el-tag>
- <el-tag v-if="scope.row.status == 2" type="warning">鍒犻櫎</el-tag>
+ <el-tag
+ v-if="scope.row.status == 0"
+ type="success"
+ >姝ｅ父</el-tag>
+ <el-tag
+ v-if="scope.row.status == 1"
+ type="info"
+ >绂佺敤</el-tag>
+ <el-tag
+ v-if="scope.row.status == 2"
+ type="warning"
+ >鍒犻櫎</el-tag>
<el-tag v-if="scope.row.status == 3">鐢宠</el-tag>
- <el-tag v-if="scope.row.status == 4" type="danger">鎷掓壒</el-tag>
+ <el-tag
+ v-if="scope.row.status == 4"
+ type="danger"
+ >鎷掓壒</el-tag>
</template>
</el-table-column>
<!-- <el-table-column
@@ -204,12 +241,14 @@
plain
@click="editInfo(scope.row)"
size="small"
- >{{ $t("common.update") }}</el-button
- >
+ >{{ $t("common.update") }}</el-button>
</template>
</el-table-column>
</el-table>
- <div style="margin-top: 25px" class="pagination_box">
+ <div
+ style="margin-top: 25px"
+ class="pagination_box"
+ >
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
@@ -247,8 +286,14 @@
v-if="behavior == '鏂板鐢ㄦ埛'"
:label-width="formLabelWidth"
>
- <el-input v-model="editForm.uid" autocomplete="off"></el-input>
- <div class="isNewUser" v-if="isNewUser">
+ <el-input
+ v-model="editForm.uid"
+ autocomplete="off"
+ ></el-input>
+ <div
+ class="isNewUser"
+ v-if="isNewUser"
+ >
<img src="../../assets/img/success.png" />
{{ $t("userManage.userInfoObj.uid") }}
</div>
@@ -308,7 +353,10 @@
:label="$t('userManage.userInfoObj.username')"
:label-width="formLabelWidth"
>
- <el-input v-model="editForm.uname" autocomplete="off"></el-input>
+ <el-input
+ v-model="editForm.uname"
+ autocomplete="off"
+ ></el-input>
</el-form-item>
<el-form-item
prop="sex"
@@ -335,7 +383,10 @@
:label="$t('userManage.userInfoObj.nativePlace')"
:label-width="formLabelWidth"
>
- <el-input v-model="editForm.natives" autocomplete="off"></el-input>
+ <el-input
+ v-model="editForm.natives"
+ autocomplete="off"
+ ></el-input>
</el-form-item>
<el-form-item
prop="depid"
@@ -386,7 +437,10 @@
:label="$t('userManage.userInfoObj.identityCard')"
:label-width="formLabelWidth"
>
- <el-input v-model="editForm.idcard" autocomplete="off"></el-input>
+ <el-input
+ v-model="editForm.idcard"
+ autocomplete="off"
+ ></el-input>
</el-form-item>
</div>
<div style="width: 45%">
@@ -395,35 +449,50 @@
:label="$t('userManage.userInfoObj.job')"
:label-width="formLabelWidth"
>
- <el-input v-model="editForm.job" autocomplete="off"></el-input>
+ <el-input
+ v-model="editForm.job"
+ autocomplete="off"
+ ></el-input>
</el-form-item>
<el-form-item
prop="edu"
:label="$t('userManage.userInfoObj.edu')"
:label-width="formLabelWidth"
>
- <el-input v-model="editForm.edu" autocomplete="off"></el-input>
+ <el-input
+ v-model="editForm.edu"
+ autocomplete="off"
+ ></el-input>
</el-form-item>
<el-form-item
prop="addr"
:label="$t('userManage.userInfoObj.addr')"
:label-width="formLabelWidth"
>
- <el-input v-model="editForm.addr" autocomplete="off"></el-input>
+ <el-input
+ v-model="editForm.addr"
+ autocomplete="off"
+ ></el-input>
</el-form-item>
<el-form-item
prop="email"
:label="$t('userManage.userInfoObj.email')"
:label-width="formLabelWidth"
>
- <el-input v-model="editForm.email" autocomplete="off"></el-input>
+ <el-input
+ v-model="editForm.email"
+ autocomplete="off"
+ ></el-input>
</el-form-item>
<el-form-item
prop="contact"
:label="$t('userManage.userInfoObj.contact')"
:label-width="formLabelWidth"
>
- <el-input v-model="editForm.contact" autocomplete="off"></el-input>
+ <el-input
+ v-model="editForm.contact"
+ autocomplete="off"
+ ></el-input>
</el-form-item>
<el-form-item
prop="status"
@@ -450,12 +519,23 @@
:label="$t('userManage.userInfoObj.remarks')"
:label-width="formLabelWidth"
>
- <el-input v-model="editForm.bak" autocomplete="off"></el-input>
+ <el-input
+ v-model="editForm.bak"
+ autocomplete="off"
+ ></el-input>
</el-form-item>
</div>
</el-form>
- <div v-if="behavior == '淇敼淇℃伅'" slot="footer" class="dialog-footer">
- <el-button size="small" type="info" @click="cancelEdit()">{{
+ <div
+ v-if="behavior == '淇敼淇℃伅'"
+ slot="footer"
+ class="dialog-footer"
+ >
+ <el-button
+ size="small"
+ type="info"
+ @click="cancelEdit()"
+ >{{
$t("common.reset")
}}</el-button>
<el-button
@@ -463,11 +543,18 @@
type="primary"
@click="sendEdit('editForm')"
v-loading.fullscreen.lock="fullscreenLoading"
- >{{ $t("common.submit") }}</el-button
- >
+ >{{ $t("common.submit") }}</el-button>
</div>
- <div v-else slot="footer" class="dialog-footer">
- <el-button size="small" type="info" @click="cancelAdd('editForm')">{{
+ <div
+ v-else
+ slot="footer"
+ class="dialog-footer"
+ >
+ <el-button
+ size="small"
+ type="info"
+ @click="cancelAdd('editForm')"
+ >{{
$t("common.reset")
}}</el-button>
<el-button
@@ -475,8 +562,7 @@
type="primary"
@click="sendAdd('editForm')"
v-loading.fullscreen.lock="fullscreenLoading"
- >{{ $t("common.submit") }}</el-button
- >
+ >{{ $t("common.submit") }}</el-button>
</div>
</el-dialog>
<el-dialog
@@ -486,7 +572,11 @@
:visible.sync="resetPwd"
:before-close="handleClose"
>
- <el-form :model="pwdForm" ref="pwdForm" :rules="rules">
+ <el-form
+ :model="pwdForm"
+ ref="pwdForm"
+ :rules="rules"
+ >
<el-form-item
prop="adminPwd"
:label="$t('common.AdminPassword')"
@@ -524,8 +614,15 @@
></el-input>
</el-form-item>
</el-form>
- <div slot="footer" class="dialog-footer">
- <el-button size="small" type="info" @click="cancelReset - 'pwdForm'">{{
+ <div
+ slot="footer"
+ class="dialog-footer"
+ >
+ <el-button
+ size="small"
+ type="info"
+ @click="cancelReset - 'pwdForm'"
+ >{{
$t("common.reset")
}}</el-button>
<el-button
@@ -533,8 +630,7 @@
type="primary"
@click="sendReset('pwdForm')"
v-loading.fullscreen.lock="fullscreenLoading"
- >{{ $t("common.submit") }}</el-button
- >
+ >{{ $t("common.submit") }}</el-button>
</div>
</el-dialog>
</div>
@@ -825,6 +921,9 @@
if (res.code == 200) {
this.depList = this.treeData(res.result);
this.treeOptions = this.treeData(res.result);
+ this.queryForm.depName = this.depList[0].name;
+ this.queryInfo.depid = this.depList[0].id;
+ this.queryInfo();
} else {
this.$notify.error({
title: res.code,
@@ -832,7 +931,7 @@
});
}
})
- .catch((res) => {});
+ .catch((res) => { });
queryPageUser({
pageIndex: 1,
@@ -849,7 +948,7 @@
});
}
})
- .catch((res) => {});
+ .catch((res) => { });
},
treeData(source) {
let cloneData = JSON.parse(JSON.stringify(source)); // 瀵规簮鏁版嵁娣卞害鍏嬮殕
@@ -888,6 +987,9 @@
//閲嶇疆鎸夐挳
resetInfo(formName) {
this.$refs[formName].resetFields();
+ this.queryForm.depName = this.depList[0].name;
+ this.queryInfo.depid = this.depList[0].id;
+ this.queryInfo();
},
//鏂板鎸夐挳
showAddDialog() {
@@ -985,12 +1087,12 @@
//閲嶇疆瀵嗙爜
editPwd() {
-
+
var std = [];
for (var i in this.multipleSelection) {
std.push(this.multipleSelection[i].id);
}
-
+
if (std.length == 0) {
alert("璇峰厛閫夋嫨鐢ㄦ埛");
return;
@@ -1061,6 +1163,7 @@
handeditChange(data, node, nodeData) {
this.$set(this.editForm, "depid", data.id);
this.$set(this.editForm, "depName", data.name);
+ this.$set(this.editForm, "depcode", data.code);
this.$refs.editcaderHandle.dropDownVisible = false;
},
//鍏抽棴寮瑰嚭妗�
@@ -1102,7 +1205,7 @@
done();
})
- .catch((_) => {});
+ .catch((_) => { });
},
//鎻愪氦缂栬緫
sendEdit(formName) {
--
Gitblit v1.9.3