根据不同的质量要求,统计正品(值为0)、次品(值为1)、不定尺(值为2)的重量(其中正品要求是理论重量,其它的为实际重量)

博客内容涉及前端界面优化,详细描述了如何根据质量状态区分显示实际重量和理论重量。在出库单中,通过v-if条件判断展示实际或理论重量,并提供了相应的重量合计计算函数。同时,质保书数据也实现了类似逻辑,通过模板语法展示不同状态下的重量。优化后的界面能够清晰地区分和计算样品的实际重量与理论重量,提高了数据展示的准确性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一,需求截图:(问题)

目前里面的重量全是实际重量,

质保书数据:

目前全是理论重量,实际需求,直条里面除了样品号为0的取理论重量,其它的都取实际重量;

二,实现出库单和质保书取值:

出库单前端实现:

  <tr

                    style="line-height: 25px; border-left: 1px solid #000"

                    v-for="item in outBillList"

                    :label="item.id"

                    :key="item.id"

                  >

                    <td

                      style="

                        border-left: 1px solid #000;

                        border-bottom: 1px solid #000;

                      "

                    >

                      {{ item.goodName }}

                    </td>

                    <td

                      style="

                        border-left: 1px solid #000;

                        border-bottom: 1px solid #000;

                      "

                    >

                      {{ item.markNo }}

                    </td>

                    <td

                      style="

                        border-left: 1px solid #000;

                        border-bottom: 1px solid #000;

                      "

                    >

                      {{ item.specs }}

                    </td>

                    <td

                      style="

                        border-left: 1px solid #000;

                        border-bottom: 1px solid #000;

                      "

                    >

                      {{ item.quantity }}

                    </td>

                    <td v-if="item.qualityStatus!=0"

                      style="

                        border-left: 1px solid #000;

                        border-bottom: 1px solid #000;

                      "

                    >

                      {{ item.realWeight }}

                    </td>

                    <td v-if="item.qualityStatus==0"

                      style="

                        border-left: 1px solid #000;

                        border-bottom: 1px solid #000;

                      "

                    >

                      {{ item.weight }}

                    </td>

                    <td

                      style="

                        border-left: 1px solid #000;

                        border-bottom: 1px solid #000;

                      "

                    ></td>

                    <td

                      style="

                        border-left: 1px solid #000;

                        border-bottom: 1px solid #000;

                      "

                    >

                      {{ item.amount }}

                    </td>

                    <th

                      style="

                        border-left: 1px solid #000;

                        border-bottom: 1px solid #000;

                        border-right: 1px solid #000;

                      "

                    >

                      {{ item.qualityStatus }}

                    </th>

                  </tr>

主要语句:

  <td v-if="item.qualityStatus!=0"

                      style="

                        border-left: 1px solid #000;

                        border-bottom: 1px solid #000;

                      "

                    >

  <!-- 实际重量 --> 

                      {{ item.realWeight }}

                    </td>

                    <td v-if="item.qualityStatus==0"

                      style="

                        border-left: 1px solid #000;

                        border-bottom: 1px solid #000;

                      "

                    >

<!-- 理论重量 --> 

                      {{ item.weight }}

                    </td>

实现之后效果:

重量合计取值函数:

  //出库磅单理论重量量合计

    outBillWeightSum() {

      let weightSum = 0;

      this.outBillList.forEach(function (item, index) {

        if(item.qualityStatus==0){

          weightSum += item.weight * 1;

        }else{

         weightSum += item.realWeight * 1;

        }

      });

      return weightSum.toFixed(3);

    }

质保书取值实现主要语句:

                  <el-table-column

                    label="理重/吨"

                    align="center"

                    width="60px"

                  >

                   <template scope="scope">

                    <p v-if="scope.row.qualityStatus =='0'">

                   <!-- 理重 -->

                       {{scope.row.scalWeight}}

                    </p>

                   <!-- 实重 -->

                    <p v-if="scope.row.qualityStatus !=0"> {{scope.row.realWeight}}</p>

                </template>

                  </el-table-column>

具体效果:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值