|  |  |  | 
|---|
|  |  |  | <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', | 
|---|
|  |  |  | 
|---|
|  |  |  | <i class="el-icon-plus avatar-uploader-icon"></i> | 
|---|
|  |  |  | <div>图片/视频</div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </el-upload> | 
|---|
|  |  |  | </el-upload> | 
|---|
|  |  |  | <div v-for="(item, i) in fileList" :key="i" class="item"> | 
|---|
|  |  |  | <i @click="handleDelImg(i)" class="el-icon-error close"></i> | 
|---|
|  |  |  | <el-image :src="item.fileurlFull" :preview-src-list="[item.fileurlFull]" v-if="item.type == 0" | 
|---|
|  |  |  | 
|---|
|  |  |  | 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 { | 
|---|
|  |  |  | 
|---|
|  |  |  | uploadImgUrl: process.env.VUE_APP_API_PREFIX + '/visitsAdmin/cloudService/public/uploadBatch', | 
|---|
|  |  |  | fileList: [], | 
|---|
|  |  |  | uploadData: { | 
|---|
|  |  |  | folder: 'HIDDEN_DANGER_FILE' | 
|---|
|  |  |  | folder: 'YW_WORKORDER_FILE' | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | close() { | 
|---|
|  |  |  | this.visible = false | 
|---|
|  |  |  | this.$emit('close') | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | getProject() { | 
|---|
|  |  |  | getProjectList({}).then(res => { | 
|---|
|  |  |  | this.projectList = res | 
|---|
|  |  |  | 
|---|
|  |  |  | 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) { | 
|---|
|  |  |  | 
|---|
|  |  |  | }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 | 
|---|