diff --git a/src/assets/icons/svg/order.svg b/src/assets/icons/svg/order.svg index 82365f9e..bdb17fdb 100644 --- a/src/assets/icons/svg/order.svg +++ b/src/assets/icons/svg/order.svg @@ -1 +1,14 @@ - \ No newline at end of file + + + 周转进度 + + + + + + + + + + + \ No newline at end of file diff --git a/src/views/OperationalOverview/coldBoard.vue b/src/views/OperationalOverview/coldBoard.vue index 6e09491a..430b57df 100644 --- a/src/views/OperationalOverview/coldBoard.vue +++ b/src/views/OperationalOverview/coldBoard.vue @@ -2,7 +2,7 @@ * @Author: zwq * @Date: 2021-07-19 15:18:30 * @LastEditors: zhp - * @LastEditTime: 2024-01-11 15:54:50 + * @LastEditTime: 2024-01-17 14:00:15 * @Description: -->
-
+
{{ title }} +
+
@@ -83,21 +92,39 @@ export default { data() { return { curIndex: 0, + time: null, + time2:null // imgUrl: require(`../../../../assets/img/${this.back}.png`), } }, created() { - // console.log(this.back); - // this.$nextTick(() => { - // this.$refs.baseContainer.style = `background:url('../../../../assets/img/${this.back}.png') no-repeat;)` - // }) - // console.log(this.$refs.baseContainer.style) + }, + mounted () { + this.time = this.format(new Date().setHours(7,0,0)); + // console.log(time); + //前一天时间 + this.time2 = this.format(new Date().setHours(7, 0, 0) - 86400000 * 1); + console.log(new Date().setHours(7, 0, 0) - 86400000 * 1); }, methods: { + add0(m) { + return m < 10 ? '0' + m : m + }, + format(shijianchuo) { + //shijianchuo是整数,否则要parseInt转换 + var time = new Date(shijianchuo); + var y = time.getFullYear(); + var m = time.getMonth() + 1; + var d = time.getDate(); + var h = time.getHours(); + var mm = time.getMinutes(); + var s = time.getSeconds(); + return y + '-' + this.add0(m) + '-' + this.add0(d) + ' ' + h + '时' + }, changeTab(num) { this.curIndex = num this.$emit('tabSelect', num) - } + }, } } @@ -198,11 +225,13 @@ export default { color: #ffffff; font-size: 24px; padding: 0.67em; + display: flex; } .bar-content { // padding: 1em; flex: 1 auto; + position: relative; } .no-padding { diff --git a/src/views/OperationalOverview/components/baseTable.vue b/src/views/OperationalOverview/components/baseTable.vue index dd9d66f8..877e6d40 100644 --- a/src/views/OperationalOverview/components/baseTable.vue +++ b/src/views/OperationalOverview/components/baseTable.vue @@ -1,7 +1,7 @@ @@ -110,12 +110,12 @@ export default { }, classOption() { return { - step: 0.3, // 数值越大速度滚动越快 - limitMoveNum: 1, // 开始无缝滚动的数据量 this.list + step: 0.2, // 数值越大速度滚动越快 + limitMoveNum: 10, // 开始无缝滚动的数据量 this.list hoverStop: true, // 是否开启鼠标悬停stop direction: 1, // 0向下 1向上 2向左 3向右 openWatch: true, // 开启数据实时监控刷新dom - singleHeight: 0, // 单步运动停止的高度(默认值0是无缝不停止的滚动) direction => 0/1 + singleHeight: 0/1, // 单步运动停止的高度(默认值0是无缝不停止的滚动) direction => 0/1 singleWidth: 0, // 单步运动停止的宽度(默认值0是无缝不停止的滚动) direction => 2/3 waitTime: 1000, // 单步运动停止的时间(默认值1000ms) }; diff --git a/src/views/OperationalOverview/components/coldDoubleYChart.vue b/src/views/OperationalOverview/components/coldDoubleYChart.vue new file mode 100644 index 00000000..b8e4ebba --- /dev/null +++ b/src/views/OperationalOverview/components/coldDoubleYChart.vue @@ -0,0 +1,292 @@ + + + + + + diff --git a/src/views/OperationalOverview/components/doubleYChart .vue b/src/views/OperationalOverview/components/doubleYChart .vue index 2ab204d9..2d43f501 100644 --- a/src/views/OperationalOverview/components/doubleYChart .vue +++ b/src/views/OperationalOverview/components/doubleYChart .vue @@ -1,13 +1,13 @@ @@ -70,9 +70,9 @@ export default { mounted() { console.log('mounted') console.log('borderRadius: ', this.borderRadius) - this.$nextTick(() => { - this.initChart() - }) + // this.$nextTick(() => { + // this.initChart() + // }) }, beforeDestroy() { if (!this.chart) { @@ -83,6 +83,7 @@ export default { }, methods: { initChart(nameList, passRateList, outputNumList) { + console.log(nameList, passRateList) let series= [ { name: '产线产量', @@ -151,11 +152,12 @@ export default { left: "3%", right: "5%", bottom: "3%", - width: 'auto', - height: "auto", containLabel: true }, legend: { + itemWidth: 10, + itemHeight: 10, + right: '20px', data: ['产线产量', '产线良品率'], textStyle: { fontSize: 12 * this.beilv, @@ -281,3 +283,8 @@ export default { } } + diff --git a/src/views/OperationalOverview/components/linearBarChart.vue b/src/views/OperationalOverview/components/linearBarChart.vue index 2ddb9ea3..3ad80f95 100644 --- a/src/views/OperationalOverview/components/linearBarChart.vue +++ b/src/views/OperationalOverview/components/linearBarChart.vue @@ -173,3 +173,4 @@ export default { } } + diff --git a/src/views/OperationalOverview/components/pileBarChart.vue b/src/views/OperationalOverview/components/pileBarChart.vue index 8aa32129..ecd50270 100644 --- a/src/views/OperationalOverview/components/pileBarChart.vue +++ b/src/views/OperationalOverview/components/pileBarChart.vue @@ -1,13 +1,13 @@ @@ -133,14 +133,17 @@ export default { // } this.chart.setOption({ legend: { + // top: '2.5%', + // right: '20px', textStyle: { color: '#ffffff' } }, grid: { + top:'80', left: '3%', right: '4%', - bottom: '3%', + // bottom: '3%', width: 'auto', height: 'auto', containLabel: true @@ -213,3 +216,7 @@ export default { } } + diff --git a/src/views/OperationalOverview/processingBoard.vue b/src/views/OperationalOverview/processingBoard.vue index 73cfe297..6adc59b0 100644 --- a/src/views/OperationalOverview/processingBoard.vue +++ b/src/views/OperationalOverview/processingBoard.vue @@ -2,7 +2,7 @@ * @Author: zwq * @Date: 2021-07-19 15:18:30 * @LastEditors: zhp - * @LastEditTime: 2024-01-12 09:59:58 + * @LastEditTime: 2024-01-17 13:52:44 * @Description: -->