From 42f135086753fc6784e1b4894a4fcc6164a06669 Mon Sep 17 00:00:00 2001
From: zouyu <2723363702@qq.com>
Date: 星期三, 05 三月 2025 11:20:26 +0800
Subject: [PATCH] Merge branch 'refs/heads/dev'
---
src/views/system/user/index.vue | 752 ++++++++++++++++++++++++++++++++++++++++-----------------
1 files changed, 527 insertions(+), 225 deletions(-)
diff --git a/src/views/system/user/index.vue b/src/views/system/user/index.vue
index 601da3b..6dbbf19 100644
--- a/src/views/system/user/index.vue
+++ b/src/views/system/user/index.vue
@@ -1,16 +1,44 @@
<template>
<div class="app-container">
<el-row :gutter="20">
- <splitpanes :horizontal="this.$store.getters.device === 'mobile'" class="default-theme">
+ <splitpanes
+ :horizontal="this.$store.getters.device === 'mobile'"
+ class="default-theme"
+ >
<!--閮ㄩ棬鏁版嵁-->
<pane size="12">
<el-col>
<div class="head-container addButton">
- <el-input v-model="deptName" placeholder="閮ㄩ棬鍚嶇О" clearable size="small" prefix-icon="el-icon-search" style="margin-bottom: 20px" />
- <el-button style="margin-left: 4px" type="primary" plain icon="el-icon-plus" size="mini" circle @click="addSchema"></el-button>
+ <el-input
+ v-model="deptName"
+ placeholder="閮ㄩ棬鍚嶇О"
+ clearable
+ size="small"
+ prefix-icon="el-icon-search"
+ style="margin-bottom: 20px"
+ />
+ <el-button
+ style="margin-left: 4px"
+ type="primary"
+ plain
+ icon="el-icon-plus"
+ size="mini"
+ circle
+ @click="addSchema"
+ ></el-button>
</div>
<div class="head-container">
- <el-tree :data="deptOptions" :props="defaultProps" :expand-on-click-node="false" :filter-node-method="filterNode" ref="tree" node-key="id" default-expand-all highlight-current @node-click="handleNodeClick" />
+ <el-tree
+ :data="deptOptions"
+ :props="defaultProps"
+ :expand-on-click-node="false"
+ :filter-node-method="filterNode"
+ ref="tree"
+ node-key="id"
+ default-expand-all
+ highlight-current
+ @node-click="handleNodeClick"
+ />
</div>
</el-col>
</pane>
@@ -18,69 +46,168 @@
<pane size="88">
<div class="search_form">
<div>
- <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch">
+ <el-form
+ :model="queryParams"
+ ref="queryForm"
+ size="small"
+ :inline="true"
+ v-show="showSearch"
+ >
<el-form-item label="鐢ㄦ埛鍚嶇О" prop="nickName">
- <el-input v-model="queryParams.nickName" placeholder="璇疯緭鍏ョ敤鎴峰悕绉�" clearable @keyup.enter.native="handleQuery" />
+ <el-input
+ v-model="queryParams.nickName"
+ placeholder="璇疯緭鍏ョ敤鎴峰悕绉�"
+ clearable
+ @keyup.enter.native="handleQuery"
+ />
</el-form-item>
<el-form-item label="鐘舵��" prop="status">
- <el-select v-model="queryParams.status" placeholder="鐢ㄦ埛鐘舵��" clearable>
- <el-option v-for="dict in dict.type.sys_normal_disable" :key="dict.value" :label="dict.label" :value="dict.value" />
+ <el-select
+ v-model="queryParams.status"
+ placeholder="鐢ㄦ埛鐘舵��"
+ clearable
+ >
+ <el-option
+ v-for="dict in dict.type.sys_normal_disable"
+ :key="dict.value"
+ :label="dict.label"
+ :value="dict.value"
+ />
</el-select>
</el-form-item>
<el-form-item>
- <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">鏌� 璇�</el-button>
- <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">閲� 缃�</el-button>
+ <el-button
+ type="primary"
+ icon="el-icon-search"
+ size="mini"
+ @click="handleQuery"
+ >鏌� 璇�</el-button
+ >
+ <el-button
+ icon="el-icon-refresh"
+ size="mini"
+ @click="resetQuery"
+ >閲� 缃�</el-button
+ >
</el-form-item>
</el-form>
</div>
<div class="options_button">
- <el-button type="primary" size="mini" @click="openthirdParty" v-hasPermi="['system:user:add']">鑾峰彇涓夋柟浜哄憳</el-button>
- <el-button type="primary" icon="el-icon-plus" size="mini" @click="handleAdd" v-hasPermi="['system:user:add']">鏂板鐢ㄦ埛</el-button>
+ <el-button
+ type="primary"
+ size="mini"
+ @click="openthirdParty"
+ v-hasPermi="['system:user:add']"
+ >鑾峰彇涓夋柟浜哄憳</el-button
+ >
+ <el-button
+ type="primary"
+ icon="el-icon-plus"
+ size="mini"
+ @click="handleAdd"
+ v-hasPermi="['system:user:add']"
+ >鏂板鐢ㄦ埛</el-button
+ >
</div>
</div>
<el-col>
<el-table v-loading="loading" :data="userList">
<el-table-column label="搴忓彿" align="center" type="index" />
- <el-table-column label="濮撳悕" align="center" key="nickName" prop="nickName" :show-overflow-tooltip="true" />
- <el-table-column label="璐﹀彿" align="center" key="userName" prop="userName" :show-overflow-tooltip="true" />
+ <el-table-column
+ label="濮撳悕"
+ align="center"
+ key="nickName"
+ prop="nickName"
+ :show-overflow-tooltip="true"
+ />
+ <el-table-column
+ label="璐﹀彿"
+ align="center"
+ key="userName"
+ prop="userName"
+ :show-overflow-tooltip="true"
+ />
<el-table-column label="鐘舵��" align="center" key="status">
<template slot-scope="scope">
- <el-switch v-model="scope.row.status" active-value="0" inactive-value="1" @change="handleStatusChange(scope.row)"></el-switch>
+ <el-switch
+ v-model="scope.row.status"
+ active-value="0"
+ inactive-value="1"
+ @change="handleStatusChange(scope.row)"
+ ></el-switch>
</template>
</el-table-column>
- <el-table-column label="鎵嬫満鍙风爜" align="center" key="phonenumber" prop="phonenumber" width="120" />
- <el-table-column label="鎿嶄綔" align="center" width="160" class-nickName="small-padding fixed-width">
+ <el-table-column
+ label="鎵嬫満鍙风爜"
+ align="center"
+ key="phonenumber"
+ prop="phonenumber"
+ width="120"
+ />
+ <el-table-column
+ label="鎿嶄綔"
+ align="center"
+ width="160"
+ class-nickName="small-padding fixed-width"
+ >
<template slot-scope="scope">
- <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)" v-hasPermi="['system:user:edit']">淇敼</el-button>
-<!-- <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)" v-hasPermi="['system:user:remove']">鍒犻櫎</el-button>-->
-<!-- <el-dropdown size="mini" @command="(command) => handleCommand(command, scope.row)" v-hasPermi="['system:user:resetPwd', 'system:user:edit']">-->
-<!-- <el-button size="mini" type="text" icon="el-icon-d-arrow-right">鏇村</el-button>-->
-<!-- <el-dropdown-menu slot="dropdown">-->
-<!-- <el-dropdown-item command="handleResetPwd" icon="el-icon-key" v-hasPermi="['system:user:resetPwd']">閲嶇疆瀵嗙爜</el-dropdown-item>-->
-<!-- <el-dropdown-item command="handleAuthRole" icon="el-icon-circle-check" v-hasPermi="['system:user:edit']">鍒嗛厤瑙掕壊</el-dropdown-item>-->
-<!-- </el-dropdown-menu>-->
-<!-- </el-dropdown>-->
+ <el-button
+ size="mini"
+ type="text"
+ icon="el-icon-edit"
+ @click="handleUpdate(scope.row)"
+ v-hasPermi="['system:user:edit']"
+ >淇敼</el-button
+ >
+ <!-- <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)" v-hasPermi="['system:user:remove']">鍒犻櫎</el-button>-->
+ <!-- <el-dropdown size="mini" @command="(command) => handleCommand(command, scope.row)" v-hasPermi="['system:user:resetPwd', 'system:user:edit']">-->
+ <!-- <el-button size="mini" type="text" icon="el-icon-d-arrow-right">鏇村</el-button>-->
+ <!-- <el-dropdown-menu slot="dropdown">-->
+ <!-- <el-dropdown-item command="handleResetPwd" icon="el-icon-key" v-hasPermi="['system:user:resetPwd']">閲嶇疆瀵嗙爜</el-dropdown-item>-->
+ <!-- <el-dropdown-item command="handleAuthRole" icon="el-icon-circle-check" v-hasPermi="['system:user:edit']">鍒嗛厤瑙掕壊</el-dropdown-item>-->
+ <!-- </el-dropdown-menu>-->
+ <!-- </el-dropdown>-->
</template>
</el-table-column>
</el-table>
- <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" @pagination="getList" />
+ <pagination
+ v-show="total > 0"
+ :total="total"
+ :page.sync="queryParams.pageNum"
+ :limit.sync="queryParams.pageSize"
+ @pagination="getList"
+ />
</el-col>
</pane>
</splitpanes>
</el-row>
<!-- 娣诲姞鎴栦慨鏀圭敤鎴烽厤缃璇濇 -->
- <el-dialog :title="title" :visible.sync="open" width="900px" append-to-body @close="reset">
+ <el-dialog
+ :title="title"
+ :visible.sync="open"
+ width="900px"
+ append-to-body
+ @close="reset"
+ >
<el-form ref="form" :model="form" :rules="rules" label-width="90px">
<el-row>
<el-col :span="12">
<el-form-item label="濮撳悕" prop="nickName">
- <el-input v-model="form.nickName" placeholder="璇疯緭鍏ョ敤鎴锋樀绉�" maxlength="30" />
+ <el-input
+ v-model="form.nickName"
+ placeholder="璇疯緭鍏ョ敤鎴锋樀绉�"
+ maxlength="30"
+ />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="璐﹀彿" prop="userName">
- <el-input v-model="form.userName" placeholder="璇疯緭鍏ョ敤鎴锋樀绉�" maxlength="30" />
+ <el-input
+ v-model="form.userName"
+ placeholder="璇疯緭鍏ョ敤鎴锋樀绉�"
+ maxlength="30"
+ />
</el-form-item>
</el-col>
</el-row>
@@ -88,47 +215,90 @@
<el-col :span="12">
<el-form-item label="鐘舵��" prop="status">
<el-radio-group v-model="form.status">
- <el-radio v-for="dict in dict.type.sys_normal_disable" :key="dict.value" :label="dict.value">{{ dict.label }}</el-radio>
+ <el-radio
+ v-for="dict in dict.type.sys_normal_disable"
+ :key="dict.value"
+ :label="dict.value"
+ >{{ dict.label }}</el-radio
+ >
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="鐢佃瘽鍙风爜" prop="phonenumber">
- <el-input v-model="form.phonenumber" placeholder="璇疯緭鍏ユ墜鏈哄彿鐮�" maxlength="11" />
+ <el-input
+ v-model="form.phonenumber"
+ placeholder="璇疯緭鍏ユ墜鏈哄彿鐮�"
+ maxlength="11"
+ />
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="瑙掕壊" prop="roleIds">
- <el-select v-model="form.roleIds" multiple placeholder="璇烽�夋嫨瑙掕壊" clearable>
- <el-option v-for="item in roleOptions" :key="item.roleId" :label="item.roleName" :value="item.roleId" :disabled="item.status == 1"></el-option>
+ <el-select
+ v-model="form.roleIds"
+ multiple
+ placeholder="璇烽�夋嫨瑙掕壊"
+ clearable
+ >
+ <el-option
+ v-for="item in roleOptions"
+ :key="item.roleId"
+ :label="item.roleName"
+ :value="item.roleId"
+ :disabled="item.status == 1"
+ ></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="瀵嗙爜" prop="password">
- <el-input v-model="form.password" placeholder="璇疯緭鍏ョ敤鎴峰瘑鐮�" type="password" maxlength="20" show-password />
+ <el-input
+ v-model="form.password"
+ placeholder="璇疯緭鍏ョ敤鎴峰瘑鐮�"
+ type="password"
+ maxlength="20"
+ show-password
+ />
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="濮撳悕EN" prop="nameEn">
- <el-input v-model="form.nameEn" placeholder="璇疯緭鍏ュ鍚岴N" maxlength="50" />
+ <el-input
+ v-model="form.nameEn"
+ placeholder="璇疯緭鍏ュ鍚岴N"
+ maxlength="50"
+ />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="閭" prop="email">
- <el-input v-model="form.email" placeholder="璇疯緭鍏ュ唴瀹�"></el-input>
+ <el-input
+ v-model="form.email"
+ placeholder="璇疯緭鍏ュ唴瀹�"
+ ></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="鍗曚綅" prop="company">
- <el-select v-model="form.company" placeholder="璇烽�夋嫨宀椾綅" style="width: 100%" clearable>
- <el-option v-for="item in postOptions" :key="item.postId" :label="item.postName" :value="item.postId"></el-option>
+ <el-select
+ v-model="form.company"
+ placeholder="璇烽�夋嫨鍗曚綅"
+ style="width: 100%"
+ clearable
+ >
+ <el-option
+ v-for="item in postOptions"
+ :key="item.id"
+ :label="item.company"
+ :value="item.id + ''"
+ ></el-option>
</el-select>
</el-form-item>
</el-col>
@@ -143,8 +313,14 @@
accept=".png, .jpg, .jpeg, .gif"
:on-error="handleUploadError"
:on-success="handleUploadSuccess"
- :before-upload="handleBeforeUpload">
- <img v-if="signatureUrl" :src="signatureUrl" class="avatar" alt="">
+ :before-upload="handleBeforeUpload"
+ >
+ <img
+ v-if="signatureUrl"
+ :src="signatureUrl"
+ class="avatar"
+ alt=""
+ />
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
</el-upload>
</el-form-item>
@@ -158,8 +334,14 @@
accept=".png, .jpg, .jpeg, .gif"
:on-error="handleUploadError1"
:on-success="handleUploadSuccess1"
- :before-upload="handleBeforeUpload1">
- <img v-if="pictureUrl" :src="pictureUrl" class="avatar" alt="">
+ :before-upload="handleBeforeUpload1"
+ >
+ <img
+ v-if="pictureUrl"
+ :src="pictureUrl"
+ class="avatar"
+ alt=""
+ />
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
</el-upload>
</el-form-item>
@@ -173,16 +355,40 @@
</el-dialog>
<!-- 鐢ㄦ埛瀵煎叆瀵硅瘽妗� -->
- <el-dialog :title="upload.title" :visible.sync="upload.open" width="400px" append-to-body>
- <el-upload ref="upload" :limit="1" accept=".xlsx, .xls" :headers="upload.headers" :action="upload.url + '?updateSupport=' + upload.updateSupport" :disabled="upload.isUploading" :on-progress="handleFileUploadProgress" :on-success="handleFileSuccess" :auto-upload="false" drag>
+ <el-dialog
+ :title="upload.title"
+ :visible.sync="upload.open"
+ width="400px"
+ append-to-body
+ >
+ <el-upload
+ ref="upload"
+ :limit="1"
+ accept=".xlsx, .xls"
+ :headers="upload.headers"
+ :action="upload.url + '?updateSupport=' + upload.updateSupport"
+ :disabled="upload.isUploading"
+ :on-progress="handleFileUploadProgress"
+ :on-success="handleFileSuccess"
+ :auto-upload="false"
+ drag
+ >
<i class="el-icon-upload"></i>
<div class="el-upload__text">灏嗘枃浠舵嫋鍒版澶勶紝鎴�<em>鐐瑰嚮涓婁紶</em></div>
<div class="el-upload__tip text-center" slot="tip">
<div class="el-upload__tip" slot="tip">
- <el-checkbox v-model="upload.updateSupport" />鏄惁鏇存柊宸茬粡瀛樺湪鐨勭敤鎴锋暟鎹�
+ <el-checkbox
+ v-model="upload.updateSupport"
+ />鏄惁鏇存柊宸茬粡瀛樺湪鐨勭敤鎴锋暟鎹�
</div>
<span>浠呭厑璁稿鍏ls銆亁lsx鏍煎紡鏂囦欢銆�</span>
- <el-link type="primary" :underline="false" style="font-size: 12px; vertical-align: baseline" @click="importTemplate">涓嬭浇妯℃澘</el-link>
+ <el-link
+ type="primary"
+ :underline="false"
+ style="font-size: 12px; vertical-align: baseline"
+ @click="importTemplate"
+ >涓嬭浇妯℃澘</el-link
+ >
</div>
</el-upload>
<div slot="footer" class="dialog-footer">
@@ -192,38 +398,87 @@
</el-dialog>
<!-- 鑾峰彇浜轰簨绯荤粺浜哄憳淇℃伅 -->
- <el-dialog title="鑾峰彇浜轰簨绯荤粺浜哄憳淇℃伅" :visible.sync="addthirdParty" width="70%">
+ <el-dialog
+ title="鑾峰彇浜轰簨绯荤粺浜哄憳淇℃伅"
+ :visible.sync="addthirdParty"
+ width="70%"
+ >
<div class="body" v-loading="thirdPartyLoading">
<el-row>
- <el-col :span="8" style="height: 70vh;overflow: hidden;" v-if="companiesList.length!=1">
- <el-input v-model="search2" placeholder="杈撳叆鍏抽敭瀛楁悳绱�" clearable size="small"
- @clear="searchFilter2" @keyup.enter.native="searchFilter2"
- prefix-icon="el-icon-search" style="margin-bottom: 20px;width: 90%"/>
- <el-tree :data="datathirdParty" node-key="companyId" :props="defaultProps" @node-click="nodeClick2"
- style="height: calc(100% - 42px);" @node-expand="nodeOpen0" :filter-node-method="filterNode2" ref="tree2"
- highlight-current>
+ <el-col
+ :span="8"
+ style="height: 70vh; overflow: hidden"
+ v-if="companiesList.length != 1"
+ >
+ <el-input
+ v-model="search2"
+ placeholder="杈撳叆鍏抽敭瀛楁悳绱�"
+ clearable
+ size="small"
+ @clear="searchFilter2"
+ @keyup.enter.native="searchFilter2"
+ prefix-icon="el-icon-search"
+ style="margin-bottom: 20px; width: 90%"
+ />
+ <el-tree
+ :data="datathirdParty"
+ node-key="companyId"
+ :props="defaultProps"
+ @node-click="nodeClick2"
+ style="height: calc(100% - 42px)"
+ @node-expand="nodeOpen0"
+ :filter-node-method="filterNode2"
+ ref="tree2"
+ highlight-current
+ >
</el-tree>
</el-col>
- <el-col :span="companiesList.length==1?24:16" style="height: 70vh;padding-left: 8px;">
- <div style="display: flex;align-items: center;margin-bottom: 10px">
+ <el-col
+ :span="companiesList.length == 1 ? 24 : 16"
+ style="height: 70vh; padding-left: 8px"
+ >
+ <div
+ style="display: flex; align-items: center; margin-bottom: 10px"
+ >
<span style="width: 140px">鍛樺伐鍙�/鍛樺伐濮撳悕:</span>
- <el-input size="small" placeholder="璇疯緭鍏ュ憳宸ュ彿/鍛樺伐濮撳悕" @clear="searchPerson" clearable v-model="userSearch2"
- style="width: 50%"
- @keyup.enter.native="searchPerson()"></el-input>
+ <el-input
+ size="small"
+ placeholder="璇疯緭鍏ュ憳宸ュ彿/鍛樺伐濮撳悕"
+ @clear="searchPerson"
+ clearable
+ v-model="userSearch2"
+ style="width: 50%"
+ @keyup.enter.native="searchPerson()"
+ ></el-input>
</div>
- <el-table height="67vh" stripe :data="personList" v-loading="personLoad" ref="personTable"
- @selection-change="handleSelectionChange">
- <el-table-column type="selection" width="50">
- </el-table-column>
+ <el-table
+ height="67vh"
+ stripe
+ :data="personList"
+ v-loading="personLoad"
+ ref="personTable"
+ @selection-change="handleSelectionChange"
+ >
+ <el-table-column type="selection" width="50"> </el-table-column>
<el-table-column prop="employeeID" label="鍛樺伐鍙�">
</el-table-column>
<el-table-column prop="nickName" label="鍛樺伐濮撳悕">
</el-table-column>
<el-table-column prop="department" label="閮ㄩ棬" min-width="200">
</el-table-column>
- <el-table-column prop="isLive" label="宸插瓨鍦�" width="80" align="center">
+ <el-table-column
+ prop="isLive"
+ label="宸插瓨鍦�"
+ width="80"
+ align="center"
+ >
<template slot-scope="scope">
- <el-tag type="success" effect="dark" v-if="scope.row.isLive === 1">鈭�</el-tag>
+ <el-tag
+ type="success"
+ effect="dark"
+ v-if="scope.row.isLive === 1"
+ >鈭�</el-tag
+ >
</template>
</el-table-column>
</el-table>
@@ -232,23 +487,32 @@
</div>
<div slot="footer" class="dialog-footer">
<el-button @click="addthirdParty = false">鍙� 娑�</el-button>
- <el-button type="primary" @click="addUser2" :loading="addLoad">纭� 瀹�</el-button>
+ <el-button type="primary" @click="addUser2" :loading="addLoad"
+ >纭� 瀹�</el-button
+ >
</div>
</el-dialog>
<el-dialog title="鏋舵瀯鏂板" :visible.sync="addDia" width="400px">
<div class="body">
- <el-row style="line-height: 50px;">
- <el-col :span="6" style="text-align: right;">
+ <el-row style="line-height: 50px">
+ <el-col :span="6" style="text-align: right">
<span class="required-span">* </span>鏋舵瀯鍚嶇О锛�
</el-col>
<el-col :span="16" :offset="1">
- <el-input v-model="addOb.nickName" placeholder="璇疯緭鍏ユ灦鏋勫悕绉�" clearable size="small"></el-input>
+ <el-input
+ v-model="addOb.nickName"
+ placeholder="璇疯緭鍏ユ灦鏋勫悕绉�"
+ clearable
+ size="small"
+ ></el-input>
</el-col>
</el-row>
</div>
<span slot="footer" class="dialog-footer">
<el-button @click="addDia = false">鍙� 娑�</el-button>
- <el-button type="primary" @click="addStandardTree" :loading="addLoad">纭� 瀹�</el-button>
+ <el-button type="primary" @click="addStandardTree" :loading="addLoad"
+ >纭� 瀹�</el-button
+ >
</span>
</el-dialog>
</div>
@@ -264,8 +528,14 @@
resetUserPwd,
changeUserStatus,
deptTreeSelect,
- selectCompaniesList, selectSimpleList, addPersonUser, uploadFile, selectRoleList, selectCustomEnum, addDepartment
+ selectCompaniesList,
+ selectSimpleList,
+ addPersonUser,
+ uploadFile,
+ selectRoleList,
+ addDepartment,
} from "@/api/system/user";
+import { selectCustomEnum } from "@/api/system/customer";
import { getToken } from "@/utils/auth";
import Treeselect from "@riophae/vue-treeselect";
import "@riophae/vue-treeselect/dist/vue-treeselect.css";
@@ -274,7 +544,7 @@
export default {
nickName: "User",
- dicts: ['sys_normal_disable', 'sys_user_sex'],
+ dicts: ["sys_normal_disable", "sys_user_sex"],
components: { Treeselect, Splitpanes, Pane },
data() {
return {
@@ -314,7 +584,7 @@
form: {},
defaultProps: {
children: "children",
- label: "label"
+ label: "label",
},
// 鐢ㄦ埛瀵煎叆鍙傛暟
upload: {
@@ -329,11 +599,11 @@
// 璁剧疆涓婁紶鐨勮姹傚ご閮�
headers: { Authorization: "Bearer " + getToken() },
// 涓婁紶鐨勫湴鍧�
- url: process.env.VUE_APP_BASE_API + "/system/user/importData"
+ url: process.env.VUE_APP_BASE_API + "/system/user/importData",
},
- uploadAction: process.env.VUE_APP_BASE_API + '/deviceScope/uploadFile',
- signatureUrl: '',
- pictureUrl: '',
+ uploadAction: process.env.VUE_APP_BASE_API + "/deviceScope/uploadFile",
+ signatureUrl: "",
+ pictureUrl: "",
// 鏌ヨ鍙傛暟
queryParams: {
pageNum: 1,
@@ -341,7 +611,7 @@
nickName: undefined,
phonenumber: undefined,
status: undefined,
- deptId: undefined
+ deptId: undefined,
},
// 鍒椾俊鎭�
columns: [
@@ -351,25 +621,15 @@
{ key: 3, label: `閮ㄩ棬`, visible: true },
{ key: 4, label: `鎵嬫満鍙风爜`, visible: true },
{ key: 5, label: `鐘舵�乣, visible: true },
- { key: 6, label: `鍒涘缓鏃堕棿`, visible: true }
+ { key: 6, label: `鍒涘缓鏃堕棿`, visible: true },
],
// 琛ㄥ崟鏍￠獙
rules: {
- nickName: [
- { required: true, message: "璇峰～鍐欏鍚�", trigger: "blur" },
- ],
- userName: [
- { required: true, message: "璇峰～鍐欒处鍙�", trigger: "blur" }
- ],
- nameEn: [
- { required: true, message: "璇疯緭鍏ュ鍚岴N", trigger: "blur" }
- ],
- status: [
- { required: true, message: "璇烽�夋嫨鐘舵��", trigger: "change" }
- ],
- roleIds: [
- { required: true, message: "璇烽�夋嫨瑙掕壊", trigger: "change" }
- ],
+ nickName: [{ required: true, message: "璇峰～鍐欏鍚�", trigger: "blur" }],
+ userName: [{ required: true, message: "璇峰～鍐欒处鍙�", trigger: "blur" }],
+ nameEn: [{ required: true, message: "璇疯緭鍏ュ鍚岴N", trigger: "blur" }],
+ status: [{ required: true, message: "璇烽�夋嫨鐘舵��", trigger: "change" }],
+ roleIds: [{ required: true, message: "璇烽�夋嫨瑙掕壊", trigger: "change" }],
password: [
{ required: true, message: "瀵嗙爜涓嶈兘涓虹┖", trigger: "blur" },
],
@@ -378,27 +638,27 @@
required: true,
pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
message: "璇疯緭鍏ユ纭殑鎵嬫満鍙风爜",
- trigger: "blur"
- }
- ]
+ trigger: "blur",
+ },
+ ],
},
// 鑾峰彇涓夋柟浜哄憳寮规
addthirdParty: false,
- thirdPartyLoading:false,
+ thirdPartyLoading: false,
companiesList: [],
- search2: '',
+ search2: "",
datathirdParty: [],
currentCompaniesList: [],
personList: [],
personListCopy: [],
personLoad: false,
- userSearch2: '',
+ userSearch2: "",
addLoad: false,
//
addDia: false, // 娣诲姞鏋舵瀯寮规
addOb: {
fatherId: 10001,
- nickName: '',
+ nickName: "",
},
};
},
@@ -406,12 +666,12 @@
// 鏍规嵁鍚嶇О绛涢�夐儴闂ㄦ爲
deptName(val) {
this.$refs.tree.filter(val);
- }
+ },
},
created() {
this.getList();
this.getDeptTree();
- this.getConfigKey("sys.user.initPassword").then(response => {
+ this.getConfigKey("sys.user.initPassword").then((response) => {
this.initPassword = response.msg;
});
},
@@ -419,7 +679,8 @@
/** 鏌ヨ鐢ㄦ埛鍒楄〃 */
getList() {
this.loading = true;
- listUser(this.addDateRange(this.queryParams, this.dateRange)).then(response => {
+ listUser(this.addDateRange(this.queryParams, this.dateRange)).then(
+ (response) => {
this.userList = response.rows;
this.total = response.total;
this.loading = false;
@@ -427,41 +688,45 @@
);
},
// 鎵撳紑娣诲姞鏋舵瀯寮规
- addSchema () {
- this.addDia = true
+ addSchema() {
+ this.addDia = true;
},
// 鎻愪氦鏋舵瀯
- addStandardTree () {
- if (this.addOb.nickName == null || this.addOb.factory == '') {
- this.$message.error('鏋勬灦鍚嶇О鏄繀濉」')
- return
+ addStandardTree() {
+ if (this.addOb.nickName == null || this.addOb.factory == "") {
+ this.$message.error("鏋勬灦鍚嶇О鏄繀濉」");
+ return;
}
- this.addLoad = true
- addDepartment(this.addOb).then(res => {
- if (res.code === 201) {
- this.addLoad = false
- return
- }
- this.$message.success('娣诲姞鎴愬姛')
- this.addDia = false
- this.getList()
- this.addLoad = false
- this.addOb.nickName = ''
- }).catch(e => {
- this.addDia = false
- this.addLoad = false
- })
+ this.addLoad = true;
+ addDepartment(this.addOb)
+ .then((res) => {
+ if (res.code === 201) {
+ this.addLoad = false;
+ return;
+ }
+ this.$message.success("娣诲姞鎴愬姛");
+ this.addDia = false;
+ this.getList();
+ this.addLoad = false;
+ this.addOb.nickName = "";
+ })
+ .catch((e) => {
+ this.addDia = false;
+ this.addLoad = false;
+ });
},
/** 鏌ヨ閮ㄩ棬涓嬫媺鏍戠粨鏋� */
getDeptTree() {
- deptTreeSelect().then(response => {
+ deptTreeSelect().then((response) => {
this.deptOptions = response.data;
- this.enabledDeptOptions = this.filterDisabledDept(JSON.parse(JSON.stringify(response.data)));
+ this.enabledDeptOptions = this.filterDisabledDept(
+ JSON.parse(JSON.stringify(response.data))
+ );
});
},
// 杩囨护绂佺敤鐨勯儴闂�
filterDisabledDept(deptList) {
- return deptList.filter(dept => {
+ return deptList.filter((dept) => {
if (dept.disabled) {
return false;
}
@@ -484,13 +749,17 @@
// 鐢ㄦ埛鐘舵�佷慨鏀�
handleStatusChange(row) {
let text = row.status === "0" ? "鍚敤" : "鍋滅敤";
- this.$modal.confirm('纭瑕�"' + text + '""' + row.nickName + '"鐢ㄦ埛鍚楋紵').then(function() {
- return changeUserStatus(row.userId, row.status);
- }).then(() => {
- this.$modal.msgSuccess(text + "鎴愬姛");
- }).catch(function() {
- row.status = row.status === "0" ? "1" : "0";
- });
+ this.$modal
+ .confirm('纭瑕�"' + text + '""' + row.nickName + '"鐢ㄦ埛鍚楋紵')
+ .then(function () {
+ return changeUserStatus(row.userId, row.status);
+ })
+ .then(() => {
+ this.$modal.msgSuccess(text + "鎴愬姛");
+ })
+ .catch(function () {
+ row.status = row.status === "0" ? "1" : "0";
+ });
},
// 鍙栨秷鎸夐挳
cancel() {
@@ -510,8 +779,8 @@
email: undefined,
sex: undefined,
status: "0",
- company: '',
- roleIds: []
+ company: "",
+ roleIds: [],
};
this.resetForm("form");
},
@@ -530,7 +799,7 @@
},
// 澶氶�夋閫変腑鏁版嵁
handleSelectionChange(selection) {
- this.ids = selection.map(item => item.userId);
+ this.ids = selection.map((item) => item.userId);
this.single = selection.length != 1;
this.multiple = !selection.length;
},
@@ -551,23 +820,28 @@
openthirdParty() {
this.addthirdParty = true;
this.thirdPartyLoading = true;
- selectCompaniesList().then(res => {
- this.companiesList = this.HaveJson(res.data);
- if(this.companiesList.length ==1){
- selectSimpleList({companyId: this.companiesList[0].companyId}).then(res => {
+ selectCompaniesList()
+ .then((res) => {
+ this.companiesList = this.HaveJson(res.data);
+ if (this.companiesList.length == 1) {
+ selectSimpleList({
+ companyId: this.companiesList[0].companyId,
+ }).then((res) => {
+ this.thirdPartyLoading = false;
+ this.personListCopy = JSON.parse(JSON.stringify(res.data));
+ this.personList = res.data;
+ this.$refs.personTable.doLayout();
+ });
+ } else {
this.thirdPartyLoading = false;
- this.personListCopy = JSON.parse(JSON.stringify(res.data))
- this.personList = res.data
- this.$refs.personTable.doLayout()
- })
- }else{
+ }
+ this.datathirdParty = this.tranListToTreeData(res.data, "ROOT");
+ })
+ .catch(() => {
this.thirdPartyLoading = false;
- }
- this.datathirdParty = this.tranListToTreeData(res.data, "ROOT");
- }).catch(() => {
- this.thirdPartyLoading = false;
- })
- if(this.componentData.entity.roleId > 10000)this.$message.warning('鐢变簬鏈�変腑鍏蜂綋瑙掕壊锛屾柊澧炵敤鎴峰皢鎴愪负榛樿瑙掕壊')
+ });
+ if (this.componentData.entity.roleId > 10000)
+ this.$message.warning("鐢变簬鏈�変腑鍏蜂綋瑙掕壊锛屾柊澧炵敤鎴峰皢鎴愪负榛樿瑙掕壊");
},
tranListToTreeData(list, rootValue) {
const arr = [];
@@ -583,47 +857,50 @@
return arr;
},
searchPerson() {
- let arr = JSON.parse(JSON.stringify(this.personListCopy))
- this.personList = arr.filter(a => {
- if (a.employeeID.includes(this.userSearch2) || a.nickName.includes(this.userSearch2)) {
- return true
+ let arr = JSON.parse(JSON.stringify(this.personListCopy));
+ this.personList = arr.filter((a) => {
+ if (
+ a.employeeID.includes(this.userSearch2) ||
+ a.nickName.includes(this.userSearch2)
+ ) {
+ return true;
}
- })
+ });
},
searchFilter2() {
- this.$refs.tree2.filter(this.search2)
+ this.$refs.tree2.filter(this.search2);
},
nodeClick2(ob, node, el) {
- this.getNodeParent(node)
- if (ob.companyId !== 'SC21') {
- this.personLoad = true
- selectSimpleList({companyId: ob.companyId}).then(res => {
- this.personListCopy = JSON.parse(JSON.stringify(res.data))
- this.personList = res.data
- this.personLoad = false
- this.$refs.personTable.doLayout()
- })
+ this.getNodeParent(node);
+ if (ob.companyId !== "SC21") {
+ this.personLoad = true;
+ selectSimpleList({ companyId: ob.companyId }).then((res) => {
+ this.personListCopy = JSON.parse(JSON.stringify(res.data));
+ this.personList = res.data;
+ this.personLoad = false;
+ this.$refs.personTable.doLayout();
+ });
}
},
getNodeParent(val) {
- this.currentCompaniesList[val.level - 1] = val.data.companyId
+ this.currentCompaniesList[val.level - 1] = val.data.companyId;
if (val.parent != null) {
- this.getNodeParent(val.parent)
+ this.getNodeParent(val.parent);
}
},
nodeOpen0(data, node, el) {
- this.currentCompaniesList[node.level - nodeOpen01] = data.id
+ this.currentCompaniesList[node.level - nodeOpen01] = data.id;
},
filterNode2(value, data) {
if (!value) return true;
- return data['companyName'].indexOf(value) !== -1;
+ return data["companyName"].indexOf(value) !== -1;
},
addUser2() {
if (this.multipleSelection.length === 0) {
- return this.$message.error('璇烽�夋嫨浜哄憳')
+ return this.$message.error("璇烽�夋嫨浜哄憳");
}
if (this.currentCompaniesList.length === 0) {
- return this.$message.error('璇烽�夋嫨缁勭粐')
+ return this.$message.error("璇烽�夋嫨缁勭粐");
}
/* for (let index = this.currentCompaniesList.length-1; index >1; index--) {
let obj = this.multipleSelection.find(a=>a.companyId==this.currentCompaniesList[index])
@@ -631,39 +908,41 @@
this.currentCompaniesList.splice(index,1)
}
} */
- let arr = []
- this.currentCompaniesList.forEach(b => {
- let obj = this.companiesList.find(a => a.companyId == b)
- arr.push(obj)
- })
- this.addLoad = true
+ let arr = [];
+ this.currentCompaniesList.forEach((b) => {
+ let obj = this.companiesList.find((a) => a.companyId == b);
+ arr.push(obj);
+ });
+ this.addLoad = true;
addPersonUser({
company: arr,
person: this.multipleSelection,
- roleId: this.componentData.entity.roleId
- }).then(res => {
- if (res.code === 201) {
- this.addLoad = false
- return
- }
- this.$message.success('鎿嶄綔鎴愬姛')
- this.multipleSelection = []
- this.$refs.personTable.clearSelection()
- this.addLoad = false
- this.userSearch2 = ''
- this.getList()
- }).catch(e => {
- this.addLoad = false
+ roleId: this.componentData.entity.roleId,
})
+ .then((res) => {
+ if (res.code === 201) {
+ this.addLoad = false;
+ return;
+ }
+ this.$message.success("鎿嶄綔鎴愬姛");
+ this.multipleSelection = [];
+ this.$refs.personTable.clearSelection();
+ this.addLoad = false;
+ this.userSearch2 = "";
+ this.getList();
+ })
+ .catch((e) => {
+ this.addLoad = false;
+ });
},
/** 鏂板鎸夐挳鎿嶄綔 */
handleAdd() {
this.reset();
this.open = true;
- selectCustomEnum().then(res => {
+ selectCustomEnum().then((res) => {
this.postOptions = res.data;
- })
- getUser().then(response => {
+ });
+ getUser().then((response) => {
this.roleOptions = response.roles;
this.title = "娣诲姞鐢ㄦ埛";
});
@@ -671,11 +950,11 @@
/** 淇敼鎸夐挳鎿嶄綔 */
handleUpdate(row) {
this.reset();
- selectCustomEnum().then(res => {
+ selectCustomEnum().then((res) => {
this.postOptions = res.data;
- })
+ });
const userId = row.userId || this.ids;
- getUser(userId).then(response => {
+ getUser(userId).then((response) => {
this.form = response.data;
this.roleOptions = response.roles;
this.$set(this.form, "roleIds", response.roleIds);
@@ -693,32 +972,34 @@
inputErrorMessage: "鐢ㄦ埛瀵嗙爜闀垮害蹇呴』浠嬩簬 5 鍜� 20 涔嬮棿",
inputValidator: (value) => {
if (/<|>|"|'|\||\\/.test(value)) {
- return "涓嶈兘鍖呭惈闈炴硶瀛楃锛�< > \" ' \\\ |"
+ return "涓嶈兘鍖呭惈闈炴硶瀛楃锛�< > \" ' \\\ |";
}
},
- }).then(({ value }) => {
- resetUserPwd(row.userId, value).then(response => {
+ })
+ .then(({ value }) => {
+ resetUserPwd(row.userId, value).then((response) => {
this.$modal.msgSuccess("淇敼鎴愬姛锛屾柊瀵嗙爜鏄細" + value);
});
- }).catch(() => {});
+ })
+ .catch(() => {});
},
/** 鍒嗛厤瑙掕壊鎿嶄綔 */
- handleAuthRole: function(row) {
+ handleAuthRole: function (row) {
const userId = row.userId;
this.$router.push("/system/user-auth/role/" + userId);
},
/** 鎻愪氦鎸夐挳 */
- submitForm: function() {
- this.$refs["form"].validate(valid => {
+ submitForm: function () {
+ this.$refs["form"].validate((valid) => {
if (valid) {
if (this.form.userId != undefined) {
- updateUser(this.form).then(response => {
+ updateUser(this.form).then((response) => {
this.$modal.msgSuccess("淇敼鎴愬姛");
this.open = false;
this.getList();
});
} else {
- addUser(this.form).then(response => {
+ addUser(this.form).then((response) => {
this.$modal.msgSuccess("鏂板鎴愬姛");
this.open = false;
this.getList();
@@ -730,17 +1011,24 @@
/** 鍒犻櫎鎸夐挳鎿嶄綔 */
handleDelete(row) {
const userIds = row.userId || this.ids;
- this.$modal.confirm('鏄惁纭鍒犻櫎鐢ㄦ埛缂栧彿涓�"' + userIds + '"鐨勬暟鎹」锛�').then(function() {
- return delUser(userIds);
- }).then(() => {
- this.getList();
- this.$modal.msgSuccess("鍒犻櫎鎴愬姛");
- }).catch(() => {});
+ this.$modal
+ .confirm('鏄惁纭鍒犻櫎鐢ㄦ埛缂栧彿涓�"' + userIds + '"鐨勬暟鎹」锛�')
+ .then(function () {
+ return delUser(userIds);
+ })
+ .then(() => {
+ this.getList();
+ this.$modal.msgSuccess("鍒犻櫎鎴愬姛");
+ })
+ .catch(() => {});
},
/** 涓嬭浇妯℃澘鎿嶄綔 */
importTemplate() {
- this.download('system/user/importTemplate', {
- }, `user_template_${new Date().getTime()}.xlsx`)
+ this.download(
+ "system/user/importTemplate",
+ {},
+ `user_template_${new Date().getTime()}.xlsx`
+ );
},
// 鏂囦欢涓婁紶涓鐞�
handleFileUploadProgress(event, file, fileList) {
@@ -751,7 +1039,13 @@
this.upload.open = false;
this.upload.isUploading = false;
this.$refs.upload.clearFiles();
- this.$alert("<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" + response.msg + "</div>", "瀵煎叆缁撴灉", { dangerouslyUseHTMLString: true });
+ this.$alert(
+ "<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" +
+ response.msg +
+ "</div>",
+ "瀵煎叆缁撴灉",
+ { dangerouslyUseHTMLString: true }
+ );
this.getList();
},
// 鎻愪氦涓婁紶鏂囦欢
@@ -785,10 +1079,14 @@
// 鑾峰彇鍏夋爣鎵�鍦ㄤ綅缃�
let length = quill.getSelection().index;
// 鎻掑叆鍥剧墖 res.url涓烘湇鍔″櫒杩斿洖鐨勫浘鐗囧湴鍧�
- quill.insertEmbed(length, "image", process.env.VUE_APP_BASE_API + res.fileName);
+ quill.insertEmbed(
+ length,
+ "image",
+ process.env.VUE_APP_BASE_API + res.fileName
+ );
// 璋冩暣鍏夋爣鍒版渶鍚�
quill.setSelection(length + 1);
- this.signatureUrl = res.data.url
+ this.signatureUrl = res.data.url;
} else {
this.$message.error("鍥剧墖鎻掑叆澶辫触");
}
@@ -823,10 +1121,14 @@
// 鑾峰彇鍏夋爣鎵�鍦ㄤ綅缃�
let length = quill.getSelection().index;
// 鎻掑叆鍥剧墖 res.url涓烘湇鍔″櫒杩斿洖鐨勫浘鐗囧湴鍧�
- quill.insertEmbed(length, "image", process.env.VUE_APP_BASE_API + res.fileName);
+ quill.insertEmbed(
+ length,
+ "image",
+ process.env.VUE_APP_BASE_API + res.fileName
+ );
// 璋冩暣鍏夋爣鍒版渶鍚�
quill.setSelection(length + 1);
- this.pictureUrl = res.data.url
+ this.pictureUrl = res.data.url;
} else {
this.$message.error("鍥剧墖鎻掑叆澶辫触");
}
@@ -834,7 +1136,7 @@
handleUploadError1() {
this.$message.error("鍥剧墖鎻掑叆澶辫触");
},
- }
+ },
};
</script>
@@ -854,7 +1156,7 @@
overflow: hidden;
}
.avatar-uploader ::v-deep .el-upload:hover {
- border-color: #409EFF;
+ border-color: #409eff;
}
.avatar-uploader-icon {
font-size: 20px;
--
Gitblit v1.9.3