券包优惠券数量格式校验

src/views/business/couponPkg/components/CouponAdd.vue

@@ -38,8 +38,8 @@
           fixed="left"
         />
         <!--  -->
-        <el-table-column label="券ID" prop="couponId" />
-        <el-table-column label="券图片">
+        <el-table-column label="券ID" prop="couponId" width="60" />
+        <el-table-column label="券图片" align="center">
           <template slot-scope="scope">
             <div>
               <el-image

src/views/business/couponPkg/create.vue

@@ -109,7 +109,12 @@ export default {
       this.getCouponNum()
     },
 
-    changeCouponNum() {
+    changeCouponNum(e) {
+      let rule = /^([1-9]\d*)$/;
+      if(!rule.test(e)) {
+        this.$message.error('优惠券数量格式错误');
+        return
+      }
       this.getPrice()
       this.getCouponNum()
     },
@@ -138,6 +143,17 @@ export default {
             this.$message.error('请添加优惠券');
             return
           }
+          let couponIndex = this.couponPkgItemList.findIndex((item) => {
+            let rule = /^([1-9]\d*)$/;
+            return !rule.test(item.couponNum);
+          });
+          // 判断优惠券数量格式
+          if (couponIndex != -1) {
+            this.$message.error(
+              `券${this.couponPkgItemList[couponIndex].title}的数量格式错误！`
+            );
+            return;
+          }
           this.addIng = true
           let data = {
             title: this.addData.title,