ios补计算单按钮
This commit is contained in:
@ -102,15 +102,15 @@
|
|||||||
<div>收取客户金额:</div>
|
<div>收取客户金额:</div>
|
||||||
<div class="halfOpcity inputContent"><input type="number" v-model="form.supplierCustomerAmount"/>元</div>
|
<div class="halfOpcity inputContent"><input type="number" v-model="form.supplierCustomerAmount"/>元</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex-between" style="background-color: #ccc">
|
<div class="flex-between" >
|
||||||
<div>基本费用:</div>
|
<div>基本费用:</div>
|
||||||
<div class="halfOpcity inputContent" ><input type="number" :disabled="basePriceDisabled" v-model="form.supplierBasePrice"/>元</div>
|
<div class="halfOpcity inputContent" ><input type="number" :disabled="basePriceDisabled" v-model="form.supplierBasePrice"/>元</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex-between" style="background-color: #ccc">
|
<div class="flex-between" >
|
||||||
<div>额外费用总计:</div>
|
<div>额外费用总计:</div>
|
||||||
<div class="halfOpcity inputContent"><input type="number" :disabled="true" v-model="form.supplierExtraPrice"/>元</div>
|
<div class="halfOpcity inputContent"><input type="number" :disabled="true" v-model="form.supplierExtraPrice"/>元</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex-between" style="background-color: #ccc">
|
<div class="flex-between">
|
||||||
<div>费用总计: </div>
|
<div>费用总计: </div>
|
||||||
<div class="halfOpcity inputContent"><input type="number" :disabled="true" v-model="form.supplierSettleAmount"/>元</div>
|
<div class="halfOpcity inputContent"><input type="number" :disabled="true" v-model="form.supplierSettleAmount"/>元</div>
|
||||||
</div>
|
</div>
|
||||||
@ -172,11 +172,11 @@
|
|||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td class="col1">基本费用:{{orderInfo.basePrice +'元'}}</td>
|
<td class="col1">基本费用:{{orderInfo.basePrice +'元'}}</td>
|
||||||
<td class="col2 halfOpc" style="background-color: #6C81CD"><input style="background-color: #6C81CD" :disabled="basePriceDisabled" v-model="form.supplierBasePrice"/></td>
|
<td class="col2 halfOpc" ><input :disabled="basePriceDisabled" v-model="form.supplierBasePrice"/></td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td class="col1">额外费用总计:{{orderInfo.extraPrice +'元'}}</td>
|
<td class="col1">额外费用总计:{{orderInfo.extraPrice +'元'}}</td>
|
||||||
<td class="col2 halfOpc" style="background-color: #6C81CD"><input style="background-color: #6C81CD" :disabled="true" v-model="form.supplierExtraPrice"/></td>
|
<td class="col2 halfOpc" ><input :disabled="true" v-model="form.supplierExtraPrice"/></td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td class="col1">收取客户:{{orderInfo.customerAmount +'元'}}</td>
|
<td class="col1">收取客户:{{orderInfo.customerAmount +'元'}}</td>
|
||||||
@ -184,8 +184,8 @@
|
|||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td class="col1">费用总计:{{orderInfo.settleAmount +'元'}}</td>
|
<td class="col1">费用总计:{{orderInfo.settleAmount +'元'}}</td>
|
||||||
<td class="col2" style="background-color: rgba(108,129,205,.5)">
|
<td class="col2" >
|
||||||
<input style="background-color: #6C81CD;opacity: .5;" :disabled="true" v-model="form.supplierSettleAmount"/>
|
<input :disabled="true" v-model="form.supplierSettleAmount"/>
|
||||||
<button class="btnCom" @click="compute">计算</button>
|
<button class="btnCom" @click="compute">计算</button>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
@ -724,8 +724,12 @@ img{
|
|||||||
}
|
}
|
||||||
.btnCom{
|
.btnCom{
|
||||||
border: none;
|
border: none;
|
||||||
width: 48px;
|
//width: 48px;
|
||||||
@include all-height(18px);
|
//@include all-height(18px);
|
||||||
|
padding: 4px 7px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
background: #354D93;
|
background: #354D93;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
color: #FFFFFF;
|
color: #FFFFFF;
|
||||||
|
Reference in New Issue
Block a user