|  |  | 
 |  |  |           }"></el-cascader> | 
 |  |  |       </el-form-item> | 
 |  |  |       <el-form-item label="经纬度"> | 
 |  |  |         <el-input v-model="form.lnglat" disabled v-trim /> | 
 |  |  |         <el-input v-model="form.lnglat" placeholder="示例:117.297461,31.849234" v-trim /> | 
 |  |  |       </el-form-item> | 
 |  |  |       <el-form-item> | 
 |  |  |       <!-- <el-form-item> | 
 |  |  |         <mapDrag class="mapbox" @center="getCenter" /> | 
 |  |  |       </el-form-item> | 
 |  |  |       </el-form-item> --> | 
 |  |  |       <el-form-item label="巡检内容" prop="content"> | 
 |  |  |         <el-input type="textarea" :rows="4" v-model="form.content" placeholder="请输入" /> | 
 |  |  |       </el-form-item> | 
 |  |  |       <el-form-item label="上传图片" prop="imgurl"> | 
 |  |  |         <UploadAvatarImage :file="{ 'imgurlfull': form.imgurlfull, 'imgurl': form.imgurl }" | 
 |  |  |         <UploadAvatarImage :file="{ 'imgurlfull': form.fileFullUrl, 'imgurl': form.fileUrl }" | 
 |  |  |           :uploadData="{ folder: 'ywPatrol/' }" @uploadSuccess="uploadAvatarSuccess" @uploadEnd="isUploading = false" | 
 |  |  |           @uploadBegin="isUploading = true" /> | 
 |  |  |       </el-form-item> | 
 |  |  | 
 |  |  | import mapDrag from '@/components/common/map/mapDrag.vue' | 
 |  |  | import { fetchList } from '@/api/business/category' | 
 |  |  | import { detail } from '@/api/Inspection/ywPatrolPoint' | 
 |  |  | import { fetchList as getDeiceList } from '@/api/Inspection/device' | 
 |  |  | export default { | 
 |  |  |   name: 'OperaYwPatrolPointWindow', | 
 |  |  |   extends: BaseOpera, | 
 |  |  | 
 |  |  |     open(title, row) { | 
 |  |  |       this.title = title | 
 |  |  |       this.visible = true | 
 |  |  |       this.initData() | 
 |  |  |       if (row == null) { | 
 |  |  |         this.$nextTick(() => { | 
 |  |  |           this.form = { | 
 |  |  |             name: '', | 
 |  |  |             code: '', | 
 |  |  |             content: '', | 
 |  |  |             imgurl: '', | 
 |  |  |             areaId: 0, | 
 |  |  |             areaIds: [], | 
 |  |  |             addr: '' | 
 |  |  |           } | 
 |  |  |           this.$refs.form.resetFields() | 
 |  |  |  | 
 |  |  |           this.form[this.configData['field.id']] = null | 
 |  |  |         }) | 
 |  |  |         fetchList({ | 
 |  |  |           model: { type: 4 }, | 
 |  |  |           capacity: 1000, | 
 |  |  |           page: 1, | 
 |  |  |         }).then(res => { | 
 |  |  |           this.cateList = res.records || [] | 
 |  |  |         }) | 
 |  |  |         return | 
 |  |  |       } | 
 |  |  |       if (row && row.id) { | 
 |  |  |         this.getDetail(row) | 
 |  |  |       } | 
 |  |  |     }, | 
 |  |  |     getDetail(row) { | 
 |  |  |       detail(row.id).then(res => { | 
 |  |  |         this.form = { ...res }  | 
 |  |  |         // this.$set(this.form, 'areaId', res.areaId) | 
 |  |  |         // console.log('res', res) | 
 |  |  |         // console.log('res', this.form) | 
 |  |  |         this.initData(res.areaId) | 
 |  |  |         this.form = { ...res } | 
 |  |  |         if (res.longitude && res.latitude) { | 
 |  |  |           this.$set(this.form, 'lnglat', res.longitude + ',' + res.latitude) | 
 |  |  |         } | 
 |  |  |         fetchList({ | 
 |  |  |           model: { type: 4 }, | 
 |  |  |           capacity: 1000, | 
 |  |  |           page: 1, | 
 |  |  |         }).then(ress => { | 
 |  |  |           this.cateList = ress.records || [] | 
 |  |  |           const areaId = res.areaId | 
 |  |  |           if (areaId) { | 
 |  |  |             this.cateList.forEach(item => { | 
 |  |  |               if (item.childCategoryList) { | 
 |  |  |                 item.childCategoryList.forEach(item2 => { | 
 |  |  |                   if (item2.id == areaId) { | 
 |  |  |                     this.$set(this.form, 'areaIds', [item.id, item2.id]) | 
 |  |  |  | 
 |  |  |                   } | 
 |  |  |                 }) | 
 |  |  |               } | 
 |  |  |             }) | 
 |  |  |           } | 
 |  |  |         }) | 
 |  |  |  | 
 |  |  |       }) | 
 |  |  |     }, | 
 |  |  |     initData(areaId) { | 
 |  |  |       fetchList({ | 
 |  |  |         model: { type: 4 }, | 
 |  |  |     initData() { | 
 |  |  |       getDeiceList({ | 
 |  |  |         model: {}, | 
 |  |  |         capacity: 1000, | 
 |  |  |         page: 1, | 
 |  |  |       }).then(res => { | 
 |  |  |         this.cateList = res.records || [] | 
 |  |  |         console.log('this.form.areaId', this.form) | 
 |  |  |  | 
 |  |  |         if (areaId) { | 
 |  |  |           this.cateList.forEach(item => { | 
 |  |  |             if (item.childCategoryList) { | 
 |  |  |               item.childCategoryList.forEach(item2 => { | 
 |  |  |                 if (item2.id == areaId) { | 
 |  |  |                   this.$set(this.form, 'areaIds', [item.id, item2.id]) | 
 |  |  |                   console.log('areaIds', this.form) | 
 |  |  |  | 
 |  |  |                 } | 
 |  |  |               }) | 
 |  |  |             } | 
 |  |  |           }) | 
 |  |  |         } | 
 |  |  |         this.deviceList = res.records | 
 |  |  |       }) | 
 |  |  |  | 
 |  |  |     }, | 
 |  |  |     getCenter(data) { | 
 |  |  |       // console.log(data) | 
 |  |  |       // this.$set(this.form, 'postion', data.address) | 
 |  |  |       if(data.lng){ | 
 |  |  |       if (data.lng) { | 
 |  |  |         this.$set(this.form, 'lnglat', data.lng + ',' + data.lat) | 
 |  |  |       }else{ | 
 |  |  |       } else { | 
 |  |  |         this.$set(this.form, 'lnglat', '') | 
 |  |  |       } | 
 |  |  |       this.$set(this.form, 'longitude', data.lng) | 
 |  |  | 
 |  |  |       } | 
 |  |  |     }, | 
 |  |  |     uploadAvatarSuccess(file) { | 
 |  |  |       this.form.imgurl = file.imgurl | 
 |  |  |       this.form.imgurlfull = file.imgurlfull | 
 |  |  |       this.$set(this.form, 'fileUrl', file.imgurl) | 
 |  |  |       this.$set(this.form, 'fileFullUrl', file.imgurlfull) | 
 |  |  |     }, | 
 |  |  |   } | 
 |  |  | } |