apps/supplier-dispatch-h5
9
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
zhouxueli
2024-08-21 15:24:18 +08:00
parent 672ed153da
commit 431ba13eea
1 changed files with 16 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/views/workOrder/accounting.vue
View File

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