.dockerignore

@@ -1,3 +1,3 @@
 .dockerignore
-#dist
+dist
 node_modules

.drone.yml

@@ -1,59 +0,0 @@
----
-kind: pipeline
-type: docker
-name: default
-
-steps:
-- name: build
-  image: node:16-alpine
-  pull: if_not_exists
-  environment:
-    NODE_ENV: ""
-  commands:
-  #- yarn install --frozen-lockfile
-  - yarn install 
-  - env ${NODE_ENV} yarn build:prod 
-
-- name: publish
-  image: docker:dind
-  pull: if_not_exists
-  volumes:
-  - name: dockersock
-    path: /var/run/docker.sock
-  - name: dockerconfig
-    path: /root/.docker
-  commands:
-  - docker build -t hub.kszny.picaiba.com/kszny/xcac-ui ./
-  - docker push hub.kszny.picaiba.com/kszny/xcac-ui
-  depends_on:
-  - build
-
-- name: deploy
-  image: appleboy/drone-ssh
-  pull: if-not-exists
-  settings:
-    host:
-      - 172.24.145.74
-    username: root
-    password: Root@123
-    port: 22
-    command_timeout: 2m
-    script:
-    - docker pull hub.kszny.picaiba.com/kszny/xcac-ui
-    - docker run --rm -v /data/www/xcac:/tmp hub.kszny.picaiba.com/kszny/xcac-ui sh -c "rm -rf /tmp/* && mv -f /html /tmp"
-  depends_on:
-  - publish
-
-volumes:
-- name: dockersock
-  host:
-    path: /var/run/docker.sock
-- name: dockerconfig
-  host:
-    path: /root/.docker
-
-trigger:
-  branch:
-  - projects/mesxc-test
-  event:
-  - push

.env.dev

@@ -13,15 +13,14 @@ VUE_APP_TITLE = MES系统
 
 # 芋道管理系统/开发环境
 VUE_APP_BASE_API = 'http://192.168.0.33:48082'
-# VUE_APP_BASE_API = 'http://xcac.mes.picaiba.com/'
+# VUE_APP_BASE_API = 'http://192.168.4.176:48082'
-# VUE_APP_BASE_API = 'http://10.70.2.2:8080'
 # 积木报表指向地址
 VUE_APP_JIMU_API = 'http://192.168.1.101:48082'
 
 # socket地址(现场)
-VUE_APP_Socket_API = 'ws://10.70.2.2:8080'
+# VUE_APP_Socket_API = 'ws://10.70.2.2:8080'
 # socket地址(公司线上)
-# VUE_APP_Socket_API = 'ws://192.168.0.33:48082'
+VUE_APP_Socket_API = 'ws://192.168.0.33:48082'
 # socket dcs地址(只有现场)
 VUE_APP_Socket_Dcs_API = 'ws://10.70.180.10:8081'
 

Dockerfile

@@ -1,3 +1,21 @@
-FROM busybox 
+FROM node:16-alpine as build-stage
-LABEL maintainer thomas.hairong@gmail.com
+
-COPY dist /html/
+WORKDIR /admim
+
+COPY .npmrc package.json yarn.lock ./
+RUN --mount=type=cache,id=yarn-store,target=/root/.yarn-store \
+    yarn install --frozen-lockfile
+
+COPY . .
+ARG NODE_ENV=""
+RUN env ${NODE_ENV} yarn build:prod
+
+## -- stage: dist => nginx --
+FROM nginx:alpine
+
+ENV TZ=Asia/Shanghai
+
+COPY ./nginx.conf /etc/nginx/conf.d/default.conf
+COPY --from=build-stage /admim/dist /usr/share/nginx/html
+
+EXPOSE 80

src/api/report/glass.js

@@ -1,7 +1,7 @@
 /*
  * @Author: Do not edit
  * @Date: 2023-12-08 10:26:48
- * @LastEditTime: 2024-04-24 16:31:37
+ * @LastEditTime: 2023-12-13 17:16:00
  * @LastEditors: DY
  * @Description: 
  */
@@ -59,39 +59,3 @@ export function exportGlasscExcel(query) {
     responseType: 'blob'
   })
 }
-
-// 生产月报查询--冷端生产线
-export function productionMonthY(data) {
-  return request({
-    url: '/extend/customized-reports/productionMonthY',
-    method: 'post',
-    data: data
-  })
-}
-
-// 生产月报查询--深加工生产线
-export function productionMonthD(data) {
-  return request({
-    url: '/extend/customized-reports/productionMonthD',
-    method: 'post',
-    data: data
-  })
-}
-
-// 生产年报查询--冷端生产线
-export function productionYearY(data) {
-  return request({
-    url: '/extend/customized-reports/productionYearY',
-    method: 'post',
-    data: data
-  })
-}
-
-// 生产年报查询--冷端生产线
-export function productionYearD(data) {
-  return request({
-    url: '/extend/customized-reports/productionYearD',
-    method: 'post',
-    data: data
-  })
-}

src/views/OperationalOverview/processingBoard.vue

@@ -2,7 +2,7 @@
  * @Author: zwq
  * @Date: 2021-07-19 15:18:30
  * @LastEditors: zhp
- * @LastEditTime: 2024-04-24 14:48:00
+ * @LastEditTime: 2024-04-22 12:15:49
  * @Description:
 -->
 <template>
@@ -37,7 +37,7 @@
         </el-col>
 
         <el-col :style="{ margin: 8 + 'px' + ' 0' }" :span="8" height="100%">
-          <base-container :show-time="false" :height="318" :size="'small'" :title="'工单监控'" :title-icon="'eqMonitoring'">
+          <base-container :show-time="true" :height="318" :size="'small'" :title="'工单监控'" :title-icon="'eqMonitoring'">
             <div class="order" style="width: 100%; overflow: hidden scroll; height: 350px">
               <el-row v-for="op in orderList" :key="op.id" style="margin-bottom: .5em;overflow: hidden;">
                 <!-- <el-col :span="12"> -->
@@ -749,7 +749,7 @@ export default {
 							item.code || ''
 						}</span>`,
             `<span style="color:rgba(255,255,255,0.5)"><div style="${item.status == '正常' ? 'box-shadow: 0px 0px 2px 1px #2760FF;width:6px;height:6px;border-radius: 50%;background-color: #2760FF;float:left;margin:10px 10px 0 0 ' : 'box-shadow: 0px 0px 2px 1px #FFBD02;width:6px;height:6px;border-radius: 50%;  background-color: #FFBD02;float:left;margin:10px 10px 0 0 '}"></div>  ${item.status || ''}</span>`,
-            `<span style="color:rgba(255,255,255,0.5)"><div style="${item.error == false ? 'box-shadow: 0px 0px 2px 1px #2760FF;width:6px;height:6px;border-radius: 50%;background-color: #2760FF;float:left;margin:10px 10px 0 0 ' : 'box-shadow: 0px 0px 2px 1px red;width:6px;height:6px;border-radius: 50%;  background-color: red;float:left;margin:10px 10px 0 0 '}"></div>  ${item.error == true ?'是' :'否'  || ''}</span>`,
+            `<span style="color:rgba(255,255,255,0.5)"><div style="${item.error == 'false' ? 'box-shadow: 0px 0px 2px 1px #2760FF;width:6px;height:6px;border-radius: 50%;background-color: #2760FF;float:left;margin:10px 10px 0 0 ' : 'box-shadow: 0px 0px 2px 1px red;width:6px;height:6px;border-radius: 50%;  background-color: red;float:left;margin:10px 10px 0 0 '}"></div>  ${item.error == true ?'是' :'否'  || ''}</span>`,
 					]);
           this.eqConfig.data = eqArr;
           // this.$nextTick(() => {

src/views/databoard/components/GasChart.vue

@@ -1,26 +1,22 @@
 <template>
 	<div>
-		<NotMsg v-show="notMsg" />
+		<NotMsg v-show="notMsg"/>
-		<div
+		<div id='gasChart' class="gas-chart" style="width:600px;height:200px;" v-show='!notMsg'></div>
-			id="gasChart"
-			class="gas-chart"
-			style="width: 600px; height: 200px"
-			v-show="!notMsg"></div>
 	</div>
 </template>
 
 <script>
 import * as echarts from 'echarts';
-import resize from './../mixins/resize';
+import resize from './../mixins/resize'
-import NotMsg from './../components/NotMsg';
+import NotMsg from './../components/NotMsg'
 
 export default {
 	name: 'GasChart',
 	mixins: [resize],
-	components: { NotMsg },
+	components:{ NotMsg },
 	props: {
 		chartType: '', // 能源类型
-		chartTime: '',
+		chartTime: ''
 	},
 	data() {
 		const colors = [
@@ -35,170 +31,159 @@ export default {
 		];
 		return {
 			chart: null,
-			notMsg: false,
+			notMsg:false
 		};
 	},
 	computed: {
 		gasChartMsg() {
-			return this.$store.state.websocket.sumGasInfo;
+			return this.$store.state.websocket.sumGasInfo
 		},
 		energyWeekTrend() {
-			return this.$store.state.websocket.energyWeekTrend;
+			return this.$store.state.websocket.energyWeekTrend
 		},
 		energyMonthTrend() {
-			return this.$store.state.websocket.energyMonthTrend;
+			return this.$store.state.websocket.energyMonthTrend
 		},
 		energyYearTrend() {
-			return this.$store.state.websocket.energyYearTrend;
+			return this.$store.state.websocket.energyYearTrend
-		},
+		}
 	},
 	watch: {
-		energyWeekTrend: {
+		energyWeekTrend: {// 监听周电能，更新图
-			// 监听周电能，更新图
 			handler(newVal, oldVal) {
 				if (this.chartTime === '周' && this.chartType === '电耗能') {
-					this.updateChart();
+					this.updateChart()
-					this.$emit('emitFun');
+					this.$emit('emitFun')
 				}
-			},
+			}
 		},
-		energyMonthTrend: {
+		energyMonthTrend: {// 监听月电能，更新图
-			// 监听月电能，更新图
 			handler(newVal, oldVal) {
 				if (this.chartTime === '月' && this.chartType === '电耗能') {
-					this.updateChart();
+					this.updateChart()
-					this.$emit('emitFun');
+					this.$emit('emitFun')
 				}
-			},
+			}
 		},
-		energyYearTrend: {
+		energyYearTrend: {// 监听年电能，更新图
-			// 监听年电能，更新图
 			handler(newVal, oldVal) {
 				if (this.chartTime === '年' && this.chartType === '电耗能') {
-					this.updateChart();
+					this.updateChart()
-					this.$emit('emitFun');
+					this.$emit('emitFun')
 				}
-			},
+			}
 		},
-		gasChartMsg: {
+		gasChartMsg: {// 监听天然气，更新图
-			// 监听天然气，更新图
 			handler(newVal, oldVal) {
 				if (this.chartType === '天然气I' || this.chartType === '天然气II') {
-					this.updateChart();
+					this.updateChart()
-					this.$emit('emitFun');
+					this.$emit('emitFun')
 				}
-			},
+			}
 		},
-		chartTime: {
+		chartTime: {// 监听时间变化，更新图
-			// 监听时间变化，更新图
 			handler(newVal, oldVal) {
-				this.updateChart();
+				this.updateChart()
-			},
+			}
 		},
-		chartType: {
+		chartType: {// 监听能源类型变化，更新图
-			// 监听能源类型变化，更新图
 			handler(newVal, oldVal) {
-				this.updateChart();
+				this.updateChart()
-			},
+			}
-		},
+		}
 	},
 	mounted() {
 		this.$el.addEventListener('resize', () => {
 			console.log('resziing.....');
 		});
-		this.updateChart();
+		this.updateChart()
 	},
 	methods: {
 		updateChart() {
-			let gasName = '';
+			let gasName  = ''
 			const colors = ['#FFCB59'];
-			let temp = [];
+			let temp = []
-			let seriesData = [];
+			let seriesData = []
-			let xData = [];
+			let xData = []
-			let yData = [];
+			let yData = []
 			switch (this.chartType) {
-				case '电耗能': {
+				case '电耗能':{
-					gasName = '电耗能';
+					gasName = '电耗能'
 					if (this.chartTime === '周') {
-						temp = this.energyWeekTrend || [];
+						temp = this.energyWeekTrend || []
-					} else if (this.chartTime === '月') {
+					}else if(this.chartTime === '月') {
-						temp = this.energyMonthTrend || [];
+						temp = this.energyMonthTrend || []
-					} else {
+					}else{
-						temp = this.energyYearTrend || [];
+						temp = this.energyYearTrend || []
 					}
-					temp &&
+					temp && temp.map(i => {
-						temp.map((i) => {
+						xData.push(i.time)
-							xData.push(i.time);
+						yData.push(i.qty)
-							yData.push(i.qty);
+					})
-						});
 					break;
 				}
-				case '天然气I': {
+				case '天然气I':{
 					if (this.chartTime === '周') {
-						yData = this.gasChartMsg.hisSumGas1For7Day || [];
+						yData = this.gasChartMsg.hisSumGas1For7Day || []
-					} else if (this.chartTime === '月') {
+					}else if(this.chartTime === '月') {
-						yData = this.gasChartMsg.sumGas1ForMonth || [];
+						yData = this.gasChartMsg.sumGas1ForMonth || []
-					} else {
+					}else{
-						yData = this.gasChartMsg.sumGas1ForYear || [];
+						yData = this.gasChartMsg.sumGas1ForYear || []
 					}
-					gasName = '天然气I';
+					gasName = '天然气I'
-					xData = this.getXdata();
+					xData = this.getXdata()
 					break;
 				}
 				default:
-					gasName = '天然气II';
+				gasName = '天然气II'
-					if (this.chartTime === '周') {
+				if (this.chartTime === '周') {
-						yData = this.gasChartMsg.hisSumGas2For7Day || [];
+						yData = this.gasChartMsg.hisSumGas2For7Day || []
-					} else if (this.chartTime === '月') {
+					}else if(this.chartTime === '月') {
-						yData = this.gasChartMsg.sumGas2ForMonth || [];
+						yData = this.gasChartMsg.sumGas2ForMonth || []
-					} else {
+					}else{
-						yData = this.gasChartMsg.sumGas2ForYear || [];
+						yData = this.gasChartMsg.sumGas2ForYear || []
 					}
-					xData = this.getXdata();
+				xData = this.getXdata()
 			}
 			if (yData.length === 0) {
-				this.notMsg = true;
+         this.notMsg = true
-				return;
+         return
-			} else {
+      } else {
-				this.notMsg = false;
+        this.notMsg = false
-			}
+      }
 			if (yData.length == 0) {
-				seriesData = [];
+				seriesData = []
-			} else {
+			}else {
-				yData = yData.map((item) => {
+				seriesData = [{
-					return (item = Number(item.toFixed(2)));
+					name: gasName,
-				});
+					data: yData,
-				seriesData = [
+					type: "line",
-					{
+					areaStyle: {
-						name: gasName,
-						data: yData,
-						type: 'line',
-						areaStyle: {
 							color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-								{ offset: 0, color: '#FFCB59' + '40' },
+							{ offset: 0, color: '#FFCB59' + "40" },
-								{ offset: 0.5, color: '#FFCB59' + '20' },
+							{ offset: 0.5, color: '#FFCB59' + "20" },
-								{ offset: 1, color: '#FFCB59' + '00' },
+							{ offset: 1, color: '#FFCB59' + "00" },
 							]),
-						},
-						lineStyle: {
-							width: 1,
-						},
-						symbol: 'circle',
-						symbolSize: 5,
-						emphasis: {
-							focus: 'series',
-						},
 					},
-				];
+					lineStyle: {
+							width: 1
+					},
+					symbol: 'circle',
+					symbolSize: 5,
+					emphasis: {
+							focus: 'series'
+					}
+				}]
+					
 			}
 			// 绘图
 			if (
-				this.chart !== null &&
+        this.chart !== null &&
-				this.chart !== '' &&
+        this.chart !== '' &&
-				this.chart !== undefined
+        this.chart !== undefined
-			) {
+      ) {
-				this.chart.dispose(); // 页面多次刷新会出现警告，Dom已经初始化了一个实例，这是销毁实例
+        this.chart.dispose() // 页面多次刷新会出现警告，Dom已经初始化了一个实例，这是销毁实例
-			}
+      }
 			this.chart = echarts.init(document.getElementById('gasChart'));
 			var option = {
 				color: colors,
@@ -219,7 +204,7 @@ export default {
 					},
 				},
 				yAxis: {
-					name: this.chartType === '电耗能' ? '单位kwh' : '单位Nm³',
+					name: this.chartType === '电耗能'?'单位kwh':'单位Nm³',
 					nameTextStyle: {
 						color: '#fff',
 						fontSize: 10,
@@ -245,10 +230,10 @@ export default {
 				series: seriesData,
 				tooltip: {
 					trigger: 'axis',
-					className: 'gas-tooltip',
+					className: "gas-tooltip"
 				},
-			};
+			}
-			option && this.chart.setOption(option);
+			option && this.chart.setOption(option)
 		},
 		getXdata() {
 			const today = new Date();
@@ -257,39 +242,31 @@ export default {
 			let days = 30;
 			if (this.chartTime === '周') {
 				return Array(7)
-					.fill(1)
+						.fill(1)
-					.map((_, index) => {
+						.map((_, index) => {
-						const today = new Date();
+							const today = new Date();
-						const dtimestamp = today - (index + 1) * 24 * 60 * 60 * 1000;
+							const dtimestamp = today - (index+1) * 24 * 60 * 60 * 1000;
-						return `${new Date(dtimestamp).getMonth() + 1}.${new Date(
+							return `${new Date(dtimestamp).getMonth()+1}.${new Date(dtimestamp).getDate()}`;}).reverse()
-							dtimestamp
+			}else if (this.chartTime == "月") {
-						).getDate()}`;
-					})
-					.reverse();
-			} else if (this.chartTime == '月') {
 				if (currentMonth in [1, 3, 5, 7, 8, 10, 12]) {
 					days = 31;
 				} else if (currentMonth == 2) {
 					days = this.isLeapYear(currentYear) ? 29 : 28;
 				}
 				return Array(days)
-					.fill(1)
+						.fill(1)
-					.map((_, index) => {
+						.map((_, index) => {
-						return `${currentMonth}.${days - index}`;
+							return `${currentMonth}.${days - index}`;}).reverse()
-					})
-					.reverse();
 			} else {
 				return Array(12)
-					.fill(1)
+						.fill(1)
-					.map((_, index) => {
+						.map((_, index) => {
-						return `${12 - index}`;
+							return `${12 - index}`;}).reverse()
-					})
-					.reverse();
 			}
 		},
 		isLeapYear(year) {
 			return year % 400 == 0 || (year % 4 == 0 && year % 100 != 0);
-		},
+		}
 	},
 };
 </script>
@@ -301,12 +278,12 @@ export default {
 }
 </style>
 <style>
-.gas-tooltip {
+  .gas-tooltip {
-	background: #0a2b4f77 !important;
+    background: #0a2b4f77 !important;
-	border: none !important;
+    border: none !important;
-	backdrop-filter: blur(12px);
+    backdrop-filter: blur(12px);
-}
+  }
-.gas-tooltip * {
+  .gas-tooltip * {
-	color: #fff !important;
+    color: #fff !important;
-}
+  }
 </style>

src/views/databoard/components/ISRAChart.vue

@@ -1,91 +1,70 @@
 <template>
 	<div>
-		<NotMsg v-show="notMsg" />
+		<NotMsg v-show="notMsg"/>
-		<div
+		<div id="israChart" class="isra-chart" style="width:600px;height:390px;" v-show='!notMsg'></div>
-			id="israChart"
-			class="isra-chart"
-			style="width: 600px; height: 390px"
-			v-show="!notMsg"></div>
 	</div>
 </template>
 
 <script>
 import * as echarts from 'echarts';
-import resize from './../mixins/resize';
+import resize from './../mixins/resize'
-import NotMsg from './../components/NotMsg';
+import NotMsg from './../components/NotMsg'
 
 export default {
 	name: 'ISRAChart',
 	mixins: [resize],
-	components: { NotMsg },
+	components:{ NotMsg },
 	props: {},
 	data() {
 		return {
 			chart: null,
-			notMsg: true,
+			notMsg:true,
-			colors: ['#2760ff', '#518eec', '#0ee8e4', '#ddb523'],
+			colors:['#2760ff', '#518eec', '#0ee8e4', '#ddb523'],
-			chartData: [],
+			chartData: []
 		};
 	},
-	activated() {},
+	activated() {
+	},
 	computed: {
 		israChartMsg() {
-			return this.$store.state.websocket.israKiln;
+			return this.$store.state.websocket.israKiln
-		},
+		}
 	},
 	watch: {
 		israChartMsg: {
 			handler(newVal, oldVal) {
-				this.chartData = newVal || [];
+				this.chartData = newVal || []
-				this.updateChart();
+				this.updateChart()
-				this.$emit('emitFun');
+				this.$emit('emitFun')
-			},
+			}
-		},
+		}
 	},
 	methods: {
-		getEqualNewlineString(params, length) {
-			let text = '';
-			let count = Math.ceil(params.length / length); // 向上取整数
-			// 一行展示length个
-			if (count > 1) {
-				for (let z = 1; z <= count; z++) {
-					text += params.substr((z - 1) * length, length);
-					if (z < count) {
-						text += '\n';
-					}
-				}
-			} else {
-				text += params.substr(0, length);
-			}
-			return text;
-		},
 		updateChart() {
-			console.log('update');
+			console.log('update')
-			let num = 0;
+			let num = 0
-			this.chartData &&
+			this.chartData && this.chartData.length > 0 && this.chartData.map(i => {
-				this.chartData.length > 0 &&
+				num+=i.num
-				this.chartData.map((i) => {
+			})
-					num += i.num;
-				});
 			if (
-				this.chart !== null &&
+        this.chart !== null &&
-				this.chart !== '' &&
+        this.chart !== '' &&
-				this.chart !== undefined
+        this.chart !== undefined
-			) {
+      ) {
-				this.chart.dispose();
+        this.chart.dispose()
-			}
+      }
 			if (this.chartData && this.chartData.length > 0) {
-				this.notMsg = false;
+         this.notMsg = false
-			} else {
+      } else {
-				this.notMsg = true;
+        this.notMsg = true
-				return;
+				return
-			}
+      }
 			this.chart = echarts.init(document.getElementById('israChart'));
 			var option = {
-				color: this.colors,
+				color:this.colors,
-				title: {
+				title:{
 					text: num,
-					subtext: '总数/个',
+					subtext: '总数',
 					top: '32%',
 					left: '49%',
 					textAlign: 'center',
@@ -102,92 +81,55 @@ export default {
 					bottom: '2%',
 					left: 'center',
 					itemWidth: 18,
-					itemHeight: 18,
+					itemHeight:18,
 					icon: 'circle',
 					textStyle: {
-						color: '#fff',
+						color: '#fff'
 					},
-					data:
+					data:this.chartData && this.chartData.length > 0 && this.chartData.map((item,index)=>({
-						this.chartData &&
+						name:item.name,
-						this.chartData.length > 0 &&
+						itemStyle:{
-						this.chartData.map((item, index) => ({
+							color: this.colors[index%4]
-							name: item.name,
+						}
-							itemStyle: {
+					}))
-								color: this.colors[index % 4],
-							},
-						})),
 				},
-				series: [
+				series:[{
-					{
 						name: 'ISRA缺陷检测',
 						type: 'pie',
 						center: ['50%', '40%'],
 						radius: ['45%', '70%'],
 						avoidLabelOverlap: true,
-						// label: {
-						// 	show: true,
-						// },
-						// labelLine: {
-						// 	show: true,
-						// },
 						label: {
-							show: true,
+							show: false
-							normal: {
-								alignTo: 'labelLine',
-								margin: 10,
-								edgeDistance: 10,
-								lineHeight: 16,
-								formatter: (params) => {
-									//调用自定义显示格式
-									return this.getEqualNewlineString(
-										params.value + ' | ' + params.percent.toFixed(0) + '%'
-									);
-								},
-								textStyle: {
-									// 提示文字的样式
-									// color: '#595959',
-									fontSize: 16,
-								},
-							},
 						},
 						labelLine: {
 							show: true,
-							length: 25,
-							length2: 10,
 						},
-						data:
+						data: this.chartData && this.chartData.length > 0 && this.chartData.map((item, index) => ({
-							this.chartData &&
+						name:item.name,
-							this.chartData.length > 0 &&
+						value: item.num,
-							this.chartData.map((item, index) => ({
+						itemStyle:{
-								name: item.name,
+							color:{
-								value: item.num,
+								type: 'linear',
-								label: {
+								x: 1,
-									color: this.colors[index % 4],
+								y: 1,
-								},
+								x2: 0,
-								itemStyle: {
+								y2: 0,
-									color: {
+								global: false,
-										type: 'linear',
+								colorStops:[
-										x: 1,
+									{offset: 0,color: this.colors[index%4]},
-										y: 1,
+									{offset: 1,color: this.colors[index%4]+'33'}
-										x2: 0,
+								]
-										y2: 0,
+							}
-										global: false,
+						}
-										colorStops: [
+					}))}],
-											{ offset: 0, color: this.colors[index % 4] },
+					tooltip: {
-											{ offset: 1, color: this.colors[index % 4] + '33' },
+						trigger: 'item',
-										],
+						className: "isra-chart-tooltip"
-									},
-								},
-							})),
 					},
-				],
+			}
-				tooltip: {
-					trigger: 'item',
-					className: 'isra-chart-tooltip',
-				},
-			};
 			this.chart.setOption(option);
-		},
+		}
 	},
 };
 </script>
@@ -199,12 +141,12 @@ export default {
 }
 </style>
 <style>
-.isra-chart-tooltip {
+  .isra-chart-tooltip {
-	background: #0a2b4f77 !important;
+    background: #0a2b4f77 !important;
-	border: none !important;
+    border: none !important;
-	backdrop-filter: blur(12px);
+    backdrop-filter: blur(12px);
-}
+  }
-.isra-chart-tooltip * {
+  .isra-chart-tooltip * {
-	color: #fff !important;
+    color: #fff !important;
-}
+  }
 </style>

src/views/databoard/deepProcessing/EqAlarm.vue

@@ -1,95 +1,77 @@
 <template>
-	<div style="flex: 1">
+  <div style="flex: 1;">
-		<Container
+    <Container name="设备报警" size="middle" style="">
-			name="设备报警"
+      <TimePrompt class="timeShow" :timestr="timestr" />
-			size="middle"
+      <div style="padding: 5px 10px;">
-			style="">
+        <dv-scroll-board :config="config" style="width:575px;height:380px" ref='eqScrollBoard'/>
-			<TimePrompt
+      </div>
-				class="timeShow"
+    </Container>
-				:timestr="timestr" />
+  </div>
-			<div style="padding: 5px 10px">
-				<dv-scroll-board
-					:config="config"
-					style="width: 575px; height: 380px"
-					ref="eqScrollBoard" />
-			</div>
-		</Container>
-	</div>
 </template>
 <script>
 import Container from '../components/Container.vue';
 import TimePrompt from '../components/TimePrompt';
-import { switchShowTime } from '../utils';
+import { switchShowTime } from '../utils'
 export default {
-	name: 'EqAlarm',
+  name: 'EqAlarm',
-	components: { Container, TimePrompt },
+  components: { Container, TimePrompt },
-	computed: {
+  computed: {
-		sjgEquipment() {
+    sjgEquipment() {
-			return this.$store.state.websocket.sjgEquipment;
+      return this.$store.state.websocket.sjgEquipment
-		},
+    }
-	},
+  },
-	data() {
+  data() {
-		return {
+    return {
-			timestr: '',
+      timestr: '',
-			config: {
+      config: {
-				header: ['序号', '设备名称', '设备编码', '设备状态', '是否故障'],
+        header: ['序号', '设备名称', '设备编码','设备状态','是否故障'],
-				headerBGC: 'rgba(32, 55, 96, 0.8)',
+        headerBGC: 'rgba(32, 55, 96, 0.8)',
-				oddRowBGC: 'rgba(32, 55, 96, 0.8)',
+        oddRowBGC: 'rgba(32, 55, 96, 0.8)',
-				evenRowBGC: 'rgba(14, 32, 62, 0.8)',
+        evenRowBGC: 'rgba(14, 32, 62, 0.8)',
-				columnWidth: [60, 150, 190],
+        columnWidth: [60, 150, 190],
-				align: ['center'],
+        align: ['center'],
-				data: [],
+        data: [],
-				// data: [
+        // data: [
-				//   [1, '四大线3小线铺纸机', 'EQ20240110130909000255', '正常', '否'],
+        //   [1, '四大线3小线铺纸机', 'EQ20240110130909000255', '正常', '否'],
-				//   [2, '四大线2小线铺纸机', 'EQ20240110130848000254', '正常', '否'],
+        //   [2, '四大线2小线铺纸机', 'EQ20240110130848000254', '正常', '否'],
-				//   [3, '四大线1小线铺纸机', 'EQ20240110130832000253', '正常', '否'],
+        //   [3, '四大线1小线铺纸机', 'EQ20240110130832000253', '正常', '否'],
-				//   [4, '12线下片台', 'EQ20240110130817000252', '正常', '否'],
+        //   [4, '12线下片台', 'EQ20240110130817000252', '正常', '否'],
-				//   [5, '11线下片台', '	EQ20240110130743000250', '正常', '否'],
+        //   [5, '11线下片台', '	EQ20240110130743000250', '正常', '否'],
-				//   [6, '10线下片台', '	EQ20240110130743000250', '正常', '否'],
+        //   [6, '10线下片台', '	EQ20240110130743000250', '正常', '否'],
-				//   [7, '4大线五区自动连线柜', 'EQ20240110130731000249', '正常', '否'],
+        //   [7, '4大线五区自动连线柜', 'EQ20240110130731000249', '正常', '否'],
-				//   [8, '四大线四区2小线清洗机', 'EQ20240110112716000248', '正常', '否'],
+        //   [8, '四大线四区2小线清洗机', 'EQ20240110112716000248', '正常', '否'],
-				//   [9, '四大线四区1小线清洗机', 'EQ20240110112700000247', '正常', '否'],
+        //   [9, '四大线四区1小线清洗机', 'EQ20240110112700000247', '正常', '否'],
-				//   [10, '4大线四区自动连线柜', 'EQ20240110112646000246', '正常', '否']
+        //   [10, '4大线四区自动连线柜', 'EQ20240110112646000246', '正常', '否']
-				// ],
+        // ],
-				rowNum: 10,
+        rowNum: 10
-			},
+      }
-		};
+    }
-	},
+  },
-	mounted() {
+  mounted(){
-		this.timestr = switchShowTime('日');
+    this.timestr = switchShowTime('日')
-	},
+  },
-	watch: {
+  watch:{
-		sjgEquipment: {
+    sjgEquipment: {
 			handler(newVal, oldVal) {
-				let outArr = this.sjgEquipment.map((item, index) => [
+        let outArr = this.sjgEquipment.map((item, index) => [
-					index + 1,
+          index+1,
-					`<span title=${item.name || ''}>${item.name || ''}</span>`,
+          `<span title=${item.name || ''}>${item.name || ''}</span>`,
-					`<span title=${item.code || ''}>${item.code || ''}</span>`,
+          `<span title=${item.code || ''}>${item.code || ''}</span>`,
-					`<span><div style="${
+          item.status,
-						item.status == '运行'
+          item.error? '是': '否'
-							? 'box-shadow: 0px 0px 2px 1px #2760FF;width:6px;height:6px;border-radius: 50%;background-color: #2760FF;float:left;margin:13px 10px 0 0 '
+      ]);
-							: item.status == '故障'
+        this.config.data = outArr
-							? 'box-shadow: 0px 0px 2px 1px red;width:6px;height:6px;border-radius: 50%;  background-color: red;float:left;margin:13px 10px 0 0 '
+        this.$refs['eqScrollBoard'].updateRows(outArr)
-							: 'box-shadow: 0px 0px 2px 1px #FFBD02;width:6px;height:6px;border-radius: 50%;  background-color: #FFBD02;float:left;margin:13px 10px 0 0 '
+        this.timestr = switchShowTime('日')
-					}"></div>  ${item.status || ''}</span>`,
+			}
-					`<span"><div style="${
+		}
-						item.error == false
+  }
-							? 'box-shadow: 0px 0px 2px 1px #2760FF;width:6px;height:6px;border-radius: 50%;background-color: #2760FF;float:left;margin:13px 10px 0 0 '
-							: 'box-shadow: 0px 0px 2px 1px red;width:6px;height:6px;border-radius: 50%;  background-color: red;float:left;margin:13px 10px 0 0 '
-					}"></div>  ${item.error == true ? '是' : '否' || ''}</span>`,
-				]);
-				this.config.data = outArr;
-				this.$refs['eqScrollBoard'].updateRows(outArr);
-				this.timestr = switchShowTime('日');
-			},
-		},
-	},
-};
-</script>
-<style lang="scss" scoped>
-.timeShow {
-	position: absolute;
-	top: 20px;
-	left: 170px;
 }
-</style>
+</script>
+<style lang='scss' scoped>
+.timeShow {
+  position: absolute;
+  top: 20px;
+  left: 170px;
+}
+</style>

src/views/databoard/deepProcessing/WorkOrderMonitoring.vue

@@ -1,88 +1,67 @@
 <template>
-	<Container
+  <Container name="工单监控" size="middle" style="">
-		name="工单监控"
+    <TimePrompt class="timeShow" :timestr="timestr" />
-		size="middle"
+    <div style="padding: 5px 10px;" class="WOMonitoring">
-		style="">
+      <dv-scroll-board :config="config" style="width:900px;height:380px" ref='worderScrollBoard'/>
-		<TimePrompt
+    </div>
-			class="timeShow"
+  </Container>
-			:timestr="timestr" />
-		<div
-			style="padding: 5px 10px"
-			class="WOMonitoring">
-			<dv-scroll-board
-				:config="config"
-				style="width: 900px; height: 380px"
-				ref="worderScrollBoard" />
-		</div>
-	</Container>
 </template>
 <script>
 import Container from '../components/Container.vue';
 import TimePrompt from '../components/TimePrompt';
-import { switchShowTime } from '../utils';
+import { switchShowTime } from '../utils'
-import { formatDate } from '@/utils';
+import { formatDate } from '@/utils'
 export default {
-	name: 'WorkOrderMonitoring',
+  name: 'WorkOrderMonitoring',
-	components: { Container, TimePrompt },
+  components: { Container, TimePrompt },
-	computed: {
+  computed: {
-		order() {
+    order() {
-			return this.$store.state.websocket.workOrder;
+      return this.$store.state.websocket.workOrder
-		},
+    }
-	},
+  },
-	data() {
+  data() {
-		return {
+    return {
-			timestr: '',
+      timestr: '',
-			config: {
+      config: {
-				header: [
+        header: ['序号', '工单名称', '规格','产线','工单状态', '计划完成时间','计划产量','实际产量'],
-					'序号',
+        headerBGC: 'rgba(32, 55, 96, 0.8)',
-					'工单名称',
+        oddRowBGC: 'rgba(32, 55, 96, 0.8)',
-					'规格',
+        evenRowBGC: 'rgba(14, 32, 62, 0.8)',
-					'产线',
+        columnWidth: [60, 120, 120, 60, 100, 150],
-					'工单状态',
+        align: ['center'],
-					'计划完成时间',
+        data: [],
-					'计划产量',
+        rowNum:10
-					'实际产量',
+      }
-					'完成进度',
+    }
-				],
+  },
-				headerBGC: 'rgba(32, 55, 96, 0.8)',
+  mounted(){
-				oddRowBGC: 'rgba(32, 55, 96, 0.8)',
+    this.timestr = switchShowTime('日')
-				evenRowBGC: 'rgba(14, 32, 62, 0.8)',
+  },
-				columnWidth: [60, 120, 120, 60, 100, 150],
+  watch:{
-				align: ['center'],
+    order: {
-				data: [],
-				rowNum: 10,
-			},
-		};
-	},
-	mounted() {
-		this.timestr = switchShowTime('日');
-	},
-	watch: {
-		order: {
 			handler(newVal, oldVal) {
-				let outArr = this.order.map((item, index) => [
+        let outArr = this.order.map((item, index) => [
-					index + 1,
+          index+1,
-					`<span title=${item.name || ''}>${item.name || ''}</span>`,
+          `<span title=${item.name || ''}>${item.name || ''}</span>`,
-					item.specifications,
+          item.specifications,
-					item.lines,
+          item.lines,
-					this.getDictDatas(this.DICT_TYPE.ORDER_STATUS)[item.status]?.label,
+          this.getDictDatas(this.DICT_TYPE.ORDER_STATUS)[item.status]?.label,
-					formatDate(item.planFinishTime),
+          formatDate(item.planFinishTime),
-					item.planQuantity,
+          item.planQuantity,
-					item.actualQuantity,
+          item.planAssignQuantity
-					(item.progressRate * 100).toFixed(0) + '%',
+      ]);
-				]);
+        this.config.data = outArr
-				this.config.data = outArr;
+        this.$refs['worderScrollBoard'].updateRows(outArr)
-				this.$refs['worderScrollBoard'].updateRows(outArr);
+        this.timestr = switchShowTime('日')
-				this.timestr = switchShowTime('日');
+			}
-			},
+		}
-		},
+  }
-	},
-};
-</script>
-<style lang="scss" scoped>
-.timeShow {
-	position: absolute;
-	top: 20px;
-	left: 170px;
 }
-</style>
+</script>
+<style lang='scss' scoped>
+.timeShow {
+  position: absolute;
+  top: 20px;
+  left: 170px;
+}
+</style>

src/views/databoard/kiln/EnergeCost.vue

@@ -1,24 +1,22 @@
+<!-- 
+    filename: MaterialCost.vue
+    author: liubin
+    date: 2023-12-06 09:09:27
+    description: 
+-->
+
 <template>
-	<Container
+	<Container name="能耗" size="middle" style="">
-		name="能耗"
+		<TimePrompt class="timeShow" :timestr="timestr" />
-		size="middle"
-		style="">
 		<EnergeTop />
 		<SplitLine :horizontal="true" />
-		<div
+		<div class="" style="flex: 2; padding: 8px">
-			class=""
-			style="flex: 2; padding: 8px">
 			<div
 				class="header-line"
 				style="margin: 8px 0 16px; display: flex; align-items: center">
-				<h2
+				<h2 class="" style="margin: 0; color: #0ee8fe; margin-right: 12px">
-					class=""
-					style="margin: 0; color: #0ee8fe; margin-right: 12px">
 					能耗趋势图
 				</h2>
-				<TimePrompt
-					class="timeShow"
-					:timestr="timestr" />
 				<!-- <Switcher /> -->
 				<div>
 					<!-- <span class="lgd lgd-total">总量</span> -->
@@ -34,21 +32,11 @@
 					justify-content: space-between;
 				">
 				<SelectorBtnGroup
-					:options="['电耗能', '天然气I', '天然气II']"
+					:options="['电耗能', '天然气I', '天然气II']" @emitFun='toggleType' :active='chartType'/>
-					@emitFun="toggleType"
+				<SelectorBtnGroup :options="['周', '月', '年']" @emitFun='toggleDate' :active='chartTime'/>
-					:active="chartType" />
-				<SelectorBtnGroup
-					:options="['周', '月', '年']"
-					@emitFun="toggleDate"
-					:active="chartTime" />
 			</div>
-			<div
+			<div class="chart" style="height: 200px; margin-top: 8px;">
-				class="chart"
+				<GasChart :chartType='chartType' :chartTime='chartTime' @emitFun='dateUpdate'/>
-				style="height: 200px; margin-top: 8px">
-				<GasChart
-					:chartType="chartType"
-					:chartTime="chartTime"
-					@emitFun="dateUpdate" />
 			</div>
 		</div>
 	</Container>
@@ -63,7 +51,7 @@ import EnergeTop from './EnergeTop';
 import GasChart from '../components/GasChart.vue';
 import SelectorBtnGroup from '../components/SelectorBtnGroup';
 import TimePrompt from '../components/TimePrompt';
-import { switchShowTime } from '../utils';
+import { switchShowTime } from '../utils'
 export default {
 	name: 'EnergeCost',
 	components: {
@@ -73,43 +61,48 @@ export default {
 		EnergeTop,
 		GasChart,
 		SelectorBtnGroup,
-		TimePrompt,
+		TimePrompt
 	},
 	props: {},
 	data() {
 		return {
-			chartType: '电耗能',
+			chartType:'电耗能',
-			chartTime: '周',
+			chartTime:'周',
-			timestr: '',
+			timestr: ''
 		};
 	},
 	mounted() {
-		this.timestr = switchShowTime(this.chartTime);
+    this.timestr = switchShowTime(this.chartTime)
-	},
+  },
 	computed: {
 		gasInfoMsg() {
-			return this.$store.state.websocket.gasInfo;
+			return this.$store.state.websocket.gasInfo
 		},
 	},
 	methods: {
 		// 切换能源
 		toggleType(val) {
-			this.chartType = val;
+			this.chartType = val
 		},
 		// 切换时间
 		toggleDate(val) {
-			this.chartTime = val;
+			this.chartTime = val
-			this.timestr = switchShowTime(val);
+			this.timestr = switchShowTime(val)
 		},
 		// 数据更新
-		dateUpdate() {
+    dateUpdate() {
-			this.timestr = switchShowTime(this.chartTime);
+      this.timestr = switchShowTime(this.chartTime)
-		},
+    }
 	},
 };
 </script>
 
 <style scoped lang="scss">
+.timeShow {
+  position: absolute;
+  top: 20px;
+  left: 120px;
+}
 .lgd {
 	color: #fff;
 

src/views/databoard/kiln/GasHandle.vue

@@ -1,11 +1,7 @@
 <template>
-	<div
+	<div class="gas-handle" style="flex: 2">
-		class="gas-handle"
+		<Container name="烟气处理" size="large" style="">
-		style="flex: 2">
+			<TimePrompt class="timeShow" :timestr="timestr" />
-		<Container
-			name="烟气处理"
-			size="large"
-			style="">
 			<div
 				class=""
 				style="
@@ -28,13 +24,7 @@
 						">
 						氧气含量
 					</span>
-					<span style="font-size: 20px; line-height: 1.24; flex: 1">
+					<span style="font-size: 20px; line-height: 1.24; flex: 1">{{exhaustGasInfo?.O2_float ? (Number(exhaustGasInfo.O2_float)).toFixed(2) : ''}}%</span>
-						{{
-							exhaustGasInfo?.O2_float
-								? Number(exhaustGasInfo.O2_float).toFixed(2)
-								: ''
-						}}%
-					</span>
 				</ShadowRect>
 				<ShadowRect>
 					<div
@@ -43,19 +33,13 @@
 							line-height: 1.24;
 							flex: 1;
 							text-align: right;
-							padding: 5px 8px 5px 0;
+							padding:5px 8px 5px 0;
 							letter-spacing: 3px;
 						">
 						<p style="margin: 0; line-height: inherit">氮氧化物</p>
 						<p style="margin: 0; line-height: inherit">排放浓度</p>
 					</div>
-					<span style="font-size: 20px; line-height: 1.24; flex: 1.2">
+					<span style="font-size: 20px; line-height: 1.24; flex: 1.2">{{exhaustGasInfo?.NOX_float ? (Number(exhaustGasInfo.NOX_float)).toFixed(2) : ''}}mg/m³</span>
-						{{
-							exhaustGasInfo?.NOX_float
-								? Number(exhaustGasInfo.NOX_float).toFixed(2)
-								: ''
-						}}mg/m³
-					</span>
 				</ShadowRect>
 
 				<ShadowRect>
@@ -65,19 +49,13 @@
 							line-height: 1.24;
 							flex: 1;
 							text-align: right;
-							padding: 5px 8px 5px 0;
+							padding:5px 8px 5px 0;
 							letter-spacing: 3px;
 						">
 						<p style="margin: 0; line-height: inherit">二氧化硫</p>
 						<p style="margin: 0; line-height: inherit">排放浓度</p>
 					</div>
-					<span style="font-size: 20px; line-height: 1.24; flex: 1">
+					<span style="font-size: 20px; line-height: 1.24; flex: 1">{{exhaustGasInfo?.SO2_float ? (Number(exhaustGasInfo.SO2_float)).toFixed(2) : ''}}mg/m³</span>
-						{{
-							exhaustGasInfo?.SO2_float
-								? Number(exhaustGasInfo.SO2_float).toFixed(2)
-								: ''
-						}}mg/m³
-					</span>
 				</ShadowRect>
 
 				<ShadowRect>
@@ -92,30 +70,17 @@
 						">
 						颗粒物浓度
 					</span>
-					<span style="font-size: 20px; line-height: 1.24; flex: 1.2">
+					<span style="font-size: 20px; line-height: 1.24; flex: 1.2">{{exhaustGasInfo?.dust_float ? (Number(exhaustGasInfo.dust_float)).toFixed(2) : ''}}mg/m³</span>
-						{{
-							exhaustGasInfo?.dust_float
-								? Number(exhaustGasInfo.dust_float).toFixed(2)
-								: ''
-						}}mg/m³
-					</span>
 				</ShadowRect>
 			</div>
 			<KilnLine :horizontal="true" />
-			<div
+			<div class="" style="flex: 2; padding: 8px">
-				class=""
-				style="flex: 2; padding: 8px">
 				<div
 					class="header-line"
 					style="margin-bottom: 10px; display: flex; align-items: center">
-					<h2
+					<h2 class="" style="margin: 5px 0; color: #0ee8fe; margin-right: 12px">
-						class=""
-						style="margin: 5px 0; color: #0ee8fe; margin-right: 12px">
 						烟气趋势图
 					</h2>
-					<TimePrompt
-						class="timeShow"
-						:timestr="timestr" />
 					<!-- <Switcher /> -->
 					<div>
 						<!-- <span class="lgd lgd-total">总量</span> -->
@@ -131,21 +96,11 @@
 						justify-content: space-between;
 					">
 					<SelectorBtnGroup
-						:options="['氧气含量', '二氧化硫', '氮氧化物', '颗粒物']"
+						:options="['氧气含量', '二氧化硫', '氮氧化物', '颗粒物']" @emitFun='toggleType' :active='chartType'/>
-						@emitFun="toggleType"
+					<SelectorBtnGroup :options="['日', '周', '月', '年']" @emitFun='toggleDate' :active='chartTime' />
-						:active="chartType" />
-					<SelectorBtnGroup
-						:options="['日', '周', '月', '年']"
-						@emitFun="toggleDate"
-						:active="chartTime" />
 				</div>
-				<div
+				<div class="chart" style="height: 250px;margin-top: 10px;">
-					class="chart"
+					<FlueGasChart :chartType='chartType' :chartTime='chartTime' @emitFun='dateUpdate'/>
-					style="height: 250px; margin-top: 10px">
-					<FlueGasChart
-						:chartType="chartType"
-						:chartTime="chartTime"
-						@emitFun="dateUpdate" />
 				</div>
 			</div>
 		</Container>
@@ -160,7 +115,7 @@ import KilnLine from '../components/line';
 import SelectorBtnGroup from '../components/SelectorBtnGroup';
 import FlueGasChart from '../components/FlueGasChart';
 import TimePrompt from '../components/TimePrompt';
-import { switchShowTime } from '../utils';
+import { switchShowTime } from '../utils'
 
 export default {
 	name: 'GasHandle',
@@ -170,44 +125,49 @@ export default {
 		KilnLine,
 		SelectorBtnGroup,
 		FlueGasChart,
-		TimePrompt,
+		TimePrompt
 	},
 	props: {},
 	data() {
 		return {
-			chartType: '氧气含量',
+			chartType:'氧气含量',
-			chartTime: '日',
+			chartTime:'日',
-			timestr: '',
+			timestr: ''
 		};
 	},
 	computed: {
 		exhaustGasInfo() {
-			return this.$store.state.websocket.exhaustGasInfo;
+			return this.$store.state.websocket.exhaustGasInfo
-		},
+		}
 	},
 	mounted() {
-		this.timestr = switchShowTime(this.chartTime);
+    this.timestr = switchShowTime(this.chartTime)
-	},
+  },
 	methods: {
 		// 烟气
 		toggleType(val) {
-			console.log('烟气' + val);
+			console.log('烟气' + val)
-			this.chartType = val;
+			this.chartType = val
 		},
 		// 切换时间
 		toggleDate(val) {
-			this.chartTime = val;
+			this.chartTime = val
-			this.timestr = switchShowTime(val);
+			this.timestr = switchShowTime(val)
 		},
 		// 数据更新
-		dateUpdate() {
+    dateUpdate() {
-			this.timestr = switchShowTime(this.chartTime);
+      this.timestr = switchShowTime(this.chartTime)
-		},
+    }
 	},
 };
 </script>
 
 <style scoped lang="scss">
+.timeShow {
+  position: absolute;
+  top: 20px;
+  left: 170px;
+}
 .gas-handle {
 }
 

src/views/databoard/kiln/MaterialCost.vue

@@ -3,9 +3,6 @@
 		name="原料用量统计"
 		size="middle"
 		style="">
-		<TimePrompt
-			class="timeShow"
-			:timestr="timestr" />
 		<div style="flex: 1; display: flex; gap: 8px; flex-direction: column">
 			<div
 				class="absolute"
@@ -13,8 +10,8 @@
 					flex: 2;
 					padding: 12px 12px 0 12px;
 					display: grid;
-					grid-template-columns: repeat(3, 1fr);
+					grid-template-columns: repeat(2, 1fr);
-					grid-auto-rows: repeat(3, 1fr);
+					grid-auto-rows: repeat(4, 1fr);
 					gap: 8px;
 				">
 				<ShadowRect
@@ -25,8 +22,7 @@
 						class="material"
 						style="
 							flex: 1;
-							padding-bottom: 18px;
+							padding-bottom: 3px;
-							padding-top: 18px;
 							display: flex;
 							flex-direction: column;
 							gap: 4px;
@@ -57,33 +53,20 @@
 <script>
 import Container from '../components/Container';
 import ShadowRect from '../components/ShadowRect.vue';
-import TimePrompt from '../components/TimePrompt';
-import { switchShowTime } from '../utils';
 export default {
 	name: 'MaterialCost',
-	components: { Container, ShadowRect, TimePrompt },
+	components: { Container, ShadowRect },
 	props: {},
 	data() {
-		return {
+		return {};
-			timestr: '',
-		};
 	},
 	computed: {
 		materialMsg() {
 			return this.$store.state.websocket.material;
 		},
 	},
-	mounted() {
-		this.timestr = switchShowTime('日');
-	},
 	methods: {},
 };
 </script>
 
-<style lang="scss" scoped>
+<style scoped lang="scss"></style>
-.timeShow {
-	position: absolute;
-	top: 20px;
-	left: 210px;
-}
-</style>

src/views/databoard/utils/index.js

@@ -29,8 +29,6 @@ export const switchShowTime = (type) => {
       }
       if (lastMonth === 12) {
         startYear = currentYear - 1
-      }else{
-        startYear = currentYear
       }
       startTime = startYear+'.'+lastMonth+'.'+day
       endTime = currentYear+'.'+(nowTime.getMonth()+1)+'.28'

src/views/databoard/wholePlant/OrderStatus.vue

@@ -1,94 +1,70 @@
 <template>
-	<div
+  <div style="flex: 1;" class="orderContainer">
-		style="flex: 1"
+    <Container name="订单完成情况" size="small" style="">
-		class="orderContainer">
+      <TimePrompt class="timeShow" :timestr="timestr" />
-		<Container
+      <div style="padding: 5px 10px;">
-			name="订单完成情况"
+        <dv-scroll-board :config="config" style="width:575px;height:230px" ref='orderScrollBoard'/>
-			size="small"
+      </div>
-			style="">
+    </Container>
-			<TimePrompt
+  </div>
-				class="timeShow"
-				:timestr="timestr" />
-			<div style="padding: 5px 10px">
-				<dv-scroll-board
-					:config="config"
-					style="width: 575px; height: 230px"
-					ref="orderScrollBoard" />
-			</div>
-		</Container>
-	</div>
 </template>
 <script>
-import Container from '../components/Container';
+import Container from '../components/Container'
 import TimePrompt from '../components/TimePrompt';
-import { formatDate } from '@/utils';
+import { formatDate } from '@/utils'
-import { switchShowTime } from '../utils';
+import { switchShowTime } from '../utils'
 export default {
-	name: 'OrderStatus',
+  name: 'OrderStatus',
-	components: { Container, TimePrompt },
+  components: { Container, TimePrompt },
-	computed: {
+  computed: {
-		order() {
+    order() {
-			return this.$store.state.websocket.order;
+      return this.$store.state.websocket.order
-		},
+    }
-	},
+  },
-	data() {
+  data() {
-		return {
+    return {
-			timestr: '',
+      timestr: '',
-			config: {
+      config: {
-				header: ['上线时间', '客户名称', '规格', '完成度'],
+        header: ['上线时间', '客户名称', '规格','完成度'],
-				headerBGC: 'rgba(32, 55, 96, 0.8)',
+        headerBGC: 'rgba(32, 55, 96, 0.8)',
-				oddRowBGC: 'rgba(32, 55, 96, 0.8)',
+        oddRowBGC: 'rgba(32, 55, 96, 0.8)',
-				evenRowBGC: 'rgba(14, 32, 62, 0.8)',
+        evenRowBGC: 'rgba(14, 32, 62, 0.8)',
-				columnWidth: [155, 160, 150],
+        columnWidth: [155, 160, 150],
-				data: [],
+        data: [],
-				rowNum: 6,
+        rowNum: 6
-			},
+      }
-		};
+    }
-	},
+  },
-	mounted() {
+  mounted() {
-		this.timestr = switchShowTime('日');
+    this.timestr = switchShowTime('日')
-	},
+  },
-	watch: {
+  watch:{
-		order: {
+    order:{
-			handler() {
+      handler() {
-				let outArr = this.order.map((item) => [
+        let outArr = this.order.map((item) => [
-					formatDate(item.planStartTime) || '',
+        formatDate(item.planStartTime) || '',
-					`<span title=${item.customerName || ''}>${
+          `<span title=${item.customerName || ''}>${item.customerName || ''}</span>`,
-						item.customerName || ''
+          `<span title=${item.specifications || ''}>${item.specifications || ''}</span>`,
-					}</span>`,
+          `<span style="display:inline-block;width:60px;">${item.completeRate?(item.completeRate*100).toFixed(2)+'%':'0%'}</span>
-					`<span title=${item.specifications || ''}>${
-						item.specifications || ''
-					}</span>`,
-					`<span style="display:inline-block;width:60px;">${
-						item.completeRate
-							? (item.completeRate * 100).toFixed(2) + '%'
-							: '0%'
-					}</span>
           <div style="display:inline-block;height:20px;margin-top:-5px;vertical-align:middle;">
             <svg xmlns="http://www.w3.org/200/svg" height="20" width="20">
               <circle cx="10" cy="10" r="6" fill="none" stroke="#283851" stroke-width="4" stroke-linecap="round"/>
-              <circle style="transform-origin: center;transform: rotate(-90deg);" id="J_progress_bar" cx="10" cy="10" r="6" fill="none" stroke="#47FF27" stroke-width="4" stroke-dasharray="${
+              <circle style="transform-origin: center;transform: rotate(-90deg);" id="J_progress_bar" cx="10" cy="10" r="6" fill="none" stroke="#47FF27" stroke-width="4" stroke-dasharray="${item.completeRate?item.completeRate.toFixed(2)*37.68+','+((1-item.completeRate.toFixed(2))*37.68):(0+','+37.68)}"/>
-								item.completeRate
-									? item.completeRate.toFixed(2) * 37.68 +
-									  ',' +
-									  (1 - item.completeRate.toFixed(2)) * 37.68
-									: 0 + ',' + 37.68
-							}"/>
             </svg>
-          </div>`,
+          </div>`
-				]);
+      ]);
-				this.config.data = outArr;
+      this.config.data = outArr
-				this.$refs['orderScrollBoard'].updateRows(outArr);
+      this.$refs['orderScrollBoard'].updateRows(outArr)
-				this.timestr = switchShowTime('日');
+      this.timestr = switchShowTime('日')
-			},
+      }
-		},
+    }
-	},
+  }
-};
-</script>
-<style lang="scss" scoped>
-.timeShow {
-	position: absolute;
-	top: 20px;
-	left: 210px;
 }
-</style>
+</script>
+<style lang='scss' scoped>
+.timeShow {
+  position: absolute;
+  top: 20px;
+  left: 210px;
+}
+</style>

src/views/report/Product/monthly.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: Do not edit
  * @Date: 2024-04-22 15:49:56
- * @LastEditTime: 2024-04-25 08:39:13
+ * @LastEditTime: 2024-04-23 17:06:16
  * @LastEditors: DY
  * @Description: 
 -->
@@ -9,176 +9,115 @@
   <div class="weekly">
     <el-form :inline="true" :model="listQuery" class="blueTip">
       <el-form-item label="月" prop="reportTime">
-        <el-date-picker v-model="listQuery.time" value-format="yyyy-MM-dd HH:mm:ss" type="month" size="small" placeholder="选择月">
+        <el-date-picker v-model="reportTime" type="month" size="small" @change="changeTime" placeholder="选择月">
         </el-date-picker>
       </el-form-item>
-      <el-button v-if="this.$auth.hasPermi('base:report-auto-production:query')" type="primary" size="small" @click="getList">
+      <el-button v-if="this.$auth.hasPermi('base:report-auto-production:query')" type="primary" size="small" @click="search()">
         查询
       </el-button>
       <el-button v-if="this.$auth.hasPermiAnd(['base:report-auto-original-glass:export', 'base:report-auto-production:export'])" type="primary" size="small" plain
         @click="handleExport">导出</el-button>
     </el-form>
-    <base-table
+    <monthWeek v-if="glassWeekShow" ref="monthWeek" :product="false" :params="listQuery" />
-			:table-props="tableProps"
+    <proMonth v-if="proWeekShow" ref="proMonth" :product="false" :params="listQuery" />
-			:table-data="tableData"
-      :span-method="mergeColumnHandler"
-			@emitFun="handleEmitFun"
-			:max-height="tableH"
-		/>
-    <!-- <monthWeek v-if="glassWeekShow" ref="monthWeek" :product="false" :params="listQuery" />
-    <proMonth v-if="proWeekShow" ref="proMonth" :product="false" :params="listQuery" /> -->
   </div>
 </template>
 
 <script>
-// import monthWeek from '../glass/month.vue'
+import monthWeek from '../glass/month.vue'
-// import proMonth from '../productionMonthReport/index.vue'
+import proMonth from '../productionMonthReport/index.vue'
-import { productionMonthY } from '@/api/report/glass';
+import { parseTime } from '../../core/mixins/code-filter';
-import { parseTime } from '../../core/mixins/code-filter'
-import FileSaver from 'file-saver'
-import * as XLSX from 'xlsx/xlsx.mjs'
-import tableHeightMixin from '@/mixins/lb/tableHeightMixin';
 
 export default {
-  // components: { monthWeek, proMonth },
+  components: { monthWeek, proMonth },
-  mixins: [tableHeightMixin],
   data() {
     return {
-      heightNum: 240,
       listQuery: {
-				time: parseTime(new Date())
+				// pageSize: 10,
+				// pageNo: 1,
+				// total: 0,
+				reportType: 4,
+				reportTime: []
       },
-      // startTimeStamp: '',
+      startTimeStamp: '',
-      // endTimeStamp: '',
+      endTimeStamp: '',
-      // reportTime: '',
+      reportTime: '',
-      // glassWeekShow: false,
+      glassWeekShow: false,
-      // proWeekShow: false,
+      proWeekShow: false
-      tableData: [],
-			tableProps: [
-        {
-          prop: 'lineName',
-          label: ''
-        },
-        {
-          prop: 'paramsName',
-          label: ''
-        }
-      ],
-      resData: []
     }
   },
   created() {
-    // this.getCurrentMonthFirst()
+    this.getCurrentMonthFirst()
-    // this.glassWeekShow = true
+    this.glassWeekShow = true
-    // this.proWeekShow = true
+    this.proWeekShow = true
-  },
-  mounted() {
-    this.getList()
   },
   methods: {
-    /** 合并table列的规则 */
+    getCurrentMonthFirst() {
-		mergeColumnHandler({ row, column, rowIndex, columnIndex }) {
+      const date = new Date();
-			// if (columnIndex == 0 || columnIndex == 1) {
+      date.setDate(1);
-			// 	if (this.spanInfo[rowIndex]) {
+      this.reportTime = date
-			// 		return [
+      // console.log(date)
-			// 			this.spanInfo[rowIndex], // row span
+      this.changeTime(date)
-			// 			1, // col span
+      // console.log(date.valueOf());
-			// 		];
-			// 	} else {
-			// 		return [0, 0];
-			// 	}
-			// }
-		},
-    async getList() {
-      this.tableData = []
-      this.tableProps = [
-        {
-          prop: 'lineName',
-          label: ''
-        },
-        {
-          prop: 'paramsName',
-          label: ''
-        }
-      ]
-      await productionMonthY(this.listQuery).then(res => {
-        this.resData = res.data
-        // 设置表头
-        Object.keys(this.resData).forEach(item => {
-          this.tableProps.push({
-            prop: item,
-            label: item,
-            'show-overflow-tooltip': true
-          })
-        })
-        this.buildTableData()
-      })
-    },
-    // 设置表格数据
-    buildTableData() {
-      const temp = Object.values(this.resData)
-      console.log('temp', temp)
-      const dataArray = []
-      // Object.entries(this.resData).forEach(en => {
-      //   console.log('你好', en)
-        // const date = en[0]
-        // let valueArray = []
-        // Object.entries(en[1]).forEach((values, sequence) => {
-        //   let yValue = {}
-        //   yValue['line'] = values[0]
-        //   Object.entries(values[1]).forEach((lastV, index) => {
-        //     console.log(lastV)
-        //     const tempValue = {}
-        //     if (values[0] === yValue['line']) {
-        //       tempValue[values[0]] = lastV[1]
-        //     }
-        //     valueArray.push(tempValue)
-        //   })
-        //   yValue[date+'-'+sequence] = valueArray
-        //   dataArray.push(yValue)
-        // })
-      // })
-      // for (let key in temp) {
-      //   console.log('你好', temp[key])
-      // }
-      // 产线
-      Object.keys(temp[0]).forEach(item => {
-        // 规格循环
-        Object.keys(Object.values(temp[0])[0]).forEach(it => {
-          const row = {
-            lineName: item,
-            paramsName: it
-          }
-          this.tableData.push(row)
-        })
-      })
     },
     handleExport() {
-      const xlsxParam = { raw: true }
+      this.$nextTick(() => {
-      let workbook = XLSX.utils.book_new()
+        this.$refs['monthWeek'].handleExport()
-      var ws = XLSX.utils.table_to_sheet( document.querySelector('#exportTable'), xlsxParam)
+        this.$refs['proMonth'].handleExport()
-      XLSX.utils.book_append_sheet(workbook, ws, '许昌安彩月原片生产汇总')
+      })
-      var prows = XLSX.utils.table_to_sheet( document.querySelector('#exportproductionTable'), xlsxParam)
-      XLSX.utils.book_append_sheet(workbook, prows, '许昌安彩月成品生产汇总')
-      let fileName = '生产数据汇总表-月报.xlsx';
-      var wbout = XLSX.write(workbook, {
-        bookType: 'xlsx',
-        bookSST: true,
-        type: 'array',
-      });
-      try {
-        FileSaver.saveAs(
-          new Blob([wbout], { type: 'application/octet-stream' }),
-          fileName
-        );
-        this.$message.success('导出成功');
-      } catch (e) {
-        if (typeof console !== 'undefined') console.log(e, wbout);
-      }
-      return wbout;
     },
-    handleEmitFun(payload) {
+    search() {
-			console.log('payload', payload);
+      this.$nextTick(() => {
+        this.$refs['monthWeek'].getDataList()
+        this.$refs['proMonth'].getDataList()
+      })
+    },
+    changeTime(val) {
+      console.log(val)
+			if(val) {
+					const timeStamp = val.getMonth(); //标准时间转为时间戳，毫秒级别
+					const fullyear = val.getFullYear()
+					let days = 0
+					switch (timeStamp) {
+            case 0:
+            case 2:
+            case 4:
+            case 6:
+            case 7:
+            case 9:
+            case 11:
+							days = 31
+							break
+            case 3:
+            case 4:
+            case 8:
+            case 10:
+							days = 30
+							break
+						case 1:
+							if ((fullyear % 400 === 0) || (fullyear % 4 === 0 && fullyear % 100 !== 0)) {
+								days = 29
+							} else {
+								days = 28
+              }
+              break
+					}
+        this.startTimeStamp = this.timeFun(new Date(fullyear, timeStamp, 1, 7, 0, 1).getTime()); //开始时间
+        this.endTimeStamp = this.timeFun(new Date(fullyear, timeStamp, days, 7, 0, 0).getTime()); //结束时间
+					console.log(this.startTimeStamp, this.endTimeStamp)
+        this.listQuery.reportTime[0] = parseTime(new Date(fullyear, timeStamp, 1, 7, 0, 1).getTime()) //+ ' 00:00:00' //new Date(this.startTimeStamp + ' 00:00:00').getTime() / 1000
+					this.listQuery.reportTime[1] = parseTime(new Date(fullyear, timeStamp, days, 7, 0, 0).getTime()) //+ ' 23:59:59' //new Date(this.endTimeStamp + ' 23:59:59').getTime() / 1000
+			} else {
+					this.listQuery.reportTime = []
+			}
+		},
+    //时间戳转为yy-mm-dd hh:mm:ss
+		timeFun(unixtimestamp) {
+				var unixtimestamp = new Date(unixtimestamp);
+				var year = 1900 + unixtimestamp.getYear();
+				var month = "0" + (unixtimestamp.getMonth() + 1);
+				var date = "0" + unixtimestamp.getDate();
+				return year + "-" + month.substring(month.length - 2, month.length) + "-" + date.substring(date.length - 2, date.length)
 		}
   }
 }
@@ -186,7 +125,7 @@ export default {
 
 <style scoped>
 .weekly {
-  padding: 16px;
+  padding-top: 16px;
 }
 .blueTip::before{
   display: inline-block;

src/views/report/Product/weekly.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: Do not edit
  * @Date: 2024-04-22 15:49:56
- * @LastEditTime: 2024-04-24 15:28:44
+ * @LastEditTime: 2024-04-23 15:43:36
  * @LastEditors: DY
  * @Description: 
 -->
@@ -28,9 +28,7 @@
 <script>
 import glassWeek from '../glass/weekly.vue'
 import proWeek from '../productionWeekReport/index.vue'
-import { parseTime } from '../../core/mixins/code-filter'
+import { parseTime } from '../../core/mixins/code-filter';
-import FileSaver from 'file-saver'
-import * as XLSX from 'xlsx/xlsx.mjs'
 
 export default {
   components: { glassWeek, proWeek },
@@ -47,8 +45,7 @@ export default {
       endTimeStamp: '',
       reportTime: '',
       glassWeekShow: false,
-      proWeekShow: false,
+      proWeekShow: false
-      proTabaleData: []
     }
   },
   created() {
@@ -57,35 +54,11 @@ export default {
     this.proWeekShow = true
   },
   methods: {
-    // handleExport() {
-    //   this.$nextTick(() => {
-    //     this.$refs['glassWeek'].handleExport()
-    //     this.$refs['proWeek'].handleExport()
-    //   })
-    // },
     handleExport() {
-      const xlsxParam = { raw: true }
+      this.$nextTick(() => {
-      let workbook = XLSX.utils.book_new()
+        this.$refs['glassWeek'].handleExport()
-      var ws = XLSX.utils.table_to_sheet( document.querySelector('#exportTable'), xlsxParam)
+        this.$refs['proWeek'].handleExport()
-      XLSX.utils.book_append_sheet(workbook, ws, '许昌安彩周原片生产汇总')
+      })
-      var prows = XLSX.utils.table_to_sheet( document.querySelector('#exportproductionTable'), xlsxParam)
-      XLSX.utils.book_append_sheet(workbook, prows, '许昌安彩周成品生产汇总')
-      let fileName = '生产数据汇总表-周报.xlsx';
-      var wbout = XLSX.write(workbook, {
-        bookType: 'xlsx',
-        bookSST: true,
-        type: 'array',
-      });
-      try {
-        FileSaver.saveAs(
-          new Blob([wbout], { type: 'application/octet-stream' }),
-          fileName
-        );
-        this.$message.success('导出成功');
-      } catch (e) {
-        if (typeof console !== 'undefined') console.log(e, wbout);
-      }
-      return wbout;
     },
     search() {
       this.$nextTick(() => {

src/views/report/Product/year.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: Do not edit
  * @Date: 2024-04-22 15:49:56
- * @LastEditTime: 2024-04-24 15:49:32
+ * @LastEditTime: 2024-04-23 17:16:11
  * @LastEditors: DY
  * @Description: 
 -->
@@ -28,9 +28,7 @@
 <script>
 import glassYear from '../glass/year.vue'
 import proYear from '../productionYearReport/index.vue'
-import { parseTime } from '../../core/mixins/code-filter'
+import { parseTime } from '../../core/mixins/code-filter';
-import FileSaver from 'file-saver'
-import * as XLSX from 'xlsx/xlsx.mjs'
 
 export default {
   components: { glassYear, proYear },
@@ -57,28 +55,10 @@ export default {
   },
   methods: {
     handleExport() {
-      const xlsxParam = { raw: true }
+      this.$nextTick(() => {
-      let workbook = XLSX.utils.book_new()
+        this.$refs['glassYear'].handleExport()
-      var ws = XLSX.utils.table_to_sheet( document.querySelector('#exportTable'), xlsxParam)
+        this.$refs['proYear'].handleExport()
-      XLSX.utils.book_append_sheet(workbook, ws, '许昌安彩年原片生产汇总')
+      })
-      var prows = XLSX.utils.table_to_sheet( document.querySelector('#exportproductionTable'), xlsxParam)
-      XLSX.utils.book_append_sheet(workbook, prows, '许昌安彩年成品生产汇总')
-      let fileName = '生产数据汇总表-年报.xlsx';
-      var wbout = XLSX.write(workbook, {
-        bookType: 'xlsx',
-        bookSST: true,
-        type: 'array',
-      });
-      try {
-        FileSaver.saveAs(
-          new Blob([wbout], { type: 'application/octet-stream' }),
-          fileName
-        );
-        this.$message.success('导出成功');
-      } catch (e) {
-        if (typeof console !== 'undefined') console.log(e, wbout);
-      }
-      return wbout;
     },
     search() {
       this.$nextTick(() => {

src/views/report/ingredientReport/day.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: zhp
  * @Date: 2024-04-18 14:08:46
- * @LastEditTime: 2024-04-24 13:52:45
+ * @LastEditTime: 2024-04-23 16:18:27
  * @LastEditors: zhp
  * @Description:
 -->
@@ -25,20 +25,18 @@
     </el-table> -->
 
     <el-table class="baseTable" :span-method="objectSpanMethod" :data="tableData" style="width: 100%">
-      <el-table-column align="center" prop="" label="配料日报" width="120">
+      <el-table-column label="原料样式" align="right" width="150">
-        <el-table-column label="原料样式" align="right" width="150">
+        <el-table-column prop="className" label="时间" width="120">
-          <el-table-column  prop="className" label="时间" width="120">
-          </el-table-column>
         </el-table-column>
-        <el-table-column align="center" prop="putType" label="" width="180">
+      </el-table-column>
-        </el-table-column>
+      <el-table-column prop="putType" label="" width="180">
-        <!-- <el-table-column prop label="参考标准及评价方法">
+      </el-table-column>
+      <!-- <el-table-column prop label="参考标准及评价方法">
         <el-table-column prop="activityName"></el-table-column>
         <el-table-column prop="message"></el-table-column>
       </el-table-column> -->
-        <el-table-column align="center" style="text-align: center;" v-for="(item,index) in codeList " :prop="item"
+      <el-table-column style="text-align: center;" v-for="(item,index) in codeList " :prop="item" :label="item">
-          :label="item">
+        <!-- <template slot-scope="scope">
-          <!-- <template slot-scope="scope">
           <el-col :span="12">
             {{ codeList[index] }}
           </el-col>
@@ -51,7 +49,6 @@
             </el-col>
           </el-row>
         </template> -->
-        </el-table-column>
       </el-table-column>
     </el-table>
     <!-- <pagination :limit.sync="listQuery.pageSize" :page.sync="listQuery.pageNo" :total="listQuery.total"
@@ -148,7 +145,7 @@ export default {
           endPlaceholder: '结束时间',
           param: 'checkTime',
           defaultSelect: [Date.now() - 24 * 60 * 60 - 1000, Date.now()],
-          width: 350
+          width: 250
         },
         {
           type:'button',
@@ -160,7 +157,7 @@ export default {
           type:'button',
           btnName: '导出',
           name: 'export',
-          color: 'primary',
+          color: 'success',
           plain: true
         },
       ],
@@ -215,7 +212,7 @@ export default {
       }
       }
       if (columnIndex === 1)  {
-        if (rowIndex %2 == 1) {
+        if (rowIndex === 1 || rowIndex === 3 || rowIndex === 5 || rowIndex === 7 || rowIndex === 9 || rowIndex === 11) {
           return {
             rowspan: 1,
             colspan: 2
@@ -223,7 +220,7 @@ export default {
         }
       }
       if (columnIndex === 4 || columnIndex === 5 || columnIndex === 6 || columnIndex === 7 || columnIndex === 8 || columnIndex === 9 || columnIndex === 10 || columnIndex === 11 || columnIndex === 12 || columnIndex === 13) {
-        if (rowIndex % 2 == 0) {
+        if (rowIndex === 0 || rowIndex === 2 || rowIndex === 4 || rowIndex === 6 || rowIndex === 8 || rowIndex === 10) {
           return {
             rowspan: 2,
             colspan: 1
@@ -255,7 +252,7 @@ export default {
             //返回一个新创建的 Blob 对象，其内容由参数中给定的数组串联组成。
             new Blob([wbout], { type: "application/octet-stream" }),
             //设置导出文件名称
-            "切割堆垛日报表.xlsx"
+            "原片各线堆垛表.xlsx"
           );
         } catch (e) {
           if (typeof console !== "undefined") console.log(e, wbout);
@@ -561,13 +558,11 @@ export default {
   background: none;
 }
 
-/* ::v-deep.el-table thead.is-group tr:first-of-type th:first-of-type {
+::v-deep.el-table thead.is-group tr:first-of-type th:first-of-type {
-  border-bottom: none;
-} */
-::v-deep.el-table thead.is-group tr:nth-child(2) th:nth-child(1) {
   border-bottom: none;
 }
-::v-deep.el-table thead.is-group tr:nth-child(2) th:first-of-type:before {
+
+::v-deep.el-table thead.is-group tr:first-of-type th:first-of-type:before {
   content: '';
   position: absolute;
   width: 1px;
@@ -583,7 +578,7 @@ export default {
   transform-origin: top;
 }
 
-::v-deep.el-table thead.is-group tr:nth-child(3) th:first-of-type:before {
+::v-deep.el-table thead.is-group tr:last-of-type th:first-of-type:before {
   content: '';
   position: absolute;
   width: 1px;

src/views/report/productionMonthReport/index.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: zhp
  * @Date: 2023-12-12 13:45:25
- * @LastEditTime: 2024-04-24 15:27:49
+ * @LastEditTime: 2024-04-23 16:58:06
  * @LastEditors: DY
  * @Description:
 -->
@@ -26,7 +26,7 @@
         <el-button size="small" v-if="isSave" @click="saveDataList()">保存</el-button>
       </el-row>
     </div>
-    <el-table id="exportproductionTable" :data="list" style="width: 100%" :header-cell-style="{
+    <el-table id="exportTable" :data="list" style="width: 100%" :header-cell-style="{
       background: '#F2F4F9',
       color: '#606266'
     }">
@@ -496,7 +496,7 @@ export default {
       /* 从表生成工作簿对象 */
       import('xlsx').then(excel => {
         var wb = excel.utils.table_to_book(
-          document.querySelector("#exportproductionTable"),
+          document.querySelector("#exportTable"),
           xlsxParam
         );
         /* 获取二进制字符串作为输出 */

src/views/report/productionWeekReport/index.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: zhp
  * @Date: 2023-12-12 13:45:25
- * @LastEditTime: 2024-04-24 15:29:21
+ * @LastEditTime: 2024-04-23 16:58:12
  * @LastEditors: DY
  * @Description:
 -->
@@ -28,7 +28,7 @@
         <el-button size="small" v-if="isSave" @click="saveDataList()">保存</el-button>
       </el-row>
     </div>
-    <el-table id="exportproductionTable" :data="list" style="width: 100%" :header-cell-style="{
+    <el-table id="exportTable" :data="list" style="width: 100%" :header-cell-style="{
       background: '#F2F4F9',
       color: '#606266'
     }">
@@ -517,7 +517,7 @@ export default {
       /* 从表生成工作簿对象 */
       import('xlsx').then(excel => {
         var wb = excel.utils.table_to_book(
-          document.querySelector("#exportproductionTable"),
+          document.querySelector("#exportTable"),
           xlsxParam
         );
         /* 获取二进制字符串作为输出 */

src/views/report/productionYearReport/index.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: zhp
  * @Date: 2023-12-12 13:45:25
- * @LastEditTime: 2024-04-24 15:28:10
+ * @LastEditTime: 2024-04-23 17:21:04
  * @LastEditors: DY
  * @Description:
 -->
@@ -30,7 +30,7 @@
         <el-button size="small" v-if="isSave" @click="saveDataList()">保存</el-button>
       </el-row>
     </div>
-    <el-table id="exportproductionTable" :data="list" style="width: 100%" :header-cell-style="{
+    <el-table id="exportTable" :data="list" style="width: 100%" :header-cell-style="{
       background: '#F2F4F9',
       color: '#606266'
     }">
@@ -452,7 +452,7 @@ export default {
       /* 从表生成工作簿对象 */
       import('xlsx').then(excel => {
         var wb = excel.utils.table_to_book(
-          document.querySelector("#exportproductionTable"),
+          document.querySelector("#exportTable"),
           xlsxParam
         );
         /* 获取二进制字符串作为输出 */

src/views/report/qcReport/cutDayReport/index.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: zhp
  * @Date: 2024-04-18 10:01:33
- * @LastEditTime: 2024-04-24 09:34:36
+ * @LastEditTime: 2024-04-23 15:15:22
  * @LastEditors: zhp
  * @Description:
 -->
@@ -41,7 +41,6 @@ import {
 } from '@/api/report/qcReport';
 import tableHeightMixin from '@/mixins/lb/tableHeightMixin';
 import FileSaver from 'file-saver'
-import { parseTime } from '../../../core/mixins/code-filter';
 // import { getList, } from "@/api/base/qualityScrapType";
 const tableProps = [
   // {
@@ -71,7 +70,7 @@ const tableProps = [
       },
       {
         prop: 'thickness',
-        label: '厚度mm'
+        label: '厚度'
       },
       {
         prop: 'glassCode',
@@ -80,9 +79,7 @@ const tableProps = [
       {
         prop: 'stackingType',
         label: '堆垛方式',
-        // filter: (val) =>
+        filter: (val) => val == 1 ? '集装架' : '堵头箱',
-        //   val != null ? ['集装架', '堵头箱'][val] : '',
-        // filter: ((val) => { val == 1 ? '集装架' : '堵头箱' }),
       },
       {
         prop: 'pieces',
@@ -98,16 +95,16 @@ const tableProps = [
       },
       {
         prop: 'dusting',
-        label: '喷粉情况',
+        label: '堆垛情况',
       },
       {
         prop: 'palletNumber',
-        label: '集装架号',
+        label: '堆垛时间',
       },
       {
-        prop: 'remark',
+        prop: 'endTime',
-        label: '备注',
+        label: '集装架号',
-      }
+      },
     ]
   }
 ];
@@ -321,23 +318,7 @@ export default {
         //   //   console.log();
         //   // }
         // })
-        this.tableData = response.data.map((ele) => {
+        this.tableData = response.data
-          return {
-            lineName: ele.lineName,
-            className: ele.className,
-            groupName: ele.groupName,
-            size: ele.size,
-            thickness: ele.thickness,
-            glassCode: ele.glassCode,
-            stackingType: ele.stackingType == 1 ? '集装架' : '堵头箱',
-            pieces: ele.pieces,
-            originCode: ele.originCode,
-            endTime: parseTime(ele.endTime),
-            dusting: ele.dusting,
-            palletNumber: ele.palletNumber,
-            remark:ele.remark
-          }
-        })
         // let obj = {}
         // response.data.reduce((prev, curr) => {
         //   console.log(prev, curr)
@@ -424,12 +405,12 @@ export default {
   },
 };
 </script>
-<style scoped>
+<style>
-::v-deep.baseTable .el-table__body tr.current-row>td.el-table__cell {
+.baseTable .el-table__body tr.current-row>td.el-table__cell {
   background-color: #EAF1FC;
 }
 
-::v-deep .baseTable .el-table .el-table__cell {
+.baseTable .el-table .el-table__cell {
   padding: 0;
   height: 35px;
 }

src/views/report/qcReport/fullInspection/index.vue

@@ -1,14 +1,14 @@
 <!--
  * @Author: zhp
  * @Date: 2024-04-18 14:08:46
- * @LastEditTime: 2024-04-24 14:41:01
+ * @LastEditTime: 2024-04-23 15:08:44
  * @LastEditors: zhp
  * @Description:
 -->
 <template>
   <div class="app-container">
     <el-form :model="listQuery" :inline="true" ref="dataForm" class="blueTip">
-      <el-form-item label="时间" prop="startTime">
+      <el-form-item label="日" prop="startTime">
         <el-date-picker v-model="listQuery.startTime" value-format="timestamp" type="date" placeholder="选择日期">
         </el-date-picker>
       </el-form-item>
@@ -61,12 +61,7 @@
       </el-table-column>
       <div slot="append" v-if="this.tableData.length != 0" style="text-align: center">
         <!--在此处添加你想要插入在表格最后一行的内容-->
-        <el-col :span="8">
+
-          人工监测人员
-        </el-col>
-        <el-col :span="8">
-          <!-- {{  }} -->
-        </el-col>
         <el-col :span="8">
           合计
         </el-col>
@@ -210,7 +205,7 @@ export default {
           prop: 'num11'
         },
         {
-          label: '不良合计',
+          label: '合计',
           prop: 'sum'
         }
       ],
@@ -239,7 +234,7 @@ export default {
           type: 'button',
           btnName: '导出',
           name: 'export',
-          color: 'primary',
+          color: 'success',
           plain: true
         },
       ],
@@ -310,9 +305,8 @@ export default {
       return y + '-' + m + '-' + d + ' ' + h + ':' + minute + ':' + second;
     },
     handleGetClass(e) {
-      let str = this.listQuery.startTime
+
-      // console.log(str);
+      this.listQuery.startTime = new Date(new Date().setHours(0, 7, 0, 0)).getTime()
-      this.listQuery.startTime = new Date(new Date(str).setHours(0, 7, 0, 0)).getTime()
       // console.log(startTime1)
       this.codeList = []
       if (e === '早班查询') {
@@ -366,7 +360,7 @@ export default {
             prop: 'num11'
           },
           {
-            label: '不良合计',
+            label: '合计',
             prop: 'sum'
           }
         ]
@@ -375,9 +369,8 @@ export default {
         ])
         this.getDataList()
       } else {
-        let str = this.listQuery.startTime
+        // this.codeList = []
-        // console.log(str);
+        this.listQuery.startTime = new Date(new Date().setHours(1, 9, 0, 0)).getTime()
-        this.listQuery.startTime = new Date(new Date(str).setHours(0, 7, 0, 0)).getTime()
        let  arr = [
           {
            label: '19:00',
@@ -429,7 +422,7 @@ export default {
             prop: 'num11'
          },
          {
-           label: '不良合计',
+           label: '合计',
            prop: 'sum'
          }
         ]
@@ -484,15 +477,6 @@ export default {
     // },
     // 获取数据列表
     getDataList() {
-      if (this.radio === '晚班查询') {
-        let str = this.listQuery.startTime
-        // console.log(str);
-        this.listQuery.startTime = new Date(new Date(str).setHours(1, 9, 0, 0)).getTime()
-      } else {
-        let str = this.listQuery.startTime
-        // console.log(str);
-        this.listQuery.startTime = new Date(new Date(str).setHours(0, 7, 0, 0)).getTime()
-      }
       this.dataListLoading = true;
       // this.listQuery.startTime = '1713197388000';
       // this.listQuery.endTime = '1713254961000';

src/views/report/qcReport/lineReport.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: zhp
  * @Date: 2024-04-18 10:01:33
- * @LastEditTime: 2024-04-24 09:56:20
+ * @LastEditTime: 2024-04-23 15:15:45
  * @LastEditors: zhp
  * @Description:
 -->
@@ -11,10 +11,9 @@
     <el-table :header-cell-style="{
       background: '#F2F4F9',
       color: '#606266'
-    }" class="baseTable" border :max-height="tableH" id="exportTable" :data="tableData" style="width: 100%"
+    }" class="baseTable" :max-height="tableH" id="exportTable" :data="tableData" style="width: 100%"
       :span-method="objectSpanMethod">
-      <el-table-column :width="item.width" v-for="item in tableProps" :prop="item.prop" :label="item.label"
+      <el-table-column v-for="item in tableProps" :prop="item.prop" :label="item.label" align="center">
-        align="center">
       </el-table-column>
     </el-table>
     <!-- <pagination :limit.sync="listQuery.pageSize" :page.sync="listQuery.pageNo" :total="listQuery.total"
@@ -40,7 +39,6 @@ import {
   getOriginalLineDataList
 } from '@/api/report/qcReport';
 import tableHeightMixin from '@/mixins/lb/tableHeightMixin';
-import { width } from '@antv/x6-common/lib/dom/position';
 import FileSaver from 'file-saver'
 // import { getList, } from "@/api/base/qualityScrapType";
 const tableProps = [
@@ -51,13 +49,11 @@ const tableProps = [
   // },
   {
     prop: 'lineName',
-    label: '产线',
+    label: '产线'
-    width:'100'
   },
   {
     prop: 'equipmentName',
-    label: '',
+    label: ''
-    width: '200'
   },
   {
     prop: 'num',
@@ -126,7 +122,7 @@ export default {
           type: 'datePicker',
           label: '时间段',
           dateType: 'daterange',
-          // format: 'yyyy-MM-dd HH:mm:ss',
+          format: 'yyyy-MM-dd HH:mm:ss',
           valueFormat: "timestamp",
           rangeSeparator: '-',
           startPlaceholder: '开始时间',
@@ -158,7 +154,7 @@ export default {
           type:'button',
           btnName: '导出',
           name: 'export',
-          color: 'primary',
+          color: 'success',
           plain: true
         },
       ],

src/views/report/qcReport/optimizeCutData.vue

@@ -1,19 +1,19 @@
 <!--
  * @Author: zhp
  * @Date: 2024-04-18 15:07:53
- * @LastEditTime: 2024-04-24 09:58:07
+ * @LastEditTime: 2024-04-23 15:15:52
  * @LastEditors: zhp
  * @Description:
 -->
 <template>
   <div class="app-container">
     <search-bar :formConfigs="formConfig" ref="searchBarForm" @headBtnClick="buttonClick" />
-    <el-table :header-cell-style="{
+    <el-table show-summary :header-cell-style="{
       background: '#F2F4F9',
       color: '#606266'
-    }" class="baseTable" border id="exportTable" :data="tableData" style="width: 100%" :span-method="objectSpanMethod">
+    }" class="baseTable" :max-height="tableH" id="exportTable" :data="tableData" style="width: 100%"
-      <el-table-column :width="item.width" v-for="item in tableProps" :prop="item.prop" :label="item.label"
+      :span-method="objectSpanMethod">
-        align="center">
+      <el-table-column v-for="item in tableProps" :prop="item.prop" :label="item.label" align="center">
       </el-table-column>
     </el-table>
     <!-- <pagination :limit.sync="listQuery.pageSize" :page.sync="listQuery.pageNo" :total="listQuery.total"
@@ -49,13 +49,11 @@ const tableProps = [
   // },
   {
     prop: 'lineName',
-    label: '产线',
+    label: '产线'
-    width:'150',
   },
   {
     prop: 'dataType',
-    label: '',
+    label: ''
-    width: '150',
   },
   {
     prop: 'type',
@@ -71,7 +69,7 @@ const tableProps = [
   },
   {
     prop: 'rate',
-    label: '占比%',
+    label: '占比',
     // filter: (val) => val == false ? '不合格' : '合格',
   },
   // {
@@ -123,7 +121,7 @@ export default {
           type: 'datePicker',
           label: '时间段',
           dateType: 'daterange',
-          // format: 'yyyy-MM-dd HH:mm:ss',
+          format: 'yyyy-MM-dd HH:mm:ss',
           valueFormat: "timestamp",
           rangeSeparator: '-',
           startPlaceholder: '开始时间',
@@ -155,7 +153,7 @@ export default {
           type:'button',
           btnName: '导出',
           name: 'export',
-          color: 'primary',
+          color: 'success',
           plain: true
         },
       ],
@@ -181,6 +179,34 @@ export default {
       console.log(res)
       this.formConfig[1].selectOptions = res.data
     },
+    getSummaries(param) {
+      console.log(columns)
+
+      const { columns, data } = param;
+      const sums = [];
+      columns.forEach((column, index) => {
+        if (index === 0) {
+          sums[index] = '合计';
+          return;
+        }
+        const values = data.map(item => Number(item[column.property]));
+        if (!values.every(value => isNaN(value))) {
+          sums[index] = values.reduce((prev, curr) => {
+            const value = Number(curr);
+            if (!isNaN(value)) {
+              return prev + curr;
+            } else {
+              return prev;
+            }
+          }, 0);
+          sums[index] += ' ';
+        } else {
+          sums[index] = '-';
+        }
+      });
+
+      return sums;
+    },
     objectSpanMethod({ row, column, rowIndex, columnIndex }) {
       let spanOneArr = [], concatOne = 0;
       let spanTwoArr = [], concatTwo = 0;
@@ -250,7 +276,7 @@ export default {
             //返回一个新创建的 Blob 对象，其内容由参数中给定的数组串联组成。
             new Blob([wbout], { type: "application/octet-stream" }),
             //设置导出文件名称
-            "原片各线优化切割堆垛表.xlsx"
+            "原片各线堆垛表.xlsx"
           );
         } catch (e) {
           if (typeof console !== "undefined") console.log(e, wbout);
@@ -293,7 +319,7 @@ export default {
             type: ele.type,
             pieces: ele.pieces,
             area: ele.area,
-            rate: (ele.rate * 100).toFixed(2)
+            rate: ele.rate
             // useNum: ele.useNum,
             // num: ele.num,
             // size: typeof (ele.size)
@@ -386,14 +412,13 @@ export default {
   },
 };
 </script>
-<style scoped>
+<style>
-::v-deep.baseTable .el-table__body tr.current-row>td.el-table__cell {
+.baseTable .el-table__body tr.current-row>td.el-table__cell {
   background-color: #EAF1FC;
 }
 
-::v-deep .baseTable .el-table .el-table__cell {
+.baseTable .el-table .el-table__cell {
   padding: 0;
   height: 35px;
 }
-
 </style>

src/websocket/wsInterface.js

@@ -111,10 +111,7 @@ const mesEN = new WsConnect(
     if (msgData == null) return;
     switch (msgData?.type) {
       case "EnergyInfo": {
-        let keys = Object.keys(msgData.data)
+        store.dispatch({ type: "websocket/setEnergyInfo", payload: msgData.data })
-        if (keys.includes('elecQty1') || keys.includes('waterQty')) {
-          store.dispatch({ type: "websocket/setEnergyInfo", payload: msgData.data })
-        }
         break;
       }
       case "EnergyTrend": {