mirror of
https://gitee.com/elegant_wings/dbd-meeting-html.git
synced 2025-08-08 11:52:42 +08:00
工单管理修改问题
This commit is contained in:
SelfRidicule
parent
f54902146d
commit
094278f2ee
@ -1,126 +1,122 @@
|
|||||||
<template>
|
<template>
|
||||||
<a-modal
|
<a-modal
|
||||||
title="指派维修员"
|
title='指派维修员'
|
||||||
style="top: 20px;"
|
style='top: 20px;'
|
||||||
:width="1200"
|
:width='1200'
|
||||||
v-model="visible"
|
v-model='visible'
|
||||||
:confirmLoading="confirmLoading"
|
:confirmLoading='confirmLoading'
|
||||||
@ok="handleSubmit"
|
@ok='handleSubmit'
|
||||||
>
|
>
|
||||||
<a-form :form="form">
|
<a-form :form='form'>
|
||||||
<a-form-item style="display:none">
|
<a-form-item style='display:none'>
|
||||||
<a-input v-decorator="['id']" />
|
<a-input v-decorator="['id']" />
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
|
|
||||||
<a-row>
|
<a-row>
|
||||||
<a-col :span="10">
|
<a-col :span='10'>
|
||||||
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="所属分类">
|
<a-form-item :labelCol='labelCol' :wrapperCol='wrapperCol' label='所属分类'>
|
||||||
<a-select :label-in-value="true"
|
<a-select v-decorator="['typeId', {rules: [{ required: true, message: '请选择所属分类' }]}]"
|
||||||
v-decorator="['typeId', {rules: [{ required: true, message: '请选择所属分类' }]}]"
|
@change='selectDevice'>
|
||||||
@change="selectDevice">
|
<a-select-option v-for='item in typeList' :key='item.id' :value='item.id'>{{ item.name }}
|
||||||
<a-select-option v-for="item in typeList" :key="item.id" :value="item.id">{{ item.name }}
|
|
||||||
</a-select-option>
|
</a-select-option>
|
||||||
</a-select>
|
</a-select>
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
</a-col>
|
</a-col>
|
||||||
<a-col :span="10">
|
<a-col :span='10'>
|
||||||
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="报修设备">
|
<a-form-item :labelCol='labelCol' :wrapperCol='wrapperCol' label='报修设备'>
|
||||||
<a-select :label-in-value="true"
|
<a-select v-decorator="['deviceId', {rules: [{ required: true, message: '请选择所属设备' }]}]"
|
||||||
v-decorator="['deviceId', {rules: [{ required: true, message: '请选择所属设备' }]}]"
|
@change='getDeviceName'>
|
||||||
@change="getDeviceName">
|
<a-select-option v-for='item in deviceList' :key='item.id' :value='item.id'>{{ item.name }}
|
||||||
<a-select-option v-for="item in deviceList" :key="item.id" :value="item.id">{{ item.name }}
|
|
||||||
</a-select-option>
|
</a-select-option>
|
||||||
</a-select>
|
</a-select>
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
</a-col>
|
</a-col>
|
||||||
</a-row>
|
</a-row>
|
||||||
<a-row>
|
<a-row>
|
||||||
<a-col :span="10">
|
<a-col :span='10'>
|
||||||
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="报修人">
|
<a-form-item :labelCol='labelCol' :wrapperCol='wrapperCol' label='报修人'>
|
||||||
<a-input placeholder="报修人"
|
<a-input placeholder='报修人'
|
||||||
v-decorator="['name', {rules: [{ required: true, message: '请选择报修人' }]}]" />
|
v-decorator="['name', {rules: [{ required: true, message: '请选择报修人' }]}]" />
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
</a-col>
|
</a-col>
|
||||||
<a-col :span="10">
|
<a-col :span='10'>
|
||||||
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="联系电话">
|
<a-form-item :labelCol='labelCol' :wrapperCol='wrapperCol' label='联系电话'>
|
||||||
<a-input placeholder="联系电话"
|
<a-input placeholder='联系电话'
|
||||||
v-decorator="['phone', {rules: [{ required: true, message: '请输入联系电话' }]}]" />
|
v-decorator="['phone', {rules: [{ required: true, message: '请输入联系电话' }]}]" />
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
</a-col>
|
</a-col>
|
||||||
</a-row>
|
</a-row>
|
||||||
<a-row>
|
<a-row>
|
||||||
<a-col :span="10">
|
<a-col :span='10'>
|
||||||
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="维修负责人">
|
<a-form-item :labelCol='labelCol' :wrapperCol='wrapperCol' label='维修负责人'>
|
||||||
<a-select v-decorator="['repairUserId']"
|
<a-select v-decorator="['repairUserId']"
|
||||||
@change="selectUser">
|
@change='selectUser'>
|
||||||
<a-select-option v-for="item in userList" :key="item.userId">{{ item.userName }}</a-select-option>
|
<a-select-option v-for='item in userList' :key='item.userId'>{{ item.userName }}</a-select-option>
|
||||||
</a-select>
|
</a-select>
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
</a-col>
|
</a-col>
|
||||||
<a-col :span="10">
|
<a-col :span='10'>
|
||||||
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="报修地点">
|
<a-form-item :labelCol='labelCol' :wrapperCol='wrapperCol' label='报修地点'>
|
||||||
<a-select :label-in-value="true"
|
<a-select v-decorator="['addressId', {rules: [{ required: true, message: '请选择报修地点' }]}]"
|
||||||
v-decorator="['addressId', {rules: [{ required: true, message: '请选择报修地点' }]}]"
|
@change='selectRoomList'>
|
||||||
@change="selectRoomList">
|
<a-select-option v-for='item in addressList' :key='item.id' :value='item.id'>{{ item.name }}
|
||||||
<a-select-option v-for="item in addressList" :key="item.id" :value="item.id">{{ item.name }}
|
|
||||||
</a-select-option>
|
</a-select-option>
|
||||||
</a-select>
|
</a-select>
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
</a-col>
|
</a-col>
|
||||||
</a-row>
|
</a-row>
|
||||||
<a-row>
|
<a-row>
|
||||||
<a-col :span="10">
|
<a-col :span='10'>
|
||||||
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="楼层">
|
<a-form-item :labelCol='labelCol' :wrapperCol='wrapperCol' label='楼层'>
|
||||||
<a-select :label-in-value="true"
|
<a-select v-decorator="['floorId', {rules: [{ required: true, message: '请选择详细地址' }]}]"
|
||||||
v-decorator="['floorId', {rules: [{ required: true, message: '请选择详细地址' }]}]"
|
@change='selectFloorName'>
|
||||||
@change="selectFloorName">
|
<a-select-option v-for='item in roomList' :key='item.id' :value='item.id'>{{ item.name }}
|
||||||
<a-select-option v-for="item in roomList" :key="item.id" :value="item.id">{{ item.name }}
|
|
||||||
</a-select-option>
|
</a-select-option>
|
||||||
</a-select>
|
</a-select>
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
</a-col>
|
</a-col>
|
||||||
<a-col :span="10">
|
<a-col :span='10'>
|
||||||
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="门牌号(地点)">
|
<a-form-item :labelCol='labelCol' :wrapperCol='wrapperCol' label='门牌号(地点)'>
|
||||||
<a-input placeholder="门牌号"
|
<a-input placeholder='门牌号'
|
||||||
v-decorator="['room' ]" />
|
v-decorator="['room' ]" />
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
</a-col>
|
</a-col>
|
||||||
</a-row>
|
</a-row>
|
||||||
<a-row>
|
<a-row>
|
||||||
<a-col :span="10">
|
<a-col :span='10'>
|
||||||
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="故障类型">
|
<a-form-item :labelCol='labelCol' :wrapperCol='wrapperCol' label='故障类型'>
|
||||||
<a-select v-decorator="['failureTypeId' ]"
|
<a-select v-decorator="['failureTypeId' ]"
|
||||||
>
|
>
|
||||||
<a-select-option v-for="item in failureTypeList" :key="item.id">{{ item.name }}</a-select-option>
|
<a-select-option v-for='item in failureTypeList' :key='item.id'>{{ item.name }}</a-select-option>
|
||||||
</a-select>
|
</a-select>
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
</a-col>
|
</a-col>
|
||||||
<a-col :span="10">
|
<a-col :span='10'>
|
||||||
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="故障描述">
|
<a-form-item :labelCol='labelCol' :wrapperCol='wrapperCol' label='故障描述'>
|
||||||
<a-textarea placeholder="故障描述" v-decorator="['explain']" />
|
<a-textarea placeholder='故障描述' v-decorator="['explain']" />
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
</a-col>
|
</a-col>
|
||||||
</a-row>
|
</a-row>
|
||||||
<a-row>
|
<a-row>
|
||||||
<a-col :span="10">
|
<a-col :span='10'>
|
||||||
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="报修图片">
|
<a-form-item :labelCol='labelCol' :wrapperCol='wrapperCol' label='报修图片'>
|
||||||
<a-upload
|
<a-upload
|
||||||
v-decorator="['repairImages']"
|
v-decorator="['repairImages']"
|
||||||
list-type="picture-card"
|
list-type='picture-card'
|
||||||
class="avatar-uploader"
|
class='avatar-uploader'
|
||||||
:file-list="fileList"
|
:file-list='fileList'
|
||||||
:action="uploadUrl"
|
:action='uploadUrl'
|
||||||
:headers="headers"
|
:headers='headers'
|
||||||
@preview="handlePreview"
|
@preview='handlePreview'
|
||||||
@change="handleChangeFileList"
|
@change='handleChangeFileList'
|
||||||
>
|
>
|
||||||
<div v-if="fileList.length < 4">
|
<div v-if='fileList.length < 4'>
|
||||||
<a-icon type="plus" />
|
<a-icon type='plus' />
|
||||||
<div class="ant-upload-text"> 上传</div>
|
<div class='ant-upload-text'> 上传</div>
|
||||||
</div>
|
</div>
|
||||||
</a-upload>
|
</a-upload>
|
||||||
<a-modal :visible="previewVisible" :footer="null" @cancel="handleCancel">
|
<a-modal :visible='previewVisible' :footer='null' @cancel='handleCancel'>
|
||||||
<img style="width: 100%" :src="previewImage" />
|
<img style='width: 100%' :src='previewImage' />
|
||||||
</a-modal>
|
</a-modal>
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
</a-col>
|
</a-col>
|
||||||
@ -149,7 +145,7 @@ export default {
|
|||||||
name: 'RepairModal',
|
name: 'RepairModal',
|
||||||
props: {},
|
props: {},
|
||||||
components: {},
|
components: {},
|
||||||
data () {
|
data() {
|
||||||
return {
|
return {
|
||||||
visible: false,
|
visible: false,
|
||||||
labelCol: {
|
labelCol: {
|
||||||
@ -194,51 +190,54 @@ export default {
|
|||||||
files: []
|
files: []
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
beforeCreate () {
|
beforeCreate() {
|
||||||
},
|
},
|
||||||
created () {
|
created() {
|
||||||
this.selectType()
|
this.selectType()
|
||||||
this.selectFailureType()
|
this.selectFailureType()
|
||||||
this.getRepairAddressList()
|
this.getRepairAddressList()
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
moment,
|
moment,
|
||||||
selectType () {
|
selectType() {
|
||||||
getRepairTypeList().then(res => {
|
getRepairTypeList().then(res => {
|
||||||
this.typeList = res.rows
|
this.typeList = res.rows
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
selectUser (id) {
|
selectUser(id) {
|
||||||
},
|
},
|
||||||
// 根据分类id 查询对应设备
|
// 根据分类id 查询对应设备
|
||||||
selectDevice (item) {
|
selectDevice(typeId) {
|
||||||
getRepairDeviceList({ 'typeId': item.key }).then(res => {
|
let type = this.typeList.find(item => item.id == typeId)
|
||||||
|
this.typeId = type.id
|
||||||
|
this.typeName = type.name
|
||||||
|
console.log('selectDevice', type)
|
||||||
|
getRepairDeviceList({
|
||||||
|
typeId
|
||||||
|
}).then(res => {
|
||||||
this.deviceList = res.rows
|
this.deviceList = res.rows
|
||||||
})
|
})
|
||||||
selectWorkerIdByTypeId({ 'typeId': item.key }).then(res => {
|
selectWorkerIdByTypeId({ typeId }).then(res => {
|
||||||
this.userList = res.data
|
this.userList = res.data
|
||||||
})
|
})
|
||||||
this.typeName = item.label
|
|
||||||
console.log(this.typeName)
|
|
||||||
this.typeId = item.key
|
|
||||||
},
|
},
|
||||||
getDeviceName (item) {
|
getDeviceName(item) {
|
||||||
console.log(item)
|
console.log(item)
|
||||||
this.deviceName = item.label
|
this.deviceName = item.label
|
||||||
this.deviceId = item.key
|
this.deviceId = item.key
|
||||||
},
|
},
|
||||||
selectFailureType () {
|
selectFailureType() {
|
||||||
getRepairFailureTypeList().then(res => {
|
getRepairFailureTypeList().then(res => {
|
||||||
this.failureTypeList = res.rows
|
this.failureTypeList = res.rows
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
getRepairAddressList () {
|
getRepairAddressList() {
|
||||||
getRepairAddressList().then(res => {
|
getRepairAddressList().then(res => {
|
||||||
this.addressList = res.rows
|
this.addressList = res.rows
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
|
||||||
selectRoomList (item) {
|
selectRoomList(item) {
|
||||||
console.log(item)
|
console.log(item)
|
||||||
getRepairRoomList({ 'addressId': item.key }).then(res => {
|
getRepairRoomList({ 'addressId': item.key }).then(res => {
|
||||||
this.roomList = res.rows
|
this.roomList = res.rows
|
||||||
@ -246,23 +245,23 @@ export default {
|
|||||||
this.address = item.label
|
this.address = item.label
|
||||||
this.addressId = item.key
|
this.addressId = item.key
|
||||||
},
|
},
|
||||||
selectFloorName (item) {
|
selectFloorName(item) {
|
||||||
this.floor = item.label
|
this.floor = item.label
|
||||||
this.floorId = item.key
|
this.floorId = item.key
|
||||||
},
|
},
|
||||||
|
|
||||||
async handlePreview (file) {
|
async handlePreview(file) {
|
||||||
if (!file.url && !file.preview) {
|
if (!file.url && !file.preview) {
|
||||||
file.preview = await getBase64FileList(file.originFileObj)
|
file.preview = await getBase64FileList(file.originFileObj)
|
||||||
}
|
}
|
||||||
this.previewImage = file.url || file.preview
|
this.previewImage = file.url || file.preview
|
||||||
this.previewVisible = true
|
this.previewVisible = true
|
||||||
},
|
},
|
||||||
handleCancel () {
|
handleCancel() {
|
||||||
this.previewVisible = false
|
this.previewVisible = false
|
||||||
},
|
},
|
||||||
// 上传banner
|
// 上传banner
|
||||||
handleChangeFileList ({ fileList }) {
|
handleChangeFileList({ fileList }) {
|
||||||
fileList.forEach(item => {
|
fileList.forEach(item => {
|
||||||
if (item.response !== undefined) {
|
if (item.response !== undefined) {
|
||||||
this.files.push(item.response.id)
|
this.files.push(item.response.id)
|
||||||
@ -270,12 +269,12 @@ export default {
|
|||||||
})
|
})
|
||||||
this.fileList = fileList
|
this.fileList = fileList
|
||||||
},
|
},
|
||||||
add () {
|
add() {
|
||||||
this.form.resetFields()
|
this.form.resetFields()
|
||||||
this.mdl.repairImages = null
|
this.mdl.repairImages = null
|
||||||
this.edit({ id: 0 })
|
this.edit({ id: 0 })
|
||||||
},
|
},
|
||||||
edit (record) {
|
edit(record) {
|
||||||
console.log(this.typeList)
|
console.log(this.typeList)
|
||||||
this.mdl = Object.assign(record)
|
this.mdl = Object.assign(record)
|
||||||
this.mdl.typeList = this.typeList
|
this.mdl.typeList = this.typeList
|
||||||
@ -300,13 +299,13 @@ export default {
|
|||||||
this.fileList = []
|
this.fileList = []
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
onChange (dates, dateStrings) {
|
onChange(dates, dateStrings) {
|
||||||
console.log('From: ', dateStrings[0], ', to: ', dateStrings[1])
|
console.log('From: ', dateStrings[0], ', to: ', dateStrings[1])
|
||||||
this.beginDate = dateStrings[0]
|
this.beginDate = dateStrings[0]
|
||||||
this.endDate = dateStrings[1]
|
this.endDate = dateStrings[1]
|
||||||
this.dateValue = [moment(this.beginDate, dateFormat), moment(this.endDate, dateFormat)]
|
this.dateValue = [moment(this.beginDate, dateFormat), moment(this.endDate, dateFormat)]
|
||||||
},
|
},
|
||||||
handleSubmit (e) {
|
handleSubmit(e) {
|
||||||
e.preventDefault()
|
e.preventDefault()
|
||||||
console.log(this.files)
|
console.log(this.files)
|
||||||
|
|
||||||
@ -361,7 +360,7 @@ export default {
|
|||||||
watch: {}
|
watch: {}
|
||||||
}
|
}
|
||||||
|
|
||||||
function getBase64 (img, callback) {
|
function getBase64(img, callback) {
|
||||||
const reader = new FileReader()
|
const reader = new FileReader()
|
||||||
reader.addEventListener('load', () => callback(reader.result))
|
reader.addEventListener('load', () => callback(reader.result))
|
||||||
reader.readAsDataURL(img)
|
reader.readAsDataURL(img)
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user