task#14504,记账界面,输入框只能输入整数

This commit is contained in:
2024-08-21 15:24:18 +08:00
parent 672ed153da
commit 431ba13eea

View File

@ -155,43 +155,43 @@
</tr>
<tr v-show="abState">
<td class="col1">到事发地距离:{{ orderInfo.settleMileageAb + '公里' }}</td>
<td class="col2 halfOpc"><input placeholder="输入到事发地距离" v-model="form.supplierSettleMileageAb"/></td>
<td class="col2 halfOpc"><input @input="validateIntegerInput" placeholder="输入到事发地距离" v-model="form.supplierSettleMileageAb"/></td>
</tr>
<tr v-show="bcState">
<td class="col1">拖车里程:{{ orderInfo.settleMileageBc + '公里' }}</td>
<td class="col2 halfOpc"><input placeholder="输入拖车公里" v-model="form.supplierSettleMileageBc"/></td>
<td class="col2 halfOpc"><input @input="validateIntegerInput" placeholder="输入拖车公里" v-model="form.supplierSettleMileageBc"/></td>
</tr>
<tr v-show="caState">
<td class="col1">返程里程:{{ orderInfo.settleMileageCa + '公里' }}</td>
<td class="col2 halfOpc"><input placeholder="输入返程里程" v-model="form.supplierSettleMileageCa"/></td>
<td class="col2 halfOpc"><input @input="validateIntegerInput" placeholder="输入返程里程" v-model="form.supplierSettleMileageCa"/></td>
</tr>
<tr v-show="bridgeAbState">
<td class="col1">ab路桥费:{{ orderInfo.bridgeAmountAb + '元' }}</td>
<td class="col2 halfOpc"><input placeholder="输入ab路桥费" v-model="form.supplierBridgeAmountAb"/></td>
<td class="col2 halfOpc"><input @input="validateIntegerInput" placeholder="输入ab路桥费" v-model="form.supplierBridgeAmountAb"/></td>
</tr>
<tr v-show="bridgeBcState">
<td class="col1">bc路桥费:{{ orderInfo.bridgeAmountBc + '元' }}</td>
<td class="col2 halfOpc"><input placeholder="输入bc路桥费" v-model="form.supplierBridgeAmountBc"/></td>
<td class="col2 halfOpc"><input @input="validateIntegerInput" placeholder="输入bc路桥费" v-model="form.supplierBridgeAmountBc"/></td>
</tr>
<tr v-show="bridgeCaState">
<td class="col1">ca路桥费:{{ orderInfo.bridgeAmountCa + '元' }}</td>
<td class="col2 halfOpc"><input placeholder="输入ca路桥费" v-model="form.supplierBridgeAmountCa"/></td>
<td class="col2 halfOpc"><input @input="validateIntegerInput" placeholder="输入ca路桥费" v-model="form.supplierBridgeAmountCa"/></td>
</tr>
<tr v-show="tyreAmountState">
<td class="col1">小轮费:{{ orderInfo.bridgeAmount + '元' }}</td>
<td class="col2 halfOpc"><input placeholder="输入小轮费" v-model="form.supplierTyreAmount"/></td>
<td class="col2 halfOpc"><input @input="validateIntegerInput" placeholder="输入小轮费" v-model="form.supplierTyreAmount"/></td>
</tr>
<tr v-show="dilemmaAmountState && basePriceDisabled">
<td class="col1">困境费:{{ orderInfo.dilemmaAmount + '元' }}</td>
<td class="col2 halfOpc"><input placeholder="输入困境费" v-model="form.supplierDilemmaAmount"/></td>
<td class="col2 halfOpc"><input @input="validateIntegerInput" placeholder="输入困境费" v-model="form.supplierDilemmaAmount"/></td>
</tr>
<tr v-show="waitAmountState">
<td class="col1">等候费:{{ orderInfo.waitAmount + '元' }}</td>
<td class="col2 halfOpc"><input placeholder="输入等候费" v-model="form.supplierWaitAmount"/></td>
<td class="col2 halfOpc"><input @input="validateIntegerInput" placeholder="输入等候费" v-model="form.supplierWaitAmount"/></td>
</tr>
<tr v-show="basementFeeState">
<td class="col1">地库费:{{ orderInfo.basementFee + '元' }}</td>
<td class="col2 halfOpc"><input placeholder="输入地库费" v-model="form.supplierBasementFee"/></td>
<td class="col2 halfOpc"><input @input="validateIntegerInput" placeholder="输入地库费" v-model="form.supplierBasementFee"/></td>
</tr>
<tr>
<td class="col1">基本费用:{{ orderInfo.basePrice + '元' }}</td>
@ -416,6 +416,12 @@ export default {
},
},
methods: {
validateIntegerInput(event) {
const regex = /^\d*$/;
if (!regex.test(event.target.value)) {
event.target.value = event.target.value.replace(/[^\d]/g, '');
}
},
viewSettlementDoc() {//查看结算单
this.$router.push({
name: "settlementDetail",