From cb3ebbd61de047be0cb0bdc9c672ea29c930cf1d Mon Sep 17 00:00:00 2001
From: zhuzhuanzhuan
Date: 星期五, 01 三月 2024 15:46:17 +0800
Subject: [PATCH] 超限报警页面增加按照设备类型以及驱动类型查询表格数据

---
 src/views/mdc/base/EquipmentOperationParamsAlarm.vue |   80 ++++++++++++++++++++++++++++++++++++++--
 1 files changed, 76 insertions(+), 4 deletions(-)

diff --git a/src/views/mdc/base/EquipmentOperationParamsAlarm.vue b/src/views/mdc/base/EquipmentOperationParamsAlarm.vue
index 8c4c192..2742373 100644
--- a/src/views/mdc/base/EquipmentOperationParamsAlarm.vue
+++ b/src/views/mdc/base/EquipmentOperationParamsAlarm.vue
@@ -4,13 +4,35 @@
     <div class="table-page-search-wrapper">
       <a-form layout="inline" @keyup.enter.native="searchQuery">
         <a-row :gutter="24">
-          <a-col :md="6" :sm="12">
+          <a-col :md="6" :sm="6">
             <a-form-item label="璁惧缂栧彿">
-              <j-input placeholder="璇疯緭鍏ヨ澶囩紪鍙�" v-model="queryParam.equipmentId"></j-input>
+              <a-input placeholder="璇疯緭鍏ヨ澶囩紪鍙�" v-model="queryParam.equipmentId"></a-input>
             </a-form-item>
           </a-col>
 
-          <a-col :md="6" :sm="8">
+          <a-col :md="6" :sm="6">
+            <a-form-item label="璁惧绫诲瀷">
+              <a-select placeholder="璇烽�夋嫨璁惧绫诲瀷" :triggerChange="true" v-model="queryParam.equipmentType"
+                        :allowClear="true">
+                <a-select-option v-for='item in selectList' :key='item.id' :value='item.equipmentTypeName'>
+                  {{item.equipmentTypeName}}
+                </a-select-option>
+              </a-select>
+            </a-form-item>
+          </a-col>
+
+          <a-col :md="6" :sm="6">
+            <a-form-item label="椹卞姩绫诲瀷">
+              <a-auto-complete
+                v-model="queryParam.driveType"
+                :data-source="driveTypeList"
+                placeholder="璇烽�夋嫨椹卞姩绫诲瀷"
+                :filter-option="filterOption"
+              />
+            </a-form-item>
+          </a-col>
+
+          <a-col :md="6" :sm="6">
             <a-button type="primary" @click="searchQuery" icon="search">鏌ヨ</a-button>
             <a-button type="primary" @click="searchReset" icon="reload" style="margin-left: 8px">閲嶇疆</a-button>
           </a-col>
@@ -35,15 +57,23 @@
 
 <script>
   import { JeecgListMixin } from '@/mixins/JeecgListMixin'
+  import api from '@/api/mdc'
+  import { putAction, getAction } from '@/api/manage'
 
   export default {
     name: 'EquipmentOperationParamsAlarm',
     mixins: [JeecgListMixin],
+    created(){
+      this.getDriveTypeByApi()
+      this.queryGroup()
+    },
     data() {
       return {
         name: 'EquipmentOperationParamsAlarm',
         description: '杩欐槸璁惧杩愯鍙傛暟鎶ヨ椤甸潰',
         queryParam: {},
+        driveTypeList:[],
+        selectList: [],
         columns: [
           {
             title: '#',
@@ -93,7 +123,8 @@
           }
         ],
         url: {
-          list: '/mdc/mdcOverrunAlarm/list'
+          list: '/mdc/mdcOverrunAlarm/list',
+          queryEquipmentType: '/mdc/mdcEquipmentType/queryEquipmentType'
         },
         ipagination:{
           current: 1,
@@ -112,6 +143,47 @@
           order: 'desc'
         }
       }
+    },
+    methods:{
+      /**
+       * 璋冪敤鎺ュ彛鑾峰彇鎺у埗绯荤粺绫诲瀷
+       */
+      getDriveTypeByApi(){
+        api.getDriveTypeApi().then((res)=>{
+          this.driveTypeList=res.result.map(item=>item.value)
+        })
+      },
+
+      /**
+       * 鑱旀兂杈撳叆妗嗙瓫閫夊姛鑳�
+       * @param input 杈撳叆鐨勫唴瀹�
+       * @param option 閰嶇疆
+       * @returns {boolean} 鍒ゆ柇鏄惁绛涢��
+       */
+      filterOption(input, option) {
+        return (
+          option.componentOptions.children[0].text.toUpperCase().indexOf(input.toUpperCase()) >= 0
+        );
+      },
+
+      queryGroup() {
+        getAction(this.url.queryEquipmentType).then(res => {
+          if (res.success) {
+            this.selectList = res.result
+            // this.selectList = res.result.map((item, index, arr) => {
+            //   return { label: item.id, value: item.equipmentTypeName + '' }
+            // })
+          } else {
+            // this.$message.warning(res.message)
+            this.$notification.warning({
+              message: '娑堟伅',
+              description: res.message
+            })
+          }
+        }).finally(() => {
+          this.loading = false
+        })
+      },
     }
   }
 </script>

--
Gitblit v1.9.3