From 0587a1eab55c688ccb9c69c768c5fd247adb407c Mon Sep 17 00:00:00 2001
From: loulijun2021 <1694218219@qq.com>
Date: 星期四, 01 十二月 2022 17:08:08 +0800
Subject: [PATCH] 1.看板接入
---
src/views/kb/cjzl.vue | 207 +++++++++++++++++++++------------------------------
1 files changed, 84 insertions(+), 123 deletions(-)
diff --git a/src/views/kb/cjzl.vue b/src/views/kb/cjzl.vue
index 429e00f..4eb0e90 100644
--- a/src/views/kb/cjzl.vue
+++ b/src/views/kb/cjzl.vue
@@ -51,10 +51,19 @@
height="927"
>
<el-table-column
- prop="rq"
+ prop="lm_date"
label="鏃ユ湡"
width="115"
- />
+ >
+ <template slot-scope="{row}">
+ <div
+ v-if="row.lm_date"
+ >
+ {{ row.lm_date.substring(0,11) }}
+ </div>
+ <div v-else />
+ </template>
+ </el-table-column>
<el-table-column
prop="cxmc"
width="95"
@@ -65,12 +74,12 @@
</template>
</el-table-column>
<el-table-column
- prop="jgdh"
+ prop="wo_code"
label="鐢熶骇鍗曞彿"
- width="165"
+ width="188"
>
<template slot-scope="{row}">
- <div style="color: #00FFFF">{{ row.jgdh }}</div>
+ <div style="color: #00FFFF">{{ row.wo_code }}</div>
</template>
</el-table-column>
@@ -84,45 +93,33 @@
</template>
</el-table-column>
<el-table-column
- prop="blyy"
+ prop="defect_name"
label="涓嶈壇鍘熷洜"
width="120"
>
<template slot-scope="{row}">
- <div style="color:#ff0000;width: 120px" class="ellipsis">{{ row.blyy }}</div>
+ <div style="color:#ff0000;" class="ellipsis">{{ row.defect_name }}</div>
</template>
</el-table-column>
<el-table-column
- prop="scsl"
+ prop="ng_qty"
label="涓嶈壇鏁伴噺"
- width="95"
+ width="92"
/>
<el-table-column
- prop="bgsl"
+ prop="report_qty"
label="鎶ュ伐鏁伴噺"
- width="95"
+ width="92"
/>
<el-table-column
- prop="blzb"
label="涓嶈壇鍗犳瘮"
- width="95"
- />
- <!-- <el-table-column-->
- <!-- prop="yjks"-->
- <!-- label="棰勮寮�濮�"-->
- <!-- width="150"-->
- <!-- />-->
- <!-- <el-table-column-->
- <!-- prop="yjwg"-->
- <!-- label="棰勮瀹屽伐"-->
- <!-- width="150"-->
- <!-- />-->
+ width="92"
+ >
+ <template slot-scope="{row}">
+ <div>{{ parseFloat((row.ng_qty*100/(row.ng_qty+row.report_qty)).toFixed(2)) }}%</div>
+ </template>
+ </el-table-column>
- <!-- <el-table-column-->
- <!-- prop="scjd"-->
- <!-- label="鐢熶骇杩涘害"-->
- <!-- width="90"-->
- <!-- />-->
</el-table>
</div>
</div>
@@ -156,69 +153,16 @@
<script>
import './kbCommon.css'
import { bar02, bar04, kbTop, line02, loadEcharts, pie02 } from '@/utils/myEcharts'
+import { BadContManger, BadDayDistriBute, BadTop5, BadWeek, BadWeekDistriBute } from '@/api/dzkb'
export default {
name: 'Cjsc',
data() {
return {
headTime: '',
- tableDataLeftTop: [],
- tableDataLeftTopTemp: [
- { xsdd: 'MO-2022111501', cpmc: '鐢垫睜鍖�', sl: '100' },
- { xsdd: 'MO-2022111502', cpmc: '浜у搧鍚嶇О2', sl: '100' },
- { xsdd: 'MO-2022111503', cpmc: '浜у搧鍚嶇О3', sl: '100' },
- { xsdd: 'MO-2022111504', cpmc: '浜у搧鍚嶇О4', sl: '100' },
- { xsdd: 'MO-2022111505', cpmc: '浜у搧鍚嶇О5', sl: '100' },
- { xsdd: 'MO-2022111506', cpmc: '浜у搧鍚嶇О6', sl: '100' },
- { xsdd: 'MO-2022111507', cpmc: '浜у搧鍚嶇О7', sl: '100' },
- { xsdd: 'MO-2022111508', cpmc: '浜у搧鍚嶇О8', sl: '100' },
- { xsdd: 'MO-2022111509', cpmc: '浜у搧鍚嶇О9', sl: '100' },
- { xsdd: 'MO-2022111510', cpmc: '浜у搧鍚嶇О10', sl: '100' },
- { xsdd: 'MO-2022111511', cpmc: '浜у搧鍚嶇О11', sl: '100' },
- { xsdd: 'MO-2022111512', cpmc: '浜у搧鍚嶇О12', sl: '100' },
- { xsdd: 'MO-2022111513', cpmc: '浜у搧鍚嶇О13', sl: '100' },
- { xsdd: 'MO-2022111514', cpmc: '浜у搧鍚嶇О14', sl: '100' },
- { xsdd: 'MO-2022111515', cpmc: '浜у搧鍚嶇О15', sl: '100' },
- { xsdd: 'MO-2022111516', cpmc: '浜у搧鍚嶇О16', sl: '100' },
- { xsdd: 'MO-2022111517', cpmc: '浜у搧鍚嶇О17', sl: '100' },
- { xsdd: 'MO-2022111518', cpmc: '浜у搧鍚嶇О18', sl: '100' },
- { xsdd: 'MO-2022111519', cpmc: '浜у搧鍚嶇О19', sl: '100' },
- { xsdd: 'MO-2022111520', cpmc: '浜у搧鍚嶇О20', sl: '100' },
- { xsdd: 'MO-2022111521', cpmc: '浜у搧鍚嶇О21', sl: '100' },
- { xsdd: 'MO-2022111522', cpmc: '浜у搧鍚嶇О22', sl: '100' },
- { xsdd: 'MO-2022111523', cpmc: '浜у搧鍚嶇О23', sl: '100' },
- { xsdd: 'MO-2022111524', cpmc: '浜у搧鍚嶇О24', sl: '100' }
- ],
+
tableDataCenterTop: [],
- tableDataCenterTopTemp: [
- { blzb: '50%', rq: '2022-11-30', bgsl: 200, blyy: '灏哄銆佽壊绯汇�佹瘺鍒�', jgdh: 'MO-2022-1115-01', cxmc: '瑁呴厤涓�绾�', cpmc: '鐢垫睜鍖�', scsl: '100', yjks: '2022-10-01', yjwg: '2022-10-10', gx: '宸ュ簭涓�', scjd: '10/20' },
- { blzb: '50%', rq: '2022-11-30', bgsl: 200, blyy: '灏哄銆佹瘺鍒�', jgdh: 'MO-2022-1115-01', cxmc: '瑁呴厤涓�绾�', cpmc: '鐢垫睜鍖�', scsl: '100', yjks: '2022-10-01', yjwg: '2022-10-10', gx: '宸ュ簭涓�', scjd: '10/20' },
- { blzb: '50%', rq: '2022-11-30', bgsl: 200, blyy: '灏哄銆佽壊绯�', jgdh: 'MO-2022-1115-01', cxmc: '瑁呴厤涓�绾�', cpmc: '鐢垫睜鍖�', scsl: '100', yjks: '2022-10-01', yjwg: '2022-10-10', gx: '宸ュ簭涓�', scjd: '10/20' },
- { blzb: '50%', rq: '2022-11-30', bgsl: 200, blyy: '灏哄銆佹瘺鍒�', jgdh: 'MO-2022-1115-01', cxmc: '瑁呴厤涓�绾�', cpmc: '鐢垫睜鍖�', scsl: '100', yjks: '2022-10-01', yjwg: '2022-10-10', gx: '宸ュ簭涓�', scjd: '10/20' },
- { blzb: '50%', rq: '2022-11-30', bgsl: 200, blyy: '鑹茬郴銆佹瘺鍒�', jgdh: 'MO-2022-1115-01', cxmc: '瑁呴厤涓�绾�', cpmc: '鐢垫睜鍖�', scsl: '100', yjks: '2022-10-01', yjwg: '2022-10-10', gx: '宸ュ簭涓�', scjd: '10/20' },
- { blzb: '50%', rq: '2022-11-30', bgsl: 200, blyy: '灏哄銆佽壊绯�', jgdh: 'MO-2022-1115-01', cxmc: '瑁呴厤涓�绾�', cpmc: '鐢垫睜鍖�', scsl: '100', yjks: '2022-10-01', yjwg: '2022-10-10', gx: '宸ュ簭涓�', scjd: '10/20' },
- { blzb: '50%', rq: '2022-11-30', bgsl: 200, blyy: '灏哄銆佽壊绯汇�佹瘺鍒�', jgdh: 'MO-2022-1115-01', cxmc: '瑁呴厤涓�绾�', cpmc: '鐢垫睜鍖�', scsl: '100', yjks: '2022-10-01', yjwg: '2022-10-10', gx: '宸ュ簭涓�', scjd: '10/20' },
- { blzb: '50%', rq: '2022-11-30', bgsl: 200, blyy: '灏哄銆佹瘺鍒�', jgdh: 'MO-2022-1115-01', cxmc: '瑁呴厤涓�绾�', cpmc: '鐢垫睜鍖�', scsl: '100', yjks: '2022-10-01', yjwg: '2022-10-10', gx: '宸ュ簭涓�', scjd: '10/20' },
- { blzb: '50%', rq: '2022-11-30', bgsl: 200, blyy: '灏哄銆佽壊绯汇�佹瘺鍒�', jgdh: 'MO-2022-1115-01', cxmc: '瑁呴厤涓�绾�', cpmc: '鐢垫睜鍖�', scsl: '100', yjks: '2022-10-01', yjwg: '2022-10-10', gx: '宸ュ簭涓�', scjd: '10/20' },
- { blzb: '50%', rq: '2022-11-30', bgsl: 200, blyy: '姣涘埡', jgdh: 'MO-2022-1115-01', cxmc: '瑁呴厤涓�绾�', cpmc: '鐢垫睜鍖�', scsl: '100', yjks: '2022-10-01', yjwg: '2022-10-10', gx: '宸ュ簭涓�', scjd: '10/20' },
- { blzb: '50%', rq: '2022-11-30', bgsl: 200, blyy: '灏哄', jgdh: 'MO-2022-1115-01', cxmc: '瑁呴厤涓�绾�', cpmc: '鐢垫睜鍖�', scsl: '100', yjks: '2022-10-01', yjwg: '2022-10-10', gx: '宸ュ簭涓�', scjd: '10/20' },
- { blzb: '50%', rq: '2022-11-30', bgsl: 200, blyy: '灏哄銆佽壊绯汇�佹瘺鍒�', jgdh: 'MO-2022-1115-01', cxmc: '瑁呴厤涓�绾�', cpmc: '鐢垫睜鍖�', scsl: '100', yjks: '2022-10-01', yjwg: '2022-10-10', gx: '宸ュ簭涓�', scjd: '10/20' },
- { blzb: '50%', rq: '2022-11-30', bgsl: 200, blyy: '灏哄銆佽壊绯汇�佹瘺鍒�', jgdh: 'MO-2022-1115-01', cxmc: '瑁呴厤涓�绾�', cpmc: '鐢垫睜鍖�', scsl: '100', yjks: '2022-10-01', yjwg: '2022-10-10', gx: '宸ュ簭涓�', scjd: '10/20' },
- { blzb: '50%', rq: '2022-11-30', bgsl: 200, blyy: '灏哄銆佽壊绯汇�佹瘺鍒�', jgdh: 'MO-2022-1115-01', cxmc: '瑁呴厤涓�绾�', cpmc: '鐢垫睜鍖�', scsl: '100', yjks: '2022-10-01', yjwg: '2022-10-10', gx: '宸ュ簭涓�', scjd: '10/20' },
- { blzb: '50%', rq: '2022-11-30', bgsl: 200, blyy: '灏哄銆佽壊绯汇�佹瘺鍒�', jgdh: 'MO-2022-1115-01', cxmc: '瑁呴厤涓�绾�', cpmc: '鐢垫睜鍖�', scsl: '100', yjks: '2022-10-01', yjwg: '2022-10-10', gx: '宸ュ簭涓�', scjd: '10/20' },
- { blzb: '50%', rq: '2022-11-30', bgsl: 200, blyy: '灏哄銆佽壊绯汇�佹瘺鍒�', jgdh: 'MO-2022-1115-01', cxmc: '瑁呴厤涓�绾�', cpmc: '鐢垫睜鍖�', scsl: '100', yjks: '2022-10-01', yjwg: '2022-10-10', gx: '宸ュ簭涓�', scjd: '10/20' },
- { blzb: '50%', rq: '2022-11-30', bgsl: 200, blyy: '灏哄銆佽壊绯汇�佹瘺鍒�', jgdh: 'MO-2022-1115-01', cxmc: '瑁呴厤涓�绾�', cpmc: '鐢垫睜鍖�', scsl: '100', yjks: '2022-10-01', yjwg: '2022-10-10', gx: '宸ュ簭涓�', scjd: '10/20' },
- { blzb: '50%', rq: '2022-11-30', bgsl: 200, blyy: '灏哄銆佽壊绯汇�佹瘺鍒�', jgdh: 'MO-2022-1115-01', cxmc: '瑁呴厤涓�绾�', cpmc: '鐢垫睜鍖�', scsl: '100', yjks: '2022-10-01', yjwg: '2022-10-10', gx: '宸ュ簭涓�', scjd: '10/20' },
- { blzb: '50%', rq: '2022-11-30', bgsl: 200, blyy: '灏哄銆佽壊绯汇�佹瘺鍒�', jgdh: 'MO-2022-1115-01', cxmc: '瑁呴厤涓�绾�', cpmc: '鐢垫睜鍖�', scsl: '100', yjks: '2022-10-01', yjwg: '2022-10-10', gx: '宸ュ簭涓�', scjd: '10/20' },
- { blzb: '50%', rq: '2022-11-30', bgsl: 200, blyy: '灏哄銆佽壊绯汇�佹瘺鍒�', jgdh: 'MO-2022-1115-01', cxmc: '瑁呴厤涓�绾�', cpmc: '鐢垫睜鍖�', scsl: '100', yjks: '2022-10-01', yjwg: '2022-10-10', gx: '宸ュ簭涓�', scjd: '10/20' },
- { blzb: '50%', rq: '2022-11-30', bgsl: 200, blyy: '灏哄銆佽壊绯汇�佹瘺鍒�', jgdh: 'MO-2022-1115-01', cxmc: '瑁呴厤涓�绾�', cpmc: '鐢垫睜鍖�', scsl: '100', yjks: '2022-10-01', yjwg: '2022-10-10', gx: '宸ュ簭涓�', scjd: '10/20' },
- { blzb: '50%', rq: '2022-11-30', bgsl: 200, blyy: '灏哄銆佽壊绯汇�佹瘺鍒�', jgdh: 'MO-2022-1115-01', cxmc: '瑁呴厤涓�绾�', cpmc: '鐢垫睜鍖�', scsl: '100', yjks: '2022-10-01', yjwg: '2022-10-10', gx: '宸ュ簭涓�', scjd: '10/20' },
- { blzb: '50%', rq: '2022-11-30', bgsl: 200, blyy: '灏哄銆佽壊绯汇�佹瘺鍒�', jgdh: 'MO-2022-1115-01', cxmc: '瑁呴厤涓�绾�', cpmc: '鐢垫睜鍖�', scsl: '100', yjks: '2022-10-01', yjwg: '2022-10-10', gx: '宸ュ簭涓�', scjd: '10/20' },
- { blzb: '50%', rq: '2022-11-30', bgsl: 200, blyy: '灏哄銆佽壊绯汇�佹瘺鍒�', jgdh: 'MO-2022-1115-01', cxmc: '瑁呴厤涓�绾�', cpmc: '鐢垫睜鍖�', scsl: '100', yjks: '2022-10-01', yjwg: '2022-10-10', gx: '宸ュ簭涓�', scjd: '10/20' },
- { blzb: '50%', rq: '2022-11-30', bgsl: 200, blyy: '灏哄銆佽壊绯汇�佹瘺鍒�', jgdh: 'MO-2022-1115-01', cxmc: '瑁呴厤涓�绾�', cpmc: '鐢垫睜鍖�', scsl: '100', yjks: '2022-10-01', yjwg: '2022-10-10', gx: '宸ュ簭涓�', scjd: '10/20' },
- { blzb: '50%', rq: '2022-11-30', bgsl: 200, blyy: '灏哄銆佽壊绯汇�佹瘺鍒�', jgdh: 'MO-2022-1115-01', cxmc: '瑁呴厤涓�绾�', cpmc: '鐢垫睜鍖�', scsl: '100', yjks: '2022-10-01', yjwg: '2022-10-10', gx: '宸ュ簭涓�', scjd: '10/20' },
- { blzb: '50%', rq: '2022-11-30', bgsl: 200, blyy: '灏哄銆佽壊绯汇�佹瘺鍒�', jgdh: 'MO-2022-1115-01', cxmc: '瑁呴厤涓�绾�', cpmc: '鐢垫睜鍖�', scsl: '100', yjks: '2022-10-01', yjwg: '2022-10-10', gx: '宸ュ簭涓�', scjd: '10/20' }
- ]
+ tableDataCenterTopTemp: []
}
},
created() {
@@ -231,7 +175,7 @@
},
mounted() {
this.getTopBar()
- this.getTableDataSetInterval()
+
this.getCenterTableDataSetInterval()
this.getEcharts()
@@ -239,55 +183,72 @@
methods: {
// 鑾峰彇Echarts
getEcharts() {
- const dataArr = [30, 20, 20, 18, 10]
- const titlenameArr = ['棰滆壊', '灏哄', '姘斿懗', '姣涘埡', '瑁傜棔']
- loadEcharts('bar01', bar02(dataArr, titlenameArr))
+ this.getLeftTopEcharts()
+ setInterval(() => {
+ this.getLeftTopEcharts()
+ }, 1000 * 10)
- loadEcharts('line01', line02())
+ this.getLeftBottomEcharts()
+ setInterval(() => {
+ this.getLeftBottomEcharts()
+ }, 1000 * 10)
- loadEcharts('bar02', bar04())
+ this.getRightTopEcharts()
+ setInterval(() => {
+ this.getRightTopEcharts()
+ }, 1000 * 10)
- loadEcharts('pie01', pie02())
+ this.getRightBottomEcharts()
+ setInterval(() => {
+ this.getRightBottomEcharts()
+ }, 1000 * 10)
+ },
+ getLeftTopEcharts() {
+ BadTop5({ StepCode: 'Step02' }).then(res => {
+ const dataArr = res.data.map(i => i.cont)
+ const titlenameArr = res.data.map(i => i.name)
+ loadEcharts('bar01', bar02(dataArr, titlenameArr))
+ })
+ },
+ getLeftBottomEcharts() {
+ BadWeek({ StepCode: 'Step02' }).then(res => {
+ const dataX = res.data.map(i => i.click_date)
+ const dataY = res.data.map(i => i.count)
+ loadEcharts('line01', line02(dataX, dataY))
+ })
+ },
+ getRightTopEcharts() {
+ BadDayDistriBute({ StepCode: 'Step02' }).then(res => {
+ loadEcharts('bar02', bar04(res.data))
+ })
+ },
+ getRightBottomEcharts() {
+ BadWeekDistriBute({ StepCode: 'Step02' }).then(res => {
+ loadEcharts('pie01', pie02(res.data))
+ })
},
// 涓棿閮ㄥ垎鐨勮〃鏍�
getCenterTableDataSetInterval() {
let startValue = 0 // 鍒濆鍊�
const scale = 23// 鍒诲害
-
- this.tableDataCenterTop = this.tableDataCenterTopTemp.slice(startValue, startValue + scale)
-
- const loop = Math.floor(this.tableDataCenterTopTemp.length / scale)// 闇�瑕佸惊鐜殑娆℃暟
- let nowLoop = 0// 褰撳墠寰幆鐨勬鏁�
-
- setInterval(() => {
- startValue = startValue + scale
+ BadContManger({ StepCode: 'Step02' }).then(res => {
+ this.tableDataCenterTopTemp = res.data
this.tableDataCenterTop = this.tableDataCenterTopTemp.slice(startValue, startValue + scale)
- if (nowLoop === loop) {
- this.getCenterTableDataSetInterval()
- }
- nowLoop++
- }, 5000)
- },
+ const loop = Math.floor(this.tableDataCenterTopTemp.length / scale)// 闇�瑕佸惊鐜殑娆℃暟
+ let nowLoop = 0// 褰撳墠寰幆鐨勬鏁�
- // 瀹氭椂鍒锋柊琛ㄦ牸鏁版嵁
- getTableDataSetInterval() {
- let startValue = 0 // 鍒濆鍊�
- const scale = 10// 鍒诲害
+ const timer = setInterval(() => {
+ startValue = startValue + scale
+ this.tableDataCenterTop = this.tableDataCenterTopTemp.slice(startValue, startValue + scale)
+ if (nowLoop === loop) {
+ clearInterval(timer)
+ this.getCenterTableDataSetInterval()
+ }
- this.tableDataLeftTop = this.tableDataLeftTopTemp.slice(startValue, startValue + scale)
-
- const loop = Math.floor(this.tableDataLeftTopTemp.length / scale)// 闇�瑕佸惊鐜殑娆℃暟
- let nowLoop = 0// 褰撳墠寰幆鐨勬鏁�
-
- setInterval(() => {
- startValue = startValue + scale
- this.tableDataLeftTop = this.tableDataLeftTopTemp.slice(startValue, startValue + scale)
- if (nowLoop === loop) {
- this.getTableDataSetInterval()
- }
- nowLoop++
- }, 5000)
+ nowLoop++
+ }, 1000 * 10)
+ })
},
// 鑾峰彇topEcharts
--
Gitblit v1.9.3