feat:事件工单滚动条

张含笑

2025-08-05 c832bf2e80ac465e71b7a1c1f7a59d4252030989

 src/views/device/airport.vue

@@ -62,6 +62,10 @@
          v-if="permission.rang_con && scope.row.domain == 3"
          @click.stop="handleOpenRemoteDebugging(scope.row, scope.index)">远程调试
        </el-button>

        <el-button type="primary" text icon="el-icon-setting" v-if="permission.fly_device_offline"
          @click.stop="handleDeviceOffline(scope.row)">设备下线
        </el-button>
      </template>
      <!-- 添加行政区划显示模板 -->
      <template #area_code="{ row }">
@@ -128,6 +132,8 @@
</template>

<script>
import { ElMessage, ElMessageBox } from 'element-plus'

import {
  getList,
  remove,
@@ -138,6 +144,7 @@
  ota,
  getDeviceFirmwareList,
  getDevices,
  deviceOffline
} from '@/api/device/device'
import { deleteByOssId, addOrUpdate as addOrUpdateOssBind } from '@/api/device/ossBind'
import { getListPage as getOssList } from '@/api/resource/oss'
@@ -383,18 +390,6 @@
                trigger: 'change',
              },
            ],
            change: ({ value }) => {
              if (!value) {
                this.form.area_code = null
              } else {
                if (typeof value === 'string' && value.includes(',')) {
                  const codes = value.split(',')
                  this.form.area_code = codes[codes.length - 1]
                } else {
                  this.form.area_code = value
                }
              }
            },
            lazy: true,
            lazyLoad (node, resolve) {
              let level = node.level
@@ -435,7 +430,7 @@
            label: '保险有效期',
            prop: 'duration_of_insurance',
            labelWidth: 130,
            type: "daterange",
            type: 'daterange',
            format: 'YYYY-MM-DD',
            valueFormat: 'YYYY-MM-DD HH:mm:ss',
            startPlaceholder: '保险开始日期',
@@ -470,12 +465,23 @@
          },
          {
            label: '在线状态',
            prop: 'cnstatus',
            hide: true,
            addDisplay: false,
            editDisplay: false,
            viewDisplay: true,
            labelWidth: 130,
          },
          {
            label: '在线状态',
            prop: 'status',
            addDisplay: false,
            editDisplay: false,
            viewDisplay: false,
            labelWidth: 130,
            slot: true,
            width: 100,

            rules: [
              {
                required: true,
@@ -486,12 +492,24 @@
          },
          {
            label: '机场状态',
            prop: 'mode_code',
            prop: 'cnmode_code',
            hide: true,
            addDisplay: false,
            editDisplay: false,
            viewDisplay: true,
            labelWidth: 130,
          },
          {
            label: '机场状态',
            prop: 'mode_code',

            addDisplay: false,
            editDisplay: false,
            viewDisplay: false,
            labelWidth: 130,
            slot: true,
            width: 100,

            rules: [
              {
                required: true,
@@ -623,6 +641,28 @@
      this.remoteDebuggingShow = true
      this.operateTitle = row.nickname + ' - ' + row.device_sn
    },

    // 设备下线
    handleDeviceOffline (row) {
      ElMessageBox.confirm('确定下线该设备吗?', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning',
      })
        .then(() => {
          deviceOffline(row.device_sn)
            .then(res => {
              ElMessage.success('下线成功')

              this.init()
            })
            .catch(error => {
              ElMessage.error('下线失败')
            })
        })
        .catch(() => { })
    },

    // 打开存储对象配置页面
    handleOpenOssSet (row) {
      var that = this
@@ -999,7 +1039,7 @@
          this.$refs.crud.toggleSelection()
        })
    },
    getFullAreaCode (areaCode) {
    async getFullAreaCode (areaCode) {
      if (!areaCode) return ''

      const code = areaCode.toString()
@@ -1019,15 +1059,17 @@
    },
    beforeOpen (done, type) {
      if (['edit', 'view'].includes(type)) {
        getDetail(this.form.id).then(res => {
        getDetail(this.form.id).then(async res => {
          const data = res.data.data

          this.form = {
            ...data,
            area_code: this.getFullAreaCode(data.area_code),
            area_code: await this.getFullAreaCode(data.area_code),
            area_name: this.form.area_name,
            duration_of_insurance: [data?.insure_start_time || '', data?.insure_expired_time || '']
            cnmode_code: this.getDockModeText(this.form.mode_code),
            cnstatus: this.form.status === false ? '离线' : '在线',
            duration_of_insurance: [data?.insure_start_time || '', data?.insure_expired_time || ''],
          }
          console.log('this.form', this.form)

          done()
        })