From f7aa5375d0ce6437e6ed160b28e6ea06ea50e697 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=80=98937886381=E2=80=99?= <‘937886381@qq.com’>
Date: Thu, 21 Mar 2024 16:34:34 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env.dev                                      |   4 +-
 .../OperationalOverview/processingBoard.vue   | 130 ++++++++++--------
 .../base/qualityHotMaterial/add-or-updata.vue |  53 +++----
 .../quality/base/qualityHotMaterial/index.vue |   1 +
 src/views/quality/base/qualityIsra/index.vue  |  32 +++--
 .../quality/base/qualityScrapDet/index.vue    |   2 +
 .../quality/base/qualityScrapLog/index.vue    |   2 +
 .../monitoring/deviceParameters/index.vue     |  39 +++---
 .../equipmentTraceability/index.vue           | 125 +++++++----------
 .../monitoring/materielDateFrom/index.vue     |   9 +-
 .../monitoring/originalGlassRetrace/index.vue |  12 +-
 .../monitoring/statisticalData/index.vue      |   6 +-
 12 files changed, 220 insertions(+), 195 deletions(-)

diff --git a/.env.dev b/.env.dev
index 34598f0d..2f3ffe42 100644
--- a/.env.dev
+++ b/.env.dev
@@ -1,7 +1,7 @@
 ###
  # @Author: Do not edit
  # @Date: 2023-08-29 09:40:39
- # @LastEditTime: 2024-03-13 14:57:16
+ # @LastEditTime: 2024-03-21 14:45:52
  # @LastEditors: zhp
  # @Description:
 ###
@@ -25,7 +25,7 @@ VUE_APP_BASE_API = 'http://192.168.0.33:48082'
 # VUE_APP_BASE_API = 'http://192.168.1.78:48082'
 # VUE_APP_BASE_API = 'http://192.168.1.47:48082'
 # socket地址
-VUE_APP_Socket_API = 'ws://192.168.0.30:8888'
+VUE_APP_Socket_API = 'ws://192.168.0.33:48082'
 VUE_APP_Socket_Dcs_API = 'ws://10.70.180.10:8081'
 
 # 积木报表指向地址
diff --git a/src/views/OperationalOverview/processingBoard.vue b/src/views/OperationalOverview/processingBoard.vue
index d2f23723..dcf702b4 100644
--- a/src/views/OperationalOverview/processingBoard.vue
+++ b/src/views/OperationalOverview/processingBoard.vue
@@ -2,7 +2,7 @@
  * @Author: zwq
  * @Date: 2021-07-19 15:18:30
  * @LastEditors: zhp
- * @LastEditTime: 2024-03-12 09:34:06
+ * @LastEditTime: 2024-03-21 16:07:39
  * @Description:
 -->
 <template>
@@ -633,7 +633,7 @@ export default {
     this.eqConfig.data = eqArr
     this.$refs['eqScrollBoard'].updateRows(eqArr)
     this.$refs.productLineChart.initChart(['D61', 'D62', 'D63', 'D64', 'D65',], [98, 97, 98.7, 98.5, 98.3,], [3134, 2323, 3232, 3233, 2321])
-    this.getList()
+    // this.getList()
     this.initWebSocket()
     this.SJGInitWebSocket()
     this.getTimes()
@@ -671,52 +671,52 @@ export default {
   //   removeEventListener('resize', resizeFun)
   // },
   methods: {
-    getList() {
-      this.$axios.get(
-        'base/core-production-line/listAll',
-        'get',
-        this.queryParams
-      ).then((res) => {
-        // console.log('11111', res);
-        this.productLineList = res.data
-      })
-      this.$axios.get(
-        'base/quality-inspection-record/dayStatistics',
-        'get',
-      ).then((res) => {
-        // console.log('11111', res);
-        let processArr = qualityMonthList.map((item, index) => [
-          // console.log(item)
-          `<span style="color:rgba(255,255,255,0.5)" >${index + 1 || ''}
-            </span>`,
-          // formatDate(item.planStartTime) || '',
-          `
-          <span style="color:rgba(255,255,255,0.5)" >${item.productionLineName || ''}
-            </span>`,
-          `<span style="color:rgba(255,255,255,0.5)">${item.sectionName || ''}</span>`,
-          `<span style="color:rgba(255,255,255,0.5)">${item.count || ''}</span>`,
-          `<span style="color:rgba(255,255,255,0.5)">${item.inspectionTypeName || ''}</span>`,
-        ])
-        this.processConfig.data = processArr
-        this.$refs['processScrollBoard'].updateRows(processArr)
-        // if (res.data.length !==0) {
-        //   let processArr = res.data.map((item, index) => [
-        //     // console.log(item)
-        //     `<span style="color:rgba(255,255,255,0.5)" >${index + 1 || ''}
-        //     </span>`,
-        //     // formatDate(item.planStartTime) || '',
-        //     `
-        //   <span style="color:rgba(255,255,255,0.5)" >${item.productionLineName || ''}
-        //     </span>`,
-        //     `<span style="color:rgba(255,255,255,0.5)">${item.sectionName || ''}</span>`,
-        //     `<span style="color:rgba(255,255,255,0.5)">${item.count || ''}</span>`,
-        //     `<span style="color:rgba(255,255,255,0.5)">${item.inspectionTypeName || ''}</span>`,
-        //   ])
-        //   this.processConfig.data = processArr
-        //   this.$refs['processScrollBoard'].updateRows(processArr)
-        // }
-      })
-    },
+    // getList() {
+    //   // this.$axios.get(
+    //   //   'base/core-production-line/listAll',
+    //   //   'get',
+    //   //   this.queryParams
+    //   // ).then((res) => {
+    //   //   // console.log('11111', res);
+    //   //   this.productLineList = res.data
+    //   // })
+    //   this.$axios.get(
+    //     'base/quality-inspection-record/dayStatistics',
+    //     'get',
+    //   ).then((res) => {
+    //     // console.log('11111', res);
+    //     let processArr = qualityMonthList.map((item, index) => [
+    //       // console.log(item)
+    //       `<span style="color:rgba(255,255,255,0.5)" >${index + 1 || ''}
+    //         </span>`,
+    //       // formatDate(item.planStartTime) || '',
+    //       `
+    //       <span style="color:rgba(255,255,255,0.5)" >${item.productionLineName || ''}
+    //         </span>`,
+    //       `<span style="color:rgba(255,255,255,0.5)">${item.sectionName || ''}</span>`,
+    //       `<span style="color:rgba(255,255,255,0.5)">${item.count || ''}</span>`,
+    //       `<span style="color:rgba(255,255,255,0.5)">${item.inspectionTypeName || ''}</span>`,
+    //     ])
+    //     this.processConfig.data = processArr
+    //     this.$refs['processScrollBoard'].updateRows(processArr)
+    //     // if (res.data.length !==0) {
+    //     //   let processArr = res.data.map((item, index) => [
+    //     //     // console.log(item)
+    //     //     `<span style="color:rgba(255,255,255,0.5)" >${index + 1 || ''}
+    //     //     </span>`,
+    //     //     // formatDate(item.planStartTime) || '',
+    //     //     `
+    //     //   <span style="color:rgba(255,255,255,0.5)" >${item.productionLineName || ''}
+    //     //     </span>`,
+    //     //     `<span style="color:rgba(255,255,255,0.5)">${item.sectionName || ''}</span>`,
+    //     //     `<span style="color:rgba(255,255,255,0.5)">${item.count || ''}</span>`,
+    //     //     `<span style="color:rgba(255,255,255,0.5)">${item.inspectionTypeName || ''}</span>`,
+    //     //   ])
+    //     //   this.processConfig.data = processArr
+    //     //   this.$refs['processScrollBoard'].updateRows(processArr)
+    //     // }
+    //   })
+    // },
     getTimes() {
       setInterval(this.getTimesInterval, 1000);
     },
@@ -837,24 +837,25 @@ export default {
         this.$refs['eqScrollBoard'].updateRows(eqArr)
         // console.log(SJGWsData.orderList)
       } else if (this.SJGWsData.type === 'productline') {
+        console.log('aaaaaaaaaaaaaaaaaaa', this.SJGWsData);
         // console.log(this.wsData.detData);
         let nameList = []
         let passRateList = []
         let outputNumList = []
 
         // console.log('2222222222', this.productLineList);
-        this.productLineList.forEach((item) => {
+        // this.productLineList.forEach((item) => {
           this.SJGWsData.detData.forEach((ele) => {
-            if (item.id == ele.productionLineId) {
-              if (item.name.substr(0, 1) == "D") {
-                console.log(ele)
-                nameList.push(item.name)
+            // if (item.id == ele.productionLineId) {
+              // if (item.name.substr(0, 1) == "D") {
+                // console.log(ele)
+                nameList.push(ele.lineName)
                 outputNumList.push(ele.outputNum)
                 passRateList.push(ele.passRate)
-              }
-            }
+              // }
+            // }
           })
-        })
+        // })
         // progressRateList = EnergyNameList
         // let EnergyDataList = []
         // this.SJGWsData.detData.forEach((ele) => {
@@ -864,7 +865,22 @@ export default {
         // console.log(this.EnergyMonitoringNameList)
         // console.log(this.EnergyMonitoringList)
         // this.$nextTick(() => {
-        this.$refs.productLineChart.initChart(Array.from(new Set(nameList)), passRateList, outputNumList)
+        this.$refs.productLineChart.initChart(nameList, passRateList, outputNumList)
+      } else if (this.SJGInitWebSocket === 'inspection') {
+        let processArr = qualityMonthList.map((item, index) => [
+          // console.log(item)
+          `<span style="color:rgba(255,255,255,0.5)" >${index + 1 || ''}
+            </span>`,
+          // formatDate(item.planStartTime) || '',
+          `
+          <span style="color:rgba(255,255,255,0.5)" >${item.productionLineName || ''}
+            </span>`,
+          `<span style="color:rgba(255,255,255,0.5)">${item.sectionName || ''}</span>`,
+          `<span style="color:rgba(255,255,255,0.5)">${item.count || ''}</span>`,
+          `<span style="color:rgba(255,255,255,0.5)">${item.inspectionTypeName || ''}</span>`,
+        ])
+        this.processConfig.data = processArr
+        this.$refs['processScrollBoard'].updateRows(processArr)
       }
     },
     // 数据发送
diff --git a/src/views/quality/base/qualityHotMaterial/add-or-updata.vue b/src/views/quality/base/qualityHotMaterial/add-or-updata.vue
index 409713a8..c7a415cc 100644
--- a/src/views/quality/base/qualityHotMaterial/add-or-updata.vue
+++ b/src/views/quality/base/qualityHotMaterial/add-or-updata.vue
@@ -1,12 +1,12 @@
 <!--
  * @Author: zhp
  * @Date: 2023-12-08 13:46:17
- * @LastEditTime: 2024-03-15 14:54:38
+ * @LastEditTime: 2024-03-21 10:40:52
  * @LastEditors: zhp
  * @Description:
 -->
 <template>
-  <el-drawer :visible.sync="visible" :show-close="true" :wrapper-closable="false" class="drawer" size="50%">
+  <el-drawer :visible.sync="visible" :show-close="true" :wrapper-closable="true" class="drawer" size="50%">
     <small-title slot="title" :no-padding="true" @close="handleClose">
       {{ isdetail ? '详情' : !dataForm.id ? '新增' : '编辑' }}
     </small-title>
@@ -114,7 +114,7 @@
           </el-col>
           <el-col :span="8">
             <el-form-item label="原料等级" prop="materialGrade">
-              <el-select :disabled="isdetail" v-model="dataForm.materialGrade" placeholder="请选择" style="width: 100%;">
+              <el-select :disabled="isdetail" v-model="dataForm.materialGrade" placeholder="请选择">
                 <el-option v-for="item in gradeList" :key="item.value" :label="item.label" :value="item.value">
                 </el-option>
               </el-select>
@@ -122,14 +122,14 @@
           </el-col>
         </el-row>
         <el-form-item label="备注" prop="remark">
-          <el-input :disabled="isdetail" v-model="dataForm.remark" placeholder="请填写备注" style="width: 100%;">
+          <el-input @input="onInput" :disabled="isdetail" v-model="dataForm.remark" placeholder="请填写备注">
           </el-input>
         </el-form-item>
       </el-form>
 
       <!-- </div> -->
-      <div class="attr-list" v-if="idAttrShow">
-        <!-- <small-title style="margin: 16px 0; padding-left: 8px" :no-padding="true">
+      <!-- <div class="attr-list" v-if="idAttrShow"> -->
+      <!-- <small-title style="margin: 16px 0; padding-left: 8px" :no-padding="true">
           设备物料明细
         </small-title>
 
@@ -147,9 +147,9 @@
         </base-table>
         <pagination v-show="listQuery.total > 0" :total="listQuery.total" :page.sync="listQuery.pageNo"
           :limit.sync="listQuery.pageSize" :page-sizes="[5, 10, 15]" @pagination="getList" /> -->
-      </div>
+      <!-- </div> -->
     </div>
-    <div class="drawer-body__footer">
+    <div v-if="!isdetail" class="drawer-body__footer">
       <el-button style="" @click="goback()">取消</el-button>
       <el-button type="primary" @click="dataFormSubmit()">确定</el-button>
     </div>
@@ -237,7 +237,7 @@ export default {
         checkValueList: [],
         checkResult: '',
         materialGrade: undefined,
-        remark:null,
+        remark:undefined,
 			},
 			productAttrList: [],
 			visible: false,
@@ -257,6 +257,9 @@ export default {
   mounted() {
   },
   methods: {
+    onInput() {
+      this.$forceUpdate();
+    },
     judgeValue(val, minValue, maxValue, index) {
       if (val >= minValue && val <= maxValue) {
         console.log(val)
@@ -268,7 +271,7 @@ export default {
       }
     },
     handleClose() {
-      this.ingredientList = undefined
+      this.ingredientList = []
       console.log(222222222);
     },
     dataFormSubmit() {
@@ -454,17 +457,17 @@ export default {
 		// 	});
 		// },
 		init(id, isdetail) {
-      this.initData()
+      // this.initData()
       this.getDict()
       this.ingredientList = []
 			this.isdetail = isdetail || false;
 			this.dataForm.id = id || undefined;
 			this.visible = true;
-			if (id) {
-				this.idAttrShow = true
-			} else {
-				this.idAttrShow = false
-			}
+			// if (id) {
+			// 	this.idAttrShow = true
+			// } else {
+			// 	this.idAttrShow = false
+			// }
 
 			this.$nextTick(() => {
 				this.$refs['dataForm'].resetFields();
@@ -537,9 +540,9 @@ export default {
 					// 获取产品属性列表
 					// this.getList();
 				} else {
-					if (this.urlOptions.isGetCode) {
-            this.getCode()
-          }
+					// if (this.urlOptions.isGetCode) {
+          //   this.getCode()
+          // }
 				}
 			});
 		},
@@ -553,12 +556,12 @@ export default {
 			this.isdetail = false;
 		},
 		// 新增 / 修改
-		addNew(id) {
-			this.addOrUpdateVisible = true;
-			this.$nextTick(() => {
-				this.$refs.addOrUpdate.init(id,this.dataForm.id);
-			});
-		}
+		// addNew(id) {
+		// 	this.addOrUpdateVisible = true;
+		// 	this.$nextTick(() => {
+		// 		this.$refs.addOrUpdate.init(id,this.dataForm.id);
+		// 	});
+		// }
 	}
 };
 </script>
diff --git a/src/views/quality/base/qualityHotMaterial/index.vue b/src/views/quality/base/qualityHotMaterial/index.vue
index 73cc5df8..a55a8577 100644
--- a/src/views/quality/base/qualityHotMaterial/index.vue
+++ b/src/views/quality/base/qualityHotMaterial/index.vue
@@ -118,6 +118,7 @@ export default {
           labelField: 'name',
           valueField: 'id',
           param: 'materialId',
+          filterable: true
         },
         {
           type: 'datePicker',
diff --git a/src/views/quality/base/qualityIsra/index.vue b/src/views/quality/base/qualityIsra/index.vue
index 5abee7d4..df021858 100644
--- a/src/views/quality/base/qualityIsra/index.vue
+++ b/src/views/quality/base/qualityIsra/index.vue
@@ -32,7 +32,7 @@
             <!-- </span> -->
             <el-tabs style="margin-top: 10px;" v-model="activeName" type="card" @tab-click="handleClick">
               <el-tab-pane label="天" name="day">
-                <div id="mapDayMain" style="height: 500px;width: 1000px;"></div>
+                <div id="mapDayMain" style="margin-bottom: 30px;height: 500px;width: 1000px;"></div>
                 <div id="listDayMain" style="height: 500px;width: 1000px;"></div>
               </el-tab-pane>
               <el-tab-pane label="周" name="week">
@@ -232,18 +232,23 @@ export default {
         var option;
         option = {
           title: {
-            text: '各类型缺陷对比图'
+            text: '各类型缺陷对比图',
+            // top:'5px'
           },
           tooltip: {
             trigger: 'axis'
           },
           legend: {
-            data: mapLegendData
+            data: mapLegendData,
+            top: "10%",
+            y: 'top',
+            x:'left'
           },
           grid: {
             left: '3%',
             right: '4%',
             bottom: '3%',
+            top:'20%',
             containLabel: true
           },
           // toolbox: {
@@ -299,7 +304,7 @@ export default {
             trigger: 'axis'
           },
           legend: {
-            data: ['缺陷数量', '缺陷率']
+            data: ['缺陷数量', '缺陷率'],
           },
           grid: {
             left: '3%',
@@ -345,15 +350,15 @@ export default {
               type: 'bar',
               barWidth: '3%',
               data: listNumArr,
-              label: {
-                show: true, //开启显示
-                position: 'top', //在上方显示
-                // formatter: '{c}%',//显示百分号
-                textStyle: { //数值样式
-                  color: 'black',//字体颜色
-                  fontSize: 20//字体大小
-                }
-              }
+              // label: {
+              //   show: true, //开启显示
+              //   position: 'top', //在上方显示
+              //   // formatter: '{c}%',//显示百分号
+              //   textStyle: { //数值样式
+              //     color: 'black',//字体颜色
+              //     fontSize: 12//字体大小
+              //   }
+              // }
             },
             {
               name: '缺陷率',
@@ -464,6 +469,7 @@ export default {
         this.queryParams.endTime = val.checkTime ? val.checkTime[1] : undefined
 
         this.getList()
+        this.getData()
       }
      console.log(val);
     }
diff --git a/src/views/quality/base/qualityScrapDet/index.vue b/src/views/quality/base/qualityScrapDet/index.vue
index 0444b0b2..d4113692 100644
--- a/src/views/quality/base/qualityScrapDet/index.vue
+++ b/src/views/quality/base/qualityScrapDet/index.vue
@@ -101,6 +101,7 @@ export default {
           label: '报废原因',
           placeholder: '报废原因',
           param: 'content',
+          // filterable: true
         },
         {
           type: 'select',
@@ -109,6 +110,7 @@ export default {
           labelField: 'name',
           valueField: 'id',
           param: 'typeId',
+          filterable: true
         },
 				{
 					type: 'button',
diff --git a/src/views/quality/base/qualityScrapLog/index.vue b/src/views/quality/base/qualityScrapLog/index.vue
index d5b6daf7..d495246c 100644
--- a/src/views/quality/base/qualityScrapLog/index.vue
+++ b/src/views/quality/base/qualityScrapLog/index.vue
@@ -107,6 +107,7 @@ export default {
           labelField: 'name',
           valueField: 'id',
           param: 'workOrderId',
+          filterable: true
         },
         {
           type: 'select',
@@ -115,6 +116,7 @@ export default {
           labelField: 'name',
           valueField: 'id',
           param: 'teamId',
+          filterable: true
         },
 				{
 					type: 'button',
diff --git a/src/views/quality/monitoring/deviceParameters/index.vue b/src/views/quality/monitoring/deviceParameters/index.vue
index 1146b523..2570360a 100644
--- a/src/views/quality/monitoring/deviceParameters/index.vue
+++ b/src/views/quality/monitoring/deviceParameters/index.vue
@@ -17,10 +17,10 @@
         @mouseleave="factoryListOpen = false">
         {{ currentFactory?.label || '点我选择设备' }}
         <div class="factory-list__wrapper" :class="{ open: factoryListOpen }">
-          <ul class="factory-list" v-if="sidebarContent.length" @click.prevent="factoryChangeHandler">
-            <li v-for="fc in sidebarContent" :key="fc.id" :data-value="fc.id" class="factory-list__item"
+          <ul class="factory-list" v-if="sidebarContent.length" @click.capture="factoryChangeHandler">
+            <li v-for="fc in sidebarContent" :key="fc.id" class="factory-list__item"
               :class="{ 'is-current': fc.id == currentFactory?.id }">
-              <span>
+              <span :data-value="fc.id">
                 {{ fc.label }}
               </span>
               <svg-icon v-if="fc.id == currentFactory?.id" icon-class="Confirm" style="height: 14px; width: 14px" />
@@ -95,12 +95,12 @@ export default {
       factoryListOpen: false,
       currentFactory: null,
       factoryList: [
-        { name: '1', value: 1 },
-        { name: '2', value: 2 },
-        { name: '3', value: 3 },
-        { name: '4', value: 4 },
-        { name: '5', value: 5 },
-        { name: '6', value: 6 },
+        // { name: '1', value: 1 },
+        // { name: '2', value: 2 },
+        // { name: '3', value: 3 },
+        // { name: '4', value: 4 },
+        // { name: '5', value: 5 },
+        // { name: '6', value: 6 },
       ],
       sidebarContent: [
         // {
@@ -486,14 +486,12 @@ export default {
     },
 
     async getTree(id) {
-      getTreeData({id:id}).then((res) => {
-        console.log(res.data);
-        this.sidebarContent = res.data;
-        this.buildTree(res.data);
-        console.log('tree', this.sidebarContent);
-        // console.log(this.formConfig[0].selectOptions);
-        // this.listQuery.total = response.data.total;
-      })
+      const res = await getTreeData({ id: id })
+      console.log(res.data)
+      this.buildTree(res.data);
+      this.sidebarContent = res.data;
+      console.log('tree', this.sidebarContent)
+      console.log(this.sidebarContent);
       // const { data } = await this.$axios('/base/core-factory/getTreeByWorkOrder');
       // console.log(data)
 
@@ -504,10 +502,13 @@ export default {
     },
 
     factoryChangeHandler(event) {
-      this.factoryListOpen = false;
+      this.currentFactory =undefined
+      this.factoryListOpen = false
+      console.log(event.target.dataset);
       const fcId = event.target.dataset.value;
       this.handleSidebarItemClick({ id: fcId, type: '工厂' });
-      this.currentFactory = this.sidebarContent.find((item) => item.id == fcId);
+      this.currentFactory = this.sidebarContent.find((item) => item.id == fcId)
+      console.log(this.currentFactory);
     },
 
     handleSidebarItemClick({ label, id, type }) {
diff --git a/src/views/quality/monitoring/equipmentTraceability/index.vue b/src/views/quality/monitoring/equipmentTraceability/index.vue
index 94ad1e3b..fa7b95f1 100644
--- a/src/views/quality/monitoring/equipmentTraceability/index.vue
+++ b/src/views/quality/monitoring/equipmentTraceability/index.vue
@@ -6,83 +6,60 @@
 -->
 
 <template>
-	<div class="app-container allow-overflow">
-		<!-- 搜索工作栏 -->
-		<SearchBar
-			:formConfigs="searchBarFormConfig"
-			ref="search-bar"
-			@headBtnClick="handleSearchBarBtnClick" />
+  <div class="app-container allow-overflow">
+    <!-- 搜索工作栏 -->
+    <SearchBar :formConfigs="searchBarFormConfig" ref="search-bar" @headBtnClick="handleSearchBarBtnClick" />
 
-		<el-row>
-			<el-col class="custom-tabs">
-				<el-tabs
-					v-model="activeName"
-					:stretch="true"
-					@tab-click="handleTabClick">
-					<el-tab-pane :label="'\u2002数据列表\u2002'" name="table">
-						<!-- 列表 -->
-						<base-table
-							class="base-table__margin"
-							:table-props="tableProps"
-							:page="1"
-							:limit="10"
-							:table-data="list"
-							@emitFun="handleEmitFun"></base-table>
-					</el-tab-pane>
-					<el-tab-pane
-						:label="'\u3000可视化\u3000'"
-						name="graph"
-						style="overflow: inherit">
-						<div
-							v-if="activeName == 'graph'"
-							class="graph"
-							style="
+    <el-row>
+      <el-col class="custom-tabs">
+        <el-tabs v-model="activeName" :stretch="true" @tab-click="handleTabClick">
+          <el-tab-pane :label="'\u2002数据列表\u2002'" name="table">
+            <!-- 列表 -->
+            <base-table class="base-table__margin" :table-props="tableProps" :page="1" :limit="10" :max-height="tableH"
+              :table-data="list" @emitFun="handleEmitFun"></base-table>
+          </el-tab-pane>
+          <el-tab-pane :label="'\u3000可视化\u3000'" name="graph" style="overflow: inherit">
+            <div v-if="activeName == 'graph'" class="graph" style="
 								overflow: inherit;
 								display: flex;
 								flex-direction: column;
 								position: relative;
 							">
-							<div class="blue-title">各设备加工数量</div>
-							<div class="legend">
-								<div class="legend-item">
-									<span class="icon blue"></span>
-									<span class="text">工作时长</span>
-								</div>
-								<div class="legend-item">
-									<span class="icon green"></span>
-									<span class="text">停机时长</span>
-								</div>
-								<div class="legend-item">
-									<span class="icon purple"></span>
-									<span class="text">故障时长</span>
-								</div>
-								<div class="legend-item">
-									<span class="icon yellow"></span>
-									<span class="text">速度开动率</span>
-								</div>
-							</div>
-							<div class="graph-grid">
-								<div class="bg-grid grid-line">
-									<div
-										class="grid-item"
-										v-for="item in list.length"
-										:key="item"></div>
-								</div>
+              <div class="blue-title">各设备加工数量</div>
+              <div class="legend">
+                <div class="legend-item">
+                  <span class="icon blue"></span>
+                  <span class="text">工作时长</span>
+                </div>
+                <div class="legend-item">
+                  <span class="icon green"></span>
+                  <span class="text">停机时长</span>
+                </div>
+                <div class="legend-item">
+                  <span class="icon purple"></span>
+                  <span class="text">故障时长</span>
+                </div>
+                <div class="legend-item">
+                  <span class="icon yellow"></span>
+                  <span class="text">速度开动率</span>
+                </div>
+              </div>
+              <div class="graph-grid">
+                <div class="bg-grid grid-line">
+                  <div class="grid-item" v-for="item in list.length" :key="item"></div>
+                </div>
 
-								<div class="bg-grid grid-charts">
-									<pie-chart
-										v-for="item in list"
-										:key="item.id"
-										:value="item" />
-									<!-- <pie-chart v-for="item in 5" :key="item" :value="item" /> -->
-								</div>
-							</div>
-						</div>
-					</el-tab-pane>
-				</el-tabs>
-			</el-col>
-		</el-row>
-	</div>
+                <div class="bg-grid grid-charts">
+                  <pie-chart v-for="item in list" :key="item.id" :value="item" />
+                  <!-- <pie-chart v-for="item in 5" :key="item" :value="item" /> -->
+                </div>
+              </div>
+            </div>
+          </el-tab-pane>
+        </el-tabs>
+      </el-col>
+    </el-row>
+  </div>
 </template>
 
 <script>
@@ -116,7 +93,8 @@ export default {
 			// 				btnName: '删除',
 			// 		  }
 			// 		: undefined,
-			// ].filter((v) => v),
+      // ].filter((v) => v),
+      tableH: this.tableHeight(260),
 			tableProps: [
 				{ prop: 'factoryName', label: '工厂' },
 				{ prop: 'lineName', label: '产线' },
@@ -331,7 +309,10 @@ export default {
 			list: [],
 		};
 	},
-	created() {
+  created() {
+    window.addEventListener('resize', () => {
+      this.tableH = this.tableHeight(260)
+    })
 		this.getWorkOrder()
 		// this.getLine();
 		this.getList();
diff --git a/src/views/quality/monitoring/materielDateFrom/index.vue b/src/views/quality/monitoring/materielDateFrom/index.vue
index 4929b7e8..a2191caf 100644
--- a/src/views/quality/monitoring/materielDateFrom/index.vue
+++ b/src/views/quality/monitoring/materielDateFrom/index.vue
@@ -2,13 +2,14 @@
  * @Author: zwq
  * @Date: 2023-08-01 14:55:51
  * @LastEditors: zhp
- * @LastEditTime: 2023-12-01 16:41:40
+ * @LastEditTime: 2024-03-21 15:14:04
  * @Description:
 -->
 <template>
   <div class="app-container">
     <search-bar :formConfigs="formConfig" ref="searchBarForm" @headBtnClick="buttonClick" />
-    <base-table :table-props="tableProps" :page="listQuery.pageNo" :limit="listQuery.pageSize" :table-data="list">
+    <base-table :max-height="tableH" :table-props="tableProps" :page="listQuery.pageNo" :limit="listQuery.pageSize"
+      :table-data="list">
       <!-- <method-btn v-if="tableBtn.length" slot="handleBtn" :width="120" label="操作" :method-list="tableBtn"
         @clickBtn="handleClick" /> -->
     </base-table>
@@ -81,6 +82,7 @@ export default {
       //   // exportURL: exportPackingExcel,
       // },
       tableProps,
+      tableH: this.tableHeight(260),
       tableBtn: [
         this.$auth.hasPermi(`base:packaging-print-log:update`)
           ? {
@@ -172,6 +174,9 @@ export default {
     // AddOrUpdate,
   },
   created() {
+    window.addEventListener('resize', () => {
+      this.tableH = this.tableHeight(260)
+    })
     this.getList()
     this.getDict()
   },
diff --git a/src/views/quality/monitoring/originalGlassRetrace/index.vue b/src/views/quality/monitoring/originalGlassRetrace/index.vue
index 75faf29f..3d1280ad 100644
--- a/src/views/quality/monitoring/originalGlassRetrace/index.vue
+++ b/src/views/quality/monitoring/originalGlassRetrace/index.vue
@@ -2,13 +2,14 @@
  * @Author: zwq
  * @Date: 2023-08-01 14:55:51
  * @LastEditors: zhp
- * @LastEditTime: 2024-03-01 10:27:29
+ * @LastEditTime: 2024-03-21 15:17:05
  * @Description:
 -->
 <template>
   <div class="app-container">
     <search-bar :formConfigs="formConfig" ref="searchBarForm" @headBtnClick="buttonClick" />
-    <base-table :table-props="tableProps" :page="listQuery.pageNo" :limit="listQuery.pageSize" :table-data="list">
+    <base-table :max-height="tableH" :table-props="tableProps" :page="listQuery.pageNo" :limit="listQuery.pageSize"
+      :table-data="list">
       <!-- <method-btn v-if="tableBtn.length" slot="handleBtn" :width="120" label="操作" :method-list="tableBtn"
         @clickBtn="handleClick" /> -->
     </base-table>
@@ -118,6 +119,7 @@ export default {
         startTime: undefined,
         endTime:undefined,
       },
+      tableH: this.tableHeight(260),
       formConfig: [
         {
           type: 'select',
@@ -125,7 +127,8 @@ export default {
           selectOptions: [],
           labelField: 'name',
           valueField: 'name',
-          param: 'workOrderName'
+          param: 'workOrderName',
+          filterable: true
         },
         // {
         //   type: 'datePicker',
@@ -181,6 +184,9 @@ export default {
     // AddOrUpdate,
   },
   created() {
+    window.addEventListener('resize', () => {
+      this.tableH = this.tableHeight(260)
+    })
     this.getList()
     this.getDict()
   },
diff --git a/src/views/quality/monitoring/statisticalData/index.vue b/src/views/quality/monitoring/statisticalData/index.vue
index e11dfc86..ec67b71e 100644
--- a/src/views/quality/monitoring/statisticalData/index.vue
+++ b/src/views/quality/monitoring/statisticalData/index.vue
@@ -74,14 +74,16 @@ export default {
           multiple: true,
           labelField: 'name',
           valueField: 'id',
-          defaultSelect: []
+          defaultSelect: [],
+          filterable: true
         },
 				{
 					type: 'select',
 					label: '产品',
           placeholder: '请选择产品',
           param: 'productionId',
-					selectOptions: [],
+          selectOptions: [],
+          filterable: true
 				},
 				// {
 				// 	type: 'input',
-- 
2.45.2