| | |
| | | <view class="querenfee-c" > |
| | | <view class="querenfee-c-info1"><text style="color: red;">*</text>实际{{feeFrom.priceParam1.name}}</view> |
| | | <view class="querenfee-c-input"> |
| | | <input type="number" v-model="feeForm.priceNum1" placeholder="请输入" /> |
| | | <input type="number" placeholder-style="color: #999999; font-size: 56rpx; font-weight: 500;" v-model="feeForm.priceNum1" placeholder="请输入" /> |
| | | </view> |
| | | <text class="querenfee-c-danw">{{feeFrom.priceParam1.unit}}</text> |
| | | </view> |
| | | <view class="querenfee-c" v-if="feeFrom.priceParam2.name !=null"> |
| | | <view class="querenfee-c-info1"><text style="color: red;">*</text>实际{{feeFrom.priceParam2.name}}:</view> |
| | | <view class="querenfee-c-input"> |
| | | <input type="number" v-model="feeForm.priceNum2" placeholder="请输入" /> |
| | | <input type="number" v-model="feeForm.priceNum2" placeholder-style="color: #999999; font-size: 56rpx; font-weight: 500;" placeholder="请输入" /> |
| | | </view> |
| | | <text class="querenfee-c-info1" >{{feeFrom.priceParam2.unit}}</text> |
| | | </view> |
| | | <view class="querenfee-c"> |
| | | <view class="querenfee-c-info1">其他费用:</view> |
| | | <view class="querenfee-c-input"> |
| | | <input type="number" v-model="feeForm.confirmOtherFee" placeholder="请输入" /> |
| | | <input type="number" v-model="feeForm.confirmOtherFee" placeholder-style="color: #999999; font-size: 56rpx; font-weight: 500;" placeholder="请输入" /> |
| | | </view> |
| | | <text class="querenfee-c-danw">元</text> |
| | | </view> |
| | | <view class="querenfee-c" style="flex-direction: column;"> |
| | | <view class="querenfee-c-info1">备注信息:</view> |
| | | <view class="querenfee-c-info1" style="margin-bottom: 30rpx;">备注信息:</view> |
| | | <view class="querenfee-c-input" style="width: 100%; height: 200rpx; padding: 30rpx; box-sizing: border-box;"> |
| | | <u--textarea placeholder="如需备注,请输入" border="none" v-model="feeForm.confirmFeeRemark" ></u--textarea> |
| | | </view> |
| | | </view> |
| | | <view class="querenfee-c"> |
| | | <view class="querenfee-c-info1">实际总费用:</view> |
| | | <view class="querenfee-c-input"> |
| | | <view class="querenfee-c-price"> |
| | | ¥{{confirmPayFee}} |
| | | </view> |
| | | <!-- <view class="querenfee-c-input"> |
| | | <image src="/static/icon/ic_money@2x.png" mode="widthFix"></image> |
| | | <text class="querenfee-c-input money">{{confirmPayFee}}</text> |
| | | </view> --> |
| | | </view> |
| | | </view> |
| | | <view class="querenfee-c"> |
| | | <view class="querenfee-c" style="margin-top: 12rpx;"> |
| | | <view class="querenfee-tips">最终费用由发单方支付,接单方收到的金额将扣除平台手续费用</view> |
| | | </view> |
| | | <view class="querenfee-botton" @click="confirmFee">确认费用</view> |
| | |
| | | color: #333333; |
| | | margin-left: 10rpx; |
| | | } |
| | | .querenfee-c-price { |
| | | font-weight: 600; |
| | | font-size: 44rpx; |
| | | color: #FF0000; |
| | | } |
| | | .querenfee-c-info1 { |
| | | width: 50%; |
| | | display: flex; |
| | |
| | | font-weight: 600; |
| | | font-size: 32rpx; |
| | | color: #222222; |
| | | margin-bottom: 20rpx; |
| | | } |
| | | .querenfee-tips{ |
| | | width: 100%; |
| | |
| | | color: #FF0000 !important; |
| | | } |
| | | .querenfee-c-input { |
| | | // width: 100%; |
| | | // padding: 0 30rpx; |
| | | // box-sizing: border-box; |
| | | // height: 60rpx; |
| | | // background: #F7F7F7; |
| | | // border-radius: 10rpx; |
| | | // border: 1rpx solid #EEEEEE; |
| | | width: 260rpx; |
| | | height: 100rpx; |
| | | padding: 10rpx 30rpx; |
| | |
| | | font-size: 56rpx; |
| | | color: #222222; |
| | | text-align: right; |
| | | .querenfee-c-input-placeholder { |
| | | font-size: 32rpx !important; |
| | | } |
| | | } |
| | | } |
| | | } |