修改bug

2024-03-21 16:34:34 +08:00
parent aa582495de
commit f7aa5375d0
12 changed files with 220 additions and 195 deletions
--- 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 }) {
--- 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();
--- 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()
  },
--- 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()
  },
--- 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',