|  |  |  | 
|---|
|  |  |  | <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 | 
|---|