1.看板优化

loulijun2021

2022-11-30 7d540071e539dda17f0e11859958167d0c1a7615

1.看板优化

 src/api/dzkb.js

@@ -122,3 +122,64 @@
    params: data
  })
}

// 富尔达车间生产数字化看板，产线数据
export function WkshpLineData(data) {
  return request({
    url: 'KanBanManagerent/WkshpLineData',
    method: 'get',
    params: data
  })
}

// 富尔达车间生产数字化看板，生产信息
export function WkshpContentData() {
  return request({
    url: 'KanBanManagerent/WkshpContentData',
    method: 'get'
  })
}
// 富尔达车间质量数字化看板,top5不良
export function BadTop5(data) {
  return request({
    url: 'KanBanManagerent/BadTop5',
    method: 'get',
    params: data
  })
}

// 富尔达车间质量数字化看板,周不良趋势
export function BadWeek(data) {
  return request({
    url: 'KanBanManagerent/BadWeek',
    method: 'get',
    params: data
  })
}

// 富尔达车间质量数字化看板,日不良分布
export function BadDayDistriBute(data) {
  return request({
    url: 'KanBanManagerent/BadDayDistriBute',
    method: 'get',
    params: data
  })
}

// 富尔达车间质量数字化看板,周不良分布
export function BadWeekDistriBute(data) {
  return request({
    url: 'KanBanManagerent/BadWeekDistriBute',
    method: 'get',
    params: data
  })
}

// 富尔达车间质量数字化看板,不良明细
export function BadContManger(data) {
  return request({
    url: 'KanBanManagerent/BadContManger',
    method: 'get',
    params: data
  })
}

 src/utils/myEcharts.js

@@ -1360,7 +1360,7 @@
          normal: {
            // showAbove: false,
            length: 20,
            length2: 45,
            length2: 35,
            lineStyle: {
              color: '#fff'
            }

 src/views/bbgl/bzgz.vue

@@ -1,8 +1,28 @@
<template>
  <div>
    <div class="body" :style="{height:mainHeight+'px'}">
      <div class="bodyTopButtonGroup">
      <div class="bodyTopButtonGroup" style="justify-content: space-between">
        <el-button type="primary" icon="el-icon-download" @click="download">导出</el-button>

        <div class="topRight" style="display: flex;align-items: center">
          <!--          <div style="font-size: 14px;margin-right: 15px;color: #a7a7a7">剔除工序</div>-->
          <el-select
            v-model="form.rejectstepcode"
            style="width: 170px;"
            multiple
            placeholder="请选择剔除工序"
            collapse-tags
            @change="rejectstepcodeChange"
          >
            <el-option
              v-for="item in StepSelectArr"
              :key="item.stepcode"
              :label="item.stepname"
              :value="item.stepcode"
            />
          </el-select>
        </div>

      </div>

      <div class="bodyTopFormGroup">
@@ -200,7 +220,8 @@
            label="报工人员"
            width="110"
            sortable="custom"
          />          <el-table-column
          />
          <el-table-column
            prop="report_date"
            label="报工时间"
            width="160"
@@ -294,6 +315,7 @@
  GroupSalaryReportSearchUser
} from '@/api/bbgl'
import { MesOrderStepReportSelectUserGroup } from '@/api/scgl'
import { StepSelect } from '@/api/zzmx'

export default {
  name: 'Zzjg',
@@ -306,6 +328,7 @@
      isExpandForm: false,
      mainHeight: 0,
      tableHeight: 0,
      StepSelectArr: [], // 剔除工序数组
      form: {
        wocode: '', // 工单编号
        partcode: '', // 产品编码
@@ -315,6 +338,7 @@
        groupcode: '', // 生产班组
        username: '', // 操作人员
        operdate: '', // 操作时间
        rejectstepcode: [], // 剔除工序(固定薪资工序不参与计算
        prop: 'lm_date', // 排序字段
        order: 'desc', // 排序字段
        page: 1, // 第几页
@@ -324,7 +348,7 @@
      total: 10,
      tableData: [],
      dialogVisible: false,
      tagArr: [], //
      tagArr: [],
      dialogForm: {
        OrgType: '',
        OrgCode: '',
@@ -370,8 +394,18 @@
      this.getGroupSalaryReportSearch().then(res => {
        if (res.code === '200') {
          this.getMesOrderStepReportSelectUserGroup()
          this.getStepSelect()
        }
      })
    },
    // 获取工序下拉接口
    async  getStepSelect() {
      const { data: res } = await StepSelect()
      this.StepSelectArr = res
    },
    // 剔除工序下拉选项值变化时
    rejectstepcodeChange(val) {
      this.getGroupSalaryReportSearch()
    },
    getSummaries(param) {
      const { columns, data } = param
@@ -418,6 +452,7 @@
        groupcode: this.form.groupcode,
        username: this.form.username,
        operdate: tempDate,
        rejectstepcode: this.form.rejectstepcode.join(','),
        prop: this.form.prop,
        order: this.form.order,
        page: this.form.page,
@@ -711,6 +746,19 @@
    height: 100% !important;
  }
}
.topRight ::v-deep {
  input::-webkit-input-placeholder {
    color: $main_color;
  }

  //input::-moz-input-placeholder {
  //  color: rgba(0, 204, 254, 1);
  //}

  input::-ms-input-placeholder {
    color: $main_color;
  }
}
</style>
<style>


 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// 刻度

      WkshpContentData().then(res => {
        this.tableDataCenterTopTemp = res.data

      this.tableDataCenterTop = this.tableDataCenterTopTemp.slice(startValue, startValue + scale)

      const loop = Math.floor(this.tableDataCenterTopTemp.length / scale)// 需要循环的次数
      let nowLoop = 0// 当前循环的次数

      setInterval(() => {
        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.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))
            loadEcharts('progress' + i.xh, progress(i.good_qty, 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

 src/views/kb/cjzl.vue

@@ -13,7 +13,7 @@
      </div>
      <div style="display: flex;justify-content: space-between;padding:0 20px 20px 20px">
        <!--        左边部分-->
        <div style="width: 480px;height: 969px;" class="flex_c_b">
        <div style="width: 470px;height: 969px;" class="flex_c_b">
          <div>
            <div class="smallTitle">
              <svg-icon icon-class="top5" class="svg_class" />
@@ -51,13 +51,13 @@
              height="927"
            >
              <el-table-column
                prop="xh"
                label="序号"
                width="60"
                prop="rq"
                label="日期"
                width="115"
              />
              <el-table-column
                prop="cxmc"
                width="100"
                width="95"
                label="产线名称"
              >
                <template slot-scope="{row}">
@@ -76,27 +76,36 @@

              <el-table-column
                prop="cpmc"
                width="120"
                width="100"
                label="产品名称"
              />
              >
                <template slot-scope="{row}">
                  <div class="ellipsis">{{ row.cpmc }}</div>
                </template>
              </el-table-column>
              <el-table-column
                prop="blyy"
                label="不良原因"
                width="180"
                width="120"
              >
                <template slot-scope="{row}">
                  <div style="color:#d91010;">{{ row.blyy }}</div>
                  <div style="color:#ff0000;width: 120px" class="ellipsis">{{ row.blyy }}</div>
                </template>
              </el-table-column>
              <el-table-column
                prop="scsl"
                label="不良数量"
                width="110"
                width="95"
              />
              <el-table-column
                prop="bgsl"
                label="报工数量"
                width="110"
                width="95"
              />
              <el-table-column
                prop="blzb"
                label="不良占比"
                width="95"
              />
              <!--              <el-table-column-->
              <!--                prop="yjks"-->
@@ -118,7 +127,7 @@
          </div>
        </div>
        <!--        右边部分-->
        <div style="width: 480px;height: 969px;" class="flex_c_b">
        <div style="width: 470px;height: 969px;" class="flex_c_b">
          <div>
            <div class="smallTitle">
              <svg-icon icon-class="rbl" class="svg_class" style="font-size: 28px" />
@@ -155,7 +164,7 @@
      headTime: '',
      tableDataLeftTop: [],
      tableDataLeftTopTemp: [
        { xsdd: 'MO-2022111501', cpmc: '电池包test', sl: '100' },
        { 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' },
@@ -182,33 +191,33 @@
      ],
      tableDataCenterTop: [],
      tableDataCenterTopTemp: [
        { xh: 1, bgsl: 200, blyy: '尺寸、色系、毛刺', jgdh: 'MO-2022-1115-01', cxmc: '装配一线', cpmc: '电池包test', scsl: '100', yjks: '2022-10-01', yjwg: '2022-10-10', gx: '工序一', scjd: '10/20' },
        { xh: 2, bgsl: 200, blyy: '尺寸、毛刺', jgdh: 'MO-2022-1115-01', cxmc: '装配一线', cpmc: '电池包test', scsl: '100', yjks: '2022-10-01', yjwg: '2022-10-10', gx: '工序一', scjd: '10/20' },
        { xh: 3, bgsl: 200, blyy: '尺寸、色系', jgdh: 'MO-2022-1115-01', cxmc: '装配一线', cpmc: '电池包test', scsl: '100', yjks: '2022-10-01', yjwg: '2022-10-10', gx: '工序一', scjd: '10/20' },
        { xh: 4, bgsl: 200, blyy: '尺寸、毛刺', jgdh: 'MO-2022-1115-01', cxmc: '装配一线', cpmc: '电池包test', scsl: '100', yjks: '2022-10-01', yjwg: '2022-10-10', gx: '工序一', scjd: '10/20' },
        { xh: 5, bgsl: 200, blyy: '色系、毛刺', jgdh: 'MO-2022-1115-01', cxmc: '装配一线', cpmc: '电池包test', scsl: '100', yjks: '2022-10-01', yjwg: '2022-10-10', gx: '工序一', scjd: '10/20' },
        { xh: 6, bgsl: 200, blyy: '尺寸、色系', jgdh: 'MO-2022-1115-01', cxmc: '装配一线', cpmc: '电池包test', scsl: '100', yjks: '2022-10-01', yjwg: '2022-10-10', gx: '工序一', scjd: '10/20' },
        { xh: 7, bgsl: 200, blyy: '尺寸、色系、毛刺', jgdh: 'MO-2022-1115-01', cxmc: '装配一线', cpmc: '电池包test', scsl: '100', yjks: '2022-10-01', yjwg: '2022-10-10', gx: '工序一', scjd: '10/20' },
        { xh: 8, bgsl: 200, blyy: '尺寸、毛刺', jgdh: 'MO-2022-1115-01', cxmc: '装配一线', cpmc: '电池包test', scsl: '100', yjks: '2022-10-01', yjwg: '2022-10-10', gx: '工序一', scjd: '10/20' },
        { xh: 9, bgsl: 200, blyy: '尺寸、色系、毛刺', jgdh: 'MO-2022-1115-01', cxmc: '装配一线', cpmc: '电池包test', scsl: '100', yjks: '2022-10-01', yjwg: '2022-10-10', gx: '工序一', scjd: '10/20' },
        { xh: 10, bgsl: 200, blyy: '毛刺', jgdh: 'MO-2022-1115-01', cxmc: '装配一线', cpmc: '电池包test', scsl: '100', yjks: '2022-10-01', yjwg: '2022-10-10', gx: '工序一', scjd: '10/20' },
        { xh: 11, bgsl: 200, blyy: '尺寸', jgdh: 'MO-2022-1115-01', cxmc: '装配一线', cpmc: '电池包test', scsl: '100', yjks: '2022-10-01', yjwg: '2022-10-10', gx: '工序一', scjd: '10/20' },
        { xh: 12, bgsl: 200, blyy: '尺寸、色系、毛刺', jgdh: 'MO-2022-1115-01', cxmc: '装配一线', cpmc: '电池包test', scsl: '100', yjks: '2022-10-01', yjwg: '2022-10-10', gx: '工序一', scjd: '10/20' },
        { xh: 13, bgsl: 200, blyy: '尺寸、色系、毛刺', jgdh: 'MO-2022-1115-01', cxmc: '装配一线', cpmc: '电池包test', scsl: '100', yjks: '2022-10-01', yjwg: '2022-10-10', gx: '工序一', scjd: '10/20' },
        { xh: 14, bgsl: 200, blyy: '尺寸、色系、毛刺', jgdh: 'MO-2022-1115-01', cxmc: '装配一线', cpmc: '电池包test', scsl: '100', yjks: '2022-10-01', yjwg: '2022-10-10', gx: '工序一', scjd: '10/20' },
        { xh: 15, bgsl: 200, blyy: '尺寸、色系、毛刺', jgdh: 'MO-2022-1115-01', cxmc: '装配一线', cpmc: '电池包test', scsl: '100', yjks: '2022-10-01', yjwg: '2022-10-10', gx: '工序一', scjd: '10/20' },
        { xh: 16, bgsl: 200, blyy: '尺寸、色系、毛刺', jgdh: 'MO-2022-1115-01', cxmc: '装配一线', cpmc: '电池包test', scsl: '100', yjks: '2022-10-01', yjwg: '2022-10-10', gx: '工序一', scjd: '10/20' },
        { xh: 17, bgsl: 200, blyy: '尺寸、色系、毛刺', jgdh: 'MO-2022-1115-01', cxmc: '装配一线', cpmc: '电池包test', scsl: '100', yjks: '2022-10-01', yjwg: '2022-10-10', gx: '工序一', scjd: '10/20' },
        { xh: 18, bgsl: 200, blyy: '尺寸、色系、毛刺', jgdh: 'MO-2022-1115-01', cxmc: '装配一线', cpmc: '电池包test', scsl: '100', yjks: '2022-10-01', yjwg: '2022-10-10', gx: '工序一', scjd: '10/20' },
        { xh: 19, bgsl: 200, blyy: '尺寸、色系、毛刺', jgdh: 'MO-2022-1115-01', cxmc: '装配一线', cpmc: '电池包test', scsl: '100', yjks: '2022-10-01', yjwg: '2022-10-10', gx: '工序一', scjd: '10/20' },
        { xh: 20, bgsl: 200, blyy: '尺寸、色系、毛刺', jgdh: 'MO-2022-1115-01', cxmc: '装配一线', cpmc: '电池包test', scsl: '100', yjks: '2022-10-01', yjwg: '2022-10-10', gx: '工序一', scjd: '10/20' },
        { xh: 21, bgsl: 200, blyy: '尺寸、色系、毛刺', jgdh: 'MO-2022-1115-01', cxmc: '装配一线', cpmc: '电池包test', scsl: '100', yjks: '2022-10-01', yjwg: '2022-10-10', gx: '工序一', scjd: '10/20' },
        { xh: 22, bgsl: 200, blyy: '尺寸、色系、毛刺', jgdh: 'MO-2022-1115-01', cxmc: '装配一线', cpmc: '电池包test', scsl: '100', yjks: '2022-10-01', yjwg: '2022-10-10', gx: '工序一', scjd: '10/20' },
        { xh: 23, bgsl: 200, blyy: '尺寸、色系、毛刺', jgdh: 'MO-2022-1115-01', cxmc: '装配一线', cpmc: '电池包test', scsl: '100', yjks: '2022-10-01', yjwg: '2022-10-10', gx: '工序一', scjd: '10/20' },
        { xh: 24, bgsl: 200, blyy: '尺寸、色系、毛刺', jgdh: 'MO-2022-1115-01', cxmc: '装配一线', cpmc: '电池包test', scsl: '100', yjks: '2022-10-01', yjwg: '2022-10-10', gx: '工序一', scjd: '10/20' },
        { xh: 25, bgsl: 200, blyy: '尺寸、色系、毛刺', jgdh: 'MO-2022-1115-01', cxmc: '装配一线', cpmc: '电池包test', scsl: '100', yjks: '2022-10-01', yjwg: '2022-10-10', gx: '工序一', scjd: '10/20' },
        { xh: 26, bgsl: 200, blyy: '尺寸、色系、毛刺', jgdh: 'MO-2022-1115-01', cxmc: '装配一线', cpmc: '电池包test', scsl: '100', yjks: '2022-10-01', yjwg: '2022-10-10', gx: '工序一', scjd: '10/20' },
        { xh: 27, bgsl: 200, blyy: '尺寸、色系、毛刺', jgdh: 'MO-2022-1115-01', cxmc: '装配一线', cpmc: '电池包test', 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' },
        { 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' }
      ]
    }
  },

 src/views/kb/zhkb.vue

@@ -23,7 +23,7 @@
              <div v-for="item in lineContent3" :key="item.workcode" class="kb_left_top_block">
                <div class="kb_block02 kb_pd10">
                  <div>
                    <div>销售单号:{{ item.saleordercode }}</div>
                    <div>销售订单:{{ item.saleordercode }}</div>
                    <div class="kb_mt10">
                      加工单号:{{ item.workcode }}
                    </div>

 vue.config.js

@@ -51,7 +51,7 @@
    proxy: {
      [process.env.VUE_APP_BASE_API]: {
        target: 'http://121.196.36.24:8007', // 请求的第三⽅接⼝地址      本地服务器(富尔达)
        // target: 'http://192.168.2.138:8001', // 请求的第三⽅接⼝地址   客户服务器(富尔达)
        // target: 'http://192.168.16.246:8001', // 请求的第三⽅接⼝地址      客户服务器(富尔达)
        changeOrigin: true, // 请求跨域时，需 配置此项
        pathRewrite: { // 路径重写,替换target中的请求地址
          ['^' + process.env.VUE_APP_BASE_API]: '/api/'