| | |
| | | <template> |
| | | <GlobalWindow width="800px" :title="title" :visible.sync="visible" :confirm-working="isWorking" @confirm="confirm"> |
| | | <GlobalWindow width="800px" :title="title" :visible.sync="visible" @close="close" :confirm-working="isWorking" |
| | | @confirm="confirm"> |
| | | <el-form :model="form" ref="form" :rules="rules"> |
| | | <el-form-item label="位置类型" prop="areaType"> |
| | | <el-select v-model="form.areaType"> |
| | |
| | | </el-select> |
| | | </el-form-item> |
| | | |
| | | <el-form-item label="选择楼层" prop="floorId"> |
| | | <el-form-item v-if="form.areaType == 1" label="选择楼层" prop="floorId"> |
| | | <el-select v-model="form.floorId"> |
| | | <el-option v-for="item in levelList" clearable filterable :label="item.name" :value="item.id" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item v-if="form.areaType == 0" label="选择房间" prop="roomId"> |
| | | <el-select v-model="form.roomId" clearable filterable> |
| | | <el-option v-for="item in roomList" :label="item.name" :value="item.id" /> |
| | | <el-option v-for="item in roomList" :label="item.roomNum" :value="item.id" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="分类" prop="cateId"> |
| | | <el-cascader v-model="form.areaIds" @change="changeSel" placeholder="请选择巡检区域" clearable :options="cateList" |
| | | <el-form-item label="工单分类" prop="cateId"> |
| | | <el-cascader v-model="form.areaIds" @change="changeSel" placeholder="请选择分类" clearable :options="cateList" |
| | | :props="{ |
| | | label: 'name', |
| | | value: 'id', |
| | |
| | | import { getProjectList } from '@/api/project/ywProject' |
| | | import { getBuildList } from '@/api/project/ywBuilding' |
| | | import { getRoomList } from '@/api/project/ywRoom' |
| | | import { fetchList } from '@/api/project/yeFloor' |
| | | import { getFloorList } from '@/api/project/yeFloor' |
| | | import { fetchList as getCateList } from '@/api/business/category.js' |
| | | import { rules } from './config' |
| | | export default { |
| | |
| | | // 表单数据 |
| | | form: { |
| | | id: null, |
| | | creator: '', |
| | | createDate: '', |
| | | editor: '', |
| | | editDate: '', |
| | | floor: '', |
| | | isdeleted: '', |
| | | title: '', |
| | | remark: '', |
| | | status: '', |
| | |
| | | floorId: '', |
| | | roomId: '', |
| | | userId: '', |
| | | phone: '', |
| | | submitDate: '', |
| | | cateId: '', |
| | | areaType: '0', |
| | |
| | | uploadImgUrl: process.env.VUE_APP_API_PREFIX + '/visitsAdmin/cloudService/public/uploadBatch', |
| | | fileList: [], |
| | | uploadData: { |
| | | folder: 'HIDDEN_DANGER_FILE' |
| | | folder: 'YW_WORKORDER_FILE' |
| | | }, |
| | | } |
| | | }, |
| | |
| | | this.visible = true |
| | | this.getProject() |
| | | this.getCate() |
| | | // 新建 |
| | | // 新建 |
| | | if (target == null) { |
| | | this.form = { |
| | | id: null, |
| | | editDate: '', |
| | | floor: '', |
| | | title: '', |
| | | remark: '', |
| | | status: '', |
| | | sortnum: '', |
| | | content: '', |
| | | getDate: '', |
| | | projectId: '', |
| | | buildingId: '', |
| | | floorId: '', |
| | | roomId: '', |
| | | userId: '', |
| | | submitDate: '', |
| | | cateId: '', |
| | | areaType: '0', |
| | | code: '', |
| | | dealStatus: '', |
| | | dispatchUserId: '', |
| | | dispatchDate: '', |
| | | dispatchInfo: '', |
| | | dealUserId: '', |
| | | dealDate: '', |
| | | dealInfo: '', |
| | | dealType: '' |
| | | } |
| | | this.$nextTick(() => { |
| | | this.buildList = [] |
| | | this.roomList = [] |
| | | this.levelList = [] |
| | | this.$refs.form.resetFields() |
| | | this.form[this.configData['field.id']] = null |
| | | }) |
| | |
| | | } |
| | | }) |
| | | }, |
| | | close() { |
| | | this.visible = false |
| | | this.$emit('close') |
| | | }, |
| | | getProject() { |
| | | getProjectList({}).then(res => { |
| | | this.projectList = res |
| | | this.projectList = res || [] |
| | | if(this.projectList.length > 0){ |
| | | this.$set(this.form, 'projectId', this.projectList[0].id) |
| | | this.getBuild(this.projectList[0].id) |
| | | } |
| | | }) |
| | | }, |
| | | getBuild(projectId) { |
| | |
| | | this.$set(this.form, 'floorId', '') |
| | | this.$set(this.form, 'roomId', '') |
| | | getBuildList({ projectId }).then(res => { |
| | | this.buildList = res |
| | | this.buildList = res || [] |
| | | // if(projectId && this.buildList.length > 0){ |
| | | // this.$set(this.form, 'buildingId', this.buildList[0].id) |
| | | // this.changeBuild(this.buildList[0].id) |
| | | // } |
| | | }) |
| | | }, |
| | | changeBuild(e) { |
| | | this.$set(this.form, 'floorId', '') |
| | | this.$set(this.form, 'roomId', '') |
| | | this.getLevel(e) |
| | | this.getRoom(e) |
| | | if (this.form.areaType == 1) { |
| | | this.getLevel(e) |
| | | } else { |
| | | this.getRoom(e) |
| | | } |
| | | |
| | | |
| | | }, |
| | | getLevel(buildingId) { |
| | | fetchList({ model: { buildingId }, capacity: 9999, page: 1 }).then(res => { |
| | | this.levelList = res.records |
| | | getFloorList({ buildingId }).then(res => { |
| | | this.levelList = res |
| | | }) |
| | | }, |
| | | getRoom(buildingId) { |
| | |
| | | }) |
| | | }, |
| | | changeSel(e) { |
| | | if(e && e.length == 2){ |
| | | if (e && e.length == 2) { |
| | | this.$set(this.form, 'cateId', e[1]) |
| | | }else{ |
| | | } else { |
| | | this.$set(this.form, 'cateId', '') |
| | | } |
| | | |
| | | }, |
| | | getCate() { |
| | | getCateList({ |
| | |
| | | fileurlFull: item.url |
| | | }) |
| | | } |
| | | console.log('file', this.fileList) |
| | | // this.$set(this.param, 'faceImg', file.imgurl) |
| | | |
| | | // console.log('file', this.fileList) |
| | | this.$set(this.form, 'fileList', this.fileList) |
| | | // this.$set(this.param, 'faceImgUrl', file.imgurlfull) |
| | | }, |
| | | handleDelImg(i) { |
| | | this.fileList.splice(i, 1) |
| | | this.$set(this.form, 'fileList', this.fileList) |
| | | }, |
| | | close() { |
| | | this.isShowModal = false |