|
@@ -35,6 +35,7 @@
|
|
|
<el-dropdown split-button type="primary" size="small" @click="handleEdit(scope.row)">
|
|
|
编辑
|
|
|
<el-dropdown-menu slot="dropdown" class="text-align_center">
|
|
|
+ <el-dropdown-item @click.native="handleDetails(scope.row)" divided>人员详情</el-dropdown-item>
|
|
|
<el-dropdown-item @click.native="handleReset(scope.row)">重置密码</el-dropdown-item>
|
|
|
<el-dropdown-item class="color-red" @click.native="handleDelete(scope.row)" divided>删除</el-dropdown-item>
|
|
|
</el-dropdown-menu>
|
|
@@ -109,13 +110,13 @@
|
|
|
</el-row>
|
|
|
|
|
|
|
|
|
- <el-row :gutter="24">
|
|
|
+ <!-- <el-row :gutter="24">
|
|
|
<el-col :span="24">
|
|
|
<el-form-item label="职位[部门]" prop="nail">
|
|
|
<template>
|
|
|
<el-col :span="8" style="padding-left:0">
|
|
|
<el-form-item label-width="0" prop="position">
|
|
|
- <!-- <treeselect
|
|
|
+ <treeselect
|
|
|
v-model="positionAndDepartment.department"
|
|
|
:options="departmentList"
|
|
|
:disable-branch-nodes="true"
|
|
@@ -123,7 +124,7 @@
|
|
|
placeholder="请选择部门"
|
|
|
:normalizer="normalizer"
|
|
|
:multiple="false"
|
|
|
- /> -->
|
|
|
+ />
|
|
|
<el-tooltip
|
|
|
class="item"
|
|
|
effect="dark"
|
|
@@ -138,32 +139,22 @@
|
|
|
:show-all-levels="false"
|
|
|
:props="{ checkStrictly: true,value:'id',label:'name' }"
|
|
|
clearable
|
|
|
- @change="handleChange"
|
|
|
- placeholder="请选择部门">
|
|
|
+ @change="handleChange"
|
|
|
+ placeholder="请选择部门">
|
|
|
</el-cascader>
|
|
|
</el-tooltip>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label-width="0" label-height="82" label-line-height="82px" prop="position">
|
|
|
- <el-select v-model="positionAndDepartment.position"
|
|
|
- filterable
|
|
|
- placeholder="请选择职位"
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="item in positionList"
|
|
|
- :key="item.name"
|
|
|
- :label="item.position"
|
|
|
- :value="item.id">
|
|
|
-
|
|
|
- </el-option>
|
|
|
-
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label-width="0" label-height="82" label-line-height="82px" prop="position">
|
|
|
+ <el-select v-model="positionAndDepartment.position" filterable placeholder="请选择职位">
|
|
|
+ <el-option v-for="item in positionList" :key="item.name" :label="item.position" :value="item.id"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="2" style="height:82px;line-height:82px">
|
|
|
<el-button type="primary" size="mini" @click="showInputLabel" circle icon="el-icon-plus"></el-button>
|
|
|
</el-col>
|
|
|
<el-col :span="14" style="padding-right:0">
|
|
|
- <!-- <el-input type="textarea" :rows="3" v-model="ruleForm.position" readonly="true" placeholder="请输入职位[部门]"></el-input> -->
|
|
|
+ <el-input type="textarea" :rows="3" v-model="ruleForm.position" readonly="true" placeholder="请输入职位[部门]"></el-input>
|
|
|
<template>
|
|
|
<div style="width:100%;height:75px;border:1px solid #C0C0C0;border-radius:4px;overflow:auto">
|
|
|
<el-tag
|
|
@@ -180,7 +171,9 @@
|
|
|
</template>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <!-- <el-col :span="4">
|
|
|
+
|
|
|
+
|
|
|
+ <el-col :span="4">
|
|
|
<el-tag effect="dark" type="primary" size="small" closable :disable-transitions="false" @close="handleCloseLabel()">11</el-tag>
|
|
|
</el-col>
|
|
|
<el-col :span="18">
|
|
@@ -224,8 +217,69 @@
|
|
|
|
|
|
<el-col :span="2">
|
|
|
<el-button type="primary" size="mini" @click="showInputLabel" circle icon="el-icon-plus"></el-button>
|
|
|
- </el-col> -->
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+
|
|
|
+ </el-row> -->
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ <el-row :gutter="24">
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item label="职位[部门]" prop="nail">
|
|
|
+ <template>
|
|
|
+ <el-col :span="8" style="padding-left:0">
|
|
|
+ <el-form-item label-width="0" prop="position">
|
|
|
+ <el-tooltip
|
|
|
+ class="item"
|
|
|
+ effect="dark"
|
|
|
+ :disabled="!labelVal"
|
|
|
+ :content="labelVal"
|
|
|
+ placement="top-start"
|
|
|
+ >
|
|
|
+ <el-cascader
|
|
|
+ ref="deptIdCascader"
|
|
|
+ v-model="positionAndDepartment.department"
|
|
|
+ :options="departmentList"
|
|
|
+ :show-all-levels="false"
|
|
|
+ :props="{ checkStrictly: true,value:'id',label:'name' }"
|
|
|
+ clearable
|
|
|
+ @change="handleChange"
|
|
|
+ placeholder="请选择部门">
|
|
|
+ </el-cascader>
|
|
|
+ </el-tooltip>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :span="8" style="padding-left:0">
|
|
|
+ <el-form-item label-width="0" label-height="82" label-line-height="82px" prop="position">
|
|
|
+ <el-select v-model="positionAndDepartment.position" filterable placeholder="请选择职位">
|
|
|
+ <el-option v-for="item in positionList" :key="item.name" :label="item.position" :value="item.id"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="2">
|
|
|
+ <el-button type="primary" size="mini" @click="showInputLabel" circle icon="el-icon-plus"></el-button>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" style="padding-left:0;margin: 10px 0 0 0;">
|
|
|
+ <template>
|
|
|
+ <div style="width:100%;height:75px;border:1px solid #C0C0C0;border-radius:4px;overflow:auto">
|
|
|
+ <el-tag
|
|
|
+ v-for="(tag,index) in ruleForm.positions" :key="index"
|
|
|
+ closable
|
|
|
+ :disable-transitions="false"
|
|
|
+ @close="handleClose(index)">
|
|
|
+ <span>{{tag.positionName}}[{{tag.departmentName}}]</span>
|
|
|
+ </el-tag>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-col>
|
|
|
+ </template>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
</el-row>
|
|
|
+
|
|
|
+
|
|
|
<el-row :gutter="24">
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label="所属用户组" prop="group">
|
|
@@ -289,14 +343,27 @@
|
|
|
<el-input v-model="ruleForm.username" placeholder="请输入账号"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :span="12">
|
|
|
+ <!-- <el-col :span="12">
|
|
|
<el-form-item label="密码" prop="password">
|
|
|
<el-input v-model="ruleForm.password" placeholder="请输入密码"></el-input>
|
|
|
</el-form-item>
|
|
|
+ </el-col> -->
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="是否启用" prop="state">
|
|
|
+ <el-switch
|
|
|
+ :active-value="1"
|
|
|
+ :inactive-value="0"
|
|
|
+ v-model="ruleForm.state"
|
|
|
+ active-color="#13ce66"
|
|
|
+ inactive-color="#ff4949">
|
|
|
+ </el-switch>
|
|
|
+ <!-- <el-input v-model="ruleForm.state" placeholder="请输入状态" type="textarea"></el-input> -->
|
|
|
+ </el-form-item>
|
|
|
</el-col>
|
|
|
+
|
|
|
</el-row>
|
|
|
|
|
|
- <el-form-item label="是否启用" prop="state">
|
|
|
+ <!-- <el-form-item label="是否启用" prop="state">
|
|
|
<el-switch
|
|
|
:active-value="1"
|
|
|
:inactive-value="0"
|
|
@@ -304,8 +371,8 @@
|
|
|
active-color="#13ce66"
|
|
|
inactive-color="#ff4949">
|
|
|
</el-switch>
|
|
|
- <!-- <el-input v-model="ruleForm.state" placeholder="请输入状态" type="textarea"></el-input> -->
|
|
|
- </el-form-item>
|
|
|
+ <el-input v-model="ruleForm.state" placeholder="请输入状态" type="textarea"></el-input>
|
|
|
+ </el-form-item> -->
|
|
|
|
|
|
<el-form-item label="备注" prop="remark">
|
|
|
<el-input v-model="ruleForm.remark" placeholder="请输入备注" type="textarea" maxlength="100" show-word-limit></el-input>
|
|
@@ -316,6 +383,43 @@
|
|
|
<el-button type="primary" @click="submit" :loading="btnLoading">确 定</el-button>
|
|
|
</div>
|
|
|
</el-dialog>
|
|
|
+
|
|
|
+ <el-dialog :title="title" :visible.sync="showvisible" width="700px" class="my-dialog-name" contentStyle="width:400px;" :before-close="close" v-if="ruleForm.apply!=null">
|
|
|
+ <el-form label-position="left" class="demo-table-expand" label-width="80px">
|
|
|
+ <el-form-item label="账号 :">
|
|
|
+ <span>{{ruleForm.apply.username}}</span>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="姓名 :">
|
|
|
+ <span>{{ruleForm.apply.remark}}</span>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="性别 :">
|
|
|
+ <span>{{ruleForm.apply.gender === 1 ? '男' : '女'}}</span>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="邮箱 :">
|
|
|
+ <span>{{ruleForm.apply.email}}</span>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="联系方式 :">
|
|
|
+ <span>{{ruleForm.apply.mobile}}</span>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="QQ号 :">
|
|
|
+ <span>{{ruleForm.apply.qqNumber}}</span>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="微信号 :">
|
|
|
+ <span>{{ruleForm.apply.mobile}}</span>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="钉钉号 :">
|
|
|
+ <span>{{ruleForm.apply.nail}}</span>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="是否启用 :">
|
|
|
+ <span>{{ruleForm.apply.state === 1 ? '已启用' : '未启用'}}</span>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="备注 :">
|
|
|
+ <span>{{ruleForm.apply.remark}}</span>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ </el-form>
|
|
|
+
|
|
|
+ </el-dialog>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
@@ -328,6 +432,7 @@ export default {
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
+ showvisible: false,
|
|
|
visible: false,
|
|
|
loading: false,
|
|
|
btnLoading: false,
|
|
@@ -368,8 +473,6 @@ export default {
|
|
|
positionAndDepartment:{},
|
|
|
// departmentList: [],
|
|
|
ruleForm: {
|
|
|
- nails:[],
|
|
|
- nail:''
|
|
|
},
|
|
|
rules: {
|
|
|
name: [{ required: true, message: '请输入姓名', trigger: 'blur' },],
|
|
@@ -486,8 +589,15 @@ computed: {
|
|
|
this.visible = true
|
|
|
this.ruleForm = { ...row }
|
|
|
},
|
|
|
+ handleDetails(row) {
|
|
|
+ console.log(row)
|
|
|
+ this.title = '人员详情'
|
|
|
+ this.showvisible = true
|
|
|
+ this.ruleForm.apply = row
|
|
|
+ },
|
|
|
close() {
|
|
|
this.visible = false
|
|
|
+ this.showvisible = false
|
|
|
},
|
|
|
getDepartment() {
|
|
|
this.$api.getDepartmentList().then(response => {
|