update 优化后的示例页面

src/api/device-management/history-data.js

+import request from '@/utils/request'
+// const baseURL = process.env.VUE_APP_BASE_API
+const baseURL = ''
+
+export function getTableData(data) {
+  return request({
+    url: `${baseURL}/cc/linque/getDatasetList`,
+    method: 'post',
+    data
+  })
+}

src/router/modules/equipmentManagement.js

@@ -27,7 +27,7 @@ const router = {
       menuId: 'DeviceInstance',
       path: 'device-instance',
       name: '设备实例',
-      component: () => import('@/views/device-management/device-instance'),
+      component: () => import('@/views/equipment-management/device-instance'),
       meta: { title: '设备实例-迭代', icon: 'equipment-model' }
     }
   ]

src/views/device-management/history-data/index.vue

@@ -4,8 +4,12 @@
       <el-form :model="form" inline>
         <el-form-item label="设备类型:">
           <el-select v-model="form.a" placeholder="请选择">
-            <el-option label="类型一" :value="null" />
-            <el-option label="类型二" :value="1" />
+            <el-option
+              v-for="(deviceType, index) in deviceTypeList"
+              :key="index"
+              :label="deviceType.name"
+              :value="deviceType.id"
+            />
           </el-select>
         </el-form-item>
         <el-form-item label="设备实例:">
@@ -77,12 +81,14 @@
 </template>
 
 <script>
+import { getAllDeviceModel } from '@/api/equipment-management/equipment-instance'
+
 export default {
   name: 'HistoryData',
   data() {
     return {
       form: {
-        a: null,
+        deviceType: null,
         c: []
       },
       activeName: 'first',
@@ -103,8 +109,26 @@ export default {
         pageSize: 10,
         pageNum: 1,
         total: 0
+      },
+      deviceTypeList: []
     }
+  },
+  created() {
+    // 获取所有设备实例
+    getAllDeviceModel()
+      .then(res => {
+        this.deviceTypeList = res.data
+        if (this.deviceTypeList.length) {
+          this.form.deviceType = this.deviceTypeList[0].value
+          // // 获取该设备类型下的设备实例
+          // this.getAllInstanceByDeviceTypeId(this.deviceType)
+          // // 根据设备类型 ID 获取关联数据模型
+          // this.getDataModelByDeviceTypeId(this.deviceType)
         }
+      })
+      .catch(_ => {})
+  },
+  methods: {
   }
 }
 </script>