1.升级了element-plus版本 2.对外支持模块新设备匹配工地功能完成 3.新增设备匹配模块单挑匹配记录编辑功能（未完成）

riku

2024-09-26 512d5d7e79e0a64b36e24cbe5d7c5f8d0adc0b94

 src/views/fysp/config/DeviceMatch.vue

@@ -1,5 +1,5 @@
<template>
  <FYTable @search="onSearch" :pagination="true" ref="tableRef">
  <FYTable @search="onSearch" :pagination="false" ref="tableRef" size="small">
    <template #options>
      <!-- 区县 -->
      <FYOptionLocation
@@ -24,11 +24,48 @@
      </el-form>
    </template>

    <template #table-column> 
      <el-table-column prop="sceneName" :show-overflow-tooltip="true" label="名称">
    <!-- <template #options-expand2>
      <CompDeviceMatchEdit :area="area"></CompDeviceMatchEdit>
    </template> -->

    <template #table-column>
      <el-table-column fixed="left" type="index" label="#" width="40" index="1"></el-table-column>
      <el-table-column
        prop="deviceCode"
        :show-overflow-tooltip="true"
        label="监测设备编号"
        width="160"
      >
      </el-table-column>
      <el-table-column prop="deviceName" :show-overflow-tooltip="true" label="监测设备名称">
      </el-table-column>
      <el-table-column prop="svUserName" :show-overflow-tooltip="true" label="监管用户名称">
      </el-table-column>
      <el-table-column prop="tzUserName" :show-overflow-tooltip="true" label="守法自助用户名称">
      </el-table-column>
      <el-table-column
        prop="createTime"
        :show-overflow-tooltip="true"
        label="创建时间"
        :formatter="timeFormat"
      >
      </el-table-column>
      <el-table-column fixed="right" label="操作" width="100">
        <template #default="{ row }">
          <el-button type="primary" size="small" @click="itemEdit(row)">编辑</el-button>
        </template>
      </el-table-column>
    </template>
  </FYTable>
  <el-drawer
    v-model="drawerShow"
    title="设备匹配记录编辑"
    direction="btt"
    size="80%"
    destroy-on-close
  >
    <CompDeviceMatchEdit :data="selectedItem" :area="area"></CompDeviceMatchEdit>
  </el-drawer>
</template>
<script setup>
/**
@@ -37,10 +74,13 @@
import dayjs from 'dayjs';
import { ref, reactive, computed, getCurrentInstance } from 'vue';
import userMapApi from '@/api/fysp/userMapApi';
import CompQuickSet from '@/views/fysp/evaluation/components/CompQuickSet.vue';

import CompDeviceMatchEdit from '@/views/fysp/config/device/CompDeviceMatchEdit.vue';

// fixme 2024.9.26 后续可以用vueuse中的时间格式化方法来代替
const { $fm } = getCurrentInstance().appContext.config.globalProperties;

/******** 匹配记录查询 ********/
const tableRef = ref();
const formSearch = reactive({
  locations: {},
@@ -78,4 +118,21 @@
  // formSearch.sourceType = param.sourceType;
  tableRef.value.onSearch();
}

function timeFormat(row) {
  const time = row.createTime;
  if (time) {
    return $fm.formatYMDH(time);
  } else {
    return '';
  }
}

/******** 匹配记录编辑 ********/
const drawerShow = ref(false);
const selectedItem = ref(null);
function itemEdit(row) {
  selectedItem.value = row;
  drawerShow.value = true;
}
</script>