From 1494c7949d90e1e8407b71606947dc8d9cb60778 Mon Sep 17 00:00:00 2001
From: lxl <lixuliang_hd@126.com>
Date: 星期三, 12 十月 2022 10:58:38 +0800
Subject: [PATCH] 1
---
src/views/userManage/userInfoManage.vue | 639 +++++++++++++++++++++++++++++++---------------------------
1 files changed, 342 insertions(+), 297 deletions(-)
diff --git a/src/views/userManage/userInfoManage.vue b/src/views/userManage/userInfoManage.vue
index d971cb8..3d3de5d 100644
--- a/src/views/userManage/userInfoManage.vue
+++ b/src/views/userManage/userInfoManage.vue
@@ -1,307 +1,352 @@
<template>
- <div class="logLog_box">
- <My-bread
- :list="[
- `${$t('operatManage.operatManage')}`,
- `${$t('operatManage.eventlogManage')}`,
- ]"
- ></My-bread>
- <el-divider />
- <div class="inquire">
- <el-form ref="ruleForm" :model="form" :inline="true">
- <el-form-item :label="$t('operatManage.ELM.username')" prop="username">
- <el-input
- v-model="form.username"
- :placeholder="$t('operatManage.ELM.usernameInfo')"
+ <div class="logLog_box">
+ <My-bread
+ :list="[
+ `${$t('userManage.userManage')}`,
+ `${$t('userManage.userInfoManage')}`,
+ ]"
+ ></My-bread>
+ <el-divider />
+ <div class="inquire">
+ <el-form ref="ruleForm" :model="form" :inline="true">
+ <el-form-item :label="$t('operatManage.ELM.username')" prop="name">
+ <el-input
+ v-model="form.name"
+ :placeholder="$t('operatManage.ELM.usernameInfo')"
+ />
+ </el-form-item>
+ <!-- <el-form-item
+ :label="$t('userManage.userInfoObj.userStatus')"
+ prop="userStatus"
+ >
+ <el-select
+ v-model="form.userStatus"
+ :placeholder="$t('userManage.userInfoObj.userStatus')"
+ >
+ <el-option :label="$t('userManage.userInfoObj.all')" value="all" />
+ <el-option
+ :label="$t('userManage.userInfoObj.normal')"
+ value="normal"
/>
- </el-form-item>
- <el-form-item
- :label="$t('operatManage.ELM.ownedSystem')"
- prop="ownedSystem"
+ <el-option
+ :label="$t('userManage.userInfoObj.disable')"
+ value="disable"
+ />
+ <el-option
+ :label="$t('userManage.userInfoObj.delete')"
+ value="delete"
+ />
+ <el-option
+ :label="$t('userManage.userInfoObj.apply')"
+ value="apply"
+ />
+ <el-option
+ :label="$t('userManage.userInfoObj.rejection')"
+ value="rejection"
+ />
+ </el-select>
+ </el-form-item> -->
+ <el-form-item
+ :label="$t('userManage.userInfoObj.depName')"
+ prop="depName"
+ >
+ <el-input
+ v-model="form.depName"
+ :placeholder="$t('common.pleaseInput')"
+ />
+ </el-form-item>
+ <br />
+ <el-form-item>
+ <el-button type="success" size="small" @click="showAddDialog"
+ ><i class="el-icon-plus"></i> {{
+ $t("common.append")
+ }}</el-button
>
- <el-select
- v-model="form.ownedSystem"
- :placeholder="$t('operatManage.ELM.please')"
- >
- <el-option :label="$t('operatManage.ELM.all')" value="all" />
- <el-option :label="$t('operatManage.ELM.one')" value="one" />
- </el-select>
- </el-form-item>
- <el-form-item
- :label="$t('operatManage.ELM.operationType')"
- prop="operationType"
+ </el-form-item>
+ <el-form-item style="margin-left: 60%">
+ <el-button @click="onSubmit" size="mini"
+ ><i class="el-icon-search"></i> {{
+ $t("operatManage.ELM.search")
+ }}</el-button
>
- <el-select
- v-model="form.operationType"
- :placeholder="$t('operatManage.ELM.please')"
- >
- <el-option :label="$t('operatManage.ELM.all')" value="all" />
- <el-option :label="$t('operatManage.ELM.add')" value="add" />
- <el-option :label="$t('operatManage.ELM.delete')" value="delete" />
- <el-option :label="$t('operatManage.ELM.edit')" value="edit" />
- <el-option :label="$t('operatManage.ELM.query')" value="query" />
- </el-select>
- </el-form-item>
- <el-form-item :label="$t('operatManage.ELM.date')" prop="date">
- <el-date-picker
- v-model="form.date"
- type="daterange"
- align="right"
- unlink-panels
- :range-separator="$t('operatManage.ELM.to')"
- :start-placeholder="$t('operatManage.ELM.startDate')"
- :end-placeholder="$t('operatManage.ELM.endDate')"
- >
- </el-date-picker>
- </el-form-item>
- <el-form-item :label="$t('operatManage.ELM.ip')" prop="requestIp">
- <el-input v-model="form.requestIp" placeholder="璇疯緭鍏�" />
- </el-form-item>
- <el-form-item>
- <el-button @click="onSubmit"
- ><i class="el-icon-search"></i> {{
- $t("operatManage.ELM.search")
- }}</el-button
- >
- </el-form-item>
- <el-form-item>
- <el-button @click="resetForm('ruleForm')"
- ><i class="el-icon-delete"></i> {{
- $t("operatManage.ELM.reset")
- }}</el-button
- >
- </el-form-item>
- </el-form>
- </div>
- <div class="table_box">
- <el-table :data="tableData" stripe style="width: 100%" height="99%">
- <el-table-column
- align="center"
- type="index"
- :label="$t('operatManage.ELM.index')"
- width="70px"
- />
- <el-table-column
- align="center"
- prop="username"
- :label="$t('operatManage.ELM.username')"
- />
- <el-table-column
- align="center"
- prop="ip"
- :label="$t('operatManage.ELM.ip')"
- />
- <el-table-column
- align="center"
- prop="ownedSystem"
- :label="$t('operatManage.ELM.ownedSystem')"
- />
- <el-table-column
- align="center"
- prop="largeModuleName"
- :label="$t('operatManage.ELM.largeModuleName')"
- />
- <el-table-column
- align="center"
- prop="smallModuleName"
- :label="$t('operatManage.ELM.smallModuleName')"
- />
- <el-table-column
- align="center"
- prop="resourceName"
- :label="$t('operatManage.ELM.resourceName')"
- />
- <el-table-column
- align="center"
- prop="date"
- :label="$t('operatManage.ELM.date')"
- />
- <el-table-column
- align="center"
- prop="operationType"
- :label="$t('operatManage.ELM.operationType')"
- />
- </el-table>
- <div style="margin-top: 40px" class="pagination_box">
- <el-pagination
- @size-change="handleSizeChange"
- @current-change="handleCurrentChange"
- :current-page="currentPage"
- :page-sizes="[10, 20, 30, 40]"
- :page-size="10"
- layout="total, sizes, prev, pager, next, jumper"
- :total="9"
+ </el-form-item>
+ <el-form-item>
+ <el-button @click="resetForm('ruleForm')" size="mini"
+ ><i class="el-icon-delete"></i> {{
+ $t("operatManage.ELM.reset")
+ }}</el-button
>
- </el-pagination>
- </div>
+ </el-form-item>
+ </el-form>
+ </div>
+ <div class="table_box">
+ <el-table
+ :data="tableData"
+ stripe
+ border
+ style="width: 100%"
+ max-height="99%"
+ >
+ <el-table-column
+ align="center"
+ type="index"
+ :label="$t('common.index')"
+ fixed
+ />
+ <el-table-column
+ align="center"
+ prop="uname"
+ :label="$t('userManage.userInfoObj.uname')"
+ fixed
+ />
+ <el-table-column
+ align="center"
+ prop="pwd"
+ :label="$t('userManage.userInfoObj.pwd')"
+ />
+
+ <el-table-column
+ align="center"
+ prop="sex"
+ :label="$t('userManage.userInfoObj.sex')"
+ >
+ <template slot-scope="scope">
+ <span v-if="scope.row.sex == 1"> 鐢� </span>
+ <span v-else-if="scope.row.sex == 0">濂�</span>
+ <span v-else>鏈煡</span>
+ </template>
+ </el-table-column>
+ <el-table-column
+ align="center"
+ prop="natives"
+ :label="$t('userManage.userInfoObj.natives')"
+ />
+ <el-table-column
+ align="center"
+ prop="depName"
+ :label="$t('userManage.userInfoObj.depName')"
+ />
+ <el-table-column
+ align="center"
+ prop="idcard"
+ :label="$t('userManage.userInfoObj.idcard')"
+ /><el-table-column
+ align="center"
+ prop="job"
+ :label="$t('userManage.userInfoObj.job')"
+ />
+ <el-table-column
+ align="center"
+ prop="edu"
+ :label="$t('userManage.userInfoObj.edu')"
+ />
+ <el-table-column
+ align="center"
+ prop="addr"
+ :label="$t('userManage.userInfoObj.addr')"
+ />
+ <el-table-column
+ align="center"
+ prop="email"
+ :label="$t('userManage.userInfoObj.email')"
+ />
+ <el-table-column
+ align="center"
+ prop="contact"
+ :label="$t('userManage.userInfoObj.contact')"
+ />
+
+ <el-table-column
+ align="center"
+ prop="largeModuleName"
+ :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 == 3">鐢宠</el-tag>
+ <el-tag v-if="scope.row.status == 4" type="danger">鎷掓壒</el-tag>
+ </template>
+ </el-table-column>
+ <el-table-column
+ align="center"
+ prop="bak"
+ :label="$t('userManage.userInfoObj.bak')"
+ />
+ <el-table-column :label="$t('common.operate')" fixed="right">
+ <template #default>
+ <!-- <el-button type="primary" size="small">淇敼</el-button> -->
+
+ <el-button type="warning" size="mini">{{
+ $t("common.edit")
+ }}</el-button>
+ <el-button type="danger" size="mini">{{
+ $t("common.delete")
+ }}</el-button>
+ </template>
+ </el-table-column>
+ </el-table>
+ <div style="margin-top: 40px" class="pagination_box">
+ <el-pagination
+ @size-change="handleSizeChange"
+ @current-change="handleCurrentChange"
+ :current-page="currentPage"
+ :page-sizes="[10, 20, 30, 40]"
+ :page-size="10"
+ layout="total, sizes, prev, pager, next, jumper"
+ :total="1"
+ >
+ </el-pagination>
</div>
</div>
- </template>
-
- <script>
- import MyBread from "../../components/MyBread.vue";
-
- export default {
- //import寮曞叆鐨勭粍浠堕渶瑕佹敞鍏ュ埌瀵硅薄涓墠鑳戒娇鐢�
- components: {
- MyBread,
- },
-
- data() {
- return {
- currentPage: 1,
- form: {
- username: "",
- ownedSystem: "",
- requestIp: "",
- operationType: "",
- date: "",
- },
- tableData: [
- {
- username: "绠＄悊鍛�",
- ip: "221.182.31.12",
- date: "2022-08-05",
- ownedSystem: "",
- largeModuleName: "杩愮淮鐩戞帶",
- smallModuleName: "璧勬簮鎿嶄綔鏃ュ織",
- resourceName: "",
- operationType: "鏌ヨ",
- },
- {
- date: "2022-08-05",
- username: "绠＄悊鍛�",
- ownedSystem: "",
- largeModuleName: "杩愮淮鐩戞帶",
- smallModuleName: "璧勬簮鎿嶄綔鏃ュ織",
- resourceName: "",
- operationType: "鏌ヨ",
- ip: "221.182.31.12",
- },
- {
- date: "2022-08-05",
- username: "绠＄悊鍛�",
- ownedSystem: "",
- largeModuleName: "杩愮淮鐩戞帶",
- smallModuleName: "璧勬簮鎿嶄綔鏃ュ織",
- resourceName: "",
- operationType: "鏌ヨ",
- ip: "221.182.31.12",
- },
- {
- date: "2022-08-05",
- username: "绠＄悊鍛�",
- ownedSystem: "",
- largeModuleName: "杩愮淮鐩戞帶",
- smallModuleName: "璧勬簮鎿嶄綔鏃ュ織",
- resourceName: "",
- operationType: "鏌ヨ",
- ip: "221.182.31.12",
- },
- {
- date: "2022-08-05",
- username: "绠＄悊鍛�",
- ownedSystem: "",
- largeModuleName: "杩愮淮鐩戞帶",
- smallModuleName: "璧勬簮鎿嶄綔鏃ュ織",
- resourceName: "",
- operationType: "鏌ヨ",
- ip: "221.182.31.12",
- },
- {
- date: "2022-08-05",
- username: "绠＄悊鍛�",
- ownedSystem: "",
- largeModuleName: "杩愮淮鐩戞帶",
- smallModuleName: "璧勬簮鎿嶄綔鏃ュ織",
- resourceName: "",
- operationType: "鏌ヨ",
- ip: "221.182.31.12",
- },
- {
- date: "2022-08-05",
- username: "绠＄悊鍛�",
- ownedSystem: "",
- largeModuleName: "杩愮淮鐩戞帶",
- smallModuleName: "璧勬簮鎿嶄綔鏃ュ織",
- resourceName: "",
- operationType: "鏌ヨ",
- ip: "221.182.31.12",
- },
- {
- date: "2022-08-05",
- username: "绠＄悊鍛�",
- ownedSystem: "",
- largeModuleName: "杩愮淮鐩戞帶",
- smallModuleName: "璧勬簮鎿嶄綔鏃ュ織",
- resourceName: "",
- operationType: "鏌ヨ",
- ip: "221.182.31.12",
- },
- {
- date: "2022-08-05",
- username: "绠＄悊鍛�",
- ownedSystem: "",
- largeModuleName: "杩愮淮鐩戞帶",
- smallModuleName: "璧勬簮鎿嶄綔鏃ュ織",
- resourceName: "",
- operationType: "鏌ヨ",
- ip: "221.182.31.12",
- },
- ],
- };
- },
- methods: {
- handleSizeChange(val) {
- console.log(`姣忛〉 ${val} 鏉);
- },
- handleCurrentChange(val) {
- console.log(`褰撳墠椤�: ${val}`);
- },
- onSubmit() {
- console.log("submit!");
- },
- resetForm(formName) {
- this.$refs[formName].resetFields();
- },
- },
- created() {},
- };
- </script>
- <style lang="less" scoped>
- //@import url(); 寮曞叆鍏叡css绫�
- .logLog_box {
- background: rgb(240, 242, 245);
- border-radius: 10px;
- height: 100%;
- padding: 10px;
- box-sizing: border-box;
- .el-input {
- width: 300px;
- }
- .inquire {
- height: 110px;
- overflow: auto;
- padding: 10px;
- margin-top: 20px;
- background: #fff;
- border-radius: 5px;
- border: 1px solid rgb(202, 201, 204);
- margin-bottom: 20px;
- .el-form-item {
- margin: 7px;
+ </div>
+</template>
+
+<script>
+import MyBread from "../../components/MyBread.vue";
+import { queryPageUser } from "../../api/api";
+export default {
+ //import寮曞叆鐨勭粍浠堕渶瑕佹敞鍏ュ埌瀵硅薄涓墠鑳戒娇鐢�
+ components: {
+ MyBread,
+ },
+ data() {
+ let validName = (rule, value, callback) => {
+ if (value === "") {
+ return callback(new Error("鐩綍鍚嶇О涓嶈兘涓虹┖"));
+ } else {
+ callback();
}
- }
- .table_box {
- height: 65%;
- padding: 10px;
- background: #fff;
- border-radius: 5px;
- border: 1px solid rgb(202, 201, 204);
- }
- .text-center {
- text-align: center;
+ };
+ return {
+ currentPage: 1,
+ form: {
+ username: "",
+ userStatus: "all",
+ requestIp: "",
+ },
+ tableData: [],
+ fullscreenLoading: false,
+ itemdetail: {},
+ formLabelWidth: "170px",
+ dialogFormVisible: false,
+ ruleForm: {
+ level: null,
+ orderNum: null,
+ pid: null,
+ name: "",
+ descr: "",
+ bak: "",
+ },
+ rules: {
+ name: [{ validator: validName, trigger: "blur" }],
+ },
+ };
+ },
+ methods: {
+ getUserInfo(params) {
+ // queryMaxId().then((res) => {
+ // this.id = res.data;
+ // });
+ queryPageUser({
+ pageIndex: 1,
+ pageSize: 10,
+ }).then((res) => {
+ if (res.code == 200) {
+ this.tableData = res.result;
+ } else {
+ console.log("鎺ュ彛鎶ラ敊");
+ }
+ });
+ },
+ // getUserInfo() {
+ // //鑾峰彇鐩綍鏍戞渶澶D锛屾柊寤鸿妭鐐逛娇鐢�
+ // // queryMaxId().then((res) => {
+ // // this.id = res.data;
+ // // });
+ // queryDepTree().then((res) => {
+ // if (res.status == 200) {
+ // this.depList = this.treeData(res.data.result);
+ // this.oriData = res.data.result;
+ // this.newData = res.data.result;
+ // } else {
+ // console.log("鎺ュ彛鎶ラ敊");
+ // }
+ // });
+ // },
+
+ handleSizeChange(val) {
+ console.log(`姣忛〉 ${val} 鏉);
+ },
+ handleCurrentChange(val) {
+ console.log(`褰撳墠椤�: ${val}`);
+ },
+ onSubmit() {
+ console.log("submit!");
+ },
+ resetForm(formName) {
+ this.$refs[formName].resetFields();
+ },
+ showAddDialog() {
+ this.dialogTableVisible = true;
+ },
+ },
+ mounted() {
+ this.getUserInfo(1, 10);
+ },
+};
+</script>
+<style>
+/deep/ .el-table__fixed-right {
+ height: 100% !important;
+}
+</style>
+<style lang="less" scoped>
+//@import url(); 寮曞叆鍏叡css绫�
+.logLog_box {
+ background: rgb(240, 242, 245);
+ border-radius: 10px;
+ height: 100%;
+ padding: 10px;
+ box-sizing: border-box;
+ .el-input {
+ width: 300px;
+ }
+ .inquire {
+ height: 110px;
+ overflow: auto;
+ padding: 8px;
+ margin-top: 20px;
+ background: #fff;
+ border-radius: 5px;
+ border: 1px solid rgb(202, 201, 204);
+ margin-bottom: 20px;
+ .el-form-item {
+ margin: 5px;
}
}
- </style>
-
\ No newline at end of file
+ .table_box {
+ height: 65%;
+ padding: 10px;
+ background: #fff;
+ border-radius: 5px;
+ border: 1px solid rgb(202, 201, 204);
+ }
+ .text-center {
+ text-align: center;
+ }
+ .select {
+ width: 300px;
+ }
+}
+/deep/ .el-card__header {
+ padding: 10px 10px !important;
+}
+/deep/ .el-dialog {
+ margin-top: 2vh !important;
+}
+/deep/ .el-dialog__wrapper {
+ overflow: hidden !important;
+}
+</style>
--
Gitblit v1.9.3