From c40e3de17653a10a06ead765813783a5614a32ce Mon Sep 17 00:00:00 2001
From: 王旭 <1377869194@qq.com>
Date: 星期四, 16 二月 2023 17:40:43 +0800
Subject: [PATCH] 调整运维管理部分页面格式
---
src/views/maintenance/userManagement.vue | 655 +++++++++++++++++++++++++++--------------------------------
1 files changed, 298 insertions(+), 357 deletions(-)
diff --git a/src/views/maintenance/userManagement.vue b/src/views/maintenance/userManagement.vue
index 29aff91..7586512 100644
--- a/src/views/maintenance/userManagement.vue
+++ b/src/views/maintenance/userManagement.vue
@@ -1,103 +1,105 @@
<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">
- <el-form
- ref="queryForm"
- :model="queryForm"
- :inline="true"
- >
- <el-form-item
- prop="uname"
- :label="$t('userManage.userInfoObj.uname')"
- >
- <el-input v-model="queryForm.uname" style="width:200px"/>
- </el-form-item>
- <el-form-item
- prop="depid"
- :label="$t('userManage.userInfoObj.depName')"
- >
- <el-select
- :popper-append-to-body="false"
- v-model="queryForm.depName"
- placeholder="璇烽�夋嫨"
- style="width:200px"
- >
- <el-option
- :value="queryForm.depid"
- :label="queryForm.depName"
- style=" height:auto"
+
+ <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-tree
- ref="tree"
- :data="treeOptions"
- node-key="id"
- :props="props"
- @node-click="handleNodeClickto"
- />
- </el-option>
- </el-select>
- </el-form-item>
-
- <el-form-item style="float:right">
- <el-button
- type="info"
- size="small"
- @click="resetInfo('queryForm')"
- icon="el-icon-refresh"
- >
- {{ $t('operatManage.ELM.reset') }}
- </el-button>
- </el-form-item>
- <el-form-item style="float:right" v-show="setbatchFlag">
- <el-button
- v-if="menuStatus.update"
- size="small"
- @click="editPwd"
- type="warning"
- icon="el-icon-unlock"
- >{{ $t('common.changepassWord') }}
- </el-button>
- </el-form-item>
- <el-form-item style="float:right">
- <el-button
- v-if="menuStatus.delete"
- type="danger"
- size="small"
- @click="deleteUserInfo"
- icon="el-icon-delete"
- >
- {{ $t('common.delete') }}
- </el-button>
- </el-form-item>
- <el-form-item style="float:right">
- <el-button
- v-if="menuStatus.insert"
- type="success"
- size="small"
- @click="showAddDialog"
- icon="el-icon-plus"
- >
- {{ $t('common.append') }}
- </el-button>
- </el-form-item>
+ <el-input v-model="queryForm.uname" style="width: 200px" />
+ </el-form-item>
+ <el-form-item
+ prop="depid"
+ :label="$t('userManage.userInfoObj.depName')"
+ >
+ <el-select
+ :popper-append-to-body="false"
+ v-model="queryForm.depName"
+ placeholder="璇烽�夋嫨"
+ style="width: 200px"
+ >
+ <el-option
+ :value="queryForm.depid"
+ :label="queryForm.depName"
+ style="height: auto"
+ >
+ <el-tree
+ ref="tree"
+ :data="treeOptions"
+ node-key="id"
+ :props="props"
+ @node-click="handleNodeClickto"
+ />
+ </el-option>
+ </el-select>
+ </el-form-item>
+ </div>
+ <div>
+ <el-form-item>
+ <el-button
+ type="info"
+ size="small"
+ @click="resetInfo('queryForm')"
+ icon="el-icon-refresh"
+ >
+ {{ $t("operatManage.ELM.reset") }}
+ </el-button>
+ </el-form-item>
+ <el-form-item v-show="setbatchFlag">
+ <el-button
+ v-if="menuStatus.update"
+ size="small"
+ @click="editPwd"
+ type="warning"
+ icon="el-icon-unlock"
+ >{{ $t("common.changepassWord") }}
+ </el-button>
+ </el-form-item>
+ <el-form-item>
+ <el-button
+ v-if="menuStatus.delete"
+ type="danger"
+ size="small"
+ @click="deleteUserInfo"
+ icon="el-icon-delete"
+ >
+ {{ $t("common.delete") }}
+ </el-button>
+ </el-form-item>
+ <el-form-item>
+ <el-button
+ v-if="menuStatus.insert"
+ type="success"
+ size="small"
+ @click="showAddDialog"
+ icon="el-icon-plus"
+ >
+ {{ $t("common.append") }}
+ </el-button>
+ </el-form-item>
+ </div>
+ </div>
</el-form>
</div>
- <div style="height: 73%">
- <el-table
- ref="filterTable"
- :data="tableData"
- style="width: 100%"
- height="90%"
- >
- <el-table-column
- type="selection"
- width="55"
- />
+ <div class="table_box" :style="styleVar">
+ <el-table
+ ref="filterTable"
+ :data="tableData"
+ style="width: 100%"
+ class="table_height"
+ height="calc(100% - 57px)"
+ >
+ <el-table-column type="selection" width="55" />
<el-table-column
align="center"
type="index"
@@ -144,37 +146,31 @@
<el-table-column
align="center"
prop="idcard"
- width="200px"
:label="$t('userManage.userInfoObj.idcard')"
/>
<el-table-column
align="center"
prop="job"
- width="200px"
:label="$t('userManage.userInfoObj.job')"
/>
<el-table-column
align="center"
prop="edu"
- width="200px"
:label="$t('userManage.userInfoObj.edu')"
/>
<el-table-column
align="center"
prop="addr"
- width="200px"
:label="$t('userManage.userInfoObj.addr')"
/>
<el-table-column
align="center"
prop="email"
- width="200px"
:label="$t('userManage.userInfoObj.email')"
/>
<el-table-column
align="center"
prop="contact"
- width="200px"
:label="$t('userManage.userInfoObj.contact')"
/>
@@ -184,29 +180,17 @@
: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
align="center"
prop="bak"
- width="200px"
+
:label="$t('userManage.userInfoObj.bak')"
/> -->
<el-table-column
@@ -215,20 +199,17 @@
v-if="menuStatus.update"
>
<template slot-scope="scope">
-
<el-button
type="warning"
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"
@@ -241,6 +222,7 @@
</el-pagination>
</div>
</div>
+
<el-dialog
width="910px"
top="15vh"
@@ -265,16 +247,10 @@
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') }}
+ {{ $t("userManage.userInfoObj.uid") }}
</div>
</el-form-item>
<el-form-item
@@ -332,10 +308,7 @@
: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"
@@ -362,10 +335,7 @@
: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"
@@ -416,10 +386,7 @@
: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%">
@@ -428,50 +395,35 @@
: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"
@@ -498,50 +450,33 @@
: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()"
- >{{
- $t('common.reset')
+ <div v-if="behavior == '淇敼淇℃伅'" slot="footer" class="dialog-footer">
+ <el-button size="small" type="info" @click="cancelEdit()">{{
+ $t("common.reset")
}}</el-button>
<el-button
size="small"
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')"
- >{{
- $t('common.reset')
+ <div v-else slot="footer" class="dialog-footer">
+ <el-button size="small" type="info" @click="cancelAdd('editForm')">{{
+ $t("common.reset")
}}</el-button>
<el-button
size="small"
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
@@ -551,11 +486,7 @@
: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')"
@@ -593,23 +524,17 @@
></el-input>
</el-form-item>
</el-form>
- <div
- slot="footer"
- class="dialog-footer"
- >
- <el-button
- size="small"
- type="info"
- @click="cancelReset - 'pwdForm'"
- >{{
- $t('common.reset')
+ <div slot="footer" class="dialog-footer">
+ <el-button size="small" type="info" @click="cancelReset - 'pwdForm'">{{
+ $t("common.reset")
}}</el-button>
<el-button
size="small"
type="primary"
@click="sendReset('pwdForm')"
v-loading.fullscreen.lock="fullscreenLoading"
- >{{ $t('common.submit') }}</el-button>
+ >{{ $t("common.submit") }}</el-button
+ >
</div>
</el-dialog>
</div>
@@ -617,8 +542,8 @@
<script>
var encrypt = new JSEncrypt();
-import { mapActions } from 'vuex';
-import MyBread from '../../components/MyBread.vue';
+import { mapActions } from "vuex";
+import MyBread from "../../components/MyBread.vue";
import {
queryDepTree,
queryPageUser,
@@ -628,7 +553,7 @@
updatePwd,
selectByUserid,
userSelectForIsAdmin,
-} from '../../api/api';
+} from "../../api/api";
export default {
//import寮曞叆鐨勭粍浠堕渶瑕佹敞鍏ュ埌瀵硅薄涓墠鑳戒娇鐢�
components: {
@@ -636,35 +561,35 @@
},
data() {
let validName = (rule, value, callback) => {
- if (value === '' || value === null || value === undefined) {
- return callback(new Error('璇疯緭鍏ュ瘑鐮�'));
+ if (value === "" || value === null || value === undefined) {
+ return callback(new Error("璇疯緭鍏ュ瘑鐮�"));
} else {
callback();
}
};
let validatePass = (rule, value, callback) => {
- if (value === '' || value === undefined) {
- callback(new Error('璇峰啀娆¤緭鍏ュ瘑鐮�'));
+ if (value === "" || value === undefined) {
+ callback(new Error("璇峰啀娆¤緭鍏ュ瘑鐮�"));
} else if (value !== this.editForm.pwd) {
- callback(new Error('涓ゆ杈撳叆瀵嗙爜涓嶄竴鑷�!'));
+ callback(new Error("涓ゆ杈撳叆瀵嗙爜涓嶄竴鑷�!"));
} else {
callback();
}
};
let resetPass = (rule, value, callback) => {
- if (value === '' || value === undefined) {
- callback(new Error('璇峰啀娆¤緭鍏ュ瘑鐮�'));
+ if (value === "" || value === undefined) {
+ callback(new Error("璇峰啀娆¤緭鍏ュ瘑鐮�"));
} else if (value !== this.pwdForm.newPwd) {
- callback(new Error('涓ゆ杈撳叆瀵嗙爜涓嶄竴鑷�!'));
+ callback(new Error("涓ゆ杈撳叆瀵嗙爜涓嶄竴鑷�!"));
} else {
callback();
}
};
return {
props: {
- label: 'name',
- value: 'id',
- children: 'children',
+ label: "name",
+ value: "id",
+ children: "children",
checkStrictly: true,
emitPath: false,
},
@@ -679,102 +604,102 @@
pageSize: 10,
pageIndex: 1,
defaultProps: {
- children: 'children',
- label: 'name',
+ children: "children",
+ label: "name",
},
queryForm: {
- uname: '',
+ uname: "",
depid: null,
- depName: '',
+ depName: "",
},
tableData: [],
fullscreenLoading: false,
count: 0,
- formLabelWidth: '100px',
+ formLabelWidth: "100px",
dialogFormVisible: false,
- initialForm: '',
- behavior: '',
+ initialForm: "",
+ behavior: "",
multipleSelection: [],
resetPwd: false,
editForm: {
- uid: '',
- uname: '',
- oldPwd: '',
- pwd: '',
- checkPass: '',
+ uid: "",
+ uname: "",
+ oldPwd: "",
+ pwd: "",
+ checkPass: "",
sex: null,
- natives: '',
+ natives: "",
depid: null,
- idcard: '',
- job: '',
- edu: '',
- addr: '',
- email: '',
- contact: '',
+ idcard: "",
+ job: "",
+ edu: "",
+ addr: "",
+ email: "",
+ contact: "",
status: null,
- bak: '',
- salt: '',
+ bak: "",
+ salt: "",
},
pwdForm: {
- adminPwd: '',
- newPwd: '',
- checkPwd: '',
+ adminPwd: "",
+ newPwd: "",
+ checkPwd: "",
ids: [],
},
treeOptions: [],
statusOpt: [
{
value: 0,
- label: '姝ｅ父',
+ label: "姝ｅ父",
},
{
value: 1,
- label: '绂佺敤',
+ label: "绂佺敤",
},
{
value: 2,
- label: '鍒犻櫎',
+ label: "鍒犻櫎",
},
{
value: 3,
- label: '鐢宠',
+ label: "鐢宠",
},
{
value: 4,
- label: '鎷掓壒',
+ label: "鎷掓壒",
},
],
depList: [],
sexOpt: [
{
value: 0,
- label: '濂�',
+ label: "濂�",
},
{
value: 1,
- label: '鐢�',
+ label: "鐢�",
},
{
value: -1,
- label: '鏈煡',
+ label: "鏈煡",
},
],
rules: {
uid: [
- { required: true, validator: validName, trigger: 'blur' },
+ { required: true, validator: validName, trigger: "blur" },
{
- trigger: 'blur',
+ trigger: "blur",
validator: (rule, value, callback) => {
var reg = new RegExp(/^[a-zA-Z0-9_]{0,15}$/); //瀛楃涓叉鍒欒〃杈惧紡 4鍒�14浣嶏紙瀛楁瘝锛屾暟瀛楋紝涓嬪垝绾匡紝鍑忓彿锛�
if (!reg.test(value)) {
callback(
- new Error('璐﹀彿蹇呴』鐢卞瓧姣嶏紝鏁板瓧鎴栦笅鍒掔嚎,闀垮害涓嶅緱瓒呰繃16浣�')
+ new Error("璐﹀彿蹇呴』鐢卞瓧姣嶏紝鏁板瓧鎴栦笅鍒掔嚎,闀垮害涓嶅緱瓒呰繃16浣�")
);
} else {
selectByUserid({ uid: value }).then((res) => {
if (res.result != null) {
this.isNewUser = false;
- callback(new Error('璐﹀彿宸插瓨鍦�'));
+ callback(new Error("璐﹀彿宸插瓨鍦�"));
} else {
this.isNewUser = true;
callback();
@@ -787,16 +712,16 @@
pwd: [
{
required: true,
- message: '璇疯緭鍏ュ瘑鐮�',
+ message: "璇疯緭鍏ュ瘑鐮�",
transform: (value) => value,
- trigger: 'blur',
+ trigger: "blur",
},
{
- type: 'string',
- message: '璇疯緭鍏ヤ笉鍖呭惈绌烘牸鐨勫瓧绗�',
- trigger: 'blur',
+ type: "string",
+ message: "璇疯緭鍏ヤ笉鍖呭惈绌烘牸鐨勫瓧绗�",
+ trigger: "blur",
transform(value) {
- if (value && value.indexOf(' ') === -1) {
+ if (value && value.indexOf(" ") === -1) {
return value;
} else {
return false;
@@ -804,14 +729,14 @@
},
},
{
- trigger: 'blur',
+ trigger: "blur",
validator: (rule, value, callback) => {
- var regex = new RegExp('');
+ var regex = new RegExp("");
var passwordreg =
/^(?![a-zA-Z]+$)(?![A-Z0-9]+$)(?![A-Z\W!@#$%^&*`~()\\-_+=,.?;<>]+$)(?![a-z0-9]+$)(?![a-z\W!@#$%^&*`~()\\-_+=,.?;<>]+$)(?![0-9\W!@#$%^&*`~()\\-_+=,.?;<>]+$)[a-zA-Z0-9\W!@#$%^&*`~()\\-_+=,.?;<>]{13,20}$/;
if (!passwordreg.test(value)) {
callback(
- new Error('瀵嗙爜蹇呴』鐢辨暟瀛椼�佸瓧姣嶃�佺壒娈婂瓧绗︾粍鍚�,璇疯緭鍏�13-20浣�')
+ new Error("瀵嗙爜蹇呴』鐢辨暟瀛椼�佸瓧姣嶃�佺壒娈婂瓧绗︾粍鍚�,璇疯緭鍏�13-20浣�")
);
} else {
callback();
@@ -820,21 +745,21 @@
},
],
checkPass: [
- { required: true, validator: validatePass, trigger: 'blur' },
+ { required: true, validator: validatePass, trigger: "blur" },
],
- adminPwd: [{ validator: validName, trigger: 'blur' }],
+ adminPwd: [{ validator: validName, trigger: "blur" }],
newPwd: [
{
- message: '璇疯緭鍏ュ瘑鐮�',
+ message: "璇疯緭鍏ュ瘑鐮�",
transform: (value) => value,
- trigger: 'blur',
+ trigger: "blur",
},
{
- type: 'string',
- message: '璇疯緭鍏ヤ笉鍖呭惈绌烘牸鐨勫瓧绗�',
- trigger: 'blur',
+ type: "string",
+ message: "璇疯緭鍏ヤ笉鍖呭惈绌烘牸鐨勫瓧绗�",
+ trigger: "blur",
transform(value) {
- if (value && value.indexOf(' ') === -1) {
+ if (value && value.indexOf(" ") === -1) {
return value;
} else {
return false;
@@ -842,14 +767,14 @@
},
},
{
- trigger: 'blur',
+ trigger: "blur",
validator: (rule, value, callback) => {
- var regex = new RegExp('');
+ var regex = new RegExp("");
var passwordreg =
/^(?![a-zA-Z]+$)(?![A-Z0-9]+$)(?![A-Z\W!@#$%^&*`~()\\-_+=,.?;<>]+$)(?![a-z0-9]+$)(?![a-z\W!@#$%^&*`~()\\-_+=,.?;<>]+$)(?![0-9\W!@#$%^&*`~()\\-_+=,.?;<>]+$)[a-zA-Z0-9\W!@#$%^&*`~()\\-_+=,.?;<>]{8,20}$/;
if (!passwordreg.test(value)) {
callback(
- new Error('瀵嗙爜蹇呴』鐢辨暟瀛椼�佸瓧姣嶃�佺壒娈婂瓧绗︾粍鍚�,璇疯緭鍏�8-20浣�')
+ new Error("瀵嗙爜蹇呴』鐢辨暟瀛椼�佸瓧姣嶃�佺壒娈婂瓧绗︾粍鍚�,璇疯緭鍏�8-20浣�")
);
} else {
callback();
@@ -857,19 +782,41 @@
},
},
],
- checkPwd: [{ validator: resetPass, trigger: 'blur' }],
+ checkPwd: [{ validator: resetPass, trigger: "blur" }],
},
defaultProps: {
children: "children",
label: "name",
},
- selectOptionWidth: '',
- selectheight: 'auto',
+ selectOptionWidth: "",
+ selectheight: "auto",
defaultexpand: false,
+ tableHeight: 0,
+ timer: 0,
+ styleVar: {
+ "height": "calc(100% - 109px)",
+ },
};
},
+ beforeDestroy() {
+ this.timer && clearTimeout(this.timer);
+ window.removeEventListener("resize", this.onResize);
+ },
methods: {
- ...mapActions(['login', 'getpublickey']),
+ onResize() {
+ this.timer && clearTimeout(this.timer);
+ this.timer = setTimeout(() => {
+ this.calHeight();
+ }, 500);
+ },
+ calHeight() {
+ this.$nextTick(() => {
+ const rect = this.$refs.container.getBoundingClientRect();
+ this.tableHeight = `${rect.height + 97}px`;
+ this.styleVar["height"] = `calc(100% - ${rect.height + 97}px)`;
+ });
+ },
+ ...mapActions(["login", "getpublickey"]),
getUserInfo() {
this.pageSize = 10;
this.currentPage = 1;
@@ -885,7 +832,7 @@
});
}
})
- .catch((res) => { });
+ .catch((res) => {});
queryPageUser({
pageIndex: 1,
@@ -902,20 +849,20 @@
});
}
})
- .catch((res) => { });
+ .catch((res) => {});
},
treeData(source) {
let cloneData = JSON.parse(JSON.stringify(source)); // 瀵规簮鏁版嵁娣卞害鍏嬮殕
return cloneData.filter((father) => {
// 寰幆鎵�鏈夐」
let branchArr = cloneData.filter((child) => father.id == child.pid); // 瀵规瘮ID锛屽垎鍒笂涓嬬骇鑿滃崟锛屽苟杩斿洖鏁版嵁
- branchArr.length > 0 ? (father.children = branchArr) : ''; // 缁欑埗绾ф坊鍔犱竴涓猚hildren灞炴�э紝骞惰祴鍊�
+ branchArr.length > 0 ? (father.children = branchArr) : ""; // 缁欑埗绾ф坊鍔犱竴涓猚hildren灞炴�э紝骞惰祴鍊�
return father.pid == 0; // 杩斿洖涓�绾ц彍鍗�
});
},
handleNodeClickto(data, node, nodeData) {
- this.queryForm.depid = data.id
+ this.queryForm.depid = data.id;
this.queryForm.depName = data.name;
},
//鎼滅储鎸夐挳
@@ -931,7 +878,6 @@
this.tableData = res.result;
this.count = res.count;
} else {
-
this.$notify.error({
title: res.code,
message: res.result,
@@ -945,7 +891,7 @@
},
//鏂板鎸夐挳
showAddDialog() {
- this.behavior = '鏂板鐢ㄦ埛';
+ this.behavior = "鏂板鐢ㄦ埛";
this.editForm = {};
this.dialogFormVisible = true;
},
@@ -971,8 +917,8 @@
if (res.code == 200) {
this.getUserInfo();
this.$message({
- message: '娣诲姞鎴愬姛',
- type: 'success',
+ message: "娣诲姞鎴愬姛",
+ type: "success",
});
this.editForm = {};
this.dialogFormVisible = false;
@@ -980,11 +926,9 @@
}, 500);
})
.catch((res) => {
-
this.fullscreenLoading = false;
});
} else {
-
return false;
}
});
@@ -998,20 +942,19 @@
var blackTheme;
if (this.$store.state.themeflag == true) {
blackTheme = {
- confirmButtonText: '纭畾',
- cancelButtonText: '鍙栨秷',
- type: 'warning',
- customClass: "Black_theme"
- }
+ confirmButtonText: "纭畾",
+ cancelButtonText: "鍙栨秷",
+ type: "warning",
+ customClass: "Black_theme",
+ };
} else {
blackTheme = {
- confirmButtonText: '纭畾',
- cancelButtonText: '鍙栨秷',
- type: 'warning',
-
- }
+ confirmButtonText: "纭畾",
+ cancelButtonText: "鍙栨秷",
+ type: "warning",
+ };
}
- this.$confirm('姝ゆ搷浣滃皢鍒犻櫎宸查�変腑鐨勭敤鎴�, 鏄惁缁х画?', '鎻愮ず', blackTheme)
+ this.$confirm("姝ゆ搷浣滃皢鍒犻櫎宸查�変腑鐨勭敤鎴�, 鏄惁缁х画?", "鎻愮ず", blackTheme)
.then(() => {
var std = [];
for (var i in this.multipleSelection) {
@@ -1021,22 +964,22 @@
.then((res) => {
if (res.code == 200) {
this.$message({
- type: 'success',
- message: '鍒犻櫎鎴愬姛!',
+ type: "success",
+ message: "鍒犻櫎鎴愬姛!",
});
this.multipleSelection = [];
this.getUserInfo();
} else {
- this.$message.error('鍒犻櫎澶辫触');
+ this.$message.error("鍒犻櫎澶辫触");
}
})
.catch(() => {
- this.$message.error('鍒犻櫎澶辫触');
+ this.$message.error("鍒犻櫎澶辫触");
this.multipleSelection = [];
});
})
.catch(() => {
- this.$message('宸插彇娑堝垹闄�');
+ this.$message("宸插彇娑堝垹闄�");
});
},
//閲嶇疆瀵嗙爜
@@ -1046,7 +989,7 @@
std.push(this.multipleSelection[i].id);
}
if (std.length == 0) {
- alert('璇峰厛閫夋嫨鐢ㄦ埛');
+ alert("璇峰厛閫夋嫨鐢ㄦ埛");
return;
}
this.pwdForm.ids = std;
@@ -1071,15 +1014,14 @@
setTimeout(() => {
this.fullscreenLoading = false;
if (res.code == 200) {
-
this.$message({
- message: '淇敼鎴愬姛',
- type: 'success',
+ message: "淇敼鎴愬姛",
+ type: "success",
});
this.pwdForm = {
- adminPwd: '',
- newPwd: '',
- checkPwd: '',
+ adminPwd: "",
+ newPwd: "",
+ checkPwd: "",
ids: [],
};
this.multipleSelection = [];
@@ -1090,7 +1032,7 @@
}, 500);
})
.catch((res) => {
- alert('淇敼澶辫触锛岃閲嶈瘯锛�');
+ alert("淇敼澶辫触锛岃閲嶈瘯锛�");
this.fullscreenLoading = false;
});
} else {
@@ -1104,60 +1046,60 @@
delete row.updateUser;
this.initialForm = JSON.stringify(row);
- this.behavior = '淇敼淇℃伅';
+ this.behavior = "淇敼淇℃伅";
this.editForm = JSON.parse(JSON.stringify(row));
this.dialogFormVisible = true;
},
//缂栬緫閫夋嫨鍗曚綅
editChange(value) {
this.editForm.depid = value;
- this.$refs.editcaderHandle.dropDownVisible = false
+ this.$refs.editcaderHandle.dropDownVisible = false;
},
handeditChange(data, node, nodeData) {
- this.$set(this.editForm, 'depid', data.id)
- this.$set(this.editForm, 'depName', data.name)
- this.$refs.editcaderHandle.dropDownVisible = false
+ this.$set(this.editForm, "depid", data.id);
+ this.$set(this.editForm, "depName", data.name);
+ this.$refs.editcaderHandle.dropDownVisible = false;
},
//鍏抽棴寮瑰嚭妗�
handleClose(done) {
var blackTheme;
if (this.$store.state.themeflag == true) {
blackTheme = {
- customClass: "Black_theme"
- }
+ customClass: "Black_theme",
+ };
}
- this.$confirm('纭鍏抽棴锛�', blackTheme)
+ this.$confirm("纭鍏抽棴锛�", blackTheme)
.then((_) => {
this.editForm = {
- uid: '',
- uname: '',
- oldPwd: '',
- pwd: '',
- checkPass: '',
+ uid: "",
+ uname: "",
+ oldPwd: "",
+ pwd: "",
+ checkPass: "",
sex: null,
- natives: '',
+ natives: "",
depid: null,
- idcard: '',
- job: '',
- edu: '',
- addr: '',
- email: '',
- contact: '',
+ idcard: "",
+ job: "",
+ edu: "",
+ addr: "",
+ email: "",
+ contact: "",
status: null,
- bak: '',
- salt: '',
+ bak: "",
+ salt: "",
};
this.pwdForm = {
- adminPwd: '',
- newPwd: '',
- checkPwd: '',
+ adminPwd: "",
+ newPwd: "",
+ checkPwd: "",
ids: [],
};
done();
})
- .catch((_) => { });
+ .catch((_) => {});
},
//鎻愪氦缂栬緫
sendEdit(formName) {
@@ -1181,8 +1123,8 @@
if (res.code == 200) {
this.getUserInfo();
this.$message({
- message: '淇敼鎴愬姛',
- type: 'success',
+ message: "淇敼鎴愬姛",
+ type: "success",
});
this.editForm = {};
this.dialogFormVisible = false;
@@ -1190,11 +1132,11 @@
}, 500);
})
.catch((res) => {
- alert('淇敼澶辫触锛岃閲嶈瘯锛�');
+ alert("淇敼澶辫触锛岃閲嶈瘯锛�");
this.fullscreenLoading = false;
});
} else {
- console.log('error submit!!');
+ console.log("error submit!!");
return false;
}
});
@@ -1218,13 +1160,13 @@
},
showPermsMenu(res) {
switch (res.tag) {
- case '/delete':
+ case "/delete":
this.menuStatus.delete = true;
break;
- case '/insert':
+ case "/insert":
this.menuStatus.insert = true;
break;
- case '/update':
+ case "/update":
this.menuStatus.update = true;
break;
}
@@ -1240,15 +1182,17 @@
setOptionWidth(event) {
// 涓嬫媺妗嗚仛鐒︼紝璁剧疆寮规鐨勫搴�
this.$nextTick(() => {
- this.selectOptionWidth = event.srcElement.offsetWidth + 'px';
+ this.selectOptionWidth = event.srcElement.offsetWidth + "px";
});
- }
+ },
},
mounted() {
this.getIsAdmin();
this.getUserInfo();
this.getpublickey();
+ window.addEventListener("resize", this.onResize);
+ this.calHeight()
},
created() {
var val = this.$store.state.currentPerms;
@@ -1286,15 +1230,12 @@
margin: 5px;
}
}
- .table_box {
- // height: 60%;
- padding: 10px;
- border-radius: 5px;
- overflow: auto;
- height: 500px;
- // overflow: auto;
- }
+ // .table_height{
+ // // max-height: 80%;
+
+ // min-height:70%;
+ // }
.el-dialog {
.el-form-item {
margin-bottom: 20px;
--
Gitblit v1.9.3