<!--选择设备-->
<template>
  <el-dialog :title="dialogTitle" :visible.sync="dialogFormVisible" :fullscreen="false" width="60%" append-to-body>

  </el-dialog>
</template>

<script>
import { addDevice, updateDevice } from '@/api/environment/device'
import { Uploadimg } from '@/api/common'
import { getAreaList, getAreaByDept } from '@/api/system/area'
import ChoosePointDialog from "../mapViews/choosePointDialog";
import DeptSelect from "../../components/DeptSelect/index";
import MapView from "../mapViews/mapView";
import LMarker from "vue2-leaflet/src/components/LMarker";
import { icon } from 'leaflet'

export default {
  name: 'ChooseDevice',
  components: {LMarker, MapView, DeptSelect, ChoosePointDialog},
  data() {
    return {
      dialogFormVisible: false, // 对话框是否显示
      currentDevice:null, // 当前选中设备,
      deviceList:[], // 设备列表
      dialogTitle: '选择设备', // 表头显示标题
      dataLoading: false
    }
  },
  methods: {
    /**
     * 初始化对话框
     */
    initDialog: function(currentDevice) {
      this.dialogFormVisible = true
      this.fetchData()
    },
    // 查询所有设备列表
    fetchRealData(){
      this.dataLoading = true
      // TODO: 请求数据
      this.deviceList= [
        {id:"1", deviceNo:"2021030803100001", deviceName:"王泥岭", area:'崇仁县', online:'1', deptName:"城管局", areaCode:'361024', lat:27.77740600, lng:116.05673800, notes:"无", position:"王泥岭", ts:"2021-01-12", deptid:'24', installDate:"2021-07-01"},
        {id:"2", deviceNo:"2021030803100002", deviceName:"王泥岭", area:'崇仁县', online:'1', deptName:"城管局", areaCode:'361024', lat:27.77740600, lng:116.05673800, notes:"无", position:"王泥岭", ts:"2021-01-12", deptid:'24', installDate:"2021-07-01"},
        {id:"3", deviceNo:"2021030803100003", deviceName:"王泥岭", area:'崇仁县', online:'1', deptName:"城管局", areaCode:'361024', lat:27.77740600, lng:116.05673800, notes:"无", position:"王泥岭", ts:"2021-01-12", deptid:'24', installDate:"2021-07-01"},
        {id:"4", deviceNo:"2021030803100004", deviceName:"王泥岭", area:'崇仁县', online:'1', deptName:"城管局", areaCode:'361024', lat:27.77740600, lng:116.05673800, notes:"无", position:"王泥岭", ts:"2021-01-12", deptid:'24', installDate:"2021-07-01"},
        {id:"5", deviceNo:"2021030803100005", deviceName:"王泥岭", area:'崇仁县', online:'2', deptName:"城管局", areaCode:'361024', lat:27.77740600, lng:116.05673800, notes:"无", position:"王泥岭", ts:"2021-01-12", deptid:'24', installDate:"2021-07-01"},
        {id:"6", deviceNo:"2021030803100006", deviceName:"王泥岭", area:'崇仁县', online:'2', deptName:"城管局", areaCode:'361024', lat:27.77740600, lng:116.05673800, notes:"无", position:"王泥岭", ts:"2021-01-12", deptid:'24', installDate:"2021-07-01"}
      ]
      this.dataLoading = false
    },
    cancel: function() {
      this.dialogFormVisible = false
      this.$emit('watchChild')
    }
  }
}
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
</style>