add:新增异常设备查询页面

lms/nladmin-ui/src/views/wms/agvrush/deviceerror/index.vue

@@ -0,0 +1,113 @@
+<template>
+  <div class="app-container">
+    <!--工具栏-->
+    <div class="head-container">
+      <div v-if="crud.props.searchToggle">
+        <!-- 搜索 -->
+        <el-form
+          :inline="true"
+          class="demo-form-inline"
+          label-position="right"
+          label-width="80px"
+          label-suffix=":"
+        >
+          <el-form-item label="设备区域">
+            <el-select
+              v-model="query.region_code"
+              clearable
+              size="mini"
+              placeholder="请选择"
+              class="filter-item"
+              @change="crud.toQuery"
+            >
+              <el-option
+                v-for="item in dict.DEVICE_REGION_TYPE"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+          <rrOperation />
+        </el-form>
+      </div>
+      <!--如果想在工具栏加入更多按钮，可以使用插槽方式， slot = 'left' or 'right'-->
+      <crudOperation :permission="permission" />
+      <!--表格渲染-->
+      <el-table
+        ref="table"
+        v-loading="crud.loading"
+        :data="crud.data"
+        size="mini"
+        style="width: 100%;"
+        @selection-change="crud.selectionChangeHandler"
+      >
+        <el-table-column prop="device_code" label="设备编码" show-overflow-tooltip />
+        <el-table-column prop="device_name" label="设备名称 " show-overflow-tooltip />
+        <el-table-column prop="region_code" label="所属区域 " show-overflow-tooltip />
+        <el-table-column prop="error_code" label="异常编码 " show-overflow-tooltip />
+        <el-table-column prop="error_message" label="故障信息" show-overflow-tooltip />
+      </el-table>
+      <!--分页组件-->
+      <!--      <pagination />-->
+    </div>
+  </div>
+</template>
+
+<script>
+import crudFaultdevice from '@/views/wms/basedata/master/faultdevice/faultdevice'
+import CRUD, { crud, form, header, presenter } from '@crud/crud'
+import rrOperation from '@crud/RR.operation'
+import crudOperation from '@crud/CRUD.operation'
+import udOperation from '@crud/UD.operation'
+import pagination from '@crud/Pagination'
+
+const defaultForm = {
+}
+export default {
+  name: 'Deviceerror',
+  dicts: ['DEVICE_ERROR_TYPE', 'IS_OR_NOT', 'DEVICE_REGION_TYPE', 'product_area'],
+  components: { pagination, crudOperation, rrOperation, udOperation },
+  mixins: [presenter(), header(), form(defaultForm), crud()],
+  cruds() {
+    return CRUD({
+      title: '设备故障监控',
+      url: 'api/faultdevice/getAllerrorDevice',
+      optShow: {
+        add: false,
+        reset: true
+      },
+      idField: 'device_code',
+      sort: 'device_code,desc',
+      crudMethod: { ...crudFaultdevice }
+    })
+  },
+  data() {
+    return {
+      permission: {},
+      tableData: [],
+      rules: {
+      }
+    }
+  },
+  methods: {
+    // 钩子：在获取表格数据之前执行，false 则代表不获取数据
+    [CRUD.HOOK.beforeRefresh]() {
+      return true
+    },
+    formatType1(row) {
+      return this.dict.label.product_area[row.plant_code]
+    },
+    formatType2(row) {
+      return this.dict.label.DEVICE_REGION_TYPE[row.region_code]
+    },
+    formatType3(row) {
+      return this.dict.label.DEVICE_ERROR_TYPE[row.fault_type]
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>