From fb74340f0feac48cec121e00cd78c0288bf73273 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=98937886381=E2=80=99?= <‘937886381@qq.com’> Date: Thu, 27 Jun 2024 13:58:58 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=BB=9A=E5=8A=A8=E6=9D=A1?= =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E5=8F=8A=E5=AF=BC=E5=87=BA?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../copilot/components/FactoryDataHeader.vue | 24 +++-- .../report/components/produceLineBar.vue | 36 +++++-- .../components/produceLineBarTarget.vue | 92 +++++++++--------- .../components/produceLineBarYearTarget.vue | 92 +++++++++--------- .../components/produceLineYieldBarTarget.vue | 93 +++++++++---------- 5 files changed, 182 insertions(+), 155 deletions(-) diff --git a/src/views/copilot/components/FactoryDataHeader.vue b/src/views/copilot/components/FactoryDataHeader.vue index f6d1bfc..ea1ab77 100644 --- a/src/views/copilot/components/FactoryDataHeader.vue +++ b/src/views/copilot/components/FactoryDataHeader.vue @@ -63,14 +63,22 @@ export default { computed: {}, methods: { handleExport() { - exportFactoryDataExcel({ - factoryId: this.companyId, - timeSelection: this.period === 1 ? 0 : this.period === 2 ? 1 : this.period === 3 ? 2 : 3, - compare: this.than === '同比' ? 1 : 2 - }).then(response => { - this.$download.excel(response, `${this.companyName}生产数据.xls`); - // this.exportLoading = false; - }).catch(() => { }); + if (this.period != 1) { + exportFactoryDataExcel({ + factoryId: this.companyId, + timeSelection: this.period === 1 ? 0 : this.period === 2 ? 1 : this.period === 3 ? 2 : 3, + compare: this.than === '同比' ? 1 : 2 + }).then(response => { + this.$download.excel(response, `${this.companyName}生产数据.xls`); + // this.exportLoading = false; + }).catch(() => { }); + } else { + this.$message({ + type: 'warning', + message: '为日的情况下没有导出功能', + }) + } + }, toggleFullScreen() { this.isFullscreen = !this.isFullscreen; diff --git a/src/views/report/components/produceLineBar.vue b/src/views/report/components/produceLineBar.vue index 47288f9..4c63c71 100644 --- a/src/views/report/components/produceLineBar.vue +++ b/src/views/report/components/produceLineBar.vue @@ -1,7 +1,7 @@ @@ -87,11 +87,32 @@ export default { // 设置滚动条类型 type: "slider", // 设置背景颜色 - backgroundColor: "rgb(19, 63, 100)", + backgroundColor: "#F7F7F7", + // handleStyle: { + // color: '#D6D6D6' + // }, + handleStyle: { + borderColor: '#EBEBEB', + color: '#EBEBEB' + }, + moveHandleStyle: { + borderColor: '#EBEBEB', + color: '#EBEBEB' + }, + emphasis: { + handleStyle: { + borderColor: '#D6D6D6', + color: '#D6D6D6' + }, + moveHandleStyle: { + borderColor: '#D6D6D6', + color: '#D6D6D6' + } + }, // 设置选中范围的填充颜色 - fillerColor: "rgb(16, 171, 198)", + fillerColor: "#F7F7F7", // 设置边框颜色 - borderColor: "rgb(19, 63, 100)", + borderColor: "#F7F7F7", // 是否显示detail，即拖拽时候显示详细数值信息 showDetail: false, // 数据窗口范围的起始数值 @@ -102,9 +123,9 @@ export default { // 即不会影响其他轴的数据范围 filterMode: "empty", // 设置滚动条宽度，相对于盒子宽度 - width: "50%", + width: "100%", // 设置滚动条高度 - height: 8, + height: 3, // 设置滚动条显示位置 left: "center", // 是否锁定选择区域（或叫做数据窗口）的大小 @@ -112,7 +133,7 @@ export default { // 控制手柄的尺寸 handleSize: 0, // dataZoom-slider组件离容器下侧的距离 - bottom: 3, + bottom: 14, }, { // 没有下面这块的话，只能拖动滚动条， @@ -124,7 +145,6 @@ export default { moveOnMouseMove: true, moveOnMouseWheel: true, }, - ], yAxis:undefined, series: [], diff --git a/src/views/report/components/produceLineBarTarget.vue b/src/views/report/components/produceLineBarTarget.vue index e0ef1cf..3105759 100644 --- a/src/views/report/components/produceLineBarTarget.vue +++ b/src/views/report/components/produceLineBarTarget.vue @@ -1,7 +1,7 @@ @@ -80,52 +80,52 @@ export default { type: "shadow", }, }, - dataZoom: [//滚动条 - { - // 设置滚动条的隐藏与显示 - show: true, - // 设置滚动条类型 - type: "slider", - // 设置背景颜色 - backgroundColor: "rgb(19, 63, 100)", - // 设置选中范围的填充颜色 - fillerColor: "rgb(16, 171, 198)", - // 设置边框颜色 - borderColor: "rgb(19, 63, 100)", - // 是否显示detail，即拖拽时候显示详细数值信息 - showDetail: false, - // 数据窗口范围的起始数值 - startValue: 0, - // 数据窗口范围的结束数值（一页显示多少条数据） - endValue: 5, - // empty：当前数据窗口外的数据，被设置为空。 - // 即不会影响其他轴的数据范围 - filterMode: "empty", - // 设置滚动条宽度，相对于盒子宽度 - width: "50%", - // 设置滚动条高度 - height: 8, - // 设置滚动条显示位置 - left: "center", - // 是否锁定选择区域（或叫做数据窗口）的大小 - zoomLoxk: true, - // 控制手柄的尺寸 - handleSize: 0, - // dataZoom-slider组件离容器下侧的距离 - bottom: 3, - }, - { - // 没有下面这块的话，只能拖动滚动条， - // 鼠标滚轮在区域内不能控制外部滚动条 - type: "inside", - // 滚轮是否触发缩放 - zoomOnMouseWheel: false, - // 鼠标滚轮触发滚动 - moveOnMouseMove: true, - moveOnMouseWheel: true, - }, + // dataZoom: [//滚动条 + // { + // // 设置滚动条的隐藏与显示 + // show: true, + // // 设置滚动条类型 + // type: "slider", + // // 设置背景颜色 + // backgroundColor: "rgb(19, 63, 100)", + // // 设置选中范围的填充颜色 + // fillerColor: "rgb(16, 171, 198)", + // // 设置边框颜色 + // borderColor: "rgb(19, 63, 100)", + // // 是否显示detail，即拖拽时候显示详细数值信息 + // showDetail: false, + // // 数据窗口范围的起始数值 + // startValue: 0, + // // 数据窗口范围的结束数值（一页显示多少条数据） + // endValue: 5, + // // empty：当前数据窗口外的数据，被设置为空。 + // // 即不会影响其他轴的数据范围 + // filterMode: "empty", + // // 设置滚动条宽度，相对于盒子宽度 + // width: "50%", + // // 设置滚动条高度 + // height: 8, + // // 设置滚动条显示位置 + // left: "center", + // // 是否锁定选择区域（或叫做数据窗口）的大小 + // zoomLoxk: true, + // // 控制手柄的尺寸 + // handleSize: 0, + // // dataZoom-slider组件离容器下侧的距离 + // bottom: 3, + // }, + // { + // // 没有下面这块的话，只能拖动滚动条， + // // 鼠标滚轮在区域内不能控制外部滚动条 + // type: "inside", + // // 滚轮是否触发缩放 + // zoomOnMouseWheel: false, + // // 鼠标滚轮触发滚动 + // moveOnMouseMove: true, + // moveOnMouseWheel: true, + // }, - ], + // ], yAxis:undefined, series: [], }, diff --git a/src/views/report/components/produceLineBarYearTarget.vue b/src/views/report/components/produceLineBarYearTarget.vue index a6e9681..8a947a8 100644 --- a/src/views/report/components/produceLineBarYearTarget.vue +++ b/src/views/report/components/produceLineBarYearTarget.vue @@ -1,7 +1,7 @@ @@ -80,52 +80,52 @@ export default { type: "shadow", }, }, - dataZoom: [//滚动条 - { - // 设置滚动条的隐藏与显示 - show: true, - // 设置滚动条类型 - type: "slider", - // 设置背景颜色 - backgroundColor: "rgb(19, 63, 100)", - // 设置选中范围的填充颜色 - fillerColor: "rgb(16, 171, 198)", - // 设置边框颜色 - borderColor: "rgb(19, 63, 100)", - // 是否显示detail，即拖拽时候显示详细数值信息 - showDetail: false, - // 数据窗口范围的起始数值 - startValue: 0, - // 数据窗口范围的结束数值（一页显示多少条数据） - endValue: 5, - // empty：当前数据窗口外的数据，被设置为空。 - // 即不会影响其他轴的数据范围 - filterMode: "empty", - // 设置滚动条宽度，相对于盒子宽度 - width: "50%", - // 设置滚动条高度 - height: 8, - // 设置滚动条显示位置 - left: "center", - // 是否锁定选择区域（或叫做数据窗口）的大小 - zoomLoxk: true, - // 控制手柄的尺寸 - handleSize: 0, - // dataZoom-slider组件离容器下侧的距离 - bottom: 3, - }, - { - // 没有下面这块的话，只能拖动滚动条， - // 鼠标滚轮在区域内不能控制外部滚动条 - type: "inside", - // 滚轮是否触发缩放 - zoomOnMouseWheel: false, - // 鼠标滚轮触发滚动 - moveOnMouseMove: true, - moveOnMouseWheel: true, - }, + // dataZoom: [//滚动条 + // { + // // 设置滚动条的隐藏与显示 + // show: true, + // // 设置滚动条类型 + // type: "slider", + // // 设置背景颜色 + // backgroundColor: "rgb(19, 63, 100)", + // // 设置选中范围的填充颜色 + // fillerColor: "rgb(16, 171, 198)", + // // 设置边框颜色 + // borderColor: "rgb(19, 63, 100)", + // // 是否显示detail，即拖拽时候显示详细数值信息 + // showDetail: false, + // // 数据窗口范围的起始数值 + // startValue: 0, + // // 数据窗口范围的结束数值（一页显示多少条数据） + // endValue: 5, + // // empty：当前数据窗口外的数据，被设置为空。 + // // 即不会影响其他轴的数据范围 + // filterMode: "empty", + // // 设置滚动条宽度，相对于盒子宽度 + // width: "50%", + // // 设置滚动条高度 + // height: 8, + // // 设置滚动条显示位置 + // left: "center", + // // 是否锁定选择区域（或叫做数据窗口）的大小 + // zoomLoxk: true, + // // 控制手柄的尺寸 + // handleSize: 0, + // // dataZoom-slider组件离容器下侧的距离 + // bottom: 3, + // }, + // { + // // 没有下面这块的话，只能拖动滚动条， + // // 鼠标滚轮在区域内不能控制外部滚动条 + // type: "inside", + // // 滚轮是否触发缩放 + // zoomOnMouseWheel: false, + // // 鼠标滚轮触发滚动 + // moveOnMouseMove: true, + // moveOnMouseWheel: true, + // }, - ], + // ], yAxis:undefined, series: [], }, diff --git a/src/views/report/components/produceLineYieldBarTarget.vue b/src/views/report/components/produceLineYieldBarTarget.vue index bb49779..0301715 100644 --- a/src/views/report/components/produceLineYieldBarTarget.vue +++ b/src/views/report/components/produceLineYieldBarTarget.vue @@ -1,7 +1,7 @@ @@ -98,52 +98,51 @@ export default { type: "shadow", }, }, - dataZoom: [//滚动条 - { - // 设置滚动条的隐藏与显示 - show: true, - // 设置滚动条类型 - type: "slider", - // 设置背景颜色 - backgroundColor: "rgb(19, 63, 100)", - // 设置选中范围的填充颜色 - fillerColor: "rgb(16, 171, 198)", - // 设置边框颜色 - borderColor: "rgb(19, 63, 100)", - // 是否显示detail，即拖拽时候显示详细数值信息 - showDetail: false, - // 数据窗口范围的起始数值 - startValue: 0, - // 数据窗口范围的结束数值（一页显示多少条数据） - endValue: 5, - // empty：当前数据窗口外的数据，被设置为空。 - // 即不会影响其他轴的数据范围 - filterMode: "empty", - // 设置滚动条宽度，相对于盒子宽度 - width: "50%", - // 设置滚动条高度 - height: 8, - // 设置滚动条显示位置 - left: "center", - // 是否锁定选择区域（或叫做数据窗口）的大小 - zoomLoxk: true, - // 控制手柄的尺寸 - handleSize: 0, - // dataZoom-slider组件离容器下侧的距离 - bottom: 3, - }, - { - // 没有下面这块的话，只能拖动滚动条， - // 鼠标滚轮在区域内不能控制外部滚动条 - type: "inside", - // 滚轮是否触发缩放 - zoomOnMouseWheel: false, - // 鼠标滚轮触发滚动 - moveOnMouseMove: true, - moveOnMouseWheel: true, - }, - - ], + // dataZoom: [//滚动条 + // { + // // 设置滚动条的隐藏与显示 + // show: true, + // // 设置滚动条类型 + // type: "slider", + // // 设置背景颜色 + // backgroundColor: "#F7F7F7", + // // 设置选中范围的填充颜色 + // fillerColor: "#EBEBEB", + // // 设置边框颜色 + // borderColor: "#F7F7F7", + // // 是否显示detail，即拖拽时候显示详细数值信息 + // showDetail: false, + // // 数据窗口范围的起始数值 + // startValue: 0, + // // 数据窗口范围的结束数值（一页显示多少条数据） + // endValue: 5, + // // empty：当前数据窗口外的数据，被设置为空。 + // // 即不会影响其他轴的数据范围 + // filterMode: "empty", + // // 设置滚动条宽度，相对于盒子宽度 + // width: "100%", + // // 设置滚动条高度 + // height: 8, + // // 设置滚动条显示位置 + // left: "center", + // // 是否锁定选择区域（或叫做数据窗口）的大小 + // zoomLoxk: true, + // // 控制手柄的尺寸 + // handleSize: 0, + // // dataZoom-slider组件离容器下侧的距离 + // bottom: 3, + // }, + // { + // // 没有下面这块的话，只能拖动滚动条， + // // 鼠标滚轮在区域内不能控制外部滚动条 + // type: "inside", + // // 滚轮是否触发缩放 + // zoomOnMouseWheel: false, + // // 鼠标滚轮触发滚动 + // moveOnMouseMove: true, + // moveOnMouseWheel: true, + // }, + // ], yAxis:undefined, series: [], }, -- 2.45.2