ios补计算单按钮

This commit is contained in:
2023-08-23 20:29:33 +08:00
parent ef158d050e
commit 5a4a548a07

View File

@ -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;