基本完成前后端代码

src/api/modules/scada.configure.api.js

@@ -16,5 +16,17 @@ export default ({ service, request, serviceForMock, requestForMock, mock, faker,
 
   QUERY_NODE () {
     return request({ url: '?query=nodes' })
+  },
+
+  QUERY_WORKING_SUBCLASSES () {
+    return request({ url: '?query=working_subclasses' })
+  },
+
+  QUERY_CODES (workingSubclass) {
+    return request({ url: '?query=codes&working_subclass=' + workingSubclass })
+  },
+
+  QUERY_NODE_DATA (workingSubclass, code) {
+    return request({ url: '?query=node_data&working_subclass=' + workingSubclass + '&code=' + code })
   }
 })

src/main.js

@@ -10,6 +10,8 @@ import store from '@/store/index'
 import ElementUI from 'element-ui'
 import 'element-ui/lib/theme-chalk/index.css'
 import D2Crud from '@d2-projects/d2-crud'
+// Cheetah-Grid
+import vueCheetahGrid from 'vue-cheetah-grid'
 
 // 菜单和路由设置
 import router from './router'
@@ -20,6 +22,7 @@ import { frameInRoutes } from '@/router/routes'
 Vue.use(d2Admin)
 Vue.use(ElementUI)
 Vue.use(D2Crud)
+Vue.use(vueCheetahGrid)
 
 new Vue({
   router,

src/views/scada/scadaConfigure/index.vue

@@ -105,20 +105,20 @@ export default {
             name: 'el-select',
             options: [
               {
-                value: 'text',
-                label: '字符串'
+                value: 'string',
+                label: 'string (字符串)'
               },
               {
                 value: 'int',
-                label: '整数'
+                label: 'int (整数)'
               },
               {
-                value: 'float8',
-                label: '浮点数'
+                value: 'float',
+                label: 'float (浮点数)'
               },
               {
                 value: 'bool',
-                label: '逻辑值'
+                label: 'bool (逻辑值)'
               }
             ],
             span: 12

src/views/scada/scadaQuery/index.vue

@@ -0,0 +1,115 @@
+<template>
+  <d2-container>
+    <el-form :inline="true" :model="formInline" class="demo-form-inline">
+      <el-form-item label="工序单元">
+        <el-select
+           v-model="formInline.workingSubclass"
+           filterable
+           clearable
+           placeholder="工序单元"
+           @change="getCodesByWorkingSubclass(formInline.workingSubclass)">
+          <el-option
+            v-for="workingSubclass in workingSubclasses"
+            :key="workingSubclass"
+            :value="workingSubclass">
+          </el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="节点编码">
+        <el-select
+          v-model="formInline.code"
+          filterable
+          clearable
+          placeholder="节点编码">
+          <el-option
+            v-for="code in codes"
+            :key="code"
+            :value="code">
+          </el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="getData">查询</el-button>
+      </el-form-item>
+    </el-form>
+    <c-grid
+      :data="data">
+      <c-grid-column
+        field="id"
+        width="5%">
+      序号
+      </c-grid-column>
+      <c-grid-column
+        field="name"
+        width="16.25%">
+      节点名称
+      </c-grid-column>
+      <c-grid-column
+        field="value"
+        width="16.25%"
+        sort="true">
+      值
+      </c-grid-column>
+      <c-grid-column
+        field="device_code"
+        width="16.25%"
+        sort="true">
+      设备
+      </c-grid-column>
+      <c-grid-column
+        field="batch"
+        width="16.25%"
+        sort="true">
+      批次
+      </c-grid-column>
+      <c-grid-column
+        field="capture_time"
+        width="30%"
+        sort="true">
+      采集时间
+      </c-grid-column>
+    </c-grid>
+  </d2-container>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+      formInline: {
+        workingSubclass: '',
+        code: ''
+      },
+      workingSubclasses: [],
+      codes: [],
+      data: []
+    }
+  },
+  methods: {
+    async getworkingSubclasses () {
+      try {
+        this.workingSubclasses = await this.$api.QUERY_WORKING_SUBCLASSES()
+      } catch (e) {
+        console.log(e)
+      }
+    },
+    async getCodesByWorkingSubclass (workingSubclass) {
+      try {
+        this.codes = await this.$api.QUERY_CODES(workingSubclass)
+      } catch (e) {
+        console.log(e)
+      }
+    },
+    async getData () {
+      try {
+        this.data = await this.$api.QUERY_NODE_DATA(this.formInline.workingSubclass, this.formInline.code)
+      } catch (e) {
+        console.log(e)
+      }
+    }
+  },
+  mounted () {
+    this.getworkingSubclasses()
+  }
+}
+</script>