<template>
|
<a-drawer :title="title" :maskClosable="true" :width="drawerWidth" placement="right" :closable="true" @close="handleCancel" :visible="visible" style="height: 100%;overflow: auto;padding-bottom: 53px;">
|
|
<template slot="title">
|
<div style="width: 100%;">
|
<span>{{ title }}</span>
|
<span style="display:inline-block;width:calc(100% - 51px);padding-right:10px;text-align: right">
|
<a-button
|
@click="toggleScreen"
|
icon="appstore"
|
style="height:20px;width:20px;border:0px"
|
></a-button>
|
</span>
|
</div>
|
|
</template>
|
|
<a-spin :spinning="confirmLoading">
|
<a-form-model ref="form" :model="model" :rules="validatorRules">
|
|
<a-form-model-item label="用户账号" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="username">
|
<a-input placeholder="请输入用户账号" v-model="model.username" :readOnly="!!model.id" autocomplete="off"/>
|
</a-form-model-item>
|
|
<template v-if="!model.id">
|
<a-form-model-item label="登录密码" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="password">
|
<a-input type="password" placeholder="请输入登录密码" v-model="model.password" autocomplete="off"/>
|
</a-form-model-item>
|
|
<a-form-model-item label="确认密码" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="confirmpassword">
|
<a-input type="password" @blur="handleConfirmBlur" placeholder="请重新输入登录密码" v-model="model.confirmpassword"/>
|
</a-form-model-item>
|
</template>
|
|
<a-form-model-item label="用户姓名" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="realname">
|
<a-input placeholder="请输入用户姓名" v-model="model.realname"/>
|
</a-form-model-item>
|
|
<a-form-model-item label="工号" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="workNo">
|
<a-input placeholder="请输入工号" v-model="model.workNo"/>
|
</a-form-model-item>
|
|
<a-form-model-item label="角色分配" :labelCol="labelCol" :wrapperCol="wrapperCol" v-show="!roleDisabled">
|
<j-multi-select-tag :disabled="disableSubmit" v-model="model.selectedroles" :options="rolesOptions" placeholder="请选择角色">
|
</j-multi-select-tag>
|
</a-form-model-item>
|
|
<a-form-model-item label="岗位" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
<!-- <j-select-position placeholder="请选择岗位" :multiple="false" v-model="model.post"/>-->
|
<j-dict-select-tag placeholder="请选择岗位" dict-code="sys_position, name, code" v-model="model.post" />
|
</a-form-model-item>
|
|
<a-form-model-item label="首页权限" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
<a-radio-group v-model="model.userType" :defaultValue="0">
|
<a-radio :value="4">公司级</a-radio>
|
<a-radio :value="3">车间级</a-radio>
|
<a-radio :value="2">工段级</a-radio>
|
<a-radio :value="1">操作工</a-radio>
|
<a-radio :value="0">无</a-radio>
|
</a-radio-group>
|
</a-form-model-item>
|
|
<!--部门分配-->
|
<a-form-model-item v-if="isDepartType== 0" label="部门分配" :labelCol="labelCol" :wrapperCol="wrapperCol" v-show="!departDisabled">
|
<j-select-depart v-model="model.selecteddeparts" :multi="true" @back="backDepartInfo" :backDepart="true" :treeOpera="true"/>
|
</a-form-model-item>
|
|
<!--MDC车间分配-->
|
<a-form-model-item label="MDC车间分配" :labelCol="labelCol" :wrapperCol="wrapperCol" v-show="!productionDisabled">
|
<j-select-production v-model="model.selectedProduction" :multi="true" @back="backProductionInfo" :backProduction="true" :treeProductOpera="true"/>
|
</a-form-model-item>
|
|
<a-form-model-item label="MDC设备分配" :labelCol="labelCol" :wrapperCol="wrapperCol" v-show="!productionDisabled">
|
<a-input-search :readOnly="true" v-model="model.equipmentIds" @search="deviceSearch" enter-button placeholder="请选择设备" :disabled="!model.selectedProduction"/>
|
</a-form-model-item>
|
|
<a-form-model-item label="EAM中心分配" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="eamFactoryIds">
|
<JSelectBaseFactory v-model="model.selectedBaseFactory" :multi="true" @back="backBaseFactoryInfo" :backProduction="true" :treeProductOpera="true"/>
|
</a-form-model-item>
|
|
<a-form-model-item label="EAM设备分配" :labelCol="labelCol" :wrapperCol="wrapperCol" v-show="!productionDisabled">
|
<a-input-search :readOnly="true" v-model="model.eamEquipmentIds" @search="eamDeviceSearch" enter-button placeholder="请选择EAM设备" :disabled="!model.selectedBaseFactory"/>
|
</a-form-model-item>
|
|
<!-- <a-form-model-item label="维修部门/班组分配" :labelCol="labelCol" :wrapperCol="wrapperCol" v-show="!repairDepartDisabled">-->
|
<!-- <j-select-repair-depart v-model="model.selectedRepairDeparts" :multi="true" @back="backRepairDepartInfo" :backRepairDepart="true" :treeRepairDepartOpera="true"/>-->
|
<!-- </a-form-model-item>-->
|
|
<a-form-model-item label="负责部门" :labelCol="labelCol" :wrapperCol="wrapperCol" v-if="departIdShow==true">
|
<j-multi-select-tag :disabled="disableSubmit" v-model="model.departIds" :options="nextDepartOptions" placeholder="请选择负责部门"/>
|
</a-form-model-item>
|
</a-form-model>
|
</a-spin>
|
|
<div class="drawer-bottom-button" v-show="!disableSubmit">
|
<a-popconfirm title="确定放弃编辑？" @confirm="handleCancel" okText="确定" cancelText="取消">
|
<a-button style="margin-right: .8rem">取消</a-button>
|
</a-popconfirm>
|
<a-button @click="handleSubmit" type="primary" :loading="confirmLoading">提交</a-button>
|
</div>
|
|
<select-device-modal ref="selectDeviceModal" @selectFinished="selectOK" :title="'选择设备'"/>
|
|
<select-eam-device-modal ref="selectEamDeviceModal" @selectFinished="selectEamOK" :title="'选择EAM设备'"/>
|
|
</a-drawer>
|
</template>
|
|
<script>
|
import moment from 'moment'
|
import Vue from 'vue'
|
import { ACCESS_TOKEN } from '@/store/mutation-types'
|
import { getAction } from '@/api/manage'
|
import { addUser, editUser, queryUserRole, queryall } from '@/api/api'
|
import { disabledAuthFilter } from '@/utils/authFilter'
|
import { duplicateCheck } from '@/api/api'
|
import JSelectProduction from '../../../components/jeecgbiz/JSelectProduction'
|
// import JSelectRepairDepart from '../../../components/jeecgbiz/JSelectRepairDepart'
|
import { mapActions } from 'vuex'
|
import { ajaxGetDictItems, getDictItemsFromCache } from '@/api/api'
|
import SelectDeviceModal from './SelectDeviceModal'
|
import SelectEamDeviceModal from './SelectEamDeviceModal'
|
import JSelectBaseFactory from "@comp/jeecgbiz/JSelectBaseFactory.vue";
|
|
export default {
|
name: 'UserModal',
|
components: {
|
JSelectBaseFactory,
|
SelectDeviceModal,
|
JSelectProduction,
|
// JSelectRepairDepart,
|
SelectEamDeviceModal
|
},
|
data() {
|
return {
|
departDisabled: false, //是否是我的部门调用该页面
|
productionDisabled: false, //是否是我的车间调用该页面
|
roleDisabled: false, //是否是角色维护调用该页面
|
// repairDepartDisabled: false, //是否是我的维修部门班组调用该页面
|
modalWidth: 800,
|
drawerWidth: 700,
|
modaltoggleFlag: true,
|
confirmDirty: false,
|
userId: '', //保存用户id
|
disableSubmit: false,
|
dateFormat: 'YYYY-MM-DD',
|
validatorRules: {
|
username: [{ required: true, message: '请输入用户账号!' },
|
{ validator: this.validateUsername }],
|
// password: [{
|
// required: true,
|
// pattern: /^(?=.*[a-zA-Z])(?=.*\d)(?=.*[~!@#$%^&*()_+`\-={}:";'<>?,./]).{8,}$/,
|
// message: '密码由8位数字、大小写字母和特殊符号组成!'
|
// },
|
// { validator: this.validateToNextPassword, trigger: 'change' }],
|
confirmpassword: [{ required: true, message: '请重新输入登录密码!' },
|
{ validator: this.compareToFirstPassword }],
|
realname: [{ required: true, message: '请输入用户名称!' }],
|
phone: [{ required: false, message: '请输入手机号!' }, { validator: this.validatePhone }],
|
email: [{ validator: this.validateEmail }],
|
roles: {},
|
workNo: [{ required: true, message: '请输入工号' },
|
{ validator: this.validateWorkNo }],
|
telephone: [{ pattern: /^0\d{2,3}-[1-9]\d{6,7}$/, message: '请输入正确的座机号码' }],
|
teamId: [{ required: false, message: '请维护班组' }]
|
},
|
departIdShow: false,
|
title: '操作',
|
visible: false,
|
model: {},
|
labelCol: {
|
xs: { span: 24 },
|
sm: { span: 5 }
|
},
|
wrapperCol: {
|
xs: { span: 24 },
|
sm: { span: 16 }
|
},
|
uploadLoading: false,
|
confirmLoading: false,
|
headers: {},
|
url: {
|
fileUpload: window._CONFIG['domianURL'] + 'sys/common/upload',
|
userWithDepart: '/sys/user/userDepartList', // 引入为指定用户查看部门信息需要的url
|
//引入为指定用户查看车间信息需要的url
|
userProductionList: '/sys/user/userProductionList',
|
userId: '/sys/user/generateUserId', // 引入生成添加用户情况下的url
|
syncUserByUserName: '/act/process/extActProcess/doSyncUserByUserName',//同步用户到工作流
|
queryTenantList: '/sys/tenant/queryList',
|
userRepairDepartList: '/sys/user/userRepairDepartList',
|
userBaseFactoryList: '/sys/user/userBaseFactoryList',
|
repairDepartTreeList: '/eam/eamBaseRepairDepart/queryTreeList'
|
},
|
tenantsOptions: [],
|
rolesOptions: [],
|
nextDepartOptions: [],
|
nextProductionOptions: [],
|
nextBaseFactoryOptions:[],
|
nextRepairDepartOptions: [],
|
isDepartType: '',
|
model: {
|
selectedProduction: '',
|
// selectedRepairDeparts: '',
|
selectedBaseFactory:'',
|
}
|
}
|
},
|
watch: {
|
visible: {
|
handler(value) {
|
if (value) this.initDictData('password_length')
|
}
|
},
|
'model.selectedProduction': {
|
handler(newVal, oldVal) {
|
if (newVal && this.$refs.selectDeviceModal) {
|
// 如果车间选择前后不一致则重置选择设备
|
if ((oldVal && newVal !== oldVal)) this.model.equipmentIds = ''
|
this.$refs.selectDeviceModal.queryTreeData(newVal)
|
}
|
// 如果清空车间值则重置选择设备
|
if (newVal === '') this.model.equipmentIds = ''
|
}
|
},
|
'model.selectedBaseFactory': {
|
handler(newVal, oldVal) {
|
if (newVal && this.$refs.selectEamDeviceModal) {
|
// 如果车间选择前后不一致则重置选择设备
|
if ((oldVal && newVal !== oldVal)) this.model.eamEquipmentIds = ''
|
this.$refs.selectEamDeviceModal.queryTreeData(newVal)
|
}
|
// 如果清空车间值则重置选择设备
|
if (newVal === '') this.model.eamEquipmentIds = ''
|
}
|
}
|
},
|
created() {
|
const token = Vue.ls.get(ACCESS_TOKEN)
|
this.headers = { 'X-Access-Token': token }
|
this.initRoleList()
|
this.initTenantList()
|
this.queryTreeData()
|
this.getRepairDepartTreeDataByApi()
|
},
|
computed: {
|
uploadAction: function() {
|
return this.url.fileUpload
|
}
|
},
|
methods: {
|
...mapActions(['QueryDepartTree']),
|
queryTreeData() {
|
this.QueryDepartTree().then(res => {
|
if (res.success) {
|
this.isDepartType = res.result[0].value
|
} else {
|
// this.$message.warn(res.message)
|
this.$notification.warning({
|
message: '消息',
|
description: res.message
|
})
|
}
|
}).finally(() => {
|
})
|
},
|
// 获取维修班组树
|
getRepairDepartTreeDataByApi() {
|
getAction(this.url.repairDepartTreeList)
|
.then(res => {
|
if (res.success) {
|
this.repairDepartTreeData = res.result
|
} else {
|
this.$notification.warning({
|
message: '消息',
|
description: res.message
|
})
|
}
|
})
|
},
|
add() {
|
this.refresh()
|
this.edit({
|
activitiSync: '1',
|
userType: 0,
|
userIdentity: 1,
|
selectedroles: '',
|
selecteddeparts: '',
|
selectedProduction: '',
|
selectedBaseFactory:'',
|
// selectedRepairDeparts: ''
|
})
|
},
|
edit(record) {
|
let that = this
|
that.visible = true
|
//根据屏幕宽度自适应抽屉宽度
|
this.resetScreenSize()
|
that.userId = record.id
|
console.log('record', record)
|
that.model = Object.assign({}, record)
|
//身份为上级显示负责部门，否则不显示
|
if (this.model.userIdentity == 2) {
|
this.departIdShow = true
|
} else {
|
this.departIdShow = false
|
}
|
|
if (record.hasOwnProperty('id')) {
|
that.getUserRoles(record.id)
|
that.getUserDeparts(record.id)
|
that.getUserProductions(record.id)
|
that.getUserRepairDeparts(record.id)
|
this.getUserBaseFactorys(record.id)
|
}
|
},
|
isDisabledAuth(code) {
|
return disabledAuthFilter(code)
|
},
|
//窗口最大化切换
|
toggleScreen() {
|
if (this.modaltoggleFlag) {
|
this.modalWidth = window.innerWidth
|
} else {
|
this.modalWidth = 800
|
}
|
this.modaltoggleFlag = !this.modaltoggleFlag
|
},
|
// 根据屏幕变化,设置抽屉尺寸
|
resetScreenSize() {
|
let screenWidth = document.body.clientWidth
|
if (screenWidth < 500) {
|
this.drawerWidth = screenWidth
|
} else {
|
this.drawerWidth = 700
|
}
|
},
|
//初始化租户字典
|
initTenantList() {
|
getAction(this.url.queryTenantList).then(res => {
|
if (res.success) {
|
this.tenantsOptions = res.result.map((item, index, arr) => {
|
let c = { label: item.name, value: item.id + '' }
|
return c
|
})
|
}
|
})
|
},
|
//初始化角色字典
|
initRoleList() {
|
queryall().then((res) => {
|
if (res.success) {
|
this.rolesOptions = res.result.map((item, index, arr) => {
|
let c = { label: item.roleName, value: item.id }
|
return c
|
})
|
}
|
})
|
},
|
getUserRoles(userid) {
|
queryUserRole({ userid: userid }).then((res) => {
|
if (res.success) {
|
this.$set(this.model, 'selectedroles', res.result.join(','))
|
}
|
})
|
},
|
getUserDeparts(userid) {
|
let that = this
|
//部门的url 获取部门分配
|
getAction(that.url.userWithDepart, { userId: userid }).then((res) => {
|
if (res.success) {
|
let departOptions = []
|
let selectDepartKeys = []
|
for (let i = 0; i < res.result.length; i++) {
|
selectDepartKeys.push(res.result[i].key)
|
//新增负责部门选择下拉框
|
departOptions.push({
|
value: res.result[i].key,
|
label: res.result[i].title
|
})
|
}
|
|
this.$set(this.model, 'selecteddeparts', selectDepartKeys.join(','))
|
that.nextDepartOptions = departOptions
|
}
|
})
|
},
|
getUserProductions(userid) {
|
let that = this
|
// 获取车间分配
|
getAction(that.url.userProductionList, { userId: userid }).then((res) => {
|
if (res.success) {
|
let ProductionOptions = []
|
let selectProductKeys = []
|
for (let i = 0; i < res.result.length; i++) {
|
selectProductKeys.push(res.result[i].key)
|
//新增负责部门选择下拉框
|
ProductionOptions.push({
|
value: res.result[i].key,
|
label: res.result[i].title
|
})
|
}
|
|
this.$set(this.model, 'selectedProduction', selectProductKeys.join(','))
|
that.nextProductionOptions = ProductionOptions
|
}
|
})
|
},
|
// getUserRepairDeparts(userid) {
|
// let that = this
|
// // 获取维修部门/班组分配
|
// getAction(that.url.userRepairDepartList, { userId: userid }).then((res) => {
|
// if (res.success) {
|
// let repairDepartOptions = []
|
// let selectedRepairDepartKeys = []
|
// for (let i = 0; i < res.result.length; i++) {
|
// selectedRepairDepartKeys.push(res.result[i].key)
|
// //新增负责维修部门/班组选择下拉框
|
// repairDepartOptions.push({
|
// value: res.result[i].key,
|
// label: res.result[i].title
|
// })
|
// }
|
//
|
// this.$set(this.model, 'selectedRepairDeparts', selectedRepairDepartKeys.join(','))
|
// that.nextRepairDepartOptions = repairDepartOptions
|
// }
|
// })
|
// },
|
getUserBaseFactorys(userid) {
|
let that = this
|
// 获取EAM中心/工区/工段分配
|
getAction(that.url.userBaseFactoryList, { userId: userid }).then((res) => {
|
if (res.success) {
|
let BaseFactoryOptions = []
|
let selectedBaseFactoryOptionsKeys = []
|
for (let i = 0; i < res.result.length; i++) {
|
selectedBaseFactoryOptionsKeys.push(res.result[i].key)
|
//新增负责维修部门/班组选择下拉框
|
BaseFactoryOptions.push({
|
value: res.result[i].key,
|
label: res.result[i].title
|
})
|
}
|
|
this.$set(this.model, 'selectedBaseFactory', selectedBaseFactoryOptionsKeys.join(','))
|
that.nextBaseFactoryOptions = BaseFactoryOptions
|
}
|
})
|
},
|
backDepartInfo(info) {
|
this.model.departIds = this.model.selecteddeparts
|
this.nextDepartOptions = info.map((item, index, arr) => {
|
let c = { label: item.text, value: item.value + '' }
|
return c
|
})
|
},
|
backProductionInfo(info) {
|
this.model.productionIds = this.model.selectedProduction
|
this.nextProductionOptions = info.map((item, index, arr) => {
|
let c = { label: item.text, value: item.value + '' }
|
return c
|
})
|
},
|
backBaseFactoryInfo(info) {
|
this.model.eamFactoryIds = this.model.selectedBaseFactory
|
this.nextBaseFactoryOptions = info.map((item, index, arr) => {
|
let c = { label: item.text, value: item.value + '' }
|
return c
|
})
|
},
|
// backRepairDepartInfo(info) {
|
// this.model.repairDepartIds = this.model.selectedRepairDeparts
|
// this.nextRepairDepartOptions = info.map((item, index, arr) => {
|
// let c = { label: item.text, value: item.value + '' }
|
// return c
|
// })
|
// },
|
|
refresh() {
|
this.userId = ''
|
this.nextDepartOptions = []
|
this.nextProductionOptions = []
|
this.nextBaseFactoryOptions = []
|
this.nextRepairDepartOptions = []
|
this.departIdShow = false
|
},
|
close() {
|
this.$emit('close')
|
this.visible = false
|
this.disableSubmit = false
|
this.nextDepartOptions = []
|
this.nextProductionOptions = []
|
this.nextProductionOptions = []
|
this.nextRepairDepartOptions = []
|
this.departIdShow = false
|
this.$refs.form.resetFields()
|
},
|
moment,
|
handleSubmit() {
|
const that = this
|
// 触发表单验证
|
this.$refs.form.validate(valid => {
|
if (valid) {
|
that.confirmLoading = true
|
//如果是上级择传入departIds,否则为空
|
if (this.model.userIdentity !== 2) {
|
this.model.departIds = ''
|
}
|
let obj
|
if (!this.model.id) {
|
this.model.id = this.userId
|
obj = addUser(this.model)
|
} else {
|
obj = editUser(this.model)
|
}
|
obj.then((res) => {
|
if (res.success) {
|
that.$message.success(res.message)
|
that.$emit('ok')
|
} else {
|
that.$message.warning(res.message)
|
}
|
}).finally(() => {
|
that.confirmLoading = false
|
that.close()
|
})
|
} else {
|
return false
|
}
|
})
|
},
|
handleCancel() {
|
this.close()
|
},
|
validateToNextPassword(rule, value, callback) {
|
const confirmpassword = this.model.confirmpassword
|
if (value && confirmpassword && value !== confirmpassword) {
|
callback('两次输入的密码不一样！')
|
}
|
if (value && this.confirmDirty) {
|
this.$refs.form.validateField(['confirmpassword'])
|
}
|
callback()
|
},
|
compareToFirstPassword(rule, value, callback) {
|
if (value && value !== this.model.password) {
|
callback('两次输入的密码不一样！')
|
} else {
|
callback()
|
}
|
},
|
validatePhone(rule, value, callback) {
|
if (!value) {
|
callback()
|
} else {
|
if (new RegExp(/^1[3|4|5|7|8|9][0-9]\d{8}$/).test(value)) {
|
var params = {
|
tableName: 'sys_user',
|
fieldName: 'phone',
|
fieldVal: value,
|
dataId: this.userId
|
}
|
duplicateCheck(params).then((res) => {
|
if (res.success) {
|
callback()
|
} else {
|
callback('手机号已存在!')
|
}
|
})
|
} else {
|
callback('请输入正确格式的手机号码!')
|
}
|
}
|
},
|
validateEmail(rule, value, callback) {
|
if (!value) {
|
callback()
|
} else {
|
if (new RegExp(/^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/).test(value)) {
|
var params = {
|
tableName: 'sys_user',
|
fieldName: 'email',
|
fieldVal: value,
|
dataId: this.userId
|
}
|
duplicateCheck(params).then((res) => {
|
console.log(res)
|
if (res.success) {
|
callback()
|
} else {
|
callback('邮箱已存在!')
|
}
|
})
|
} else {
|
callback('请输入正确格式的邮箱!')
|
}
|
}
|
},
|
validateUsername(rule, value, callback) {
|
var params = {
|
tableName: 'sys_user',
|
fieldName: 'username',
|
fieldVal: value,
|
dataId: this.userId
|
}
|
duplicateCheck(params).then((res) => {
|
if (res.success) {
|
callback()
|
} else {
|
callback('用户名已存在!')
|
}
|
})
|
},
|
validateWorkNo(rule, value, callback) {
|
var params = {
|
tableName: 'sys_user',
|
fieldName: 'work_no',
|
fieldVal: value,
|
dataId: this.userId
|
}
|
duplicateCheck(params).then((res) => {
|
if (res.success) {
|
callback()
|
} else {
|
callback('工号已存在!')
|
}
|
})
|
},
|
handleConfirmBlur(e) {
|
const value = e.target.value
|
this.confirmDirty = this.confirmDirty || !!value
|
},
|
beforeUpload: function(file) {
|
var fileType = file.type
|
if (fileType.indexOf('image') < 0) {
|
this.$message.warning('请上传图片')
|
return false
|
}
|
//TODO 验证文件大小
|
},
|
identityChange(e) {
|
if (e.target.value === 1) {
|
this.departIdShow = false
|
} else {
|
this.departIdShow = true
|
}
|
},
|
initDictData(dictCode) {
|
//根据字典Code, 初始化字典数组
|
ajaxGetDictItems(dictCode, null).then((res) => {
|
if (res.success) {
|
const regExp = new RegExp('^(?=.*[a-zA-Z])(?=.*\\\d)(?=.*[~!@#$%^&*()_+`\\-={}:";\'<>?,./]).{' + Number(res.result[0].value) + ',}$')
|
|
this.validatorRules.password[0] = {
|
required: true,
|
pattern: regExp,
|
message: `密码由${res.result[0].value}位数字、大小写字母和特殊符号组成!`
|
}
|
|
}
|
})
|
},
|
|
deviceSearch() {
|
this.$refs.selectDeviceModal.visible = true
|
this.$refs.selectDeviceModal.selectedRowKeys = []
|
this.$refs.selectDeviceModal.selectedRows = []
|
this.$refs.selectDeviceModal.checkedKeys = this.model.equipmentIds ? this.model.equipmentIds.split(',') : []
|
},
|
|
eamDeviceSearch(){
|
this.$refs.selectEamDeviceModal.visible = true
|
this.$refs.selectEamDeviceModal.selectedRowKeys = []
|
this.$refs.selectEamDeviceModal.selectedRows = []
|
this.$refs.selectEamDeviceModal.checkedKeys = this.model.eamEquipmentIds ? this.model.eamEquipmentIds.split(',') : []
|
},
|
|
/**
|
* 选择已有设备后点击确定时触发
|
* @param data 已选择的设备数组
|
*/
|
selectOK(data) {
|
console.log('data=', data)
|
this.$set(this.model, 'equipmentIds', data.join(','))
|
},
|
selectEamOK(data) {
|
console.log('data=', data)
|
this.$set(this.model, 'eamEquipmentIds', data.join(','))
|
}
|
}
|
}
|
</script>
|
|
<style scoped>
|
.avatar-uploader > .ant-upload {
|
width: 104px;
|
height: 104px;
|
}
|
|
.ant-upload-select-picture-card i {
|
font-size: 49px;
|
color: #999;
|
}
|
|
.ant-upload-select-picture-card .ant-upload-text {
|
margin-top: 8px;
|
color: #666;
|
}
|
|
.ant-table-tbody .ant-table-row td {
|
padding-top: 10px;
|
padding-bottom: 10px;
|
}
|
|
.drawer-bottom-button {
|
position: absolute;
|
bottom: -8px;
|
width: 100%;
|
border-top: 1px solid #e8e8e8;
|
padding: 10px 16px;
|
text-align: right;
|
left: 0;
|
background: #fff;
|
border-radius: 0 0 2px 2px;
|
}
|
</style>
|
