From c6a9b11ff0783bcd81a043a179fbc27f685eee70 Mon Sep 17 00:00:00 2001
From: lxl <lixuliang_hd@126.com>
Date: 星期一, 07 十一月 2022 16:19:43 +0800
Subject: [PATCH] 菜单
---
src/views/userManage/userInfoManage.vue | 1468 ++++++++++++++++++++++++++++++++++++++--------------------
1 files changed, 961 insertions(+), 507 deletions(-)
diff --git a/src/views/userManage/userInfoManage.vue b/src/views/userManage/userInfoManage.vue
index f758634..16508af 100644
--- a/src/views/userManage/userInfoManage.vue
+++ b/src/views/userManage/userInfoManage.vue
@@ -1,5 +1,5 @@
<template>
- <div class="logLog_box">
+ <div class="userInfo_box">
<My-bread
:list="[
`${$t('userManage.userManage')}`,
@@ -8,466 +8,647 @@
></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')"
- />
+ <el-form ref="queryForm" :model="queryForm" :inline="true">
+ <el-form-item prop="uname" :label="$t('userManage.userInfoObj.uname')">
+ <el-input v-model="queryForm.uname" />
</el-form-item>
<el-form-item
- :label="$t('userManage.userInfoObj.userStatus')"
- prop="ownedSystem"
+ prop="depid"
+ :label="$t('userManage.userInfoObj.depName')"
>
- <el-select
- v-model="form.ownedSystem"
- :placeholder="$t('userManage.userInfoObj.userStatus')"
+ <el-cascader
+ v-model="queryForm.depid"
+ :options="treeOptions"
+ filterable
+ @change="handleChange"
+ :show-all-levels="false"
+ :props="{
+ label: 'name',
+ value: 'id',
+ children: 'children',
+ checkStrictly: true,
+ emitPath: false,
+ }"
>
- <el-option :label="$t('userManage.userInfoObj.all')" value="all" />
- <el-option
- :label="$t('userManage.userInfoObj.normal')"
- value="normal"
- />
- <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-cascader>
</el-form-item>
- <el-form-item
- :label="$t('userManage.userInfoObj.companyName')"
- prop="requestIp"
- >
- <el-input
- v-model="form.requestIp"
- :placeholder="$t('common.pleaseInput')"
- />
+ <el-form-item>
+ <el-button
+ size="small"
+ type="primary"
+ @click="queryInfo()"
+ icon="el-icon-search"
+ >{{ $t("operatManage.ELM.search") }}
+ </el-button>
+ </el-form-item>
+ <el-form-item>
+ <el-button
+ size="small"
+ @click="resetInfo('queryForm')"
+ icon="el-icon-refresh"
+ >
+ {{ $t("operatManage.ELM.reset") }}
+ </el-button>
</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-button
+ type="success"
+ size="small"
+ @click="showAddDialog"
+ icon="el-icon-plus"
>
- <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"
- ><i class="el-icon-search"></i> {{
- $t('operatManage.ELM.search')
- }}</el-button
- >
+ {{ $t("common.append") }}
+ </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-button
+ type="danger"
+ size="small"
+ @click="deleteUserInfo"
+ icon="el-icon-delete"
>
+ {{ $t("common.delete") }}
+ </el-button>
+ </el-form-item>
+ <el-form-item>
+ <el-button
+ type="primary"
+ size="small"
+ @click="editPwd"
+ icon="el-icon-unlock"
+ >閲嶇疆瀵嗙爜
+ </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%"
+ height="99%"
+ @selection-change="handleSelectionChange"
+ >
+ <el-table-column type="selection" width="55" />
<el-table-column
align="center"
type="index"
- :label="$t('operatManage.ELM.index')"
+ :label="$t('common.index')"
width="70px"
+ fixed
+ />
+
+ <el-table-column
+ align="center"
+ prop="uname"
+ width="150px"
+ :label="$t('userManage.userInfoObj.uname')"
+ fixed
/>
<el-table-column
align="center"
- prop="username"
- width="220px"
- :label="$t('userManage.userInfoObj.chineseName')"
+ prop="uid"
+ width="150px"
+ :label="$t('userManage.userInfoObj.uid')"
/>
<el-table-column
align="center"
- prop="ip"
- width="220px"
- :label="$t('userManage.userInfoObj.affiliatedUnit')"
+ prop="sex"
+ width="80px"
+ :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"
+ width="100px"
+ :label="$t('userManage.userInfoObj.natives')"
/>
<el-table-column
align="center"
- prop="ownedSystem"
- width="230px"
- :label="$t('userManage.userInfoObj.mobileNumber')"
+ prop="depName"
+ width="200px"
+ :label="$t('userManage.userInfoObj.depName')"
/>
+ <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')"
+ />
+
<el-table-column
align="center"
prop="largeModuleName"
- :label="$t('userManage.userInfoObj.state')"
+ :label="$t('userManage.userInfoObj.status')"
>
<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>
+ <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="smallModuleName"
- :label="$t('userManage.userInfoObj.post')"
+ prop="bak"
+ width="200px"
+ :label="$t('userManage.userInfoObj.bak')"
/>
<el-table-column
- align="center"
- prop="resourceName"
- :label="$t('userManage.userInfoObj.addtime')"
- />
- <el-table-column
- fixed="right"
:label="$t('common.operate')"
- width="200"
+ width="80px"
+ fixed="right"
+ v-if="menuStatus.update"
>
- <template #default>
+ <template slot-scope="scope">
<!-- <el-button type="primary" size="small">淇敼</el-button> -->
-
- <el-button type="warning" size="small">{{
- $t('common.edit')
- }}</el-button>
- <el-button type="danger" size="small">{{
- $t('common.delete')
- }}</el-button>
+ <el-button
+ type="warning"
+ @click="editInfo(scope.row)"
+ size="mini"
+ >{{ $t("common.edit") }}</el-button
+ >
</template>
</el-table-column>
</el-table>
- <div style="margin-top: 40px" class="pagination_box">
+ <div style="margin-top: 25px" class="pagination_box">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="currentPage"
- :page-sizes="[10, 20, 30, 40]"
- :page-size="10"
+ :page-sizes="[1, 2, 5, 10]"
+ :page-size="pageSize"
layout="total, sizes, prev, pager, next, jumper"
- :total="9"
+ :total="count"
>
</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-dialog
+ width="910px"
+ top="15vh"
+ :title="behavior"
+ :visible.sync="dialogFormVisible"
+ :before-close="handleClose"
+ >
+ <el-form
+ :model="editForm"
+ ref="editForm"
+ :rules="rules"
+ style="display: flex"
+ >
+ <div>
+ <el-form-item
+ prop="uid"
+ label="鐧诲綍璐﹀彿"
+ v-if="behavior == '鏂板鐢ㄦ埛'"
+ :label-width="formLabelWidth"
>
- <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-input v-model="editForm.uid" autocomplete="off"></el-input>
+ <div class="isNewUser" v-if="isNewUser">
+ <img src="../../assets/img/success.png" />
+ 璐﹀彿鍙敤
+ </div>
+ </el-form-item>
+ <el-form-item
+ v-if="behavior == '淇敼淇℃伅'"
+ label="鐧诲綍璐﹀彿"
+ :label-width="formLabelWidth"
>
- <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-input
+ v-model="editForm.uid"
+ autocomplete="off"
+ disabled
+ ></el-input>
+ </el-form-item>
+ <el-form-item
+ v-if="behavior == '淇敼淇℃伅'"
+ prop="oldPwd"
+ label="鍘熷瘑鐮�"
+ :label-width="formLabelWidth"
+ >
+ <el-input
+ type="password"
+ v-model="editForm.oldPwd"
+ autocomplete="off"
+ show-password
+ ></el-input>
+ </el-form-item>
+ <el-form-item prop="pwd" label="瀵嗙爜" :label-width="formLabelWidth">
+ <el-input
+ type="password"
+ v-model="editForm.pwd"
+ autocomplete="off"
+ show-password
+ ></el-input>
+ </el-form-item>
+ <el-form-item
+ prop="checkPass"
+ label="纭瀵嗙爜"
+ :label-width="formLabelWidth"
+ >
+ <el-input
+ type="password"
+ show-password
+ v-model="editForm.checkPass"
+ autocomplete="off"
+ ></el-input>
+ </el-form-item>
+ <el-form-item
+ prop="uname"
+ label="鐢ㄦ埛鍚嶇О"
+ :label-width="formLabelWidth"
+ >
+ <el-input v-model="editForm.uname" autocomplete="off"></el-input>
+ </el-form-item>
+ <el-form-item prop="sex" label="鎬у埆" :label-width="formLabelWidth">
+ <el-select v-model="editForm.sex" clearable placeholder="璇烽�夋嫨">
+ <el-option
+ v-for="item in sexOpt"
+ :key="item.value"
+ :label="item.label"
+ :value="item.value"
+ >
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <el-form-item
+ prop="natives"
+ label="绫嶈疮"
+ :label-width="formLabelWidth"
+ >
+ <el-input v-model="editForm.natives" autocomplete="off"></el-input>
+ </el-form-item>
+ <el-form-item
+ prop="depid"
+ :label-width="formLabelWidth"
+ :label="$t('userManage.userInfoObj.depName')"
+ >
+ <el-cascader
+ v-model="editForm.depid"
+ :options="treeOptions"
+ filterable
+ clearable
+ @change="editChange"
+ :show-all-levels="false"
+ :props="{
+ label: 'name',
+ value: 'id',
+ children: 'children',
+ checkStrictly: true,
+ emitPath: false,
+ }"
+ >
+ </el-cascader>
+ </el-form-item>
+ <el-form-item
+ prop="idcard"
+ label="璇佷欢鍙�"
+ :label-width="formLabelWidth"
+ >
+ <el-input v-model="editForm.idcard" autocomplete="off"></el-input>
+ </el-form-item>
+ </div>
+ <div style="width: 45%">
+ <el-form-item prop="job" label="宸ヤ綔" :label-width="formLabelWidth">
+ <el-input v-model="editForm.job" autocomplete="off"></el-input>
+ </el-form-item>
+ <el-form-item prop="edu" label="鏁欒偛" :label-width="formLabelWidth">
+ <el-input v-model="editForm.edu" autocomplete="off"></el-input>
+ </el-form-item>
+ <el-form-item prop="addr" label="鍦板潃" :label-width="formLabelWidth">
+ <el-input v-model="editForm.addr" autocomplete="off"></el-input>
+ </el-form-item>
+ <el-form-item
+ prop="email"
+ label="鐢靛瓙閭欢"
+ :label-width="formLabelWidth"
+ >
+ <el-input v-model="editForm.email" autocomplete="off"></el-input>
+ </el-form-item>
+ <el-form-item
+ prop="contact"
+ label="鑱旂郴鏂瑰紡"
+ :label-width="formLabelWidth"
+ >
+ <el-input v-model="editForm.contact" autocomplete="off"></el-input>
+ </el-form-item>
+ <el-form-item
+ prop="status"
+ label="鐘舵��"
+ :label-width="formLabelWidth"
+ >
+ <el-select v-model="editForm.status" clearable placeholder="璇烽�夋嫨">
+ <el-option
+ v-for="item in statusOpt"
+ :key="item.value"
+ :label="item.label"
+ :value="item.value"
+ >
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <el-form-item prop="bak" label="澶囨敞" :label-width="formLabelWidth">
+ <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="medium" @click="cancelEdit()">閲嶇疆</el-button>
+ <el-button
+ size="medium"
+ type="primary"
+ @click="sendEdit('editForm')"
+ v-loading.fullscreen.lock="fullscreenLoading"
+ >鎻愪氦</el-button
+ >
+ </div>
+ <div v-else slot="footer" class="dialog-footer">
+ <el-button size="medium" @click="cancelAdd('editForm')">閲嶇疆</el-button>
+ <el-button
+ size="medium"
+ type="primary"
+ @click="sendAdd('editForm')"
+ v-loading.fullscreen.lock="fullscreenLoading"
+ >鎻愪氦</el-button
+ >
+ </div>
+ </el-dialog>
+ <el-dialog
+ width="520px"
+ top="30vh"
+ title="鎵归噺閲嶇疆瀵嗙爜"
+ :visible.sync="resetPwd"
+ :before-close="handleClose"
+ >
+ <el-form :model="pwdForm" ref="pwdForm" :rules="rules">
+ <el-form-item prop="adminPwd" label="绠＄悊鍛樺瘑鐮�" label-width="140px">
+ <el-input
+ type="password"
+ v-model="pwdForm.adminPwd"
+ autocomplete="off"
+ show-password
+ ></el-input>
+ </el-form-item>
+ <el-form-item prop="newPwd" label="鏂板瘑鐮�" label-width="140px">
+ <el-input
+ type="password"
+ v-model="pwdForm.newPwd"
+ autocomplete="off"
+ show-password
+ ></el-input>
+ </el-form-item>
+ <el-form-item prop="checkPwd" label="纭瀵嗙爜" label-width="140px">
+ <el-input
+ type="password"
+ v-model="pwdForm.checkPwd"
+ autocomplete="off"
+ show-password
+ ></el-input>
+ </el-form-item>
+ </el-form>
+ <div slot="footer" class="dialog-footer">
+ <el-button size="medium" @click="cancelReset - 'pwdForm'"
+ >閲嶇疆</el-button
+ >
+ <el-button
+ size="medium"
+ type="primary"
+ @click="sendReset('pwdForm')"
+ v-loading.fullscreen.lock="fullscreenLoading"
+ >鎻愪氦</el-button
+ >
+ </div>
</el-dialog>
</div>
</template>
<script>
-import MyBread from '../../components/MyBread.vue';
-
+var encrypt = new JSEncrypt();
+import { mapActions } from "vuex";
+import MyBread from "../../components/MyBread.vue";
+import {
+ queryDepTree,
+ queryPageUser,
+ insertUser,
+ deleteUser,
+ updateUser,
+ updatePwd,
+ selectByUserid,
+} from "../../api/api";
export default {
//import寮曞叆鐨勭粍浠堕渶瑕佹敞鍏ュ埌瀵硅薄涓墠鑳戒娇鐢�
components: {
MyBread,
},
-
data() {
+ let validName = (rule, value, callback) => {
+ if (value === "" || value === null || value === undefined) {
+ return callback(new Error("璇疯緭鍏ュ瘑鐮�"));
+ } else {
+ callback();
+ }
+ };
+ let validatePass = (rule, value, callback) => {
+ if (value === "" || value === undefined) {
+ callback(new Error("璇峰啀娆¤緭鍏ュ瘑鐮�"));
+ } else if (value !== this.editForm.pwd) {
+ callback(new Error("涓ゆ杈撳叆瀵嗙爜涓嶄竴鑷�!"));
+ } else {
+ callback();
+ }
+ };
+ let resetPass = (rule, value, callback) => {
+ if (value === "" || value === undefined) {
+ callback(new Error("璇峰啀娆¤緭鍏ュ瘑鐮�"));
+ } else if (value !== this.pwdForm.newPwd) {
+ callback(new Error("涓ゆ杈撳叆瀵嗙爜涓嶄竴鑷�!"));
+ } else {
+ callback();
+ }
+ };
return {
- currentPage: 1,
- dialogTableVisible: false,
- activeName: 'first',
- ruleForm: { name: '', password: '' },
- ruleForm1: {
- name: '',
- value: '',
+ menuStatus: {
+ delete: false,
+ insert: false,
+ update: false,
},
+ isNewUser: false,
+ currentPage: 1,
+ pageSize: 10,
+ pageIndex: 1,
+ defaultProps: {
+ children: "children",
+ label: "name",
+ },
+ queryForm: {
+ uname: "",
+ depid: null,
+ depName: "",
+ },
+ tableData: [],
+ fullscreenLoading: false,
+ count: 0,
+ formLabelWidth: "100px",
+ dialogFormVisible: false,
+ initialForm: "",
+ behavior: "",
+ multipleSelection: [],
+ resetPwd: false,
+ editForm: {
+ uid: "",
+ uname: "",
+ oldPwd: "",
+ pwd: "",
+ checkPass: "",
+ sex: null,
+ natives: "",
+ depid: null,
+ idcard: "",
+ job: "",
+ edu: "",
+ addr: "",
+ email: "",
+ contact: "",
+ status: null,
+ bak: "",
+ salt: "",
+ },
+ pwdForm: {
+ adminPwd: "",
+ newPwd: "",
+ checkPwd: "",
+ ids: [],
+ },
+ treeOptions: [],
+ statusOpt: [
+ {
+ value: 0,
+ label: "姝ｅ父",
+ },
+ {
+ value: 1,
+ label: "绂佺敤",
+ },
+ {
+ value: 2,
+ label: "鍒犻櫎",
+ },
+ {
+ value: 3,
+ label: "鐢宠",
+ },
+ {
+ value: 4,
+ label: "鎷掓壒",
+ },
+ ],
+ depList: [],
+ sexOpt: [
+ {
+ value: 0,
+ label: "濂�",
+ },
+ {
+ value: 1,
+ label: "鐢�",
+ },
+ {
+ value: -1,
+ label: "鏈煡",
+ },
+ ],
rules: {
- name: [
- { required: true, message: '璇疯緭鍏ョ敤鎴峰悕', trigger: 'blur' },
- { min: 3, max: 5, message: '闀垮害鍦� 3 鍒� 5 涓瓧绗�', trigger: 'blur' },
- ],
- password: [
- { required: true, message: '璇疯緭鍏ュ瘑鐮�', trigger: 'blur' },
+ uid: [
+ { 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浣�")
+ );
+ } else {
+ selectByUserid({ uid: value }).then((res) => {
+ if (res.result != null) {
+ this.isNewUser = false;
+ callback(new Error("璐﹀彿宸插瓨鍦�"));
+ } else {
+ this.isNewUser = true;
+ callback();
+ }
+ });
+ }
+ },
+ },
+ ],
+ pwd: [
+ {
+ required: true,
+ message: "璇疯緭鍏ュ瘑鐮�",
+ transform: (value) => value,
+ trigger: "blur",
+ },
+ {
+ type: "string",
+ message: "璇疯緭鍏ヤ笉鍖呭惈绌烘牸鐨勫瓧绗�",
+ trigger: "blur",
+ transform(value) {
+ if (value && value.indexOf(" ") === -1) {
+ return value;
+ } else {
+ return false;
+ }
+ },
+ },
+ {
+ trigger: "blur",
+ validator: (rule, value, callback) => {
+ var regex = new RegExp("");
var passwordreg =
- /(?=.*\d)(?=.*[a-zA-Z])(?=.*[^a-zA-Z0-9]).{8,20}/;
+ /^(?![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();
@@ -475,126 +656,389 @@
},
},
],
+ checkPass: [
+ { required: true, validator: validatePass, trigger: "blur" },
+ ],
+ adminPwd: [{ validator: validName, trigger: "blur" }],
+ newPwd: [
+ {
+ message: "璇疯緭鍏ュ瘑鐮�",
+ transform: (value) => value,
+ trigger: "blur",
+ },
+ {
+ type: "string",
+ message: "璇疯緭鍏ヤ笉鍖呭惈绌烘牸鐨勫瓧绗�",
+ trigger: "blur",
+ transform(value) {
+ if (value && value.indexOf(" ") === -1) {
+ return value;
+ } else {
+ return false;
+ }
+ },
+ },
+ {
+ trigger: "blur",
+ validator: (rule, value, callback) => {
+ 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浣�")
+ );
+ } else {
+ callback();
+ }
+ },
+ },
+ ],
+ checkPwd: [{ validator: resetPass, 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: {
- handleSizeChange(val) {
- console.log(`姣忛〉 ${val} 鏉);
+ ...mapActions(["login", "getpublickey"]),
+ getUserInfo() {
+ queryDepTree()
+ .then((res) => {
+ if (res.code == 200) {
+ this.depList = this.treeData(res.result);
+ this.treeOptions = this.treeData(res.result);
+ } else {
+ this.$notify.error({
+ title: res.code,
+ message: res.result,
+ });
+ }
+ })
+ .catch((res) => {});
+
+ queryPageUser({
+ pageIndex: 1,
+ pageSize: 10,
+ })
+ .then((res) => {
+ if (res.code == 200) {
+ this.tableData = res.result;
+ this.count = res.count;
+ } else {
+ this.$notify.error({
+ title: res.code,
+ message: res.result,
+ });
+ }
+ })
+ .catch((res) => {});
},
- handleCurrentChange(val) {
- console.log(`褰撳墠椤�: ${val}`);
+ 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灞炴�э紝骞惰祴鍊�
+ return father.pid == 0; // 杩斿洖涓�绾ц彍鍗�
+ });
},
- onSubmit() {
- console.log('submit!');
+ //鏌ヨ閫夋嫨鍗曚綅
+ handleChange(value) {
+ this.queryForm.depid = value;
},
- resetForm(formName) {
+ //鎼滅储鎸夐挳
+ queryInfo() {
+ let searchData = {
+ uname: this.queryForm.uname.trim(),
+ depid: this.queryForm.depid,
+ pageIndex: this.pageIndex,
+ pageSize: this.pageSize,
+ };
+ queryPageUser(searchData).then((res) => {
+ if (res.code == 200) {
+ this.tableData = res.result;
+ this.count = res.count;
+ } else {
+ console.log("鏌ヨ鎺ュ彛鎶ラ敊");
+ this.$notify.error({
+ title: res.code,
+ message: res.result,
+ });
+ }
+ });
+ },
+ //閲嶇疆鎸夐挳
+ resetInfo(formName) {
this.$refs[formName].resetFields();
},
+ //鏂板鎸夐挳
showAddDialog() {
- this.dialogTableVisible = true;
+ this.behavior = "鏂板鐢ㄦ埛";
+ this.editForm = {};
+ this.dialogFormVisible = true;
+ },
+ cancelAdd(formName) {
+ this.editForm = {};
+ this.isNewUser = false;
+ this.$refs[formName].resetFields();
+ },
+ sendAdd(formName) {
+ this.$refs[formName].validate((valid) => {
+ if (valid) {
+ // console.log(this.$store.state.key);
+ encrypt.setPublicKey(this.$store.state.key);
+ this.editForm.uid = encrypt.encrypt(this.editForm.uid);
+ this.editForm.pwd = encrypt.encrypt(this.editForm.pwd);
+ this.fullscreenLoading = true;
+ delete this.editForm.checkPass;
+ delete this.editForm.oldPwd;
+ insertUser(this.editForm)
+ .then((res) => {
+ setTimeout(() => {
+ this.fullscreenLoading = false;
+ if (res.code == 200) {
+ this.getUserInfo();
+ this.$message({
+ message: "娣诲姞鎴愬姛",
+ type: "success",
+ });
+ this.editForm = {};
+ this.dialogFormVisible = false;
+ }
+ }, 500);
+ })
+ .catch((res) => {
+ alert("淇敼澶辫触锛岃閲嶈瘯锛�");
+ this.fullscreenLoading = false;
+ });
+ } else {
+ console.log("error submit!!");
+ return false;
+ }
+ });
+ },
+ //澶氶��
+ handleSelectionChange(val) {
+ this.multipleSelection = val;
+ },
+ //鍒犻櫎鎸夐挳
+ deleteUserInfo() {
+ this.$confirm("姝ゆ搷浣滃皢鍒犻櫎宸查�変腑鐨勭敤鎴�, 鏄惁缁х画?", "鎻愮ず", {
+ confirmButtonText: "纭畾",
+ cancelButtonText: "鍙栨秷",
+ type: "warning",
+ })
+ .then(() => {
+ var std = [];
+ for (var i in this.multipleSelection) {
+ std.push(this.multipleSelection[i].id);
+ }
+ deleteUser({ ids: std.toString() })
+ .then((res) => {
+ if (res.code == 200) {
+ this.$message({
+ type: "success",
+ message: "鍒犻櫎鎴愬姛!",
+ });
+ this.multipleSelection = [];
+ this.getUserInfo();
+ } else {
+ this.$message.error("鍒犻櫎澶辫触");
+ }
+ })
+ .catch(() => {
+ this.$message.error("鍒犻櫎澶辫触");
+ this.multipleSelection = [];
+ });
+ })
+ .catch(() => {
+ this.$message("宸插彇娑堝垹闄�");
+ });
+ },
+ //閲嶇疆瀵嗙爜
+ editPwd() {
+ var std = [];
+ for (var i in this.multipleSelection) {
+ std.push(this.multipleSelection[i].id);
+ }
+ if (std.length == 0) {
+ alert("璇峰厛閫夋嫨鐢ㄦ埛");
+ return;
+ }
+ this.pwdForm.ids = std;
+ this.resetPwd = true;
+ },
+ cancelReset(formName) {
+ this.$refs[formName].resetFields();
+ this.pwdForm.ids = [];
+ },
+ sendReset(formName) {
+ this.$refs[formName].validate((valid) => {
+ if (valid) {
+ encrypt.setPublicKey(this.$store.state.key);
+ var data = {
+ adminPwd: encrypt.encrypt(this.pwdForm.adminPwd),
+ newPwd: encrypt.encrypt(this.pwdForm.newPwd),
+ ids: this.pwdForm.ids,
+ };
+ this.fullscreenLoading = true;
+ updatePwd(data)
+ .then((res) => {
+ setTimeout(() => {
+ this.fullscreenLoading = false;
+ if (res.code == 200) {
+ this.getUserInfo();
+ this.$message({
+ message: "淇敼鎴愬姛",
+ type: "success",
+ });
+ this.pwdForm = {
+ adminPwd: "",
+ newPwd: "",
+ checkPwd: "",
+ ids: [],
+ };
+ this.multipleSelection = [];
+ this.resetPwd = false;
+ }
+ }, 500);
+ })
+ .catch((res) => {
+ alert("淇敼澶辫触锛岃閲嶈瘯锛�");
+ this.fullscreenLoading = false;
+ });
+ } else {
+ return false;
+ }
+ });
+ },
+ //缂栬緫鎸夐挳
+ editInfo(row) {
+ delete row.updateTime;
+ delete row.updateUser;
+ row.pwd = "";
+ this.initialForm = JSON.stringify(row);
+ this.behavior = "淇敼淇℃伅";
+ this.editForm = JSON.parse(JSON.stringify(row));
+ this.dialogFormVisible = true;
+ },
+ //缂栬緫閫夋嫨鍗曚綅
+ editChange(value) {
+ this.editForm.depid = value;
+ },
+ //鍏抽棴寮瑰嚭妗�
+ handleClose(done) {
+ this.$confirm("纭鍏抽棴锛�")
+ .then((_) => {
+ this.editForm = {
+ uid: "",
+ uname: "",
+ oldPwd: "",
+ pwd: "",
+ checkPass: "",
+ sex: null,
+ natives: "",
+ depid: null,
+ idcard: "",
+ job: "",
+ edu: "",
+ addr: "",
+ email: "",
+ contact: "",
+ status: null,
+ bak: "",
+ salt: "",
+ };
+ this.pwdForm = {
+ adminPwd: "",
+ newPwd: "",
+ checkPwd: "",
+ ids: [],
+ };
+
+ done();
+ })
+ .catch((_) => {});
+ },
+ //鎻愪氦缂栬緫
+ sendEdit(formName) {
+ this.$refs[formName].validate((valid) => {
+ if (valid) {
+ encrypt.setPublicKey(this.$store.state.key);
+ this.editForm.uid = encrypt.encrypt(this.editForm.uid);
+ this.editForm.salt = encrypt.encrypt(this.editForm.pwd);
+ this.editForm.pwd = encrypt.encrypt(this.editForm.oldPwd);
+ this.fullscreenLoading = true;
+ delete this.editForm.checkPass;
+ delete this.editForm.oldPwd;
+ updateUser(this.editForm)
+ .then((res) => {
+ setTimeout(() => {
+ this.fullscreenLoading = false;
+ if (res.code == 200) {
+ this.getUserInfo();
+ this.$message({
+ message: "淇敼鎴愬姛",
+ type: "success",
+ });
+ this.editForm = {};
+ this.dialogFormVisible = false;
+ }
+ }, 500);
+ })
+ .catch((res) => {
+ alert("淇敼澶辫触锛岃閲嶈瘯锛�");
+ this.fullscreenLoading = false;
+ });
+ } else {
+ console.log("error submit!!");
+ return false;
+ }
+ });
+ },
+ cancelEdit() {
+ this.$nextTick(() => {
+ this.editForm = JSON.parse(this.initialForm);
+ });
+ },
+
+ handleSizeChange(val) {
+ // console.log(`姣忛〉 ${val} 鏉);
+ this.pageSize = val;
+ this.queryInfo();
+ },
+ handleCurrentChange(val) {
+ // console.log(`褰撳墠椤�: ${val}`);
+ this.pageIndex = val;
+ this.currentPage = val;
+ this.queryInfo();
+ },
+ showPermsMenu(res) {
+ switch (res.tag) {
+ case "/delete":
+ this.menuStatus.delete = true;
+ break;
+ case "/insert":
+ this.menuStatus.insert = true;
+ break;
+ case "/update":
+ this.menuStatus.update = true;
+ break;
+ }
},
},
- created() { },
+ mounted() {
+ this.getUserInfo();
+ this.getpublickey();
+ },
+ created() {
+ var val = this.$store.state.currentPerms;
+ var permsEntity = this.$store.state.permsEntity;
+ for (var i = 0; i < permsEntity.length; i++) {
+ if (permsEntity[i].perms == val) {
+ this.showPermsMenu(permsEntity[i]);
+ }
+ }
+ },
};
</script>
<style>
@@ -604,7 +1048,7 @@
</style>
<style lang="less" scoped>
//@import url(); 寮曞叆鍏叡css绫�
-.logLog_box {
+.userInfo_box {
background: rgb(240, 242, 245);
border-radius: 10px;
height: 100%;
@@ -614,6 +1058,7 @@
width: 300px;
}
.inquire {
+ position: relative;
height: 110px;
overflow: auto;
padding: 8px;
@@ -627,26 +1072,35 @@
}
}
.table_box {
- height: 65%;
+ height: 70%;
padding: 10px;
background: #fff;
border-radius: 5px;
border: 1px solid rgb(202, 201, 204);
}
- .text-center {
- text-align: center;
+ .el-dialog {
+ .el-form-item {
+ margin-bottom: 20px;
+ // width: 48%;
+ /deep/.el-form-item__error {
+ width: 300px;
+ }
+ .isNewUser {
+ display: inline-block;
+ width: 75px;
+ margin-left: 5px;
+ img {
+ width: 1em;
+ }
+ }
+ .el-cascader,
+ .el-select {
+ width: 300px;
+ }
+ }
}
- .select {
- width: 300px;
+ /deep/ .el-dialog__body {
+ padding: 10px 0 0 0;
}
-}
-/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