修改样式，增加逻辑，修复计算错误

qingyiay

2023-07-18 472a1ffc28590479b3f4027cbe8d04e699b6e592

 pages/driver-page/driver-index/bill-of-lading-details/weighDetail/weighDetail.vue

@@ -61,20 +61,24 @@
               <u--text text="通知数量"
                  size='32'></u--text>
            </view>
            <view class="num-input">
            <view class="num-input"
               v-if='roleType===4&&!flag'>
               <u--input placeholder="请输入通知数量"
                  border="bottom"
                  clearable
                  v-model="item.num"></u--input>
            </view>
            <view class="num-show"
               v-else-if="flag">
               {{item.num}}
            </view>
         </view>
         <view class="unqualifiedBreed">
            <view class="num-text"
               style="width: 160rpx;">
            <view style="width: 180rpx;">
               <u--text text="不合格品名"
                  size='32'></u--text>
            </view>
            <view class="num-input">
            <view class="tag-select">
               <u-tag :text="item.unqualifiedBreed||'请选择'"
                  plain
                  @click='selectunqualifiedBreed(i)'></u-tag>
@@ -85,25 +89,34 @@
               <u--text text="不合格重量"
                  size='32'></u--text>
            </view>
            <view class="num-input">
            <view class="num-input"
               v-if='roleType===4&&!flag'>
               <u--input placeholder="请输入不合格重量"
                  border="bottom"
                  clearable
                  v-model="item.unqualifiedWeight"
                  @input='v=>unqualifiedWeightInputHandle(v,i,item.clean)'></u--input>
            </view>
            <view class="num-show"
               v-else-if="flag">
               {{item.unqualifiedWeight}}
            </view>
         </view>
         <view class="level"
            v-if='!flag'>
            <view class=""
               style="width: 140rpx;">
            <view style="width: 140rpx;">
               <u--text text="物资明细"
                  size='32'></u--text>
            </view>
            <u-tag :text="item.breed+item.spec||item.modifygoodsName||'暂无'"
               plain
               @click="goodsPopoverShow(i)"
               v-if='roleType===4'></u-tag>
            <view class="tag-select">
               <view class="tag-select_text"
                  @click="goodsPopoverShow(i)"
                  v-if='roleType===4'>
                  <text>
                     {{item.breed+item.spec||item.modifygoodsName||'暂无'}}
                  </text>
               </view>
            </view>
         </view>
         <view class="level"
            v-if='item.modifygoodsName||flag'>
@@ -112,7 +125,7 @@
                  size='32'></u--text>
            </view>
            <view v-if="showWeighCopy[i].modifyProductName||item.breed&&item.spec">
               <u-tag :text="!flag?showWeighCopy[i].modifyProductName:item.breed+item.spec"
               <u-tag :text="!flag?showWeighCopy[i].modifyProductName:(item.breed?item.breed+item.spec:'请选择')"
                  plain
                  @click="productNamePopoverShow(i)"></u-tag>
            </view>
@@ -132,7 +145,7 @@
            </view>
         </view>
         <view v-else-if='!item.isImage&&!flag'
            style="margin-top: 8rpx;">
            style="margin: 30rpx 80rpx;">
            <u-upload :fileList="item.fileList"
               deletable
               @afterRead="afterRead"
@@ -184,6 +197,7 @@
</template>

<script>
   import BigNumber from "bignumber.js"
   import { BaseUrl } from '@/api/publicInterface.js';
   import { onlineurl } from '@/api/request.js'
   import backtop from '../../../../../uni_modules/uview-ui/libs/config/props/backtop';
@@ -329,8 +343,10 @@
         },
         // 物资明细
         goodsPopoverShow(index) {
            this.goodsShow = true
            this.goodsIndex = index
            if (this.roleType === 4 && !this.flag) {
               this.goodsShow = true
               this.goodsIndex = index
            }
         },
         goodsNameClose() {
            this.goodsShow = false
@@ -363,7 +379,9 @@
         // 折扣率输入
         discountInputHandle(value, index, clean) {
            this.showWeigh[index].cinderWeight = Number(value)
            this.showWeigh[index].weight = (clean - (Number(value)).toFixed(2));
            let x = new BigNumber(clean)
            let y = new BigNumber(value)
            this.showWeigh[index].weight = x.minus(y).toFixed(2)
         },
         // 选择不合格品名
         selectunqualifiedBreed(index) {
@@ -374,8 +392,11 @@
         },
         // 不合格重量输入
         unqualifiedWeightInputHandle(value, index, clean) {
            this.showWeigh[index].weight = (clean - (Number(value)) - this.showWeigh[index].cinderWeight).toFixed(2)
            console.log(this.showWeigh[index].weight);
            // this.showWeigh[index].weight = (clean - (Number(value)) - this.showWeigh[index].cinderWeight).toFixed(2)
            let x = new BigNumber(clean)
            let y = new BigNumber(value)
            let z = new BigNumber(this.showWeigh[index].cinderWeight)
            this.showWeigh[index].weight = x.minus(y).minus(z).toFixed(2) || ''
         },
         unqualifiedClose() {
            this.unqualifiedShow = false
@@ -540,20 +561,35 @@
               width: 60%;
               border-bottom: 1px solid rgb(218, 219, 222);
            }

            .num-show {
               width: 60%;
               color: #303030
            }
         }

         .unqualifiedBreed {
            width: 64% !important;
            margin-left: 70rpx !important;
            @extend .level;
         }

         .level {
            width: 60%;
            margin-top: 30rpx;
            margin-left: 80rpx;
            width: 96%;
            margin: 30rpx 80rpx;
            display: flex;
            justify-content: space-between;
            justify-content: flex-start;

            .tag-select {
               // flex: 0.7;
               margin-left: 14rpx;
               text-align: center;

               .tag-select_text {
                  border: 1rpx solid rgb(60, 156, 255);
                  padding: 8rpx 14rpx;
                  color: rgb(60, 156, 255);
                  font-size: 26rpx;
               }
            }
         }

         .select-button {