更新

src/api/site/site.js

         data:data,
     })
 }
+
+export function addActiveform(data){
+    return request({
+        url:"/api/site/addactive",
+        method:"Post",
+        data:data,
+    })
+}

src/router/modules/article.js

       meta: { title: 'articlePreview', noCache: true }
     },
     {
-      path: '/articles/editArticle',
+      path: '/articles/editArticle/:id',
       component: () => import('@/scrm_pages/article/editArticle'),
       name: 'editArticle',
       hidden:true,

src/scrm_pages/article/articleList.vue

         </div>
       </div>
 
-
           <el-pagination
             @size-change="handleSizeChange"
             @current-change="handleCurrentChange"

src/scrm_pages/site/components/new-feature.vue

     title="新增活动列表"
     :visible.sync="seven"
     width="550px"
-    :before-close="handleClose">
-    <el-form ref="form" :model="form" label-width="100px">
-      <el-form-item label="模块标题: ">
-        <el-input v-model="form.name"></el-input>
+    center>
+    <el-form ref="form" :model="activeform" label-width="120px" rules="rules">
+      <el-form-item label="模块标题: " prop required="title">
+        <el-input v-model="activeform.title"></el-input>
       </el-form-item>
-      <el-form-item label="排序值: ">
-        <el-input v-model="form.name"></el-input>
+      <el-form-item label="排序值: " required prop="sort">
+        <el-input v-model="activeform.sort"></el-input>
         <p class="tips">请输入1-99的整数，数值越小，模块排序越靠前</p>
       </el-form-item>
      
-      <el-form-item label="首页展示条数: ">
-        <el-input v-model="form.name"></el-input>
+      <el-form-item label="首页展示条数: " required prop="number">
+        <el-input v-model="activeform.number"></el-input>
       </el-form-item>
     </el-form>
     <span slot="footer" class="dialog-footer">
       <el-button @click="seven = false">取 消</el-button>
-      <el-button type="primary" @click="seven = false">确 定</el-button>
+      <el-button type="primary" @click="addActiveform('activeform');seven = false">确 定</el-button>
     </span>
   </el-dialog>
   <!-- 新增魔方导航 -->
 <script>
    import { AddRotationChart, saveHispital,addOffices,AddDoctor,AddDoctorInfo,AddOfficeEnvironment,getQueryDocInfo,change,
    getQueryDoCHead,editDoctor,saveDocInfo,deleteDoctor,AddImageslink,getEditImages,AddMagicNavi,getMagicImages,AddMarginChart,
-   deleteRotations,editRotationImages,updateRotionImages} from '@/api/site/site'  
+   deleteRotations,editRotationImages,updateRotionImages,addActiveform} from '@/api/site/site'  
    import { getToken } from '@/api/qiniu'
    import { getFileExtension} from '@/utils/tools'
    import { isIP } from 'net';
           piclink:"",
           linkaddress:"",
       },
+      activeform:{
+         title:"",
+         sort:"",
+         number:"",
+      },
 
        rules: {
          title: [{required: true, message: "请填写模块标题",},],
          linkaddress:[{required:true,message:"请填写链接地址"}],
          imageUrl:[{required:true,message:"请填写图片编辑"}],
          margtitle:[{required:true,message:"请填写导航标题"}],
-         address:[{required:true,message:"请填写链接地址"}]
+         address:[{required:true,message:"请填写链接地址"}],
+         number:[{required:true,message:"请填写活动条数"}]
       },
     };
   },
       })
     },
     updateRotionImages(formName){
-       var sorts = this.editrotationform.sort;
+         var sorts = this.editrotationform.sort;
           var sort = parseInt(sorts);
           this.editrotationform.sort = sort;
        this.$refs[formName].validate((valid)=>{
           })
          }
        })
+    },
+    addActiveform(formName){
+      var sorts = this.addActiveform.sort;
+      var sort =  parseInt(sorts);
+      this.addActiveform.sort = sort;
+      var numbers = his.addActiveform.number;
+      var number = parseInt(numbers);
+      this.addActiveform.number = number;
+     this.$refs[formName].validate((valid)=>{
+       if(valid){
+          addActiveform(this.addActiveform).then(response=>{
+             
+          });
+       }
+     })
     }
   },  
    created(){