图片地址替换

qingyiay

2023-07-02 f5427eeb16cadd3b0534454ab3c92df6f0ec1536

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

@@ -1,26 +1,34 @@
<!-- 查看皮毛净明细 -->
<template>
   <view class="main">
      <u-empty mode="data"
         icon="http://cdn.uviewui.com/uview/empty/data.png"
         textSize="30"
         iconSize="1000"
         v-if="showWeigh.length===0"></u-empty>
      <view class="main-block"
         v-for="(item,i) in showWeigh"
         :key="i">
         <view class="weigh-item">
            <view class="item">
               <view class="concrete"
                  style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/skin.png') no-repeat;background-size: cover;">
                  皮</view>
                  :style="{ backgroundImage: `url(${onlineurl}/appimg/image/banner/skin.png)`, backgroundSize: 'cover', backgroundRepeat: 'no-repeat' }">
                  皮
               </view>
               <view class="num">{{ item.skin }}</view>
            </view>
            <view class="item">
               <view class="concrete"
                  style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/hair.png') no-repeat;background-size: cover;">
                  毛</view>
                  :style="{ backgroundImage: `url(${onlineurl}/appimg/image/banner/hair.png)`, backgroundSize: 'cover', backgroundRepeat: 'no-repeat' }">
                  毛
               </view>
               <view class="num">{{ item.hair }}</view>
            </view>
            <view class="item">
               <view class="concrete"
                  style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/clean.png') no-repeat;background-size: cover;">
                  净</view>
                  :style="{ backgroundImage: `url(${onlineurl}/appimg/image/banner/clean.png)`, backgroundSize: 'cover', backgroundRepeat: 'no-repeat' }">
                  净
               </view>
               <view class="num">{{ item.clean }}</view>
            </view>
         </view>
@@ -29,31 +37,36 @@
               <view class="label-text">
                  折扣率
               </view>
               <view v-if='roleType!==1'
                  class="count">{{item.discount}}%</view>
               <view v-else
                  class="count-input"><u--input placeholder="请输入折扣率"
               <view v-if='roleType===4'
                  class="count-input">
                  <u--input placeholder="请输入折扣率"
                     border="bottom"
                     clearable
                     v-model="item.discount"
                     @input='v=>discountInputHandle(v,i,item.clean)'></u--input></view>
                     @input='v=>discountInputHandle(v,i,item.clean)'></u--input>
               </view>
               <view v-else
                  class="count">{{ item.discount }}%
               </view>
            </view>
            <view class="weigh">
               <view class="label-text">
                  折扣后重量
               </view>
               <view class="count">{{item.discountWeight}}</view>
               <view class="count">{{ item.discountWeight }}</view>
            </view>
         </view>
         <view class="level">
            <u-tag :text="item.level||'请选择'"
               plain
               @click="popoverShow(i)"></u-tag>
               @click="popoverShow(i)"
               v-if='item.level||roleType===4'></u-tag>
            <u-tag :text="item.productName||'请选择'"
               plain
               @click="productNamePopoverShow(i)"></u-tag>
               @click="productNamePopoverShow(i)"
               v-if='item.level||roleType===4'></u-tag>
         </view>
         <view v-if='roleType===1'>
         <view v-if='roleType===4'>
            <u-picker :show="show"
               :columns="columns"
               @cancel='cancel'
@@ -69,7 +82,7 @@
         </view>
      </view>
      <view class="confirm-button"
         v-if='roleType===1'>
         v-if='roleType===4'>
         <u-button type="primary"
            shape="circle"
            text="确认"
@@ -81,7 +94,7 @@
</template>

<script>
   import loginVue from '../../../../login/login.vue';
   import { onlineurl } from '@/api/request.js'
   export default {
      data() {
         return {
@@ -100,7 +113,8 @@
            // 产品列表
            actionsList: [],
            actionShow: false,
            actionIndex: null
            actionIndex: null,
            onlineurl,
         };
      },
      computed: {
@@ -138,8 +152,8 @@
            this.$reqGet('GetOrderPlan').then(res => {
               if (res.data) {
                  this.coalDetailsData = res.data;
                  this.showWeigh = this.coalDetailsData[this.index].tmTaskCoalItems ? this.coalDetailsData[
                        this.index].tmTaskCoalItems : [],
                  this.showWeigh = this.coalDetailsData[this.index].tmTaskCoals ? this.coalDetailsData[
                        this.index].tmTaskCoals : [],
                     uni.hideLoading();
               } else {
                  this.$u.toast('加载失败')
@@ -175,14 +189,14 @@
         },
         // 选择质量
         popoverShow(i) {
            if (this.roleType === 1) {
            if (this.roleType === 4) {
               this.show = true
               this.selectIndex = i
            }
         },
         // 选择产品
         productNamePopoverShow(i) {
            if (this.roleType === 1) {
            if (this.roleType === 4) {
               this.actionShow = true
               this.actionIndex = i
            }
@@ -204,7 +218,7 @@
         },
         // 折扣率输入
         discountInputHandle(value, index, clean) {
            this.showWeigh[index].discountWeight = (Number(value) * clean) / 100
            this.showWeigh[index].discountWeight = ((Number(value) * clean) / 100).toFixed(2)
         }
      },
   }
@@ -224,7 +238,8 @@

   .main {
      width: 100%;
      height: 100vh;
      height: 100%;
      min-height: 400rpx;
      background-color: #fff;
      margin: 0 auto;
      display: flex;
@@ -310,15 +325,12 @@
      }

      .confirm-button {
         // position: relative;
         // bottom: 10rpx;
         // right: 10rpx;
         width: 100%;
         @include flex;
         justify-content: center;

         /deep/ .u-button {
            width: 180rpx !important;
            width: 180 rpx !important;
         }
      }
   }