feat:更新设备管理初始化地形

chenyao

2025-11-16 0d4db782efc82af97489b72077f50c3d735673f2

feat:更新设备管理初始化地形

 src/views/device/airport.vue

@@ -1,10 +1,10 @@
<template>
  <basic-main-content>
    <avue-crud :option="option" :table-loading="loading" :data="data" v-model:page="page" ref="crud" @row-del="rowDel"
               v-model="form" :permission="permissionList" @row-update="rowUpdate" @row-save="rowSave" :before-open="beforeOpen"
               @search-change="searchChange" @search-reset="searchReset" @selection-change="selectionChange"
               @current-change="currentChange" @size-change="sizeChange" @refresh-change="refreshChange" @on-load="onLoad"
               @tree-load="treeLoad">
      v-model="form" :permission="permissionList" @row-update="rowUpdate" @row-save="rowSave" :before-open="beforeOpen"
      @search-change="searchChange" @search-reset="searchReset" @selection-change="selectionChange"
      @current-change="currentChange" @size-change="sizeChange" @refresh-change="refreshChange" @on-load="onLoad"
      @tree-load="treeLoad">
      <template #menu-left>
        <el-button type="danger" icon="el-icon-delete" plain v-if="permission.device_delete" @click="handleDelete">删 除
        </el-button>
@@ -43,7 +43,7 @@
        <div v-if="row.firmware_status == 4" class="onlineStatus">
          <el-tag effect="dark" class="active-element" @click="updateFirmware(row)">升级中</el-tag>
          <el-progress v-if="row.firmware_progress > 0 && row.firmware_progress < 100"
                       :percentage="row.firmware_progress"></el-progress>
            :percentage="row.firmware_progress"></el-progress>
        </div>
      </template>
      <template #domain="{ row }">
@@ -53,31 +53,31 @@
      </template>
      <template #mode_code="{ row }">
        <span class="text" v-if="row.domain == 3 || row.domain == 0"
              :style="row.mode_code != '-1' ? 'color: #00ee8b' : 'color: #de5e5e'">
          :style="row.mode_code != '-1' ? 'color: #00ee8b' : 'color: #de5e5e'">
          {{ getModelText(row.mode_code) }}
        </span>
      </template>
      <template #menu="scope">
        <el-dropdown>
          <el-button type="primary" text v-if="permission.oss_set"><el-icon>
            <MoreFilled />
          </el-icon>更多</el-button>
              <MoreFilled />
            </el-icon>更多</el-button>
          <template #dropdown v-if="scope.row.domain == 3">
            <el-dropdown-menu teleported>
              <el-dropdown-item command="a">
                <el-button type="primary" text icon="el-icon-paperclip" v-if="permission.oss_set"
                           @click.stop="handleOpenOssSet(scope.row, scope.index)">存储配置</el-button>
                  @click.stop="handleOpenOssSet(scope.row, scope.index)">存储配置</el-button>
              </el-dropdown-item>
              <el-dropdown-item command="b">
                <el-button type="primary" text icon="el-icon-share" v-if="permission.per_share && scope.row.domain == 3"
                           @click.stop="handleOpenDevicePerShare(scope.row, scope.index)">机场授权</el-button>
                  @click.stop="handleOpenDevicePerShare(scope.row, scope.index)">机场授权</el-button>
              </el-dropdown-item>
              <el-dropdown-item command="c"> <el-button type="primary" text icon="el-icon-position"
                                                        :disabled="!scope.row.status" v-if="permission.rang_con && scope.row.domain == 3"
                                                        @click.stop="handleOpenRemoteDebugging(scope.row, scope.index)">远程调试</el-button>
                  :disabled="!scope.row.status" v-if="permission.rang_con && scope.row.domain == 3"
                  @click.stop="handleOpenRemoteDebugging(scope.row, scope.index)">远程调试</el-button>
              </el-dropdown-item>
              <el-dropdown-item command="d"><el-button type="primary" text icon="el-icon-collection"
                                                       v-if="permission.fly_device_offline" @click.stop="rollFirmware(scope.row)">固件版本管理</el-button>
                  v-if="permission.fly_device_offline" @click.stop="rollFirmware(scope.row)">固件版本管理</el-button>
              </el-dropdown-item>
              <el-dropdown-item command="d" v-if="!scope.row.status">
                <el-button type="primary" text icon="el-icon-collection" @click.stop="dockNotLine(scope.row)">
@@ -85,13 +85,11 @@
                </el-button>
              </el-dropdown-item>
              <el-dropdown-item command="e"><el-button type="primary" text icon="el-icon-document-delete"
                                                       v-if="permission.fly_device_offline" @click.stop="handleDeviceOffline(scope.row)">注销</el-button>
                  v-if="permission.fly_device_offline" @click.stop="handleDeviceOffline(scope.row)">注销</el-button>
              </el-dropdown-item>
              <el-dropdown-item command="e">
                <el-button type="primary" text icon="el-icon-document-delete"
                           v-if="permission.fly_device_offline"
                           :disabled="scope.row.dem_status === 1"
                           @click.stop="handleStatus(scope.row)">
                <el-button type="primary" text icon="el-icon-document-delete" v-if="permission.fly_device_offline"
                  :disabled="scope.row.dem_status === 1" @click.stop="handleStatus(scope.row)">
                  {{ scope.row.dem_status === 0 ? '初始化地形' : (scope.row.dem_status === 1 ? '初始化中' : '更新地形') }}
                </el-button>
              </el-dropdown-item>
@@ -106,7 +104,7 @@
                    <el-button type="primary" text icon="el-icon-key" v-if="permission.operate_password_set" @click.stop="handleOperatePassword(scope.row, scope.index)">操控密码设置</el-button>
                  </el-dropdown-item> -->
              <el-dropdown-item command="d"><el-button type="primary" text icon="el-icon-collection"
                                                       @click.stop="rollFirmware(scope.row)">固件版本管理</el-button>
                  @click.stop="rollFirmware(scope.row)">固件版本管理</el-button>
              </el-dropdown-item>
            </el-dropdown-menu>
          </template>
@@ -191,7 +189,7 @@
        固件版本升级/回退：
        <el-select v-model="rollFirmVersion" clearable placeholder="请选择固件版本" style="width: 240px">
          <el-option v-for="item in firmList" :key="item.firmware_version" :label="item.firmware_version"
                     :value="item.firmware_version" />
            :value="item.firmware_version" />
        </el-select>
      </div>
      <template #footer>
@@ -203,7 +201,7 @@
    </el-dialog>

    <el-drawer class="ztzf-drawer-body-basic-container ztzf-el-card__body" title="机场授权管理" size="60%" append-to-body
               v-model="devicePerShareVisible" :direction="'rtl'">
      v-model="devicePerShareVisible" :direction="'rtl'">
      <DevicePerShare ref="devicePerShare" />
    </el-drawer>

@@ -252,7 +250,7 @@
    DevicePerShare,
    DockControlPanel,
  },
  data () {
  data() {
    // const self = this

    const validatePass = (rule, value, callback) => {
@@ -789,7 +787,7 @@

  computed: {
    ...mapGetters(['permission', 'userInfo']),
    permissionList () {
    permissionList() {
      return {
        addBtn: this.validData(this.permission.air_add, true),
        viewBtn: this.validData(this.permission.air_view, true),
@@ -797,7 +795,7 @@
        editBtn: this.validData(this.permission.air_edit, true),
      }
    },
    ids () {
    ids() {
      let ids = []
      this.selectionList.forEach(ele => {
        ids.push(ele.id)
@@ -805,7 +803,7 @@
      return ids.join(',')
    },
  },
  destroyed () {
  destroyed() {
    this.treeResolveMap.clear()
    this.websocketMap.forEach((k, v) => {
      if (null != v) {
@@ -815,17 +813,17 @@
      }
    })
  },
  mounted () {
  mounted() {
    getRegionTreeAll({ parentCode: this.userInfo.detail.areaCode }).then(res => {
      const column = this.findObject(this.option.column, 'area_code')
      column.dicData = res.data.data ? [res.data.data] : []
    })
  },
  methods: {
    getDockModeText (value) {
    getDockModeText(value) {
      return EDockModeText[value] || ''
    },
    getModelText (value) {
    getModelText(value) {
      let txt = '离线'
      if (value === 0 || value === 4) {
        txt = '在线'
@@ -839,7 +837,7 @@
      return txt
    },
    // 关闭所有的webscoket
    closeAllWebsoket () {
    closeAllWebsoket() {
      this.websocketMap.forEach((k, v) => {
        if (null != v) {
          v.close()
@@ -849,7 +847,7 @@
      })
    },
    // 连接webSocket
    connectWebSocket (data) {
    connectWebSocket(data) {
      const webSocketId = data.workspace_id
      if (!this.webSocketIdSet.has(webSocketId)) {
        // 防止重复连接
@@ -859,14 +857,14 @@
        this.useConnectWebSocket1(webSocketId, webSorketUrl)
      }
    },
    useConnectWebSocket1 (webSocketId, url) {
    useConnectWebSocket1(webSocketId, url) {
      const websocket = new ConnectWebSocket(url)
      // 加入 webscoket map
      this.websocketMap.set(webSocketId, websocket)
      websocket?.registerMessageHandler(this.messageHandler)
      websocket?.initSocket()
    },
    async messageHandler (payload) {
    async messageHandler(payload) {
      if (!payload) {
        return
      }
@@ -891,7 +889,7 @@
        }
      })
    },
    init () {
    init() {
      (this.page = {
        pageSize: 10,
        currentPage: 1,
@@ -900,7 +898,7 @@
        this.onLoad(this.page)
    },
    // 打开权限分享页面
    handleOpenDevicePerShare (row) {
    handleOpenDevicePerShare(row) {
      var that = this
      this.devicePerShareVisible = true
      this.$nextTick(() => {
@@ -908,14 +906,14 @@
      })
    },
    // 打开远程调试
    handleOpenRemoteDebugging (row) {
    handleOpenRemoteDebugging(row) {
      this.curDeviceInfo = row
      this.remoteDebuggingShow = true
      this.operateTitle = row.nickname + ' - ' + row.device_sn
    },

    // 设备注销
    handleDeviceOffline (row) {
    handleDeviceOffline(row) {
      this.cancenOperate = true
      this.cancelSNName = row.nickname
      this.cancenOperateRow = row
@@ -923,21 +921,23 @@

    // 设备
    handleStatus(row) {
      console.log(row, '8888')
      // dem_status
      initAirportTerrainHeight({ dockSn: row.device_sn, centerLon: row.longitude, centerLat: row.latitude,  }).then(res => {
        ElMessage.success('操作成功')
      })
      if (row.dem_status != 0){
      deleteAirportTerrainHeight({ dockSn: row.device_sn }).then(res => {
        ElMessage.success('操作成功')
      })
      if (row.dem_status === 2) {
        deleteAirportTerrainHeight({ dockSn: row.device_sn }).then(res => {
          initAirportTerrainHeight({ dockSn: row.device_sn, centerLon: row.longitude, centerLat: row.latitude, }).then(res => {
            ElMessage.success('操作成功')
            this.init()
          })
        })
      } else {
        initAirportTerrainHeight({ dockSn: row.device_sn, centerLon: row.longitude, centerLat: row.latitude,  }).then(res => {
            ElMessage.success('操作成功')
            this.init()
        })
      }

      this.init()
    },

    cancenOperateDo () {
    cancenOperateDo() {
      this.cancenOperate = false
      this.deleteFlag = false
      deviceOffline(this.cancenOperateRow.device_sn, true).then(res => {
@@ -950,7 +950,7 @@
    },

    // 打开存储对象配置页面
    handleOpenOssSet (row) {
    handleOpenOssSet(row) {
      var that = this
      this.deviceSn = row.device_sn
      this.ossSetBox = true
@@ -966,7 +966,7 @@
      })
    },
    // 打开固件管理页面
    handleOpenFirmwarm (row) {
    handleOpenFirmwarm(row) {
      var that = this
      this.firmwareManageVisible = true
      this.$nextTick(() => {
@@ -974,7 +974,7 @@
      })
    },
    // 设备下线
    dockNotLine (row) {
    dockNotLine(row) {
      let txt = row.hidden_flag === 1 ? '上线' : '下线'
      ElMessageBox.confirm(`确定${txt}该设备吗?`, '提示', {
        confirmButtonText: '确定',
@@ -995,7 +995,7 @@
        .catch(() => { })
    },
    // 版本回退点击事件
    rollFirmware (row) {
    rollFirmware(row) {
      if (row.status == 0) {
        this.$message({
          type: 'warning',
@@ -1044,7 +1044,7 @@
      })
    },
    // 比较版本大小
    compare (version1, version2) {
    compare(version1, version2) {
      let arr1 = version1.split('.')
      let arr2 = version2.split('.')
      let length = Math.max(arr1.length, arr2.length)
@@ -1058,7 +1058,7 @@
      return 0
    },
    // 版本回退
    rollFirmwareConfirm () {
    rollFirmwareConfirm() {
      // 无人机升级/回滚
      if (this.rollFirmVersion == '') {
        this.$message({
@@ -1133,7 +1133,7 @@
      })
    },
    // 升级固件按钮事件
    updateFirmware (row) {
    updateFirmware(row) {
      if (row.status == 0) {
        this.$message({
          type: 'warning',
@@ -1165,7 +1165,7 @@
      })
    },
    // 确定升级固件版本
    updateFirmwareConfirm () {
    updateFirmwareConfirm() {
      var that = this
      var arr = []
      arr.push(that.firmwareInfo)
@@ -1181,13 +1181,13 @@
        done()
      })
    },
    handleOssSetClose () {
    handleOssSetClose() {
      this.ossEnd = ''
      this.deviceSn = ''
      this.bindOssId = null
    },
    // 存储对象配置确定
    ossSetConfirm () {
    ossSetConfirm() {
      var that = this
      // 判断是否已选择
      if (!this.ossEnd) {
@@ -1214,7 +1214,7 @@
      })
    },
    // 取消配置
    cancelOssSetConfirm () {
    cancelOssSetConfirm() {
      var that = this
      // 判断是否已有配置
      if (!this.bindOssId) {
@@ -1234,13 +1234,13 @@
      })
    },
    // 取消按钮 oss
    cancelOssSet () {
    cancelOssSet() {
      this.ossEnd = ''
      this.deviceSn = ''
      this.bindOssId = null
      this.ossSetBox = false
    },
    rowSave (row, done, loading) {
    rowSave(row, done, loading) {
      let areaCode = row.area_code
      if (Array.isArray(areaCode)) {
        areaCode = areaCode[areaCode.length - 1]
@@ -1265,7 +1265,7 @@
        }
      )
    },
    rowUpdate (row, index, done, loading) {
    rowUpdate(row, index, done, loading) {
      const submitData = {
        ...row,
        area_code: row.area_code.split(',').pop(),
@@ -1312,7 +1312,7 @@
        }
      )
    },
    rowDel (row) {
    rowDel(row) {
      this.$confirm('确定将选择数据删除?', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
@@ -1329,24 +1329,24 @@
          })
        })
    },
    searchReset () {
    searchReset() {
      this.query = {}
      this.onLoad(this.page)
    },
    searchChange (params, done) {
    searchChange(params, done) {
      this.query = params
      this.page.currentPage = 1
      this.onLoad(this.page, params)
      done()
    },
    selectionChange (list) {
    selectionChange(list) {
      this.selectionList = list
    },
    selectionClear () {
    selectionClear() {
      this.selectionList = []
      this.$refs.crud.toggleSelection()
    },
    handleDelete () {
    handleDelete() {
      if (this.selectionList.length === 0) {
        this.$message.warning('请选择至少一条数据')
        return
@@ -1368,7 +1368,7 @@
          this.$refs.crud.toggleSelection()
        })
    },
    async getFullAreaCode (areaCode) {
    async getFullAreaCode(areaCode) {
      console.log('getFullAreaCode', areaCode)
      if (!areaCode) return ''

@@ -1387,7 +1387,7 @@
        return `${provinceCode},${cityCode},${code}`
      }
    },
    beforeOpen (done, type) {
    beforeOpen(done, type) {
      if (['edit', 'view'].includes(type)) {
        getDetail(this.form.id).then(async res => {
          const data = res.data.data
@@ -1405,16 +1405,16 @@
        })
      }
    },
    currentChange (currentPage) {
    currentChange(currentPage) {
      this.page.currentPage = currentPage
    },
    sizeChange (pageSize) {
    sizeChange(pageSize) {
      this.page.pageSize = pageSize
    },
    refreshChange () {
    refreshChange() {
      this.onLoad(this.page, this.query)
    },
    onLoad (page, params = {}) {
    onLoad(page, params = {}) {
      // this.closeAllWebsoket();
      const { releaseTimeRange } = this.query
      let values = {
@@ -1449,7 +1449,7 @@
        this.selectionClear()
      })
    },
    treeLoad (tree, treeNode, resolve) {
    treeLoad(tree, treeNode, resolve) {
      // 保存resolve
      this.treeResolveMap.set(tree.child_sn, resolve)
      var params = {
@@ -1481,7 +1481,7 @@
    //     })
    // },
    // 设置无人机操作密码
    setOperatePasswordConfirm () {
    setOperatePasswordConfirm() {
      var that = this
      this.$refs.passwordForm.validate(valid => {
        if (valid) {
@@ -1508,7 +1508,7 @@
      })
    },
    // 操作密码设置
    handleOperatePassword (row) {
    handleOperatePassword(row) {
      this.operatePasswordSetBox = true
      this.passwordForm.id = row.id
    },