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 | 604 +++++++++++++-----------------------------------------
1 files changed, 152 insertions(+), 452 deletions(-)
diff --git a/src/views/userManage/userInfoManage.vue b/src/views/userManage/userInfoManage.vue
index f758634..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,13 +45,13 @@
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>
@@ -59,95 +59,130 @@
<el-form-item>
<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 slot-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>
+ <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,424 +195,87 @@
:page-sizes="[10, 20, 30, 40]"
:page-size="10"
layout="total, sizes, prev, pager, next, jumper"
- :total="9"
+ :total="1"
>
</el-pagination>
</div>
</div>
- <el-dialog :visible.sync="dialogTableVisible" width="57%" >
- <el-tabs v-model="activeName" @tab-click="handleClick">
- <el-tab-pane
- :label="$t('userManage.userInfoObj.userAccount')"
- name="first"
- >
- <el-form
- :model="ruleForm"
- :rules="rules"
- ref="ruleForm"
- label-width="100px"
- class="demo-ruleForm"
- >
- <el-form-item
- :label="$t('userManage.userInfoObj.username')"
- prop="name"
- >
- <el-input v-model="ruleForm.name"></el-input>
- </el-form-item>
- <el-form-item
- :label="$t('userManage.userInfoObj.userpssword')"
- prop="password"
- >
- <el-input type="password" v-model="ruleForm.password"></el-input>
- </el-form-item>
- <el-form-item
- :label="$t('userManage.userInfoObj.userstate')"
- prop="password"
- >
- <label>{{ $t('userManage.userInfoObj.toapplied') }}</label>
- </el-form-item>
- </el-form>
- </el-tab-pane>
- <el-tab-pane
- :label="$t('userManage.userInfoObj.userInformation')"
- name="second"
- >
- <el-form
- :model="ruleForm"
- :rules="rules"
- ref="ruleForm"
- label-width="180px"
- class="demo-ruleForm"
- >
- <el-row>
- <el-col :span="12">
- <el-form-item
- <el-form-item
- :label="$t('userManage.userInfoObj.userchinesename')"
- prop="name"
- >
- <el-input v-model="ruleForm.name"></el-input>
- </el-form-item>
- <el-form-item
- <el-form-item
- :label="$t('userManage.userInfoObj.username')"
- prop="name"
- >
- <el-input v-model="ruleForm.name"></el-input>
- </el-form-item>
- <el-form-item
- <el-form-item
- :label="$t('userManage.userInfoObj.sex')"
- >
- <el-radio v-model="radio" label="1">{{$t('userManage.userInfoObj.userMan')}}</el-radio>
- <el-radio v-model="radio" label="2">{{$t('userManage.userInfoObj.userWoMan')}}</el-radio>
- </el-form-item>
- <el-form-item
- <el-form-item
- :label="$t('userManage.userInfoObj.nativePlace')"
- >
- <el-input v-model="ruleForm.name"></el-input>
- </el-form-item>
- </el-col>
- <el-col :span="12">
- <div style="margin-left: 35px">
- <div
- style="
- width: 205px;
- height: 185px;
- border: 1px solid gray;
- margin: 5px;
- "
- >
- <img />
- </div>
- <el-upload
- class="upload-demo"
- action="https://jsonplaceholder.typicode.com/posts/"
- list-type="picture"
- >
- <el-button size="small" type="primary">{{$t('common.clickupload')}}</el-button>
- <span style="color: red"
- > {{$t('userManage.userInfoObj.spantitle1')}}</span
- >
- </el-upload>
- </div>
- </el-col>
- </el-row>
- <el-row>
- <el-col :span="12">
- <el-form-item
- <el-form-item
- :label="$t('userManage.userInfoObj.identityCard')"
- >
- <el-input v-model="ruleForm.name"></el-input>
- </el-form-item>
- </el-col>
- <el-col :span="12"
- ><el-form-item
- <el-form-item
- :label="$t('userManage.userInfoObj.education')"
-
- >
- <el-select
- v-model="form.region1"
- class="select"
- :placeholder="$t('userManage.userInfoObj.pleaseSelect')"
- >
- <el-option :label="$t('userManage.userInfoObj.doctor')" value="a1" />
- <el-option :label="$t('userManage.userInfoObj.master')" value="a2" />
- <el-option :label="$t('userManage.userInfoObj.undergraduate')" value="a3" />
- <el-option :label="$t('userManage.userInfoObj.juniorCollege')" value="a4" />
- <el-option :label="$t('userManage.userInfoObj.other')" value="a5" />
- </el-select>
- </el-form-item>
- </el-col>
- </el-row>
- <el-row>
- <el-col :span="12">
- <el-form-item
- <el-form-item
- :label="$t('userManage.userInfoObj.occupation')"
- >
- <el-select
- v-model="form.region2"
- class="select"
- :placeholder="$t('userManage.userInfoObj.pleaseSelect')"
- >
- <el-option :label="$t('userManage.userInfoObj.assistant')" value="b1" />
- <el-option :label="$t('userManage.userInfoObj.intermediate')" value="b2" />
- <el-option :label="$t('userManage.userInfoObj.senior')" value="b3" />
- </el-select>
- </el-form-item>
- </el-col>
- <el-col :span="12"
- ><el-form-item
- <el-form-item
- :label="$t('userManage.userInfoObj.post')"
-
- >
- <el-select
- class="select"
- v-model="form.region3"
- :placeholder="$t('userManage.userInfoObj.pleaseSelect')"
- >
- <el-option :label="$t('userManage.userInfoObj.v1')" value="c1" />
- <el-option :label="$t('userManage.userInfoObj.fv1')" value="c2" />
- <el-option :label="$t('userManage.userInfoObj.v2')" value="c3" /> <el-option :label="$t('userManage.userInfoObj.fv2')" value="c4" />
- <el-option :label="$t('userManage.userInfoObj.v3')" value="c5" />
- <el-option :label="$t('userManage.userInfoObj.fv3')" value="c6" />
- <el-option :label="$t('userManage.userInfoObj.v4')" value="c7" />
- <el-option :label="$t('userManage.userInfoObj.fv4')" value="c8" />
- <el-option :label="$t('userManage.userInfoObj.v5')" value="c9" />
- <el-option :label="$t('userManage.userInfoObj.fv5')" value="c10" />
- <el-option :label="$t('userManage.userInfoObj.v6')" value="c11" />
- <el-option :label="$t('userManage.userInfoObj.v7')" value="c12" /> <el-option :label="$t('userManage.userInfoObj.fv7')" value="c13" />
- <el-option :label="$t('userManage.userInfoObj.v8')" value="c14" />
- <el-option :label="$t('userManage.userInfoObj.v9')" value="c15" />
- <el-option :label="$t('userManage.userInfoObj.fv9')" value="c16" />
-
- </el-select>
- </el-form-item>
- </el-col>
- </el-row>
- <el-row>
- <el-col :span="12">
- <el-form-item
- <el-form-item
- :label="$t('userManage.userInfoObj.email')"
-
- >
- <el-input v-model="ruleForm.name"></el-input>
- </el-form-item>
- </el-col>
- <el-col :span="12">
- <el-form-item
- <el-form-item
- :label="$t('userManage.userInfoObj.major')"
-
- >
- <el-input v-model="ruleForm.name"></el-input>
- </el-form-item>
- </el-col>
- </el-row>
- <el-row>
- <el-col :span="12">
- <el-form-item
- :label="$t('userManage.userInfoObj.phoneNumber')"
-
- >
- <el-input
- v-model="ruleForm.name"
- style="width: 225px"
- ></el-input>
- <el-checkbox style="margin-left: 10px" v-model="checked"
- >{{$t('userManage.userInfoObj.receiveSMS')}}</el-checkbox
- >
- </el-form-item>
- </el-col>
- <el-col :span="12">
- <el-form-item
- :label="$t('userManage.userInfoObj.officeTelephone')"
-
- >
- <el-input v-model="ruleForm.name"></el-input>
- </el-form-item>
- </el-col>
- </el-row>
-
- <el-row>
- <el-col :span="24">
- <el-form-item
- :label="$t('userManage.userInfoObj.addressbook')"
-
- >
- <el-input style="width:755px" v-model="ruleForm.name"></el-input>
- </el-form-item>
- </el-col>
- </el-form-item>
- </el-row>
- <el-row>
- <el-col :span="24">
- <el-form-item
- :label="$t('userManage.userInfoObj.remarks')"
- >
- <el-input type="textarea" style="width:755px" v-model="ruleForm.name"></el-input>
- </el-form-item>
- </el-col>
- </el-form-item>
- </el-row>
- <el-row>
- <el-col :span="24">
- <el-form-item
- :label="$t('userManage.userInfoObj.scanningcopy')"
-
- >
- <el-upload
- class="upload-demo"
- action="https://jsonplaceholder.typicode.com/posts/"
- list-type="picture"
- >
- <el-button size="small" type="primary">{{$t('common.upload')}}</el-button>
- <span style="color: red"
- > {{$t('userManage.userInfoObj.spantitle2')}}</span>
- </el-upload>
- </el-form-item>
- </el-col>
- </el-form-item>
- </el-row>
- </el-form>
- </el-tab-pane>
- </el-tabs>
- <el-button type="primary" @click="onSubmit">{{$t('common.preservation')}}</el-button>
- <el-button>{{$t('common.close')}}</el-button>
- </el-dialog>
</div>
</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,
- dialogTableVisible: false,
- activeName: 'first',
- ruleForm: { name: '', password: '' },
- ruleForm1: {
- name: '',
- value: '',
+ 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: [
- { required: true, message: '璇疯緭鍏ョ敤鎴峰悕', trigger: 'blur' },
- { min: 3, max: 5, message: '闀垮害鍦� 3 鍒� 5 涓瓧绗�', trigger: 'blur' },
- ],
- password: [
- { required: true, message: '璇疯緭鍏ュ瘑鐮�', trigger: 'blur' },
- {
- trigger: 'blur',
- validator: (rule, value, callback) => {
- var passwordreg =
- /(?=.*\d)(?=.*[a-zA-Z])(?=.*[^a-zA-Z0-9]).{8,20}/;
- if (!passwordreg.test(value)) {
- callback(
- new Error('瀵嗙爜蹇呴』鐢辨暟瀛椼�佸瓧姣嶃�佺壒娈婂瓧绗︾粍鍚�,璇疯緭鍏�8-20浣�')
- );
- } else {
- callback();
- }
- },
- },
- ],
+ name: [{ validator: validName, trigger: "blur" }],
},
- form: {
- username: '',
- ownedSystem: 'all',
- 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: {
+ 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} 鏉);
},
@@ -585,7 +283,7 @@
console.log(`褰撳墠椤�: ${val}`);
},
onSubmit() {
- console.log('submit!');
+ console.log("submit!");
},
resetForm(formName) {
this.$refs[formName].resetFields();
@@ -594,7 +292,9 @@
this.dialogTableVisible = true;
},
},
- created() { },
+ mounted() {
+ this.getUserInfo(1, 10);
+ },
};
</script>
<style>
--
Gitblit v1.9.3