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 | 329 ++++++++++++++++++++++++++++--------------------------
1 files changed, 170 insertions(+), 159 deletions(-)
diff --git a/src/views/userManage/userInfoManage.vue b/src/views/userManage/userInfoManage.vue
index 221cec0..3d3de5d 100644
--- a/src/views/userManage/userInfoManage.vue
+++ b/src/views/userManage/userInfoManage.vue
@@ -9,18 +9,18 @@
<el-divider />
<div class="inquire">
<el-form ref="ruleForm" :model="form" :inline="true">
- <el-form-item :label="$t('operatManage.ELM.username')" prop="username">
+ <el-form-item :label="$t('operatManage.ELM.username')" prop="name">
<el-input
- v-model="form.username"
+ v-model="form.name"
:placeholder="$t('operatManage.ELM.usernameInfo')"
/>
</el-form-item>
- <el-form-item
+ <!-- <el-form-item
:label="$t('userManage.userInfoObj.userStatus')"
- prop="ownedSystem"
+ prop="userStatus"
>
<el-select
- v-model="form.ownedSystem"
+ v-model="form.userStatus"
:placeholder="$t('userManage.userInfoObj.userStatus')"
>
<el-option :label="$t('userManage.userInfoObj.all')" value="all" />
@@ -45,109 +45,144 @@
value="rejection"
/>
</el-select>
- </el-form-item>
+ </el-form-item> -->
<el-form-item
- :label="$t('userManage.userInfoObj.companyName')"
- prop="requestIp"
+ :label="$t('userManage.userInfoObj.depName')"
+ prop="depName"
>
<el-input
- v-model="form.requestIp"
+ v-model="form.depName"
:placeholder="$t('common.pleaseInput')"
/>
</el-form-item>
<br />
<el-form-item>
- <el-button type="success" size="small"
+ <el-button type="success" size="small" @click="showAddDialog"
><i class="el-icon-plus"></i> {{
- $t('common.append')
+ $t("common.append")
}}</el-button
- >
- <el-button type="primary" size="small">
- {{ $t('userManage.userInfoObj.userinput') }}</el-button
- >
- <el-button type="primary" size="small">
- {{ $t('userManage.userInfoObj.userexport') }}</el-button
>
</el-form-item>
<el-form-item style="margin-left: 60%">
- <el-button @click="onSubmit"
+ <el-button @click="onSubmit" size="mini"
><i class="el-icon-search"></i> {{
- $t('operatManage.ELM.search')
+ $t("operatManage.ELM.search")
}}</el-button
>
</el-form-item>
<el-form-item>
- <el-button @click="resetForm('ruleForm')"
+ <el-button @click="resetForm('ruleForm')" size="mini"
><i class="el-icon-delete"></i> {{
- $t('operatManage.ELM.reset')
+ $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
+ :data="tableData"
+ stripe
+ border
+ style="width: 100%"
+ max-height="99%"
+ >
<el-table-column
align="center"
type="index"
- :label="$t('operatManage.ELM.index')"
- width="70px"
+ :label="$t('common.index')"
+ fixed
/>
<el-table-column
align="center"
- prop="username"
- width="220px"
- :label="$t('userManage.userInfoObj.chineseName')"
+ prop="uname"
+ :label="$t('userManage.userInfoObj.uname')"
+ fixed
/>
<el-table-column
align="center"
- prop="ip"
- width="220px"
- :label="$t('userManage.userInfoObj.affiliatedUnit')"
+ prop="pwd"
+ :label="$t('userManage.userInfoObj.pwd')"
/>
+
<el-table-column
align="center"
- prop="ownedSystem"
- width="230px"
- :label="$t('userManage.userInfoObj.mobileNumber')"
- />
- <el-table-column
- align="center"
- prop="largeModuleName"
- :label="$t('userManage.userInfoObj.state')"
+ prop="sex"
+ :label="$t('userManage.userInfoObj.sex')"
>
- <template scope="scope">
- <el-tag v-if="scope.row.largeModuleName == '姝ｅ父'" type="success">{{
- scope.row.largeModuleName
- }}</el-tag>
- <el-tag v-if="scope.row.largeModuleName == '寮傚父'" type="danger">{{
- scope.row.largeModuleName
- }}</el-tag>
+ <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="smallModuleName"
- :label="$t('userManage.userInfoObj.post')"
+ prop="natives"
+ :label="$t('userManage.userInfoObj.natives')"
/>
<el-table-column
align="center"
- prop="resourceName"
- :label="$t('userManage.userInfoObj.addtime')"
+ prop="depName"
+ :label="$t('userManage.userInfoObj.depName')"
/>
<el-table-column
- fixed="right"
- :label="$t('common.operate')"
- width="200"
+ 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="small">{{
- $t('common.edit')
+ <el-button type="warning" size="mini">{{
+ $t("common.edit")
}}</el-button>
- <el-button type="danger" size="small">{{
- $t('common.delete')
+ <el-button type="danger" size="mini">{{
+ $t("common.delete")
}}</el-button>
</template>
</el-table-column>
@@ -160,7 +195,7 @@
:page-sizes="[10, 20, 30, 40]"
:page-size="10"
layout="total, sizes, prev, pager, next, jumper"
- :total="9"
+ :total="1"
>
</el-pagination>
</div>
@@ -169,119 +204,78 @@
</template>
<script>
-import MyBread from '../../components/MyBread.vue';
-
+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();
+ }
+ };
return {
currentPage: 1,
form: {
- username: '',
- ownedSystem: 'all',
- requestIp: '',
- operationType: '',
- date: '',
+ username: "",
+ userStatus: "all",
+ requestIp: "",
},
- 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',
- },
- ],
+ 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} 鏉);
},
@@ -289,13 +283,18 @@
console.log(`褰撳墠椤�: ${val}`);
},
onSubmit() {
- console.log('submit!');
+ console.log("submit!");
},
resetForm(formName) {
this.$refs[formName].resetFields();
},
+ showAddDialog() {
+ this.dialogTableVisible = true;
+ },
},
- created() {},
+ mounted() {
+ this.getUserInfo(1, 10);
+ },
};
</script>
<style>
@@ -337,5 +336,17 @@
.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