fix: 企微助手 - 群活码 - "人数上限"前端表单校验逻辑

project/src/assets/js/common.js

@@ -247,8 +247,20 @@ export function judgePhone (num) {//判断手机号是否合格，1合格，0不
   // }
 }
 
-// 订单类型 MP & QDQ
-export const orderTypeOptions = {
-  MP: '1',
-  ADQ: '2',
+/**
+ * 获取整数
+ * @method getIntegerNumber
+ * @param  value - input组件输入的值
+ */
+export const getIntegerNumber = (value) => {
+  return String(value).replace(/[^\d]/g, '')
 }
+
+/**
+ * 获取非0整数
+ * @method getNot0IntegerNumber
+ * @param  value - input组件输入的值
+ */
+export const getNot0IntegerNumber = (value) => {
+  return Number(getIntegerNumber(value)) === 0 ? '' : getIntegerNumber(value)
+}

project/src/assets/js/staticTypes.js

@@ -0,0 +1,5 @@
+// 订单类型 MP & QDQ
+export const orderTypeOptions = {
+  MP: '1',
+  ADQ: '2',
+}

project/src/components/assembly/screen/switchMpAdq.vue

@@ -14,7 +14,7 @@
 </template>
 
 <script>
-import { orderTypeOptions } from '@/assets/js/common'
+import { orderTypeOptions } from '@/assets/js/staticTypes'
 export default {
   props: {
     value: {

project/src/components/dataBoard/operateDayRetrieve.vue

@@ -37,7 +37,7 @@
 import datePicker from '@/components/assembly/screen/datePicker.vue'
 import selfChannel from '@/components/assembly/screen/channel.vue'
 import switchMpAdq from '@/components/assembly/screen/switchMpAdq.vue'
-import { orderTypeOptions } from '@/assets/js/common'
+import { orderTypeOptions } from '@/assets/js/staticTypes'
 
 export default {
   components: { datePicker, selfChannel, switchMpAdq },

project/src/components/groupCode/createGroupCode.vue

@@ -84,8 +84,8 @@
             <template slot="header" slot-scope="scope">
               <em style="color: #ff0000;">*</em>人数上限
             </template>
-            <template slot-scope="{ row }">
-              <el-input size="mini" v-model="row.user_limit" />
+            <template slot-scope="{ row, $index }">
+              <el-input size="mini" v-model="row.user_limit" @input="onInputUserLimit($event, $index)" />
             </template>
           </el-table-column>
           <el-table-column label="状态" align="center">
@@ -160,6 +160,7 @@
 import dialogGroup from './components/dialogGroup.vue'
 import chatGroupOptions from './components/chatGroupOptions.vue'
 import selfCustomerservice from '@/components/assembly/screen/customerService.vue'
+import { getIntegerNumber } from '@/assets/js/common'
 import Sortable from 'sortablejs'
 import _lodash from 'lodash'
 
@@ -316,6 +317,10 @@ export default {
         this.loading = false
       }
     },
+    // 监听输入"人数上限"
+    onInputUserLimit(inputVal, idx) {
+      this.groupForm.chat_id_list[idx].user_limit = getIntegerNumber(inputVal)
+    },
     // 表单校验
     handleFormValidate() {
       const { name, chat_id_list, is_limit, user_list, leading_words } = this.groupForm