| | |
| | | <!-- 查看皮毛净明细 --> |
| | | <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; |
| | | } |
| | | } |
| | | } |