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

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 {