报名表选项

src/components/setting/settingApplicationForm.vue

@@ -74,7 +74,21 @@
                                 <el-option label="文本" :value="9"></el-option>
                             </el-select>
                         </div>
-                        <div v-if="item.type == 'select'">
+                        <div class="form-item">
+                            <span style="width: 100px;">数据类型</span>
+                            <el-select class="flex-1" size="mini" @change="handleDate"
+                                v-model="item.dataType" placeholder="数据类型（用于表单提交时数据校验）">
+                                <el-option label="无限制（用于表单提交时数据校验）" value=""></el-option>
+                                <el-option label="手机号" value="1"></el-option>
+                                <el-option label="密码" value="2"></el-option>
+                                <el-option label="身份证号" value="3"></el-option>
+                                <el-option label="邮箱" value="4"></el-option>
+                                <el-option label="仅限数字" value="5"></el-option>
+                                <el-option label="仅限字符" value="6"></el-option>
+                                <el-option label="时间" value="7"></el-option>
+                            </el-select>
+                        </div>
+                        <div v-if="item.type == '5'">
                             <el-table :data="item.option">
                                 <el-table-column label="选项标签">
                                     <template slot-scope="scope">
@@ -175,7 +189,7 @@ export default {
         },
         // 添加表单项
         addItem(index) {
-            let obj = { label: '', databaseLabel: '', required: true };
+            let obj = { label: '', databaseLabel: '', required: true,dataType:'' };
             this.content.value.formItemList.splice(index + 1, 0, obj)
             this.handleDate()
         },