| | |
| | | </view> |
| | | </view> |
| | | </view> |
| | | <view class="mergeState" |
| | | v-show="mergeStateShow"> |
| | | <view class="merge-wrap"> |
| | | <view>是否确认合并</view> |
| | | <view class="merge-checkbox"> |
| | | <u-checkbox-group v-model="checkboxValue1" |
| | | placement="column" |
| | | @change="mergeStateChange"> |
| | | <u-checkbox :customStyle="{marginBottom: '8px'}" |
| | | :label="mergeState?'确认':'取消'" |
| | | name="confirm" |
| | | label-size="30" |
| | | size="30" |
| | | activeColor="#48a2ff"> |
| | | </u-checkbox> |
| | | </u-checkbox-group> |
| | | </view> |
| | | </view> |
| | | </view> |
| | | <view class="three"> |
| | | <!-- 放空 --> |
| | | <u-button type="primary" |
| | |
| | | </u--form> |
| | | </view> |
| | | </u-modal> |
| | | </view> |
| | | <view class="mergeState"> |
| | | <u-modal :show="mergeStateShow" |
| | | title="合卡确认" |
| | | content="是否确认合卡" |
| | | :showCancelButton="true" |
| | | @confirm="mergeConfirm" |
| | | @cancel="mergeCancel"></u-modal> |
| | | </view> |
| | | </view> |
| | | </template> |
| | |
| | | }, |
| | | mergeState: true, //合卡状态 |
| | | mergeStateShow: false, //合卡弹窗 |
| | | checkboxValue1: [] |
| | | }; |
| | | }, |
| | | watch: { |
| | |
| | | this.temporaryWeighObj.skin = newV; |
| | | let xx = new BigNumber(this.avgSkin) |
| | | let yy = new BigNumber(newV) |
| | | this.errorTipShow = xx.minus(yy).toNumber() <= -0.2 || xx.minus(yy).toNumber() >= 0.2 |
| | | this.errorTipShow = (xx.minus(yy).toNumber() <= -0.2 || xx.minus(yy).toNumber() >= 0.2) && |
| | | this.avgSkin !== 0 |
| | | } else { |
| | | this.isSkinWeigh = false; |
| | | this.temporaryWeighObj.hair = newV; |
| | |
| | | this.temporaryWeighObj.skin = newV; |
| | | let xx = new BigNumber(this.avgSkin) |
| | | let yy = new BigNumber(newV) |
| | | this.errorTipShow = xx.minus(yy).toNumber() <= -0.2 || xx.minus(yy).toNumber() >= 0.2 |
| | | this.errorTipShow = (xx.minus(yy).toNumber() <= -0.2 || xx.minus(yy).toNumber() >= 0.2) && |
| | | this.avgSkin !== 0; |
| | | this.temporaryWeighObj.clean = (this.weighList.hair - this.temporaryWeighObj.skin).toFixed( |
| | | 2); |
| | | this.isweigh = this.temporaryWeighObj.clean > this.weighList.orderSurplus || this |
| | |
| | | this.abnormalModalShow = false |
| | | }) |
| | | }, |
| | | mergeConfirm() { |
| | | this.mergeStateShow = false |
| | | this.weighData.isMerge = 1 |
| | | this.MergeState = true |
| | | this.isweigh = false |
| | | this.orderSurplusLess = false |
| | | }, |
| | | mergeCancel() { |
| | | this.mergeStateShow = false |
| | | this.weighData.isMerge = 0 |
| | | this.MergeState = false |
| | | this.isweigh = true |
| | | this.orderSurplusLess = true |
| | | mergeStateChange(e) { |
| | | if (e.length !== 0) { |
| | | this.weighData.isMerge = 1 |
| | | this.MergeState = true |
| | | this.isweigh = false |
| | | this.orderSurplusLess = false |
| | | } else { |
| | | this.weighData.isMerge = 0 |
| | | this.MergeState = false |
| | | this.isweigh = true |
| | | this.orderSurplusLess = true |
| | | } |
| | | }, |
| | | } |
| | | }; |
| | |
| | | width: calc(100% - 60rpx); |
| | | box-sizing: border-box; |
| | | height: 630rpx; |
| | | margin: 0 vww(15) vww(45) vww(15); |
| | | margin: 0 vww(15) vww(15) vww(15); |
| | | background: #ffffff; |
| | | box-shadow: 0rpx 0rpx 14rpx 0rpx rgba(73, 120, 240, 0.14), 0rpx 7rpx 45rpx 0rpx rgba(73, 120, 240, 0.12); |
| | | border-radius: 20rpx; |
| | |
| | | } |
| | | } |
| | | |
| | | .mergeState { |
| | | width: 100%; |
| | | margin: vww(4) 0; |
| | | margin-bottom: vww(10); |
| | | display: flex; |
| | | justify-content: center; |
| | | font-size: vww(16); |
| | | overflow: hidden; |
| | | |
| | | .merge-wrap { |
| | | width: vww(200); |
| | | height: vww(30); |
| | | display: flex; |
| | | justify-content: space-between; |
| | | align-items: center; |
| | | |
| | | .merge-checkbox { |
| | | margin-top: vww(10); |
| | | } |
| | | } |
| | | |
| | | } |
| | | |
| | | .three { |
| | | margin: 0 auto vww(30); |
| | | flex: 0.7; |