|  |  | 
 |  |  | <!-- 查看皮毛净明细 --> | 
 |  |  | <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> | 
 |  |  | 
 |  |  |                <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&&!flag' | 
 |  |  |                   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-if='flag' | 
 |  |  |                   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' | 
 |  |  | 
 |  |  |          </view> | 
 |  |  |       </view> | 
 |  |  |       <view class="confirm-button" | 
 |  |  |          v-if='roleType===1'> | 
 |  |  |          v-if='roleType===4&&!flag'> | 
 |  |  |          <u-button type="primary" | 
 |  |  |             shape="circle" | 
 |  |  |             text="确认" | 
 |  |  | 
 |  |  | </template> | 
 |  |  |  | 
 |  |  | <script> | 
 |  |  |    import loginVue from '../../../../login/login.vue'; | 
 |  |  |    import { onlineurl } from '@/api/request.js' | 
 |  |  |    export default { | 
 |  |  |       data() { | 
 |  |  |          return { | 
 |  |  |             orderPlanId: "", | 
 |  |  |             index: null, | 
 |  |  |             coalDetailsData: {}, | 
 |  |  |             showWeigh: [], | 
 |  |  |             discountrate: "", | 
 |  |  | 
 |  |  |             // 产品列表 | 
 |  |  |             actionsList: [], | 
 |  |  |             actionShow: false, | 
 |  |  |             actionIndex: null | 
 |  |  |             actionIndex: null, | 
 |  |  |             onlineurl, | 
 |  |  |             havedInput: false, | 
 |  |  |             flag: false | 
 |  |  |          }; | 
 |  |  |       }, | 
 |  |  |       computed: { | 
 |  |  | 
 |  |  |       }, | 
 |  |  |       onLoad(params) { | 
 |  |  |          this.orderPlanId = params.orderPlanId ? params.orderPlanId : '' | 
 |  |  |          this.index = params.index ? params.index : '' | 
 |  |  |          this.flag = params.flag ? params.flag : false | 
 |  |  |       }, | 
 |  |  |       onShow() { | 
 |  |  |          this.roleType === 1 ? this.GetOrderPlan() : this.getTakeCoal() | 
 |  |  | 
 |  |  |             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('加载失败') | 
 |  |  | 
 |  |  |                res => { | 
 |  |  |                   if (res.code == 0) { | 
 |  |  |                      this.loading = false | 
 |  |  |                      this.$u.toast('操作成功') | 
 |  |  |                      this.$u.toast('操作成功,即将返回上一页') | 
 |  |  |                      setTimeout(() => { | 
 |  |  |                         uni.navigateBack({ | 
 |  |  |                            delta: 1 | 
 |  |  |                         }) | 
 |  |  |                      }, 800) | 
 |  |  |                   } else { | 
 |  |  |                      this.loading = false | 
 |  |  |                      this.$u.toast('操作失败') | 
 |  |  | 
 |  |  |          }, | 
 |  |  |          // 选择质量 | 
 |  |  |          popoverShow(i) { | 
 |  |  |             if (this.roleType === 1) { | 
 |  |  |             console.log(); | 
 |  |  |             if (this.roleType === 4 && !this.flag) { | 
 |  |  |                this.show = true | 
 |  |  |                this.selectIndex = i | 
 |  |  |             } | 
 |  |  |          }, | 
 |  |  |          // 选择产品 | 
 |  |  |          productNamePopoverShow(i) { | 
 |  |  |             if (this.roleType === 1) { | 
 |  |  |             if (this.roleType === 4 && !this.flag) { | 
 |  |  |                this.actionShow = true | 
 |  |  |                this.actionIndex = i | 
 |  |  |             } | 
 |  |  | 
 |  |  |          }, | 
 |  |  |          // 折扣率输入 | 
 |  |  |          discountInputHandle(value, index, clean) { | 
 |  |  |             this.showWeigh[index].discountWeight = (Number(value) * clean) / 100 | 
 |  |  |             this.showWeigh[index].discountWeight = ((Number(value) * clean) / 100).toFixed(2) | 
 |  |  |          } | 
 |  |  |       }, | 
 |  |  |    } | 
 |  |  | 
 |  |  |    } | 
 |  |  |  | 
 |  |  |    .main { | 
 |  |  |       width: 100%; | 
 |  |  |       height: 100vh; | 
 |  |  |       width: 96%; | 
 |  |  |       height: 100%; | 
 |  |  |       min-height: 400rpx; | 
 |  |  |       background-color: #fff; | 
 |  |  |       margin: 0 auto; | 
 |  |  |       margin: 10rpx auto; | 
 |  |  |       display: flex; | 
 |  |  |       flex-direction: column; | 
 |  |  |  | 
 |  |  | 
 |  |  |       } | 
 |  |  |  | 
 |  |  |       .confirm-button { | 
 |  |  |          // position: relative; | 
 |  |  |          // bottom: 10rpx; | 
 |  |  |          // right: 10rpx; | 
 |  |  |          width: 100%; | 
 |  |  |          @include flex; | 
 |  |  |          justify-content: center; | 
 |  |  |          margin-bottom: 40rpx; | 
 |  |  |  | 
 |  |  |          /deep/ .u-button { | 
 |  |  |             width: 180rpx !important; | 
 |  |  |             width: 180 rpx !important; | 
 |  |  |          } | 
 |  |  |       } | 
 |  |  |    } |