loulijun2021
2023-02-14 08ef25f20c5422734cfa5495a21a8a12073d0408
src/views/kb/cgdd.vue
@@ -23,12 +23,12 @@
            <div class="kb_left_top_block kb_pd10">
              <div class="content01">
                <div class="pic01" />
                <div class="number">{{ purchaseLeftTopData.ThisMonthPurchaseArrivalOrderCont }}</div>
                <div class="number">{{ purchaseLeftTopData.ThisMonthPurchaseOrderCont }}</div>
                <div class="text">本月采购订单数</div>
              </div>
              <div class="content01">
                <div class="pic01" />
                <div class="number">{{ purchaseLeftTopData.ThisMonthPurchaseOrderCont }}</div>
                <div class="number">{{ purchaseLeftTopData.ThisMonthPurchaseArrivalOrderCont }}</div>
                <div class="text">本月到货单数</div>
              </div>
              <div class="content01">
@@ -44,7 +44,9 @@
          <!-- 2-->
          <div class="kb_left_bottom kb_pd10">
            <div class="kb_left_bottom_content">
              <div class="content_head kb_title_text">采购到货跟踪 <div style="margin-left: 30px">{{ number1 }} 单</div></div>
              <div class="content_head kb_title_text">采购到货跟踪
                <div style="margin-left: 30px">{{ number1 }} 单</div>
              </div>
              <div class="content_body">
                <el-table
                  ref="tableData"
@@ -138,7 +140,12 @@
                    prop="checkuser"
                    label="检验人员"
                    width="94"
                  />
                  >
                    <template slot-scope="{row}">
                      <div v-if="row.checkuser===null">/</div>
                      <div v-else>{{ row.checkuser }}</div>
                    </template>
                  </el-table-column>
                  <el-table-column
                    prop="quantity1"
                    label="已收数量"
@@ -154,7 +161,7 @@
                    width="94"
                  >
                    <template slot-scope="{row}">
                      <div v-if="row.quantity- row.quantity1">{{ parseFloat(row.quantity- row.quantity1) }}</div>
                      <div v-if="row.quantity- row.quantity1">{{ parseFloat(row.quantity - row.quantity1) }}</div>
                      <div v-else>0</div>
                    </template>
                  </el-table-column>
@@ -174,10 +181,15 @@
                    width="114"
                  >
                    <template slot-scope="{row}">
                      <div v-if="parseFloat(row.warning)<0" style="color: red">{{ Math.abs(parseFloat(row.warning)) }}</div>
                      <div v-if="parseFloat(row.warning)<0" style="color: red">{{
                        Math.abs(parseFloat(row.warning))
                      }}
                      </div>
                      <div v-else-if="row.warning===null||row.warning===''||row.warning===0">0</div>
                      <div v-else-if="parseFloat(row.warning)>3">{{ row.warning }}</div>
                      <div v-else-if="parseFloat(row.warning)>0&&parseFloat(row.warning)<=3" style="color:yellow;">{{ row.warning }}</div>
                      <div v-else-if="parseFloat(row.warning)>0&&parseFloat(row.warning)<=3" style="color:yellow;">
                        {{ row.warning }}
                      </div>
                    </template>
                  </el-table-column>
                </el-table>
@@ -354,7 +366,7 @@
    },
    getPurchaseLeftBottom() {
      PurchaseLeftBottom().then(res => {
        this.tableData = res.data
        this.tableData = res.data.filter(i => !parseFloat(i.quantity1))// 过滤掉已收数量大于零的值
        this.number1 = this.tableData.length
        const divData = this.$refs.tableData.bodyWrapper
@@ -367,7 +379,7 @@
            // 重置table距离顶部距离
            divData.scrollTop = 0
            PurchaseLeftBottom().then(res => {
              this.tableData = res.data
              this.tableData = res.data.filter(i => !parseFloat(i.quantity1))// 过滤掉已收数量大于零的值
              this.number1 = this.tableData.length
              if (this.tableData.length > 14) {
                clearInterval(this.PurchaseLeftBottom)
@@ -456,7 +468,7 @@
<style scoped lang="scss">
//$kbBorderColor: #09d8f2;
$kbBorderColor: rgba(9,216,242,0.4);
$kbBorderColor: rgba(9, 216, 242, 0.4);
.kb_content {
  display: flex;
@@ -484,7 +496,7 @@
        display: flex;
        //border: 1px solid rgba(255, 255, 255, 0.6);
        justify-content: space-around;
        background-color: rgba(30, 33, 46,0.6);
        background-color: rgba(30, 33, 46, 0.6);
        .content01 {
          margin: auto;
@@ -509,7 +521,7 @@
            font-size: 20px;
          }
          .text{
          .text {
            margin-top: 50px;
            font-size: 20px;
          }