From 345c73cf09695a5ab70ab3f29187b4525623cacd Mon Sep 17 00:00:00 2001
From: caoqianming <caoqianming@foxmail.com>
Date: Thu, 5 Dec 2024 15:26:20 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E8=AE=A1=E7=AE=97=E7=BB=93=E6=9E=9C?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/fac_cal/mpointstat.vue | 47 +++++++++++++-------------------
 1 file changed, 19 insertions(+), 28 deletions(-)

diff --git a/src/views/fac_cal/mpointstat.vue b/src/views/fac_cal/mpointstat.vue
index f6440030..a3210527 100644
--- a/src/views/fac_cal/mpointstat.vue
+++ b/src/views/fac_cal/mpointstat.vue
@@ -2,21 +2,18 @@
 	<el-container>
 		<el-header>
 			<div class="left-panel">
-				<el-select
+				<xtSelect
+					:apiObj="apiObjM"
+					:params="paramsM"
 					v-model="query.mpoint"
-					placeholder="测点"
-					clearable
-					filterable
-					style="margin: 0 6px; width: 300px"
+					style="width: 500px"
 					@change="handleQuery"
+					placeholder="选择测点"
 				>
-					<el-option
-						v-for="item in mpoints"
-						:key="item.id"
-						:label="item.name"
-						:value="item.id"
-					></el-option>
-				</el-select>
+					<el-table-column label="测点名" prop="name"></el-table-column>
+					<el-table-column label="别名" prop="nickname"></el-table-column>
+					<el-table-column label="计量物料" prop="material_name"></el-table-column>
+				</xtSelect>
 				<el-select
 					v-model="query.type"
 					placeholder="类型"
@@ -44,7 +41,7 @@
 		</el-header>
 		<el-main class="nopadding">
 			<el-container>
-				<el-aside style="width: 50%; float: right;">
+				<el-aside style="width: 60%; float: right;">
         		<!-- 折线图组件 -->
 					<scTable
 					ref="table"
@@ -57,11 +54,11 @@
 					@row-click="rowClick"
 					@dataChange="dataChange"
 				>
-					<el-table-column label="测点" prop="mpoint_name" min-width="100">
+					<el-table-column label="测点" prop="mpoint_name" min-width="160">
 					</el-table-column>
 					<el-table-column label="所属集合" prop="mgroup_name">
 					</el-table-column>
-					<el-table-column label="类型" prop="type" width="70"> </el-table-column>
+					<el-table-column label="类型" prop="type" width="75"> </el-table-column>
 					<el-table-column label="年" prop="year" width="60"> </el-table-column>
 					<el-table-column label="班年" prop="year_s" width="60"> </el-table-column>
 					<el-table-column label="月" prop="month" width="50"> </el-table-column>
@@ -161,6 +158,8 @@ export default {
 	name: "sflog",
 	data() {
 		return {
+			apiObjM: this.$API.enm.mpoint.list,
+			paramsM: {material__isnull: 0},
 			apiObj: this.$API.enm.mpoint.stat,
             params: {
 				type: "day_s",
@@ -226,16 +225,17 @@ export default {
 				val_correct: "",
 			},
 			visible: false,
-			mpoints: [],
             timeRange: []
 		};
 	},
 	mounted() {
-		this.getMpoints();
 	},
 	methods: {
 	dataChange(req, tableData) {
 		let that = this;
+		if(that.query.mpoint == null) {
+			return
+		}
 		let option = { ...that.chartOption };
 		// 获取 x 轴的数据，如果query.type为小时，则显示小时，如果为天则显示天，如果为月则显示月
 		if (that.query.type == "hour") {
@@ -249,10 +249,10 @@ export default {
 			option.xAxis.data = tableData.reverse().map((item, index) => item.year + "-" + item.month);
 		}else if (that.query.type == "day_s") {
 			option.title.text = "班天统计";
-			option.xAxis.data = tableData.length > 0 ? tableData.reverse().map((item, index) => item.day_s) : [];
+			option.xAxis.data = tableData.reverse().map((item, index) => item.year_s + "-" + item.month_s + "-" + item.day_s);
 		}else if (that.query.type == "month_s") {
 			option.title.text = "班月统计";
-			option.xAxis.data = tableData.length > 0 ? tableData.reverse().map((item, index) => item.month_s) : [];
+			option.xAxis.data = tableData.reverse().map((item, index) => item.year_s + "-" + item.month_s);
 		}
 		// 获取 y 轴的数据
 		option.series = [
@@ -267,15 +267,6 @@ export default {
 		// 更新图表选项
 		that.chartOption = option;
 	},
-
-		getMpoints() {
-			let that = this;
-			this.$API.enm.mpoint.list
-				.req({ page: 0})
-				.then((res) => {
-					that.mpoints = res;
-				});
-		},
 		handle_add() {},
 		handleQuery() {
             if (this.timeRange) {