mirror of
https://gitee.com/elegant_wings/dbd-meeting-html.git
synced 2025-08-08 15:22:44 +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>
|
||||||
@ -211,16 +207,19 @@ export default {
|
|||||||
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)
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user