报名功能

src/views/busi/notice/component/EditForm.vue

@@ -1,4 +1,6 @@
 <template>
+  <el-tabs v-model="activeName" @tab-click="handleClick">
+    <el-tab-pane label="基本信息" name="first">
       <el-form  ref="form" :model="form" :rules="rules" label-width="150px">
         <el-row :gutter="20">
           <el-col :span="8">
@@ -144,6 +146,15 @@
           <Editor v-model="form.detail" style="height: 300px" placeholder="请输入内容" :read-only="isDetail" />
         </el-form-item>
       </el-form>
+
+    </el-tab-pane>
+    <el-tab-pane label="自定义表单" name="second">
+      <el-input v-for="(it,idx) in  form.customForm" v-model="form.customForm[idx]" :disabled="isDetail"  style="margin-bottom: 1%" placeholder="请输入"  />
+
+      <el-button type="primary" v-show="!isDetail" icon="el-icon-plus" @click="addForm" circle></el-button>
+    </el-tab-pane>
+  </el-tabs>
+
 </template>
 
 <script>
@@ -157,8 +168,11 @@ export default {
   dicts: ['notice_type', 'notice_collect', 'dl_approval_status', 'true_or_false'],
   data() {
     return {
+      activeName: 'first',
       // 表单参数
-      form: {},
+      form: {
+        customForm:[]
+      },
       platformList:[],
       provinceList:[],
       cityList:[],
@@ -204,8 +218,10 @@ export default {
       this.getBloggerList()
     },
     methods: {
+      addForm(){
+        this.form.customForm.push('')
+      },
       provinceChange(e){
-        console.log(e,276)
         //在provicenList 中过滤出来 name 等于 e的
         let provinceId = this.provinceList.filter(item=>{
           return item.name == e