生产编号 批次号输入框限制不能输入中文

src/views/saleOrder/components/create-order.vue

@@ -105,7 +105,10 @@
           <el-table-column label="生产编号" align="center" prop="productionCodes" width="140">
             <template slot-scope="scope">
               <el-form-item label-width="0px" :prop="'productInfoList.' + scope.$index + '.productionCodes'">
-                <el-input style="width: 100%" size="small" v-model="scope.row.productionCodes" placeholder="请输入">
+                <el-input style="width: 100%" size="small" v-model="scope.row.productionCodes" placeholder="请输入"  @input="(value) =>
+                (scope.row.productionCodes = value.replace(
+                 /[^a-zA-Z0-9_-]/g, ''
+                ))">
               </el-input>
             </el-form-item>
             </template>
@@ -113,7 +116,10 @@
           <el-table-column label="批次号" align="center" prop="batchNo" width="140">
             <template slot-scope="scope">
               <el-form-item label-width="0px" :prop="'productInfoList.' + scope.$index + '.batchNo'">
-                <el-input style="width: 100%" size="small" v-model="scope.row.batchNo" placeholder="请输入">
+                <el-input style="width: 100%" size="small" v-model="scope.row.batchNo" placeholder="请输入" @input="(value) =>
+                (scope.row.batchNo = value.replace(
+                 /[^a-zA-Z0-9_-]/g, ''
+                ))">
               </el-input>
             </el-form-item>
             </template>
@@ -383,6 +389,11 @@ export default {
     this.getFactoryList();
   },
   methods: {
+    filterInput(value) {
+      console.log('cccccc',value)
+      let aaa= value.replace(/[^a-zA-Z0-9]/g, '');
+      console.log('cccaaaaaaaccc',aaa)
+    },
     changeRoutingList(row, index) {
       const obj = row.routingList?.find(item => item.id === row.produceRoutingId);
       if (obj) {