1.对接移动端

loulijun2021

2023-05-30 a169bda5b19db4714d2aa476504e58105228cc40

 src/views/kb/cjzl.vue

@@ -3,9 +3,9 @@
    <div class="kb_dashboard">

      <!--    星空背景-->
      <div ref="starsRef" class="stars">
        <div v-for="(item, index) in starsCount" :key="index" class="star" />
      </div>
      <!--      <div ref="starsRef" class="stars">-->
      <!--        <div v-for="(item, index) in starsCount" :key="index" class="star" />-->
      <!--      </div>-->

      <div class="kb_header">
        <div class="flex_c_c kb_header_text">
@@ -50,7 +50,7 @@
            <el-table
              ref="tableDataLeftCenterRef"
              :data="tableDataCenterTop"
              class="tableData"
              class="tableData tableDataCell"
              style="width: 100%;"
              :header-cell-style="headerCellStyleCenter"
              :cell-style="cellStyleCenter"
@@ -59,7 +59,7 @@
              <el-table-column
                prop="lm_date"
                label="日期"
                width="115"
                width="100"
              >
                <template slot-scope="{row}">
                  <div
@@ -72,7 +72,7 @@
              </el-table-column>
              <el-table-column
                prop="eqp_name"
                width="95"
                width="80"
                label="产线名称"
              >
                <template slot-scope="{row}">
@@ -82,7 +82,7 @@
              <el-table-column
                prop="wo_code"
                label="生产单号"
                width="188"
                width="173"
              >
                <template slot-scope="{row}">
                  <div style="color: #00FFFF">{{ row.wo_code }}</div>
@@ -91,7 +91,7 @@

              <el-table-column
                prop="partname"
                width="100"
                width="190"
                label="产品名称"
              >
                <template slot-scope="{row}">
@@ -110,16 +110,16 @@
              <el-table-column
                prop="ng_qty"
                label="不良数量"
                width="92"
                width="77"
              />
              <el-table-column
                prop="report_qty"
                label="报工数量"
                width="92"
                width="77"
              />
              <el-table-column
                label="不良占比"
                width="92"
                width="77"
              >
                <template slot-scope="{row}">
                  <div>{{ parseFloat((row.ng_qty*100/(row.ng_qty+row.report_qty)).toFixed(2)) }}%</div>
@@ -191,7 +191,7 @@

    this.getEcharts()

    this.setStarsRef()
    // this.setStarsRef()
  },
  methods: {
    setStarsRef() {
@@ -267,12 +267,11 @@
        const timer = setInterval(() => {
          startValue = startValue + scale
          this.tableDataCenterTop = this.tableDataCenterTopTemp.slice(startValue, startValue + scale)
          nowLoop++
          if (nowLoop === loop) {
            clearInterval(timer)
            this.getCenterTableDataSetInterval()
          }

          nowLoop++
        }, 1000 * 10)
      })
    },
@@ -359,6 +358,13 @@
.el-table__empty-text{
  color: $main_color;
}

.tableDataCell {
  ::v-deep .cell{
    padding: 0 2px ;
  }
}

</style>

<!--星空-->