From 7d540071e539dda17f0e11859958167d0c1a7615 Mon Sep 17 00:00:00 2001
From: loulijun2021 <1694218219@qq.com>
Date: 星期三, 30 十一月 2022 15:55:54 +0800
Subject: [PATCH] 1.看板优化
---
src/views/kb/cjsc.vue | 611 ++++++++++++++++---------------------------------------
1 files changed, 181 insertions(+), 430 deletions(-)
diff --git a/src/views/kb/cjsc.vue b/src/views/kb/cjsc.vue
index 479475f..9a72762 100644
--- a/src/views/kb/cjsc.vue
+++ b/src/views/kb/cjsc.vue
@@ -15,7 +15,7 @@
<div style="width: 380px;height: 969px;" class="flex_c_b">
<div>
<div class="smallTitle">
- <svg-icon icon-class="cxmc" class="svg_class" />
+ <svg-icon icon-class="eqp_name" class="svg_class" />
瑁呴厤涓�绾�
</div>
<div class="lineContent horn">
@@ -35,7 +35,7 @@
/>
<el-table-column
- prop="cpmc"
+ prop="partname"
width="120"
label="浜у搧鍚嶇О"
/>
@@ -49,13 +49,13 @@
</div>
<div>
<div class="smallTitle">
- <svg-icon icon-class="cxmc" class="svg_class" />
+ <svg-icon icon-class="eqp_name" class="svg_class" />
瑁呴厤浜岀嚎
</div>
<div class="lineContent horn">
<el-table
- ref="tableDataLeftTopRef"
- :data="tableDataLeftTop"
+ ref="tableDataLeftBottomRef"
+ :data="tableDataLeftBottom"
class="tableData"
style="width: 100%;"
:header-cell-style="headerCellStyle"
@@ -69,7 +69,7 @@
/>
<el-table-column
- prop="cpmc"
+ prop="partname"
width="120"
label="浜у搧鍚嶇О"
/>
@@ -99,98 +99,98 @@
height="927"
>
<el-table-column
- prop="xh"
+ type="index"
label="搴忓彿"
width="60"
>
- <template slot-scope="{row}">
- <div
- :style="{color:row.cxmc==='瑁呴厤涓�绾�'?'#FFFF77':row.cxmc==='瑁呴厤浜岀嚎'?'#FF8888':row.cxmc==='瑁呴厤涓夌嚎'?'#D28EFF':'#66FFFF'}"
- > {{ row.xh }}
- </div>
- </template>
+ <!-- <template slot-scope="{row}">-->
+ <!-- <div-->
+ <!-- :style="{color:row.eqp_name==='瑁呴厤涓�绾�'?'#FFFF77':row.eqp_name==='瑁呴厤浜岀嚎'?'#FF8888':row.eqp_name==='瑁呴厤涓夌嚎'?'#D28EFF':'#66FFFF'}"-->
+ <!-- > {{ row.index }}-->
+ <!-- </div>-->
+ <!-- </template>-->
</el-table-column>
<el-table-column
- prop="jgdh"
+ prop="wo_code"
label="鍔犲伐鍗曞彿"
width="165"
>
<template slot-scope="{row}">
<div
- :style="{color:row.cxmc==='瑁呴厤涓�绾�'?'#FFFF77':row.cxmc==='瑁呴厤浜岀嚎'?'#FF8888':row.cxmc==='瑁呴厤涓夌嚎'?'#D28EFF':'#66FFFF'}"
- > {{ row.jgdh }}
+ :style="{color:row.eqp_name==='瑁呴厤涓�绾�'?'#FFFF77':row.eqp_name==='瑁呴厤浜岀嚎'?'#FF8888':row.eqp_name==='瑁呴厤涓夌嚎'?'#D28EFF':'#66FFFF'}"
+ > {{ row.wo_code }}
</div>
</template>
</el-table-column>
<el-table-column
- prop="cxmc"
+ prop="eqp_name"
width="100"
label="浜х嚎鍚嶇О"
>
<template slot-scope="{row}">
<div
- :style="{color:row.cxmc==='瑁呴厤涓�绾�'?'#FFFF77':row.cxmc==='瑁呴厤浜岀嚎'?'#FF8888':row.cxmc==='瑁呴厤涓夌嚎'?'#D28EFF':'#66FFFF'}"
- > {{ row.cxmc }}
+ :style="{color:row.eqp_name==='瑁呴厤涓�绾�'?'#FFFF77':row.eqp_name==='瑁呴厤浜岀嚎'?'#FF8888':row.eqp_name==='瑁呴厤涓夌嚎'?'#D28EFF':'#66FFFF'}"
+ > {{ row.eqp_name }}
</div>
</template>
</el-table-column>
<el-table-column
- prop="cpmc"
+ prop="partname"
width="140"
label="浜у搧鍚嶇О"
>
<template slot-scope="{row}">
<div
- :style="{color:row.cxmc==='瑁呴厤涓�绾�'?'#FFFF77':row.cxmc==='瑁呴厤浜岀嚎'?'#FF8888':row.cxmc==='瑁呴厤涓夌嚎'?'#D28EFF':'#66FFFF'}"
- > {{ row.cpmc }}
+ :style="{color:row.eqp_name==='瑁呴厤涓�绾�'?'#FFFF77':row.eqp_name==='瑁呴厤浜岀嚎'?'#FF8888':row.eqp_name==='瑁呴厤涓夌嚎'?'#D28EFF':'#66FFFF'}"
+ > {{ row.partname }}
</div>
</template>
</el-table-column>
<el-table-column
- prop="scsl"
+ prop="plan_qty"
label="鐢熶骇鏁伴噺"
width="100"
>
<template slot-scope="{row}">
<div
- :style="{color:row.cxmc==='瑁呴厤涓�绾�'?'#FFFF77':row.cxmc==='瑁呴厤浜岀嚎'?'#FF8888':row.cxmc==='瑁呴厤涓夌嚎'?'#D28EFF':'#66FFFF'}"
- > {{ row.scsl }}
+ :style="{color:row.eqp_name==='瑁呴厤涓�绾�'?'#FFFF77':row.eqp_name==='瑁呴厤浜岀嚎'?'#FF8888':row.eqp_name==='瑁呴厤涓夌嚎'?'#D28EFF':'#66FFFF'}"
+ > {{ row.plan_qty }}
</div>
</template>
</el-table-column>
<el-table-column
- prop="yjks"
+ prop="plan_startdate"
label="棰勮寮�濮�"
width="130"
>
<template slot-scope="{row}">
<div
- :style="{color:row.cxmc==='瑁呴厤涓�绾�'?'#FFFF77':row.cxmc==='瑁呴厤浜岀嚎'?'#FF8888':row.cxmc==='瑁呴厤涓夌嚎'?'#D28EFF':'#66FFFF'}"
- > {{ row.yjks }}
+ :style="{color:row.eqp_name==='瑁呴厤涓�绾�'?'#FFFF77':row.eqp_name==='瑁呴厤浜岀嚎'?'#FF8888':row.eqp_name==='瑁呴厤涓夌嚎'?'#D28EFF':'#66FFFF'}"
+ > {{ row.plan_startdate.substring(0, 11) }}
</div>
</template>
</el-table-column>
<el-table-column
- prop="yjwg"
+ prop="plan_enddate"
label="棰勮瀹屽伐"
width="130"
>
<template slot-scope="{row}">
<div
- :style="{color:row.cxmc==='瑁呴厤涓�绾�'?'#FFFF77':row.cxmc==='瑁呴厤浜岀嚎'?'#FF8888':row.cxmc==='瑁呴厤涓夌嚎'?'#D28EFF':'#66FFFF'}"
- > {{ row.yjwg }}
+ :style="{color:row.eqp_name==='瑁呴厤涓�绾�'?'#FFFF77':row.eqp_name==='瑁呴厤浜岀嚎'?'#FF8888':row.eqp_name==='瑁呴厤涓夌嚎'?'#D28EFF':'#66FFFF'}"
+ > {{ row.plan_enddate.substring(0, 11) }}
</div>
</template>
</el-table-column>
<el-table-column
- prop="gx"
+ prop="stepname"
label="宸ュ簭"
width="90"
>
<template slot-scope="{row}">
<div
- :style="{color:row.cxmc==='瑁呴厤涓�绾�'?'#FFFF77':row.cxmc==='瑁呴厤浜岀嚎'?'#FF8888':row.cxmc==='瑁呴厤涓夌嚎'?'#D28EFF':'#66FFFF'}"
- > {{ row.gx }}
+ :style="{color:row.eqp_name==='瑁呴厤涓�绾�'?'#FFFF77':row.eqp_name==='瑁呴厤浜岀嚎'?'#FF8888':row.eqp_name==='瑁呴厤涓夌嚎'?'#D28EFF':'#66FFFF'}"
+ > {{ row.stepname }}
</div>
</template>
</el-table-column>
@@ -201,10 +201,10 @@
>
<template slot-scope="{row}">
<!-- <div-->
- <!-- :style="{color:row.cxmc==='瑁呴厤涓�绾�'?'#FFFF77':row.cxmc==='瑁呴厤浜岀嚎'?'#FF8888':row.cxmc==='瑁呴厤涓夌嚎'?'#D28EFF':'#66FFFF'}"-->
+ <!-- :style="{color:row.eqp_name==='瑁呴厤涓�绾�'?'#FFFF77':row.eqp_name==='瑁呴厤浜岀嚎'?'#FF8888':row.eqp_name==='瑁呴厤涓夌嚎'?'#D28EFF':'#66FFFF'}"-->
<!-- > {{ row.scjdxxx }}-->
<!-- </div>-->
- <div :id="'progress'+row.xh" style="width: 100%;height:30px" />
+ <!-- <div :id="'progress'+row.xh" style="width: 100%;height:30px" />-->
</template>
</el-table-column>
</el-table>
@@ -213,13 +213,13 @@
<div style="width: 380px;height: 969px;" class="flex_c_b">
<div>
<div class="smallTitle">
- <svg-icon icon-class="cxmc" class="svg_class" />
+ <svg-icon icon-class="eqp_name" class="svg_class" />
瑁呴厤涓夌嚎
</div>
<div class="lineContent horn">
<el-table
- ref="tableDataLeftTopRef"
- :data="tableDataLeftTop"
+ ref="tableDataRightTopRef"
+ :data="tableDataRightTop"
class="tableData"
style="width: 100%;"
:header-cell-style="headerCellStyle"
@@ -233,7 +233,7 @@
/>
<el-table-column
- prop="cpmc"
+ prop="partname"
width="120"
label="浜у搧鍚嶇О"
/>
@@ -247,13 +247,13 @@
</div>
<div>
<div class="smallTitle">
- <svg-icon icon-class="cxmc" class="svg_class" />
+ <svg-icon icon-class="eqp_name" class="svg_class" />
瑁呴厤鍥涚嚎
</div>
<div class="lineContent horn">
<el-table
- ref="tableDataLeftTopRef"
- :data="tableDataLeftTop"
+ ref="tableDataRightBottomRef"
+ :data="tableDataRightBottom"
class="tableData"
style="width: 100%;"
:header-cell-style="headerCellStyle"
@@ -267,7 +267,7 @@
/>
<el-table-column
- prop="cpmc"
+ prop="partname"
width="120"
label="浜у搧鍚嶇О"
/>
@@ -288,7 +288,8 @@
<script>
import './kbCommon.css'
-import { kbTop, line02, loadEcharts, progress } from '@/utils/myEcharts'
+import { kbTop, loadEcharts, progress } from '@/utils/myEcharts'
+import { WkshpContentData } from '@/api/dzkb'
export default {
name: 'Cjsc',
@@ -296,359 +297,41 @@
return {
headTime: '',
tableDataLeftTop: [],
- tableDataLeftTopTemp: [
- { xsdd: 'MO-2022111501', cpmc: '浜у搧鍚嶇О1', 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' }
+ tableDataLeftTopTemp: [],
+ tableDataLeftBottom: [],
+ tableDataLeftBottomTemp: [],
+ tableDataRightTop: [],
+ tableDataRightTopTemp: [],
+ tableDataRightBottom: [],
+ tableDataRightBottomTemp: [
+ { xsdd: 'MO-2022111501', partname: '浜у搧鍚嶇О1', sl: '100' },
+ { xsdd: 'MO-2022111502', partname: '浜у搧鍚嶇О2', sl: '100' },
+ { xsdd: 'MO-2022111503', partname: '浜у搧鍚嶇О3', sl: '100' },
+ { xsdd: 'MO-2022111504', partname: '浜у搧鍚嶇О4', sl: '100' },
+ { xsdd: 'MO-2022111505', partname: '浜у搧鍚嶇О5', sl: '100' },
+ { xsdd: 'MO-2022111506', partname: '浜у搧鍚嶇О6', sl: '100' },
+ { xsdd: 'MO-2022111507', partname: '浜у搧鍚嶇О7', sl: '100' },
+ { xsdd: 'MO-2022111508', partname: '浜у搧鍚嶇О8', sl: '100' },
+ { xsdd: 'MO-2022111509', partname: '浜у搧鍚嶇О9', sl: '100' },
+ { xsdd: 'MO-2022111510', partname: '浜у搧鍚嶇О10', sl: '100' },
+ { xsdd: 'MO-2022111511', partname: '浜у搧鍚嶇О11', sl: '100' },
+ { xsdd: 'MO-2022111512', partname: '浜у搧鍚嶇О12', sl: '100' },
+ { xsdd: 'MO-2022111513', partname: '浜у搧鍚嶇О13', sl: '100' },
+ { xsdd: 'MO-2022111514', partname: '浜у搧鍚嶇О14', sl: '100' },
+ { xsdd: 'MO-2022111515', partname: '浜у搧鍚嶇О15', sl: '100' },
+ { xsdd: 'MO-2022111516', partname: '浜у搧鍚嶇О16', sl: '100' },
+ { xsdd: 'MO-2022111517', partname: '浜у搧鍚嶇О17', sl: '100' },
+ { xsdd: 'MO-2022111518', partname: '浜у搧鍚嶇О18', sl: '100' },
+ { xsdd: 'MO-2022111519', partname: '浜у搧鍚嶇О19', sl: '100' },
+ { xsdd: 'MO-2022111520', partname: '浜у搧鍚嶇О20', sl: '100' },
+ { xsdd: 'MO-2022111521', partname: '浜у搧鍚嶇О21', sl: '100' },
+ { xsdd: 'MO-2022111522', partname: '浜у搧鍚嶇О22', sl: '100' },
+ { xsdd: 'MO-2022111523', partname: '浜у搧鍚嶇О23', sl: '100' },
+ { xsdd: 'MO-2022111524', partname: '浜у搧鍚嶇О24', sl: '100' }
],
+
tableDataCenterTop: [],
- tableDataCenterTopTemp: [
- {
- xh: 1,
- jgdh: 'MO-2022-1115-01',
- cxmc: '瑁呴厤涓�绾�',
- cpmc: '浜у搧鍚嶇О1',
- scsl: '100',
- yjks: '2022-10-01',
- yjwg: '2022-10-10',
- gx: '宸ュ簭涓�',
- scjd1: '20',
- scjd2: '30'
- },
- {
- xh: 2,
- jgdh: 'MO-2022-1115-01',
- cxmc: '瑁呴厤浜岀嚎',
- cpmc: '浜у搧鍚嶇О1',
- scsl: '100',
- yjks: '2022-10-01',
- yjwg: '2022-10-10',
- gx: '宸ュ簭涓�',
- scjd1: '10',
- scjd2: '20'
- },
- {
- xh: 3,
- jgdh: 'MO-2022-1115-01',
- cxmc: '瑁呴厤涓夌嚎',
- cpmc: '浜у搧鍚嶇О1',
- scsl: '100',
- yjks: '2022-10-01',
- yjwg: '2022-10-10',
- gx: '宸ュ簭涓�',
- scjd1: '50',
- scjd2: '100'
- },
- {
- xh: 4,
- jgdh: 'MO-2022-1115-01',
- cxmc: '瑁呴厤鍥涚嚎',
- cpmc: '浜у搧鍚嶇О1',
- scsl: '100',
- yjks: '2022-10-01',
- yjwg: '2022-10-10',
- gx: '宸ュ簭涓�',
- scjd1: '20',
- scjd2: '60'
- },
- {
- xh: 5,
- jgdh: 'MO-2022-1115-01',
- cxmc: '瑁呴厤涓�绾�',
- cpmc: '浜у搧鍚嶇О1',
- scsl: '100',
- yjks: '2022-10-01',
- yjwg: '2022-10-10',
- gx: '宸ュ簭涓�',
- scjd1: '50',
- scjd2: '60'
- },
- {
- xh: 6,
- jgdh: 'MO-2022-1115-01',
- cxmc: '瑁呴厤涓�绾�',
- cpmc: '浜у搧鍚嶇О1',
- scsl: '100',
- yjks: '2022-10-01',
- yjwg: '2022-10-10',
- gx: '宸ュ簭涓�',
- scjd1: '10',
- scjd2: '20'
- },
- {
- xh: 7,
- jgdh: 'MO-2022-1115-01',
- cxmc: '瑁呴厤涓�绾�',
- cpmc: '浜у搧鍚嶇О1',
- scsl: '100',
- yjks: '2022-10-01',
- yjwg: '2022-10-10',
- gx: '宸ュ簭涓�',
- scjd1: '10',
- scjd2: '20'
- },
- {
- xh: 8,
- jgdh: 'MO-2022-1115-01',
- cxmc: '瑁呴厤涓�绾�',
- cpmc: '浜у搧鍚嶇О1',
- scsl: '100',
- yjks: '2022-10-01',
- yjwg: '2022-10-10',
- gx: '宸ュ簭涓�',
- scjd1: '30',
- scjd2: '30'
- },
- {
- xh: 9,
- jgdh: 'MO-2022-1115-01',
- cxmc: '瑁呴厤浜岀嚎',
- cpmc: '浜у搧鍚嶇О1',
- scsl: '100',
- yjks: '2022-10-01',
- yjwg: '2022-10-10',
- gx: '宸ュ簭涓�',
- scjd1: '10',
- scjd2: '20'
- },
- {
- xh: 10,
- jgdh: 'MO-2022-1115-01',
- cxmc: '瑁呴厤浜岀嚎',
- cpmc: '浜у搧鍚嶇О1',
- scsl: '100',
- yjks: '2022-10-01',
- yjwg: '2022-10-10',
- gx: '宸ュ簭涓�',
- scjd1: '1',
- scjd2: '2'
- },
- {
- xh: 11,
- jgdh: 'MO-2022-1115-01',
- cxmc: '瑁呴厤涓夌嚎',
- cpmc: '浜у搧鍚嶇О1',
- scsl: '100',
- yjks: '2022-10-01',
- yjwg: '2022-10-10',
- gx: '宸ュ簭涓�',
- scjd1: '10',
- scjd2: '20'
- },
- {
- xh: 12,
- jgdh: 'MO-2022-1115-01',
- cxmc: '瑁呴厤涓夌嚎',
- cpmc: '浜у搧鍚嶇О1',
- scsl: '100',
- yjks: '2022-10-01',
- yjwg: '2022-10-10',
- gx: '宸ュ簭涓�',
- scjd1: '1000',
- scjd2: '1000'
- },
- {
- xh: 13,
- jgdh: 'MO-2022-1115-01',
- cxmc: '瑁呴厤涓�绾�',
- cpmc: '浜у搧鍚嶇О1',
- scsl: '100',
- yjks: '2022-10-01',
- yjwg: '2022-10-10',
- gx: '宸ュ簭涓�',
- scjd1: '16',
- scjd2: '33'
- },
- {
- xh: 14,
- jgdh: 'MO-2022-1115-01',
- cxmc: '瑁呴厤涓�绾�',
- cpmc: '浜у搧鍚嶇О1',
- scsl: '100',
- yjks: '2022-10-01',
- yjwg: '2022-10-10',
- gx: '宸ュ簭涓�',
- scjd1: '19',
- scjd2: '81'
- },
- {
- xh: 15,
- jgdh: 'MO-2022-1115-01',
- cxmc: '瑁呴厤涓�绾�',
- cpmc: '浜у搧鍚嶇О1',
- scsl: '100',
- yjks: '2022-10-01',
- yjwg: '2022-10-10',
- gx: '宸ュ簭涓�',
- scjd1: '100',
- scjd2: '200'
- },
- {
- xh: 16,
- jgdh: 'MO-2022-1115-01',
- cxmc: '瑁呴厤鍥涚嚎',
- cpmc: '浜у搧鍚嶇О1',
- scsl: '100',
- yjks: '2022-10-01',
- yjwg: '2022-10-10',
- gx: '宸ュ簭涓�',
- scjd1: '1',
- scjd2: '2'
- },
- {
- xh: 17,
- jgdh: 'MO-2022-1115-01',
- cxmc: '瑁呴厤鍥涚嚎',
- cpmc: '浜у搧鍚嶇О1',
- scsl: '100',
- yjks: '2022-10-01',
- yjwg: '2022-10-10',
- gx: '宸ュ簭涓�',
- scjd1: '10',
- scjd2: '20'
- },
- {
- xh: 18,
- jgdh: 'MO-2022-1115-01',
- cxmc: '瑁呴厤鍥涚嚎',
- cpmc: '浜у搧鍚嶇О1',
- scsl: '100',
- yjks: '2022-10-01',
- yjwg: '2022-10-10',
- gx: '宸ュ簭涓�',
- scjd1: '1',
- scjd2: '2'
- },
- {
- xh: 19,
- jgdh: 'MO-2022-1115-01',
- cxmc: '瑁呴厤鍥涚嚎',
- cpmc: '浜у搧鍚嶇О1',
- scsl: '100',
- yjks: '2022-10-01',
- yjwg: '2022-10-10',
- gx: '宸ュ簭涓�',
- scjd1: '10',
- scjd2: '20'
- },
- {
- xh: 20,
- jgdh: 'MO-2022-1115-01',
- cxmc: '瑁呴厤鍥涚嚎',
- cpmc: '浜у搧鍚嶇О1',
- scsl: '100',
- yjks: '2022-10-01',
- yjwg: '2022-10-10',
- gx: '宸ュ簭涓�',
- scjd1: '10',
- scjd2: '20'
- },
- {
- xh: 21,
- jgdh: 'MO-2022-1115-01',
- cxmc: '瑁呴厤鍥涚嚎',
- cpmc: '浜у搧鍚嶇О1',
- scsl: '100',
- yjks: '2022-10-01',
- yjwg: '2022-10-10',
- gx: '宸ュ簭涓�',
- scjd1: '10',
- scjd2: '20'
- },
- {
- xh: 22,
- jgdh: 'MO-2022-1115-01',
- cxmc: '瑁呴厤涓�绾�',
- cpmc: '浜у搧鍚嶇О1',
- scsl: '100',
- yjks: '2022-10-01',
- yjwg: '2022-10-10',
- gx: '宸ュ簭涓�',
- scjd1: '1',
- scjd2: '2'
- },
- {
- xh: 23,
- jgdh: 'MO-2022-1115-01',
- cxmc: '瑁呴厤涓�绾�',
- cpmc: '浜у搧鍚嶇О1',
- scsl: '100',
- yjks: '2022-10-01',
- yjwg: '2022-10-10',
- gx: '宸ュ簭涓�',
- scjd1: '10',
- scjd2: '20'
- },
- {
- xh: 24,
- jgdh: 'MO-2022-1115-01',
- cxmc: '瑁呴厤涓夌嚎',
- cpmc: '浜у搧鍚嶇О1',
- scsl: '100',
- yjks: '2022-10-01',
- yjwg: '2022-10-10',
- gx: '宸ュ簭涓�',
- scjd1: '10',
- scjd2: '20'
- },
- {
- xh: 25,
- jgdh: 'MO-2022-1115-01',
- cxmc: '瑁呴厤浜岀嚎',
- cpmc: '浜у搧鍚嶇О1',
- scsl: '100',
- yjks: '2022-10-01',
- yjwg: '2022-10-10',
- gx: '宸ュ簭涓�',
- scjd1: '10',
- scjd2: '20'
- },
- {
- xh: 26,
- jgdh: 'MO-2022-1115-01',
- cxmc: '瑁呴厤涓夌嚎',
- cpmc: '浜у搧鍚嶇О1',
- scsl: '100',
- yjks: '2022-10-01',
- yjwg: '2022-10-10',
- gx: '宸ュ簭涓�',
- scjd1: '10',
- scjd2: '20'
- },
- {
- xh: 27,
- jgdh: 'MO-2022-1115-01',
- cxmc: '瑁呴厤鍥涚嚎',
- cpmc: '浜у搧鍚嶇О1',
- scsl: '100',
- yjks: '2022-10-01',
- yjwg: '2022-10-10',
- gx: '宸ュ簭涓�',
- scjd1: '10',
- scjd2: '20'
- }
- ]
+ tableDataCenterTopTemp: []
}
},
created() {
@@ -661,7 +344,13 @@
},
mounted() {
this.getTopBar()
- this.getTableDataSetInterval()
+ // 杈逛笂鍥涗釜琛ㄦ牸鏁版嵁鍐呭
+ this.getLeftTopTableDataSetInterval()
+ this.getLeftBottomTableDataSetInterval()
+ this.getRightTopTableDataSetInterval()
+ this.getRightBottomTableDataSetInterval()
+
+ // 涓棿琛ㄦ牸鏁版嵁鍐呭
this.getCenterTableDataSetInterval()
},
methods: {
@@ -670,50 +359,112 @@
let startValue = 0 // 鍒濆鍊�
const scale = 20// 鍒诲害
- this.tableDataCenterTop = this.tableDataCenterTopTemp.slice(startValue, startValue + scale)
+ WkshpContentData().then(res => {
+ this.tableDataCenterTopTemp = res.data
- const loop = Math.floor(this.tableDataCenterTopTemp.length / scale)// 闇�瑕佸惊鐜殑娆℃暟
- let nowLoop = 0// 褰撳墠寰幆鐨勬鏁�
-
- setInterval(() => {
- startValue = startValue + scale
this.tableDataCenterTop = this.tableDataCenterTopTemp.slice(startValue, startValue + scale)
- if (nowLoop === loop) {
- this.getCenterTableDataSetInterval()
- }
- nowLoop++
+
+ const loop = Math.floor(this.tableDataCenterTopTemp.length / scale)// 闇�瑕佸惊鐜殑娆℃暟
+ let nowLoop = 0// 褰撳墠寰幆鐨勬鏁�
+
+ const timer = setInterval(() => {
+ startValue = startValue + scale
+ this.tableDataCenterTop = this.tableDataCenterTopTemp.slice(startValue, startValue + scale)
+ if (nowLoop === loop) {
+ clearInterval(timer)
+ this.getCenterTableDataSetInterval()
+ }
+ nowLoop++
+ this.$nextTick(() => {
+ this.tableDataCenterTop.forEach(i => {
+ loadEcharts('progress' + i.xh, progress(i.good_qty, i.scjd2))
+ })
+ })
+ }, 1000 * 10)
+
this.$nextTick(() => {
this.tableDataCenterTop.forEach(i => {
- loadEcharts('progress' + i.xh, progress(i.scjd1, i.scjd2))
+ loadEcharts('progress' + i.xh, progress(i.good_qty, i.scjd2))
})
- })
- }, 1000 * 10)
-
- this.$nextTick(() => {
- this.tableDataCenterTop.forEach(i => {
- loadEcharts('progress' + i.xh, progress(i.scjd1, i.scjd2))
})
})
},
- // 瀹氭椂鍒锋柊琛ㄦ牸鏁版嵁
- getTableDataSetInterval() {
- const startValue = 0 // 鍒濆鍊�
+ // 鑾峰彇宸︿笂鏁版嵁骞跺畾鏃跺埛鏂�
+ getLeftTopTableDataSetInterval() {
+ let startValue = 0 // 鍒濆鍊�
const scale = 10// 鍒诲害
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)
+
+ 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.getLeftTopTableDataSetInterval()
+ }
+ nowLoop++
+ }, 1000 * 5)
+ },
+ // 鑾峰彇宸︿笅鏁版嵁骞跺畾鏃跺埛鏂�
+ getLeftBottomTableDataSetInterval() {
+ let startValue = 0 // 鍒濆鍊�
+ const scale = 10// 鍒诲害
+
+ this.tableDataLeftBottom = this.tableDataLeftBottomTemp.slice(startValue, startValue + scale)
+
+ const loop = Math.floor(this.tableDataLeftBottomTemp.length / scale)// 闇�瑕佸惊鐜殑娆℃暟
+ let nowLoop = 0// 褰撳墠寰幆鐨勬鏁�
+
+ setInterval(() => {
+ startValue = startValue + scale
+ this.tableDataLeftBottom = this.tableDataLeftBottomTemp.slice(startValue, startValue + scale)
+ if (nowLoop === loop) {
+ this.getLeftBottomTableDataSetInterval()
+ }
+ nowLoop++
+ }, 1000 * 5)
+ },
+ // 鑾峰彇鍙充笂鏁版嵁骞跺畾鏃跺埛鏂�
+ getRightTopTableDataSetInterval() {
+ let startValue = 0 // 鍒濆鍊�
+ const scale = 10// 鍒诲害
+
+ this.tableDataRightTop = this.tableDataRightTopTemp.slice(startValue, startValue + scale)
+
+ const loop = Math.floor(this.tableDataRightTopTemp.length / scale)// 闇�瑕佸惊鐜殑娆℃暟
+ let nowLoop = 0// 褰撳墠寰幆鐨勬鏁�
+
+ setInterval(() => {
+ startValue = startValue + scale
+ this.tableDataRightTop = this.tableDataRightTopTemp.slice(startValue, startValue + scale)
+ if (nowLoop === loop) {
+ this.getRightTopTableDataSetInterval()
+ }
+ nowLoop++
+ }, 1000 * 5)
+ },
+ // 鑾峰彇鍙充笅鏁版嵁骞跺畾鏃跺埛鏂�
+ getRightBottomTableDataSetInterval() {
+ let startValue = 0 // 鍒濆鍊�
+ const scale = 10// 鍒诲害
+
+ this.tableDataRightBottom = this.tableDataRightBottomTemp.slice(startValue, startValue + scale)
+
+ const loop = Math.floor(this.tableDataRightBottomTemp.length / scale)// 闇�瑕佸惊鐜殑娆℃暟
+ let nowLoop = 0// 褰撳墠寰幆鐨勬鏁�
+
+ setInterval(() => {
+ startValue = startValue + scale
+ this.tableDataRightBottom = this.tableDataRightBottomTemp.slice(startValue, startValue + scale)
+ if (nowLoop === loop) {
+ this.getRightBottomTableDataSetInterval()
+ }
+ nowLoop++
+ }, 1000 * 5)
},
// 鑾峰彇topEcharts
@@ -794,7 +545,7 @@
background: #000;
}
-.el-table::before{
+.el-table::before {
height: 0;
}
--
Gitblit v1.9.3