src/views/model/pre/item/index.vue

@@ -27,6 +27,19 @@
          class="!w-240px"
        />
      </el-form-item>
      <el-form-item label="类型" prop="itemtypeid">
        <el-select
          v-model="queryParams.itemtypeid"
          placeholder="请选择"
          clearable
          class="!w-240px">
          <el-option
            v-for="item in itemTypeList"
            :key="item.id"
            :label="item.itemtypename"
            :value="item.id"/>
        </el-select>
      </el-form-item>
      <el-form-item label="管网名称" prop="modulename">
        <el-input
          v-model="queryParams.modulename"
@@ -84,7 +97,7 @@
      <el-table-column label="运行时间" min-width="150" align="center" prop="lastTime"/>
      <el-table-column label="运行状态" align="center" prop="runStatus">
        <template #default="scope">
          <dict-tag :type="DICT_TYPE.ITEM_RUN_STATUS" :value="scope.row.runStatus" />
          <dict-tag :type="DICT_TYPE.ITEM_RUN_STATUS" :value="scope.row.runStatus || 200" />
        </template>
      </el-table-column>
      <el-table-column label="运行耗时(ms)" align="center" prop="duration"/>
@@ -93,17 +106,15 @@
          <el-button
            link
            type="primary"
            size="mini"
            @click="openForm('update', scope.row.id, scope.row.itemtypename)"
            v-hasPermi="['model:pre-item:update']"
          >
            编辑
          </el-button>
          <el-button link size="mini" type="primary" @click="chartHandle(scope.row)">数据</el-button>
          <el-button link type="primary" @click="chartHandle(scope.row)">数据</el-button>
          <el-button
            link
            type="danger"
            size="mini"
            @click="handleDelete(scope.row.id)"
            v-hasPermi="['model:pre-item:delete']"
          >
@@ -131,6 +142,7 @@
<script lang="ts" setup>
import MmPredictItemForm from './MmPredictItemForm.vue'
import MmPredictItemChart from './MmPredictItemChart.vue'
import * as MmItemType from '@/api/model/pre/type'
import * as MmPredictItem from '@/api/model/pre/item'
import {DICT_TYPE} from "@/utils/dict";

@@ -139,6 +151,7 @@
const message = useMessage() // 消息弹窗
const {t} = useI18n() // 国际化

const itemTypeList = ref([])
const loading = ref(true) // 列表的加载中
const total = ref(0) // 列表的总页数
const list = ref([]) // 列表的数据
@@ -147,6 +160,7 @@
  pageSize: 10,
  itemno: undefined,
  itemname: undefined,
  itemtypeid: undefined,
  modulename: undefined,
})
const isList = ref([
@@ -214,5 +228,7 @@
/** 初始化 **/
onMounted(async () => {
  await getList()
  // 获取预测项类型列表
  itemTypeList.value = await MmItemType.getItemTypeList()
})
</script>