.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

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/report/Product/monthly.vue

@@ -1,244 +1,141 @@
 <!--
  * @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: 
 -->
 <template>
-	<div class="weekly">
+  <div class="weekly">
-		<el-form
+    <el-form :inline="true" :model="listQuery" class="blueTip">
-			:inline="true"
+      <el-form-item label="月" prop="reportTime">
-			:model="listQuery"
+        <el-date-picker v-model="reportTime" type="month" size="small" @change="changeTime" placeholder="选择月">
-			class="blueTip">
+        </el-date-picker>
-			<el-form-item
+      </el-form-item>
-				label="月"
+      <el-button v-if="this.$auth.hasPermi('base:report-auto-production:query')" type="primary" size="small" @click="search()">
-				prop="reportTime">
+        查询
-				<el-date-picker
+      </el-button>
-					v-model="listQuery.time"
+      <el-button v-if="this.$auth.hasPermiAnd(['base:report-auto-original-glass:export', 'base:report-auto-production:export'])" type="primary" size="small" plain
-					value-format="yyyy-MM-dd HH:mm:ss"
+        @click="handleExport">导出</el-button>
-					type="month"
+    </el-form>
-					size="small"
+    <monthWeek v-if="glassWeekShow" ref="monthWeek" :product="false" :params="listQuery" />
-					placeholder="选择月"></el-date-picker>
+    <proMonth v-if="proWeekShow" ref="proMonth" :product="false" :params="listQuery" />
-			</el-form-item>
+  </div>
-			<el-button
-				v-if="this.$auth.hasPermi('base:report-auto-production:query')"
-				type="primary"
-				size="small"
-				@click="getList">
-				查询
-			</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
-			:table-props="tableProps"
-			:table-data="tableData"
-			:span-method="objectSpanMethod1"
-			@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 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() {
-	data() {
+    return {
-		return {
+      listQuery: {
-			heightNum: 240,
+				// pageSize: 10,
-			listQuery: {
+				// pageNo: 1,
-				time: parseTime(new Date()),
+				// total: 0,
-			},
+				reportType: 4,
-			// startTimeStamp: '',
+				reportTime: []
-			// endTimeStamp: '',
+      },
-			// reportTime: '',
+      startTimeStamp: '',
-			// glassWeekShow: false,
+      endTimeStamp: '',
-			// proWeekShow: false,
+      reportTime: '',
-			tableData: [],
+      glassWeekShow: false,
-			tableProps: [
+      proWeekShow: false
-				{
+    }
-					prop: 'lineName',
+  },
-					label: '',
+  created() {
-				},
+    this.getCurrentMonthFirst()
-				{
+    this.glassWeekShow = true
-					prop: 'paramsName',
+    this.proWeekShow = true
-					label: '',
+  },
-				},
+  methods: {
-			],
+    getCurrentMonthFirst() {
-			resData: [],
+      const date = new Date();
-			span1: [], //表格1的合并规则
+      date.setDate(1);
-		};
+      this.reportTime = date
-	},
+      // console.log(date)
-	created() {
+      this.changeTime(date)
-		// this.getCurrentMonthFirst()
+      // console.log(date.valueOf());
-		// this.glassWeekShow = true
+    },
-		// this.proWeekShow = true
+    handleExport() {
-	},
+      this.$nextTick(() => {
-	mounted() {
+        this.$refs['monthWeek'].handleExport()
-		this.getList();
+        this.$refs['proMonth'].handleExport()
-	},
+      })
-	methods: {
+    },
-		async getList() {
+    search() {
-			this.tableData = [];
+      this.$nextTick(() => {
-			this.tableProps = [
+        this.$refs['monthWeek'].getDataList()
-				{
+        this.$refs['proMonth'].getDataList()
-					prop: 'lineName',
+      })
-					label: '',
+    },
-					fixed: true,
+    changeTime(val) {
-				},
+      console.log(val)
-				{
+			if(val) {
-					prop: 'paramsName',
+					const timeStamp = val.getMonth(); //标准时间转为时间戳，毫秒级别
-					label: '',
+					const fullyear = val.getFullYear()
-					fixed: true,
+					let days = 0
-				},
+					switch (timeStamp) {
-			];
+            case 0:
-			await productionMonthY(this.listQuery).then((res) => {
+            case 2:
-				this.resData = res.data;
+            case 4:
-				// 设置表头
+            case 6:
-				Object.keys(this.resData).forEach((item) => {
+            case 7:
-					this.tableProps.push({
+            case 9:
-						prop: item,
+            case 11:
-						label: item,
+							days = 31
-						'show-overflow-tooltip': true,
+							break
-					});
+            case 3:
-				});
+            case 4:
-				this.buildTableData(this.resData);
+            case 8:
-			});
+            case 10:
-		},
+							days = 30
-		// 设置表格数据
+							break
-		buildTableData(data) {
+						case 1:
-			let keys = Object.keys(data);
+							if ((fullyear % 400 === 0) || (fullyear % 4 === 0 && fullyear % 100 !== 0)) {
-			let tempData = [];
+								days = 29
-			let subKeys = Object.keys(data[keys[0]]);
+							} else {
-			let sub2Keys = Object.keys(data[keys[0]][subKeys[0]]);
+								days = 28
-			for (let i = 0; i < keys.length; i++) {
+              }
-				if (i === 0) {
+              break
-					for (let j = 0; j < subKeys.length; j++) {
-						for (let k = 0; k < sub2Keys.length; k++) {
-							let obj = {};
-							obj.lineName = subKeys[j];
-							obj.paramsName = sub2Keys[k];
-							obj[keys[0]] = data[keys[0]][subKeys[j]][sub2Keys[k]];
-							tempData.push(obj);
-						}
 					}
-				} else {
+        this.startTimeStamp = this.timeFun(new Date(fullyear, timeStamp, 1, 7, 0, 1).getTime()); //开始时间
-					for (let j = 0; j < subKeys.length; j++) {
+        this.endTimeStamp = this.timeFun(new Date(fullyear, timeStamp, days, 7, 0, 0).getTime()); //结束时间
-						for (let k = 0; k < sub2Keys.length; k++) {
+					console.log(this.startTimeStamp, this.endTimeStamp)
-							for (let v = 0; v < tempData.length; v++) {
+        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
-								if (
+					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
-									tempData[v].lineName === subKeys[j] &&
+			} else {
-									tempData[v].paramsName === sub2Keys[k]
+					this.listQuery.reportTime = []
-								) {
-									tempData[v][keys[i]] = data[keys[i]][subKeys[j]][sub2Keys[k]];
-								}
-							}
-						}
-					}
-				}
-			}
-			this.tableData = tempData;
-			this.getSpanArr(this.tableData);
-		},
-		// 获取合并行
-		getSpanArr(data) {
-			this.span1 = [];
-			for (var i = 0; i < data.length; i++) {
-				if (i === 0) {
-					this.span1.push(1);
-					this.index = 0;
-				} else {
-					if (data[i].lineName === data[i - 1].lineName) {
-						this.span1[this.index] += 1;
-						this.span1.push(0);
-					} else {
-						this.span1.push(1);
-						this.index = i;
-					}
-				}
 			}
 		},
-		objectSpanMethod1({ rowIndex, columnIndex }) {
+    //时间戳转为yy-mm-dd hh:mm:ss
-			if (columnIndex === 0) {
+		timeFun(unixtimestamp) {
-				const _row = this.span1[rowIndex];
+				var unixtimestamp = new Date(unixtimestamp);
-				return {
+				var year = 1900 + unixtimestamp.getYear();
-					rowspan: _row,
+				var month = "0" + (unixtimestamp.getMonth() + 1);
-					colspan: 1,
+				var date = "0" + unixtimestamp.getDate();
-				};
+				return year + "-" + month.substring(month.length - 2, month.length) + "-" + date.substring(date.length - 2, date.length)
-			}
+		}
-		},
+  }
-		handleExport() {
+}
-			const xlsxParam = { raw: true };
-			let workbook = XLSX.utils.book_new();
-			var ws = XLSX.utils.table_to_sheet(
-				document.querySelector('#exportTable'),
-				xlsxParam
-			);
-			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) {
-			console.log('payload', payload);
-		},
-	},
-};
 </script>
 
 <style scoped>
 .weekly {
-	padding: 16px;
+  padding-top: 16px;
 }
-.blueTip::before {
+.blueTip::before{
-	display: inline-block;
+  display: inline-block;
-	content: '';
+  content: '';
-	width: 4px;
+  width: 4px;
-	height: 18px;
+  height: 18px;
-	background: #0b58ff;
+  background: #0B58FF;
-	border-radius: 1px;
+  border-radius: 1px;
-	margin-right: 8px;
+  margin-right: 8PX;
-	margin-top: 8px;
+  margin-top: 8px;
-	margin-left: 16px;
+  margin-left: 16px;
 }
 </style>

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/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
         );
         /* 获取二进制字符串作为输出 */