企业信息管理 - 中心用户管理页面
water_xu
parent
2a6c20c687
commit
a2649cd1a7
|
|
@ -0,0 +1,757 @@
|
||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<div style="padding:10px 20px 20px 20px">
|
||||||
|
<div class="title_super">
|
||||||
|
<div>{{ this.$parent.USER_ID == '' ? '新增用户' : '查看用户' }}</div>
|
||||||
|
</div>
|
||||||
|
<el-form ref="form" :rules="rules" :model="form" label-width="140px">
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="12">
|
||||||
|
<div class="left_super">
|
||||||
|
<el-form-item label="用户名" prop="USERNAME">
|
||||||
|
<el-input v-model="form.USERNAME" placeholder="默认用户手机号码..."/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="姓名" prop="NAME">
|
||||||
|
<el-input v-model="form.NAME" placeholder="这里输入姓名..."/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="邮箱" prop="EMAIL">
|
||||||
|
<el-input v-model="form.EMAIL" placeholder=""/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="部门" prop="ORG_PATH">
|
||||||
|
<el-input v-model="form.ORG_PATH" placeholder=""/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="身份证号" prop="CARD_NO">
|
||||||
|
<el-input v-model="form.CARD_NO" placeholder=""/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="民族" prop="NATION">
|
||||||
|
<el-input v-model="form.NATION" placeholder=""/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="性别" prop="SEX">
|
||||||
|
<el-input v-model="form.SEX" placeholder=""/>
|
||||||
|
</el-form-item>
|
||||||
|
</div>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<div class="left_border_super">
|
||||||
|
<template v-if="form.ISSTUDENT">
|
||||||
|
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="民族" prop="NATION">
|
||||||
|
<el-select v-model="form.NATION_NAME" placeholder="请选择">
|
||||||
|
<el-option
|
||||||
|
v-for="item in uesrInfoDic.minzuList"
|
||||||
|
:key="item.DICTIONARIES_ID"
|
||||||
|
:label="item.NAME"
|
||||||
|
:value="item.DICTIONARIES_ID"/>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="政治面貌" prop="POLITICAL_OUTLOOK">
|
||||||
|
<el-select v-model="form.POLITICAL_OUTLOOK_NAME" placeholder="请选择">
|
||||||
|
<el-option
|
||||||
|
v-for="item in uesrInfoDic.zhengzhimianmaoList"
|
||||||
|
:key="item.DICTIONARIES_ID"
|
||||||
|
:label="item.NAME"
|
||||||
|
:value="item.DICTIONARIES_ID"/>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="出生年月" prop="DATE_OF_BIRTH">
|
||||||
|
<el-date-picker
|
||||||
|
v-model="form.DATE_OF_BIRTH"
|
||||||
|
type="date"
|
||||||
|
placeholder="选择日期"
|
||||||
|
value-format="yyyy-MM-dd"
|
||||||
|
format="yyyy-MM-dd"/>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="文化程度" prop="DEGREE_OF_EDUCATION">
|
||||||
|
<el-select v-model="form.DEGREE_OF_EDUCATION_NAME" placeholder="请选择">
|
||||||
|
<el-option
|
||||||
|
v-for="item in uesrInfoDic.wenhuachengduList"
|
||||||
|
:key="item.DICTIONARIES_ID"
|
||||||
|
:label="item.NAME"
|
||||||
|
:value="item.DICTIONARIES_ID"/>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="人员类型" prop="PERSONNEL_TYPE">
|
||||||
|
<el-select v-model="form.PERSONNEL_TYPE_NAME" placeholder="请选择">
|
||||||
|
<el-option
|
||||||
|
v-for="item in uesrInfoDic.renyuanleixingList"
|
||||||
|
:key="item.DICTIONARIES_ID"
|
||||||
|
:label="item.NAME"
|
||||||
|
:value="item.DICTIONARIES_ID"/>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="职务" prop="DUTIES">
|
||||||
|
<div class="uo-flex">
|
||||||
|
<el-select
|
||||||
|
v-if="form.letDutiesType =='select'"
|
||||||
|
id="leaPostSel"
|
||||||
|
v-model="form.DUTIESNAME"
|
||||||
|
placeholder="请选择"
|
||||||
|
class="filter-item"
|
||||||
|
@change="forceUpdate">
|
||||||
|
<el-option
|
||||||
|
v-for="(item,index) in uesrInfoDic.zhiwuList"
|
||||||
|
:key="item.DICTIONARIES_ID"
|
||||||
|
:label="item.NAME"
|
||||||
|
:value="item.DICTIONARIES_ID">
|
||||||
|
<span style="float: left">{{ item.NAME }}</span>
|
||||||
|
<div style="float: right;" @click.stop="removeDuties(index,'POSITION')"><i
|
||||||
|
class="el-icon-circle-close"/></div>
|
||||||
|
</el-option>
|
||||||
|
</el-select>
|
||||||
|
<el-input
|
||||||
|
v-if="form.letDutiesType =='value'"
|
||||||
|
id="leaPostVal"
|
||||||
|
:disabled="form.letDutiesType =='select'"
|
||||||
|
v-model="form.DUTIESValue"
|
||||||
|
placeholder="这里输入新的职务名称..."/>
|
||||||
|
<el-button
|
||||||
|
class="ml5"
|
||||||
|
@click="form.letDutiesType = (form.letDutiesType =='select') ? 'value' : 'select'">
|
||||||
|
{{ form.letDutiesType === 'select' ? '输入' : '选择' }}
|
||||||
|
</el-button>
|
||||||
|
</div>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="职称" prop="TITLE">
|
||||||
|
<div class="uo-flex">
|
||||||
|
<el-select
|
||||||
|
v-if="form.letTitleType =='select'"
|
||||||
|
id="letTitleSel"
|
||||||
|
v-model="form.TITLE_NAME"
|
||||||
|
placeholder="请选择"
|
||||||
|
class="filter-item"
|
||||||
|
@change="forceUpdate">
|
||||||
|
<el-option
|
||||||
|
v-for="(item,index) in uesrInfoDic.zhichengList"
|
||||||
|
:key="item.DICTIONARIES_ID"
|
||||||
|
:label="item.NAME"
|
||||||
|
:value="item.DICTIONARIES_ID">
|
||||||
|
<span style="float: left">{{ item.NAME }}</span>
|
||||||
|
<div style="float: right;" @click.stop="removeDuties(index,'JOB_TITLE')"><i
|
||||||
|
class="el-icon-circle-close"/></div>
|
||||||
|
</el-option>
|
||||||
|
</el-select>
|
||||||
|
<el-input
|
||||||
|
v-show="form.letTitleType =='value'"
|
||||||
|
id="letTitleVal"
|
||||||
|
v-model="form.letTitleValue"
|
||||||
|
placeholder="这里输入新的职称名称..."/>
|
||||||
|
<el-button
|
||||||
|
class="ml5"
|
||||||
|
@click="form.letTitleType = (form.letTitleType =='select') ? 'value' : 'select'">
|
||||||
|
{{ form.letTitleType === 'select' ? '输入' : '选择' }}
|
||||||
|
</el-button>
|
||||||
|
</div>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="工种" prop="TYPE_OF_WORK">
|
||||||
|
<div class="uo-flex">
|
||||||
|
<el-select
|
||||||
|
v-if="form.letTypeOfWorkType =='select'"
|
||||||
|
id="letTypeOfWorkSel"
|
||||||
|
v-model="form.TYPE_OF_WORKNAME"
|
||||||
|
placeholder="请选择"
|
||||||
|
class="filter-item"
|
||||||
|
@change="forceUpdate">
|
||||||
|
<el-option
|
||||||
|
v-for="(item,index) in uesrInfoDic.gongzhongList"
|
||||||
|
:key="item.DICTIONARIES_ID"
|
||||||
|
:label="item.NAME"
|
||||||
|
:value="item.DICTIONARIES_ID">
|
||||||
|
<span style="float: left">{{ item.NAME }}</span>
|
||||||
|
<div style="float: right;" @click.stop="removeDuties(index,'WORK_TYPE')"><i
|
||||||
|
class="el-icon-circle-close"/></div>
|
||||||
|
</el-option>
|
||||||
|
</el-select>
|
||||||
|
<el-input
|
||||||
|
v-show="form.letTypeOfWorkType =='value'"
|
||||||
|
id="letTypeOfWorkVal"
|
||||||
|
v-model="form.letTypeOfWorkValue"
|
||||||
|
placeholder="这里输入新的工种名称..."/>
|
||||||
|
<el-button
|
||||||
|
class="ml5"
|
||||||
|
@click="form.letTypeOfWorkType = (form.letTypeOfWorkType =='select') ? 'value' : 'select'">
|
||||||
|
{{ form.letTypeOfWorkType === 'select' ? '输入' : '选择' }}
|
||||||
|
</el-button>
|
||||||
|
</div>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="入职日期" prop="ENTRY_DATE">
|
||||||
|
<el-date-picker
|
||||||
|
v-model="form.ENTRY_DATE"
|
||||||
|
type="date"
|
||||||
|
placeholder="选择日期"
|
||||||
|
value-format="yyyy-MM-dd"
|
||||||
|
format="yyyy-MM-dd"/>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="参加工作日期" prop="WORKING_DATE">
|
||||||
|
<el-date-picker
|
||||||
|
v-model="form.WORKING_DATE"
|
||||||
|
type="date"
|
||||||
|
placeholder="选择日期"
|
||||||
|
value-format="yyyy-MM-dd"
|
||||||
|
format="yyyy-MM-dd"/>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="在职情况" prop="INCUMBENCY">
|
||||||
|
<el-select v-model="form.INCUMBENCY_NAME" placeholder="请选择">
|
||||||
|
<el-option
|
||||||
|
v-for="item in uesrInfoDic.zaizhiqingkuangList"
|
||||||
|
:key="item.DICTIONARIES_ID"
|
||||||
|
:label="item.NAME"
|
||||||
|
:value="item.DICTIONARIES_ID"/>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-form-item v-if="form.userCerList.length > 0" label="已上传证书">
|
||||||
|
<div class="slideshow">
|
||||||
|
<div class="disContent">
|
||||||
|
<div v-for="(item, index) in form.userCerList" :key="index" class="img-div">
|
||||||
|
<img :src="config.fileUrl + item.FILEPATH" alt="">
|
||||||
|
<div class="disContent-hide">
|
||||||
|
<el-tooltip class="item" effect="dark" content="预览" placement="top">
|
||||||
|
<span class="el-icon-zoom-in yuLan">
|
||||||
|
<viewer :images="form.userCerLis">
|
||||||
|
<img :src="config.fileUrl + item.FILEPATH" alt="" class="yuLanImg">
|
||||||
|
</viewer>
|
||||||
|
</span>
|
||||||
|
</el-tooltip>
|
||||||
|
<el-tooltip class="item" effect="dark" content="删除" placement="top">
|
||||||
|
<span class="Delete" @click="deleteCertificate(index)"><i class="el-icon-delete"/></span>
|
||||||
|
</el-tooltip>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</el-form-item>
|
||||||
|
</template>
|
||||||
|
</div>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
</el-form>
|
||||||
|
</div>
|
||||||
|
<div class="ui-height"/>
|
||||||
|
<div class="ui-foot">
|
||||||
|
<!-- <el-button type="success" @click="confirm">保 存</el-button>-->
|
||||||
|
<el-button plain type="info" @click="goBack">返 回</el-button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import Pagination from '@/components/Pagination' // 通过 el-pagination二次打包
|
||||||
|
import { requestFN } from '@/utils/request'
|
||||||
|
import waves from '@/directive/waves' // waves directive
|
||||||
|
import SelectTree from '@/components/SelectTree'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
components: { Pagination, SelectTree },
|
||||||
|
directives: { waves },
|
||||||
|
data() {
|
||||||
|
// eslint-disable-next-line no-unused-vars
|
||||||
|
var hasUser = (rule, value, callback) => {
|
||||||
|
requestFN(
|
||||||
|
'/user/hasUser',
|
||||||
|
{
|
||||||
|
USERNAME: value,
|
||||||
|
VERIFYUSER_ID: this.form.USER_ID
|
||||||
|
}
|
||||||
|
).then((data) => {
|
||||||
|
if (data.result == 'success') {
|
||||||
|
if (data.pd.USER_ID) {
|
||||||
|
callback(new Error('用户名重复'))
|
||||||
|
}
|
||||||
|
callback()
|
||||||
|
}
|
||||||
|
}).catch((e) => {
|
||||||
|
callback()
|
||||||
|
})
|
||||||
|
}
|
||||||
|
var hasEmail = (rule, value, callback) => {
|
||||||
|
if (value) {
|
||||||
|
requestFN(
|
||||||
|
'/user/hasEmail',
|
||||||
|
{
|
||||||
|
EMAIL: value,
|
||||||
|
USERNAME: this.form.USERNAME
|
||||||
|
}
|
||||||
|
).then((data) => {
|
||||||
|
if (data.result == 'success') {
|
||||||
|
callback()
|
||||||
|
} else {
|
||||||
|
callback(new Error('邮箱重复'))
|
||||||
|
}
|
||||||
|
}).catch((e) => {
|
||||||
|
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
callback()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return {
|
||||||
|
dayTime: [],
|
||||||
|
LevelsData: [],
|
||||||
|
dialogFormEditDate: false,
|
||||||
|
dialogFormLicenseInformation: false,
|
||||||
|
listLoading: true,
|
||||||
|
treeLoading: false,
|
||||||
|
add: false,
|
||||||
|
del: false,
|
||||||
|
edit: false,
|
||||||
|
KEYWORDS: '',
|
||||||
|
SHIFTDUTYONE: '',
|
||||||
|
SHIFTDUTYTWO: '',
|
||||||
|
selectPeriod: [],
|
||||||
|
tzzyry: '',
|
||||||
|
periodList: [],
|
||||||
|
DEPARTMENT_ID: '',
|
||||||
|
varList: [],
|
||||||
|
multipleSelectionAll: [], // 所有选中的数据包含跨页数据
|
||||||
|
multipleSelection: [], // 当前页选中的数据
|
||||||
|
dialogFormEdit: false,
|
||||||
|
dialogType: 'saveUser',
|
||||||
|
disabledLCSelect: false,
|
||||||
|
displayLCSelect: 'display: block',
|
||||||
|
disabledLCInput: true,
|
||||||
|
displayLCInput: 'display: none',
|
||||||
|
LearnerCategoryList: [],
|
||||||
|
certificatenamearr: [
|
||||||
|
{ value: '主要负责人证', label: '主要负责人证' },
|
||||||
|
{ value: '安全管理人员证', label: '安全管理人员证' },
|
||||||
|
{ value: '特种作业人员证', label: '特种作业人员证' }
|
||||||
|
], rules: {
|
||||||
|
NAME: [{ required: true, message: '姓名不能为空', trigger: 'blur' }]
|
||||||
|
}, defaultProps: {
|
||||||
|
value: 'id',
|
||||||
|
children: 'odes',
|
||||||
|
label: 'name'
|
||||||
|
},
|
||||||
|
treeData: [],
|
||||||
|
form: {
|
||||||
|
CORPINFO_NAME: "",
|
||||||
|
CARD_NO: null,
|
||||||
|
OPERATTIME: "",
|
||||||
|
ISDELETE: "",
|
||||||
|
DEPARTMENT_NAME: "",
|
||||||
|
ORG_PATH: "",
|
||||||
|
DEPARTMENT_ID: "",
|
||||||
|
CARD_TYPE_NAME: "",
|
||||||
|
SEX: "",
|
||||||
|
USER_ID: "",
|
||||||
|
CARD_TYPE: "",
|
||||||
|
CORPINFO_ID: "",
|
||||||
|
EMAIL: "",
|
||||||
|
NAME: "",
|
||||||
|
NATION: "",
|
||||||
|
OPERATOR: "",
|
||||||
|
USER_TYPE: "",
|
||||||
|
CREATOR: "",
|
||||||
|
USERNAME: "",
|
||||||
|
CREATTIME: ""
|
||||||
|
},
|
||||||
|
uesrInfoDic: {
|
||||||
|
minzuList: [], // 民族 0a0e406f27f74ee698fe9979d25f62dd
|
||||||
|
zhengzhimianmaoList: [], // 政治面貌 6351efdd12dc4730952e5d195718e252
|
||||||
|
wenhuachengduList: [], // 文化程度 d7d80f08d73a4accbccf4fd3d8d1d867
|
||||||
|
renyuanleixingList: [], // 人员类型 0b62f92b0b624aab8e89a77304a64d5e
|
||||||
|
zhiwuList: [], // 职务 下拉菜单选择已输入过的职务 09e36ac01e9540f8bc84eab1c1a78754
|
||||||
|
gongzhongList: [], // 工种 下拉菜单选择已输入过的职务 55484e491a5e442d839c4595380713ec
|
||||||
|
zaizhiqingkuangList: [], // 在职情况 548764b5d4bf4bd7a18ef88274ef49e4
|
||||||
|
xingbieList: [], // 性别情况 21501808bbc344d593fbf9ccfe6c4531
|
||||||
|
zhichengList: []// 职称 945a6b10e59946078b500f0fbafa8679
|
||||||
|
},
|
||||||
|
certificate_files: [],
|
||||||
|
config: config,
|
||||||
|
dialogImageUrl: [],
|
||||||
|
dialogVisible: false,
|
||||||
|
SchedulingFrom: false,
|
||||||
|
roleList: [],
|
||||||
|
roleList1: [],
|
||||||
|
roleList_z: [],
|
||||||
|
role1List: [],
|
||||||
|
postList: [],
|
||||||
|
oldPostId: '', // 原岗位ID（用于判断岗位是否变化）
|
||||||
|
oldDepartId: '', // 原部门ID（用于判断部门是否变化）
|
||||||
|
dialogFormDaoru: false,
|
||||||
|
daoruFrom: {
|
||||||
|
FFILE: '',
|
||||||
|
FFILEName: ''
|
||||||
|
},
|
||||||
|
PARENTID: '0',
|
||||||
|
shiftDutyListOne: [],
|
||||||
|
shiftDutyListTwo: [],
|
||||||
|
queryShiftOneList: [],
|
||||||
|
queryShiftTwoList: [],
|
||||||
|
datePage: 0,
|
||||||
|
workDateList: [],
|
||||||
|
USER_ID: ''
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.handleEdit(this.$parent.USER_ID)
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
|
||||||
|
goBack() {
|
||||||
|
this.$parent.activeName = 'IndexView'
|
||||||
|
},
|
||||||
|
handleEdit(USER_ID) {
|
||||||
|
this.shiftDutyListTwo = []
|
||||||
|
this.periodList = []
|
||||||
|
this.USER_ID = ''
|
||||||
|
this.dialogType = 'editUser'
|
||||||
|
requestFN(
|
||||||
|
'/core/corpinfo/getCorpUser',
|
||||||
|
{
|
||||||
|
USER_ID: USER_ID
|
||||||
|
}
|
||||||
|
).then((data) => {
|
||||||
|
this.form = data.varList[0]
|
||||||
|
|
||||||
|
}).catch((e) => {
|
||||||
|
this.listLoading = false
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
confirm() {
|
||||||
|
// debugger
|
||||||
|
// this.uploadImgByZhengshu(this.form.USER_ID) // 保存证书信息
|
||||||
|
this.$refs.form.validate(valid => {
|
||||||
|
if (this.form.SHIFTDUTYONE) {
|
||||||
|
// var
|
||||||
|
if (!this.form.SHIFTDUTYTWO || this.selectPeriod.DURATION == undefined) {
|
||||||
|
this.$message({
|
||||||
|
message: '请选择完整的排班类型',
|
||||||
|
type: 'error'
|
||||||
|
})
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// if (this.form.USERAVATARURL == '') {
|
||||||
|
// this.$message({
|
||||||
|
// message: '请上传人员照片',
|
||||||
|
// type: 'warning'
|
||||||
|
// })
|
||||||
|
// return false
|
||||||
|
// }
|
||||||
|
if (valid) {
|
||||||
|
console.log(this.selectPeriod.WORKSTATUS)
|
||||||
|
console.log(this.form.WORKSTATUS)
|
||||||
|
this.form.WORKSTATUS = this.selectPeriod.WORKSTATUS
|
||||||
|
this.form.DURATION = this.selectPeriod.DURATION
|
||||||
|
this.form.WORKPERIOD = this.selectPeriod.WORKPERIOD
|
||||||
|
if (this.dialogType == 'saveUser') {
|
||||||
|
this.form.ROLE_ID = this.form.ROLE_ID.join(',')
|
||||||
|
this.listLoading = true
|
||||||
|
requestFN(
|
||||||
|
'/user/' + this.dialogType,
|
||||||
|
this.form
|
||||||
|
).then((data) => {
|
||||||
|
this.listLoading = false
|
||||||
|
if (this.form.ISSTUDENT) {
|
||||||
|
this.uploadImgByZhengshu(data.USER_ID)
|
||||||
|
} else {
|
||||||
|
this.$message({
|
||||||
|
message: '操作成功',
|
||||||
|
type: 'success'
|
||||||
|
})
|
||||||
|
this.$parent.activeName = 'List'
|
||||||
|
}
|
||||||
|
}).catch((e) => {
|
||||||
|
this.listLoading = false
|
||||||
|
this.form.ROLE_ID = ''
|
||||||
|
this.form.USERNAME = ''
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
if (this.oldDepartId != this.form.DEPARTMENT_ID || this.oldPostId != this.form.POST_ID) {
|
||||||
|
this.$confirm('如变更了部门或岗位，保存后将删除该用户所有清单，是否确定？', {
|
||||||
|
confirmButtonText: '确定',
|
||||||
|
cancelButtonText: '取消',
|
||||||
|
type: 'warning'
|
||||||
|
}).then(() => {
|
||||||
|
this.form.ROLE_ID = this.form.ROLE_ID.join(',')
|
||||||
|
this.listLoading = true
|
||||||
|
requestFN(
|
||||||
|
'/user/' + this.dialogType,
|
||||||
|
this.form
|
||||||
|
).then((data) => {
|
||||||
|
this.listLoading = false
|
||||||
|
if (this.form.ISSTUDENT) {
|
||||||
|
this.uploadImgByZhengshu(this.form.USER_ID)
|
||||||
|
} else {
|
||||||
|
this.$message({
|
||||||
|
message: '操作成功',
|
||||||
|
type: 'success'
|
||||||
|
})
|
||||||
|
this.$parent.activeName = 'List'
|
||||||
|
}
|
||||||
|
}).catch((e) => {
|
||||||
|
this.listLoading = false
|
||||||
|
})
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
this.form.ROLE_ID = this.form.ROLE_ID.join(',')
|
||||||
|
this.listLoading = true
|
||||||
|
requestFN(
|
||||||
|
'/user/' + this.dialogType,
|
||||||
|
this.form
|
||||||
|
).then((data) => {
|
||||||
|
this.listLoading = false
|
||||||
|
if (this.form.ISSTUDENT) {
|
||||||
|
this.uploadImgByZhengshu(this.form.USER_ID)
|
||||||
|
} else {
|
||||||
|
this.$message({
|
||||||
|
message: '操作成功',
|
||||||
|
type: 'success'
|
||||||
|
})
|
||||||
|
this.$parent.activeName = 'List'
|
||||||
|
}
|
||||||
|
}).catch((e) => {
|
||||||
|
this.listLoading = false
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.el-dialog__body {
|
||||||
|
padding: 0;
|
||||||
|
background: red;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mark_up {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
margin-left: 110px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.icons-container {
|
||||||
|
margin: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
|
||||||
|
.grid {
|
||||||
|
position: relative;
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-item {
|
||||||
|
margin-bottom: 10px;
|
||||||
|
height: 70px;
|
||||||
|
text-align: center;
|
||||||
|
width: 100px;
|
||||||
|
float: left;
|
||||||
|
font-size: 24px;
|
||||||
|
color: #24292e;
|
||||||
|
cursor: pointer;
|
||||||
|
|
||||||
|
span {
|
||||||
|
display: block;
|
||||||
|
font-size: 14px;
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.disabled {
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.filter-btn-group {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.filter-flot {
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uploader {
|
||||||
|
width: 570px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-form-item__content {
|
||||||
|
line-height: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uo-flex {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.avatar-uploader .el-upload {
|
||||||
|
border: 1px dashed #d9d9d9;
|
||||||
|
border-radius: 6px;
|
||||||
|
cursor: pointer;
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.avatar-uploader .el-upload:hover {
|
||||||
|
border-color: #409eff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.avatar-uploader-icon {
|
||||||
|
border: 1px dashed #c0ccda;
|
||||||
|
font-size: 28px;
|
||||||
|
color: #8c939d;
|
||||||
|
width: 110px;
|
||||||
|
height: 110px;
|
||||||
|
line-height: 110px;
|
||||||
|
border-radius: 6px;
|
||||||
|
text-align: center;
|
||||||
|
background-color: #fbfdff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.avatar-uploader-icon:hover,
|
||||||
|
.avatar-uploader-icon:focus {
|
||||||
|
border-color: #1890ff;
|
||||||
|
color: #1890ff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.avatar {
|
||||||
|
width: 110px;
|
||||||
|
height: 110px;
|
||||||
|
display: block;
|
||||||
|
border: 1px dashed #c0ccda;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<style lang="sass" scoped>
|
||||||
|
.el-row
|
||||||
|
margin-bottom: 16px
|
||||||
|
|
||||||
|
&:last-child
|
||||||
|
margin-bottom: 0
|
||||||
|
|
||||||
|
.form-group
|
||||||
|
display: flex
|
||||||
|
align-items: center
|
||||||
|
margin-right: 20px
|
||||||
|
|
||||||
|
.form-label
|
||||||
|
padding: 9px 15px
|
||||||
|
font-size: 14px
|
||||||
|
width: 240px
|
||||||
|
font-weight: 400
|
||||||
|
line-height: 20px
|
||||||
|
text-align: right
|
||||||
|
margin-bottom: 0
|
||||||
|
|
||||||
|
.star
|
||||||
|
color: red
|
||||||
|
padding-right: 4px
|
||||||
|
|
||||||
|
.input-block
|
||||||
|
flex: 1
|
||||||
|
min-height: 36px
|
||||||
|
position: relative
|
||||||
|
|
||||||
|
.disContent
|
||||||
|
padding: 0 20px
|
||||||
|
display: flex
|
||||||
|
align-items: center
|
||||||
|
flex-wrap: wrap
|
||||||
|
|
||||||
|
.img-div
|
||||||
|
position: relative
|
||||||
|
margin: auto 10px 10px 10px
|
||||||
|
width: 120px
|
||||||
|
height: 120px
|
||||||
|
border-radius: 4px
|
||||||
|
|
||||||
|
& > img
|
||||||
|
width: 100%
|
||||||
|
height: 100%
|
||||||
|
|
||||||
|
.disContent-hide
|
||||||
|
position: absolute
|
||||||
|
width: 100%
|
||||||
|
height: 100%
|
||||||
|
border-radius: 4px
|
||||||
|
background-color: rgba(48, 48, 48, 0.59)
|
||||||
|
display: none
|
||||||
|
top: 0
|
||||||
|
left: 0
|
||||||
|
|
||||||
|
.Delete
|
||||||
|
position: absolute
|
||||||
|
bottom: 14px
|
||||||
|
right: 10px
|
||||||
|
font-size: 16px
|
||||||
|
color: white
|
||||||
|
cursor: pointer
|
||||||
|
|
||||||
|
.editCss
|
||||||
|
.Delete
|
||||||
|
font-size: 16px
|
||||||
|
right: 90px
|
||||||
|
|
||||||
|
.yuLan
|
||||||
|
position: absolute
|
||||||
|
bottom: 23px
|
||||||
|
right: 50px
|
||||||
|
font-size: 16px
|
||||||
|
color: white
|
||||||
|
cursor: pointer
|
||||||
|
|
||||||
|
.yuLanImg
|
||||||
|
position: absolute
|
||||||
|
bottom: 0
|
||||||
|
right: 0
|
||||||
|
width: 100%
|
||||||
|
height: 100%
|
||||||
|
opacity: 0
|
||||||
|
|
||||||
|
.img-div:hover .disContent-hide
|
||||||
|
display: block
|
||||||
|
|
||||||
|
.pitchCss
|
||||||
|
border: 1px solid #202e78
|
||||||
|
transition: all linear 0.1s
|
||||||
|
width: 116px
|
||||||
|
height: 116px
|
||||||
|
</style>
|
||||||
|
|
@ -0,0 +1,280 @@
|
||||||
|
<template>
|
||||||
|
<div class="app-container">
|
||||||
|
|
||||||
|
<el-table
|
||||||
|
v-loading="listLoading"
|
||||||
|
ref="multipleTable"
|
||||||
|
:data="varList"
|
||||||
|
:row-key="getRowKey"
|
||||||
|
:header-cell-style="{
|
||||||
|
'font-weight': 'bold',
|
||||||
|
'color': '#000'
|
||||||
|
}"
|
||||||
|
tooltip-effect="dark"
|
||||||
|
border
|
||||||
|
fit
|
||||||
|
highlight-current-row
|
||||||
|
>
|
||||||
|
<el-table-column
|
||||||
|
:reserve-selection="true"
|
||||||
|
type="selection"
|
||||||
|
width="55"
|
||||||
|
align="center"/>
|
||||||
|
<el-table-column type="index" label="序号" width="50" align="center" />
|
||||||
|
<el-table-column prop="CORP_NAME" label="分公司名称" />
|
||||||
|
<el-table-column label="操作" align="left" width="110">
|
||||||
|
<template slot-scope="{row}">
|
||||||
|
<el-button type="success" icon="el-icon-view" size="mini" @click="handleEdit(row.CORPINFO_ID)">查看</el-button>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
<div class="page-btn-group">
|
||||||
|
<div>
|
||||||
|
</div>
|
||||||
|
<!-- <pagination :total="total" :page.sync="listQuery.page" :limit.sync="listQuery.limit" @pagination="getList" /> -->
|
||||||
|
</div>
|
||||||
|
<el-dialog :visible.sync="dialogFormEdit" title="查看公司组织架构" width="600px">
|
||||||
|
<el-tree :data="treeData" :props="defaultProps"/>
|
||||||
|
</el-dialog>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import SelectTree from '@/components/SelectTree'
|
||||||
|
import Pagination from '@/components/Pagination' // 通过 el-pagination二次打包
|
||||||
|
import { requestFN } from '@/utils/request'
|
||||||
|
import waves from '@/directive/waves' // waves directive
|
||||||
|
export default {
|
||||||
|
components: { Pagination, SelectTree },
|
||||||
|
directives: { waves },
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
listLoading: true,
|
||||||
|
add: true,
|
||||||
|
del: true,
|
||||||
|
edit: true,
|
||||||
|
listQuery: {
|
||||||
|
page: 1,
|
||||||
|
limit: 20
|
||||||
|
},
|
||||||
|
searchForm: {
|
||||||
|
CORP_NAME: '',
|
||||||
|
PROVINCE: '',
|
||||||
|
CITY: '',
|
||||||
|
CORP_STATE: '',
|
||||||
|
CREATTIME: ''
|
||||||
|
},
|
||||||
|
total: 0,
|
||||||
|
varList: [],
|
||||||
|
qyztList: [],
|
||||||
|
options: [{
|
||||||
|
value: '0',
|
||||||
|
label: '启用'
|
||||||
|
}, {
|
||||||
|
value: '1',
|
||||||
|
label: '禁用'
|
||||||
|
}],
|
||||||
|
STATE: [],
|
||||||
|
industryList: [],
|
||||||
|
countryList: [],
|
||||||
|
villageList: [],
|
||||||
|
treeData: [],
|
||||||
|
CITY_CODE: '',
|
||||||
|
COUNTRY: '',
|
||||||
|
VILLAGE: '',
|
||||||
|
config: config,
|
||||||
|
dialogFormEdit: false,
|
||||||
|
rules: {
|
||||||
|
CORP_NAME: [{ required: true, message: '分公司名称不能为空', trigger: 'blur' }],
|
||||||
|
NEWCORP_NAME: [{ required: true, message: '新分公司名称不能为空', trigger: 'blur' }],
|
||||||
|
PASSWORD: [{ required: true, message: '分公司密码不能为空', trigger: 'blur' }]
|
||||||
|
},
|
||||||
|
updateBranchNameForm: {
|
||||||
|
CORPINFO_ID: '',
|
||||||
|
CORP_NAME: '',
|
||||||
|
NEWCORP_NAME: '',
|
||||||
|
PASSWORD: ''
|
||||||
|
},
|
||||||
|
defaultProps: {
|
||||||
|
children: 'nodes',
|
||||||
|
label: 'name'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.getList()
|
||||||
|
// this.getDicList('qyztList', '07c2674470c1498ba1ebd74906b3b518')
|
||||||
|
// this.getDicList('industryList', 'f2598ba72e864eadabf0ca4b664d26b9')
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
getRowKey(row) {
|
||||||
|
return row.CORPINFO_ID
|
||||||
|
},
|
||||||
|
// 搜索
|
||||||
|
getQuery() {
|
||||||
|
this.getList()
|
||||||
|
},
|
||||||
|
// 获取列表
|
||||||
|
getList() {
|
||||||
|
this.listLoading = true
|
||||||
|
requestFN(
|
||||||
|
'/core/corpinfo/listRetrieval'
|
||||||
|
).then((data) => {
|
||||||
|
this.listLoading = false
|
||||||
|
this.varList = data.varList
|
||||||
|
|
||||||
|
// this.getCountryList()
|
||||||
|
}).catch((e) => {
|
||||||
|
this.listLoading = false
|
||||||
|
})
|
||||||
|
},
|
||||||
|
getCountryList() {
|
||||||
|
requestFN(
|
||||||
|
'/dictionaries/getLevels',
|
||||||
|
{
|
||||||
|
DICTIONARIES_ID: this.CITY_CODE
|
||||||
|
}
|
||||||
|
).then((data) => {
|
||||||
|
this.countryList = data.list
|
||||||
|
}).catch((e) => {
|
||||||
|
})
|
||||||
|
},
|
||||||
|
getVillageList(value, id) {
|
||||||
|
this.COUNTRY = value
|
||||||
|
requestFN(
|
||||||
|
'/dictionaries/getLevels',
|
||||||
|
{
|
||||||
|
DICTIONARIES_ID: id
|
||||||
|
}
|
||||||
|
).then((data) => {
|
||||||
|
this.villageList = data.list
|
||||||
|
}).catch((e) => {
|
||||||
|
})
|
||||||
|
},
|
||||||
|
changeVillage(village) {
|
||||||
|
this.VILLAGE = village
|
||||||
|
},
|
||||||
|
// 查看
|
||||||
|
handleEdit(ID) {
|
||||||
|
this.$parent.activeName = 'IndexView'
|
||||||
|
this.$parent.indexVal = ID
|
||||||
|
},
|
||||||
|
enableORDisable(ISUSE, CORPINFO_ID) {
|
||||||
|
this.$confirm(ISUSE === '0' ? '确定要启用该账户吗?' : '确定要禁用该账户吗?', {
|
||||||
|
confirmButtonText: '确定',
|
||||||
|
cancelButtonText: '取消',
|
||||||
|
type: 'warning'
|
||||||
|
}).then(() => {
|
||||||
|
this.listLoading = true
|
||||||
|
requestFN(
|
||||||
|
'/corpinfo/editisuse',
|
||||||
|
{
|
||||||
|
CORPINFO_ID,
|
||||||
|
ISUSE
|
||||||
|
}
|
||||||
|
).then(() => {
|
||||||
|
this.$message({
|
||||||
|
message: ISUSE === '0' ? '启用成功' : '禁用成功',
|
||||||
|
type: 'success'
|
||||||
|
})
|
||||||
|
this.listLoading = false
|
||||||
|
this.varList = []
|
||||||
|
this.listQuery.page = 1
|
||||||
|
this.getList()
|
||||||
|
}).catch((e) => {
|
||||||
|
this.listLoading = false
|
||||||
|
})
|
||||||
|
}).catch(() => {})
|
||||||
|
},
|
||||||
|
// 判断按钮权限，用于是否显示按钮
|
||||||
|
hasButton: function() {
|
||||||
|
var keys = 'corpinfo:add,corpinfo:del,corpinfo:edit,toExcel'
|
||||||
|
requestFN(
|
||||||
|
'/head/hasButton',
|
||||||
|
{
|
||||||
|
keys: keys
|
||||||
|
}
|
||||||
|
).then((data) => {
|
||||||
|
this.add = data.corpinfofhadminadd // 新增权限
|
||||||
|
this.del = data.corpinfofhadmindel // 删除权限
|
||||||
|
this.edit = data.corpinfofhadminedit // 修改权限
|
||||||
|
}).catch((e) => {
|
||||||
|
this.listLoading = false
|
||||||
|
})
|
||||||
|
},
|
||||||
|
goKeyReset() {
|
||||||
|
this.searchForm = {
|
||||||
|
CORP_NAME: '',
|
||||||
|
PROVINCE: '',
|
||||||
|
CITY: '',
|
||||||
|
CORP_STATE: '',
|
||||||
|
CREATTIME: ''
|
||||||
|
}
|
||||||
|
this.getList()
|
||||||
|
},
|
||||||
|
resetPwd(id) {
|
||||||
|
this.$confirm('确定要重置选中的密码吗?', {
|
||||||
|
confirmButtonText: '确定',
|
||||||
|
cancelButtonText: '取消',
|
||||||
|
type: 'warning'
|
||||||
|
}).then(() => {
|
||||||
|
this.listLoading = true
|
||||||
|
requestFN(
|
||||||
|
'/corpinfo/resetPwd',
|
||||||
|
{
|
||||||
|
CORPINFO_ID: id
|
||||||
|
}
|
||||||
|
).then(() => {
|
||||||
|
this.$message({
|
||||||
|
message: '重置成功',
|
||||||
|
type: 'success'
|
||||||
|
})
|
||||||
|
this.listLoading = false
|
||||||
|
this.varList = []
|
||||||
|
this.listQuery.page = 1
|
||||||
|
this.getList()
|
||||||
|
}).catch((e) => {
|
||||||
|
this.listLoading = false
|
||||||
|
})
|
||||||
|
}).catch(() => {
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 获取数据字典
|
||||||
|
getDicList(list, DICTIONARIES_ID) {
|
||||||
|
requestFN(
|
||||||
|
'/dictionaries/getLevels',
|
||||||
|
{
|
||||||
|
DICTIONARIES_ID
|
||||||
|
}
|
||||||
|
).then((data) => {
|
||||||
|
this[list] = data.list
|
||||||
|
}).catch((e) => {
|
||||||
|
})
|
||||||
|
},
|
||||||
|
translate(list, id) {
|
||||||
|
for (let i = 0; i < list.length; i++) {
|
||||||
|
if (list[i].BIANMA === id || list[i].DICTIONARIES_ID === id) {
|
||||||
|
return list[i].NAME
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
showBranchName(CORPINFO_ID, CORP_NAME) {
|
||||||
|
this.$refs.form && this.$refs.form.resetFields()
|
||||||
|
this.dialogFormEdit = true
|
||||||
|
this.updateBranchNameForm.CORPINFO_ID = CORPINFO_ID
|
||||||
|
this.updateBranchNameForm.CORP_NAME = CORP_NAME
|
||||||
|
},
|
||||||
|
updateBranchName(ID) {
|
||||||
|
requestFN(
|
||||||
|
'/department/listTreeCorpInfo',
|
||||||
|
{
|
||||||
|
CORPINFO_ID: ID
|
||||||
|
}
|
||||||
|
).then((data) => {
|
||||||
|
this.treeData = JSON.parse(data.varList)
|
||||||
|
}).catch((e) => {
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
@ -0,0 +1,281 @@
|
||||||
|
<template>
|
||||||
|
<div class="icons-container">
|
||||||
|
<el-container>
|
||||||
|
<el-aside width="200px" style="background-color:#fff">
|
||||||
|
<div class="filter-btn-group">
|
||||||
|
<!-- <el-input-->
|
||||||
|
<!-- v-model="filterText"-->
|
||||||
|
<!-- placeholder="输入关键字进行过滤"-->
|
||||||
|
<!-- style="margin:10px 0"/>-->
|
||||||
|
<el-tree
|
||||||
|
v-loading="treeLoading"
|
||||||
|
ref="tree"
|
||||||
|
:data="treeData"
|
||||||
|
:props="defaultProps"
|
||||||
|
:filter-node-method="filterNode"
|
||||||
|
class="filter-tree"
|
||||||
|
@node-click="handleNodeClick"/>
|
||||||
|
</div>
|
||||||
|
</el-aside>
|
||||||
|
<el-main>
|
||||||
|
<el-form label-width="60px">
|
||||||
|
|
||||||
|
</el-form>
|
||||||
|
<el-table
|
||||||
|
v-loading="listLoading"
|
||||||
|
ref="multipleTable"
|
||||||
|
:data="varList"
|
||||||
|
:row-key="getRowKey"
|
||||||
|
:header-cell-style="{
|
||||||
|
'font-weight': 'bold',
|
||||||
|
'color': '#000'
|
||||||
|
}"
|
||||||
|
tooltip-effect="dark"
|
||||||
|
border
|
||||||
|
fit
|
||||||
|
highlight-current-row
|
||||||
|
>
|
||||||
|
<el-table-column
|
||||||
|
:reserve-selection="true"
|
||||||
|
type="selection"
|
||||||
|
width="55"
|
||||||
|
align="center"/>
|
||||||
|
<el-table-column type="index" label="序号" width="50" align="center" />
|
||||||
|
<el-table-column prop="USERNAME" label="用户名" />
|
||||||
|
<el-table-column prop="NAME" label="姓名" />
|
||||||
|
<el-table-column prop="ORG_PATH" label="部门"/>
|
||||||
|
<el-table-column label="操作" align="left" width="150">
|
||||||
|
<template slot-scope="{row}">
|
||||||
|
<el-button type="success" icon="el-icon-view" size="mini" @click="handleEdit(row.USER_ID)">查看</el-button>
|
||||||
|
<!-- <template v-if="row.ISMAIN==0">-->
|
||||||
|
<!-- <el-button type="primary" icon="el-icon-edit" size="mini" @click="handleDelete(row.USER_ID,row.NAME)">删除</el-button>-->
|
||||||
|
<!-- </template>-->
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
<div class="page-btn-group">
|
||||||
|
<div>
|
||||||
|
<!--
|
||||||
|
<el-button type="primary" icon="el-icon-plus" @click="handleAdd">新增</el-button>
|
||||||
|
-->
|
||||||
|
</div>
|
||||||
|
<pagination :total="total" :page.sync="listQuery.page" :limit.sync="listQuery.limit" @pagination="getList" />
|
||||||
|
</div>
|
||||||
|
</el-main>
|
||||||
|
</el-container>
|
||||||
|
|
||||||
|
<div class="heightt"/>
|
||||||
|
<div class="subdy-foot">
|
||||||
|
<el-row style="text-align: center">
|
||||||
|
<el-button @click="goBack">返回</el-button>
|
||||||
|
</el-row>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import SelectTree from '@/components/SelectTree'
|
||||||
|
import Pagination from '@/components/Pagination' // 通过 el-pagination二次打包
|
||||||
|
import { requestFN } from '@/utils/request'
|
||||||
|
import waves from '@/directive/waves' // waves directive
|
||||||
|
export default {
|
||||||
|
components: { Pagination, SelectTree },
|
||||||
|
directives: { waves },
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
treeLoading: false,
|
||||||
|
listLoading: true,
|
||||||
|
add: true,
|
||||||
|
del: true,
|
||||||
|
edit: true,
|
||||||
|
readonly: true,
|
||||||
|
listQuery: {
|
||||||
|
page: 1,
|
||||||
|
limit: 20
|
||||||
|
},
|
||||||
|
searchForm: {
|
||||||
|
DEPARTMENT_ID: '',
|
||||||
|
CORP_NAME: '',
|
||||||
|
PROVINCE: '',
|
||||||
|
CITY: '',
|
||||||
|
CORP_STATE: '',
|
||||||
|
CREATTIME: '',
|
||||||
|
USERNAME: '',
|
||||||
|
NAME: '',
|
||||||
|
DEPTNAME: ''
|
||||||
|
},
|
||||||
|
userForm: {
|
||||||
|
PARENT_ID: '',
|
||||||
|
USER_ID: '',
|
||||||
|
DEPARTMENT_ID: '',
|
||||||
|
DEPTNAME: '',
|
||||||
|
USERNAME: '',
|
||||||
|
NAME: ''
|
||||||
|
},
|
||||||
|
DEPARTMENT_ID: '',
|
||||||
|
total: 0,
|
||||||
|
PARENT_ID: '0', // 上级ID
|
||||||
|
varList: [],
|
||||||
|
qyztList: [],
|
||||||
|
options: [{
|
||||||
|
value: '0',
|
||||||
|
label: '启用'
|
||||||
|
}, {
|
||||||
|
value: '1',
|
||||||
|
label: '禁用'
|
||||||
|
}],
|
||||||
|
STATE: [],
|
||||||
|
industryList: [],
|
||||||
|
countryList: [],
|
||||||
|
villageList: [],
|
||||||
|
treeData: [],
|
||||||
|
CITY_CODE: '',
|
||||||
|
COUNTRY: '',
|
||||||
|
VILLAGE: '',
|
||||||
|
config: config,
|
||||||
|
dialogFormEdit: false,
|
||||||
|
|
||||||
|
defaultProps: {
|
||||||
|
id:'DEPARTMENT_ID',
|
||||||
|
value: 'DEPARTMENT_ID',
|
||||||
|
children: 'SUB_DEPT',
|
||||||
|
label: 'NAME'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.updateBranchName(this.$parent.indexVal)
|
||||||
|
this.getList()
|
||||||
|
// this.getDicList('qyztList', '07c2674470c1498ba1ebd74906b3b518')
|
||||||
|
// this.getDicList('industryList', 'f2598ba72e864eadabf0ca4b664d26b9')
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
filterNode(value, data) {
|
||||||
|
if (!value) return true
|
||||||
|
return data.name.indexOf(value) !== -1
|
||||||
|
},
|
||||||
|
handleNodeClick(node, data, value) {
|
||||||
|
this.searchForm.DEPARTMENT_ID = node.DEPARTMENT_ID
|
||||||
|
this.getList(node.DEPARTMENT_ID)
|
||||||
|
},
|
||||||
|
// 获取列表
|
||||||
|
getList(DEPARTMENT_ID) {
|
||||||
|
this.listLoading = true
|
||||||
|
if (DEPARTMENT_ID) {
|
||||||
|
this.DEPARTMENT_ID = DEPARTMENT_ID
|
||||||
|
}
|
||||||
|
requestFN(
|
||||||
|
'/core/corpinfo/findByCorpInfo?showCount=' + this.listQuery.limit + '¤tPage=' + this.listQuery.page,
|
||||||
|
{
|
||||||
|
CORPINFO_ID: this.$parent.indexVal,
|
||||||
|
DEPARTMENT_ID: this.searchForm.DEPARTMENT_ID,
|
||||||
|
DEPTNAME: this.searchForm.DEPTNAME,
|
||||||
|
NAME: this.searchForm.NAME,
|
||||||
|
USERNAME: this.searchForm.USERNAME
|
||||||
|
}
|
||||||
|
).then((data) => {
|
||||||
|
this.listLoading = false
|
||||||
|
this.varList = data.userList
|
||||||
|
this.total = data.page.totalResult
|
||||||
|
this.hasButton()
|
||||||
|
this.CITY_CODE = data.CITY_CODE
|
||||||
|
this.getCountryList()
|
||||||
|
}).catch((e) => {
|
||||||
|
this.listLoading = false
|
||||||
|
})
|
||||||
|
},
|
||||||
|
getDeptList(DEPARTMENT_ID) {
|
||||||
|
this.listLoading = true
|
||||||
|
this.varList = []
|
||||||
|
this.DEPARTMENT_ID = DEPARTMENT_ID
|
||||||
|
requestFN(
|
||||||
|
'/department/findByDeptId?showCount=' + this.listQuery.limit + '¤tPage=' + this.listQuery.page,
|
||||||
|
{
|
||||||
|
DEPARTMENT_ID: this.searchForm.DEPARTMENT_ID,
|
||||||
|
KEYWORDS: this.searchForm.KEYWORDS
|
||||||
|
}
|
||||||
|
).then((data) => {
|
||||||
|
this.listLoading = false
|
||||||
|
this.varList = data.varList
|
||||||
|
this.form.PARENT_ID = data.PARENT_ID
|
||||||
|
this.total = data.page.totalResult
|
||||||
|
this.hasButton()
|
||||||
|
}).catch((e) => {
|
||||||
|
this.listLoading = false
|
||||||
|
})
|
||||||
|
},
|
||||||
|
getRowKey(row) {
|
||||||
|
return row.CORPINFO_ID
|
||||||
|
},
|
||||||
|
goReturn() {
|
||||||
|
this.$parent.activeName = 'IndexList'
|
||||||
|
},
|
||||||
|
// 搜索
|
||||||
|
getQuery() {
|
||||||
|
this.getList()
|
||||||
|
},
|
||||||
|
getTreeList() {
|
||||||
|
this.treeLoading = true
|
||||||
|
requestFN(
|
||||||
|
'/department/listTree',
|
||||||
|
{}
|
||||||
|
).then((data) => {
|
||||||
|
this.treeLoading = false
|
||||||
|
// this.treeData = JSON.parse(data.zTreeNodes)
|
||||||
|
console.infot(this.treeData)
|
||||||
|
}).catch((e) => {
|
||||||
|
this.treeLoading = false
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
changeVillage(village) {
|
||||||
|
this.VILLAGE = village
|
||||||
|
},
|
||||||
|
// 查看
|
||||||
|
handleEdit(ID) {
|
||||||
|
this.$parent.USER_ID = ID
|
||||||
|
this.$parent.activeName = 'Detail'
|
||||||
|
},
|
||||||
|
|
||||||
|
goBack() {
|
||||||
|
this.$parent.activeName = 'IndexList'
|
||||||
|
},
|
||||||
|
|
||||||
|
goKeyReset() {
|
||||||
|
this.searchForm = {
|
||||||
|
CORP_NAME: '',
|
||||||
|
PROVINCE: '',
|
||||||
|
CITY: '',
|
||||||
|
CORP_STATE: '',
|
||||||
|
CREATTIME: ''
|
||||||
|
}
|
||||||
|
this.getList()
|
||||||
|
},
|
||||||
|
|
||||||
|
translate(list, id) {
|
||||||
|
for (let i = 0; i < list.length; i++) {
|
||||||
|
if (list[i].BIANMA === id || list[i].DICTIONARIES_ID === id) {
|
||||||
|
return list[i].NAME
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
showBranchName(CORPINFO_ID, CORP_NAME) {
|
||||||
|
this.$refs.form && this.$refs.form.resetFields()
|
||||||
|
this.dialogFormEdit = true
|
||||||
|
this.updateBranchNameForm.CORPINFO_ID = CORPINFO_ID
|
||||||
|
this.updateBranchNameForm.CORP_NAME = CORP_NAME
|
||||||
|
},
|
||||||
|
updateBranchName(ID) {
|
||||||
|
requestFN(
|
||||||
|
'/core/corpinfo/listTreeCorpInfo',
|
||||||
|
{
|
||||||
|
CORPINFO_ID: ID
|
||||||
|
}
|
||||||
|
).then((data) => {
|
||||||
|
this.treeData = data.varList
|
||||||
|
}).catch((e) => {
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
@ -0,0 +1,37 @@
|
||||||
|
<template>
|
||||||
|
<!-- <div class="">-->
|
||||||
|
<!-- <transition name="fade" mode="out-in">-->
|
||||||
|
<!-- <component :is="activeName"/>-->
|
||||||
|
<!-- </transition>-->
|
||||||
|
|
||||||
|
<!-- </div>-->
|
||||||
|
<div>
|
||||||
|
<IndexList v-show="activeName=='IndexList'" ref="list" />
|
||||||
|
<IndexView v-if="activeName=='IndexView'" />
|
||||||
|
<Detail v-if="activeName=='Detail'" />
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import IndexList from './components/indexList'
|
||||||
|
import IndexView from './components/index_view'
|
||||||
|
import Detail from './components/detail'
|
||||||
|
export default {
|
||||||
|
components: { IndexList, IndexView, Detail },
|
||||||
|
data() {
|
||||||
|
return { // src/views/corpInfo/examine/index.vue
|
||||||
|
activeName: 'IndexList'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
activeName(val) {
|
||||||
|
if (val == 'IndexList') {
|
||||||
|
this.$refs.list.getList()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
@ -275,14 +275,7 @@ export default {
|
||||||
ROLE_ID: [
|
ROLE_ID: [
|
||||||
{ required: true, message: '角色不能为空', trigger: 'blur' }
|
{ required: true, message: '角色不能为空', trigger: 'blur' }
|
||||||
],
|
],
|
||||||
USERNAME: [
|
|
||||||
{ required: true, message: '用户名不能为空', trigger: 'blur' },
|
|
||||||
{
|
|
||||||
pattern: /^(13[0-9]|14[579]|15[0-3,5-9]|16[6]|17[0135678]|18[0-9]|19[89])\d{8}$/,
|
|
||||||
message: '用户名需使用手机号码格式'
|
|
||||||
},
|
|
||||||
{ validator: hasUser, trigger: 'blur' }
|
|
||||||
],
|
|
||||||
NAME: [
|
NAME: [
|
||||||
{ required: true, message: '姓名不能为空', trigger: 'blur' },
|
{ required: true, message: '姓名不能为空', trigger: 'blur' },
|
||||||
{ min: 2, max: 30, message: '长度在 2 到 30 个字符', trigger: 'blur' }
|
{ min: 2, max: 30, message: '长度在 2 到 30 个字符', trigger: 'blur' }
|
||||||
|
|
@ -482,9 +475,9 @@ export default {
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
goCheck() {
|
goCheck() {
|
||||||
if (this.pd.USER_ID_CARD && this.pd.USERNAME) {
|
if (this.pd.USER_ID_CARD && this.pd.PHONE) {
|
||||||
const phoneJudge = /^(13[0-9]|14[579]|15[0-3,5-9]|16[6]|17[0135678]|18[0-9]|19[0-9])\d{8}$/
|
const phoneJudge = /^(13[0-9]|14[579]|15[0-3,5-9]|16[6]|17[0135678]|18[0-9]|19[0-9])\d{8}$/
|
||||||
const phoneResult = phoneJudge.test(this.pd.USERNAME)
|
const phoneResult = phoneJudge.test(this.pd.PHONE)
|
||||||
const cardJudge = /^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/
|
const cardJudge = /^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/
|
||||||
const cardResult = cardJudge.test(this.pd.USER_ID_CARD)
|
const cardResult = cardJudge.test(this.pd.USER_ID_CARD)
|
||||||
if (phoneResult && cardResult) {
|
if (phoneResult && cardResult) {
|
||||||
|
|
@ -493,7 +486,7 @@ export default {
|
||||||
'user/goCheck',
|
'user/goCheck',
|
||||||
{
|
{
|
||||||
CARD_NO: this.pd.USER_ID_CARD,
|
CARD_NO: this.pd.USER_ID_CARD,
|
||||||
USERNAME: this.pd.USERNAME,
|
USERNAME: this.pd.PHONE,
|
||||||
USER_ID: this.pd.USER_ID || ''
|
USER_ID: this.pd.USER_ID || ''
|
||||||
}
|
}
|
||||||
).then((data) => {
|
).then((data) => {
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue