loulijun2021
2022-08-03 b8b16d90fd13bcad5881a4562b5bbe96e576bd6b
src/views/kb/cgdd.vue
@@ -27,9 +27,10 @@
                <div class="text">当月入库总数</div>
              </div>
              <div class="content01">
                <div class="pic01" />
                <div class="number">12%</div>
                <div class="text">当月延期占比</div>
                <!--                <div class="pic01" />-->
                <!--                <div class="number">12%</div>-->
                <div id="pie01" ref="pie01" class="pie01" />
                <div class="text" style="margin-top: -10px">当月延期占比</div>
              </div>
            </div>
@@ -68,6 +69,7 @@
                <el-table-column
                  prop="jgdh"
                  label="加工单号"
                  width="207"
                />
                <el-table-column
                  prop="cpmc"
@@ -124,6 +126,7 @@
              <div class="content_head">供应商延期交货排行</div>
              <div class="content_body">
                <el-table
                  ref="tableDataRank"
                  :data="tableDataRank"
                  style="width: 100%;"
                  :header-cell-style="headerCellStyle"
@@ -133,7 +136,7 @@
                  <el-table-column
                    prop="xh"
                    label="序号"
                    width="70"
                    width="75"
                  />
                  <el-table-column
                    prop="cj"
@@ -143,10 +146,11 @@
                  <el-table-column
                    prop="cx"
                    label="产线"
                    width="100"
                    width="120"
                  />
                  <el-table-column
                    prop="cp"
                    width="138"
                    label="产品"
                  />
                  <el-table-column
@@ -167,7 +171,8 @@
<script>
import './kbCommon.css'
import { bar03, loadEcharts } from '@/utils/myEcharts'
import { loadEcharts, pie01 } from '@/utils/myEcharts'
import * as echarts from 'echarts'
export default {
  name: 'Index2',
@@ -388,8 +393,11 @@
    // 获取echarts
    getEcharts() {
      loadEcharts('bar03', bar03('本周入库量汇总'))
      loadEcharts('bar04', bar03('本周出货量汇总'))
      loadEcharts('pie01', pie01())
      // setInterval(() => {
      //   loadEcharts('pie01', pie01())
      // }, 5000)
    },
    // 获取当前时间
@@ -469,6 +477,12 @@
            background: url("../../assets/images/pic01.png");
          }
          .pie01{
            height: 200px;
            width: 200px;
            margin-top: -30px;
          }
          .number {
            margin-top: -50px;
            font-size: 18px;
@@ -531,4 +545,9 @@
::v-deep .el-table__body-wrapper {
  background-color: #000;
}
::v-deep .el-table__body-wrapper::-webkit-scrollbar {
  /* width: 0;宽度为0暗藏 */
  width: 0;
}
</style>