文章分类模块

src/api/act/submitinfo.js

 import request from '@/utils/request'
 
 export function submitForm (params){
-    console.log("文章列表",params)
+    //console.log("文章列表",params)
     return request({
         url: '/api/acticle/createacticle',
         method: 'Get',
 }
 
 export function GetAllArticles(params){
-     console.log("文章列表")
      return request({
          url:'/api/acticle/getAllArticles',
          method:'Get',
          params:params
      })
+}
+
+export function addCategory(data){
+    return request({
+        url:'/api/article/addCategory',
+        method:'Post',
+        data:data
+    })
+}
+
+export function GetCategorys(params){
+      console.log("params",params)
+     return request({
+         url:'/api/acticle/getCategorys',
+         method:'Get',
+         params:params
+     })
+}
+
+export function EditArticleCategory(MenuId,data){
+    return request({
+        url:'/api/acticle/edit?MenuId='+MenuId,
+        method:'put',
+        data,data
+    })
 }

src/api/member/member.js

 }
 
 export function CreateMember(data) {
+  console.log("data是神",data)
   return request({
     url: '/api/member/create',
     method: 'post',

src/scrm_pages/article/acticleCategory.vue

     <div class="main-contain">
       <div class="position">
         <bread-crumb :crumbs='crumbs'></bread-crumb>
-        <el-button  style="float:right;" type="primary" size="small" icon="el-icon-circle-plus-outline">添加分类</el-button>
+        <el-button  style="float:right;" type="primary" size="small" icon="el-icon-circle-plus-outline" @click="openCreate()">添加分类</el-button>
       </div>
       <div class="app-container">
         <div class="filter-container" style="margin-top: 10px;margin-left: 5px">
-          <el-checkbox style="width: 30px" v-model="checked" @change="changeAllSelected">全选</el-checkbox>
-          <el-button size="small" icon="el-icon-delete" @click="batchDelete">删除</el-button>
+          <el-checkbox style="width: 30px">全选</el-checkbox>
+          <el-button size="small" icon="el-icon-delete">批量删除</el-button>
 
         </div>
 
         <el-row :gutter="12" style="margin-top: 10px">
           <el-table
-            :data="cancelStockDate"
-            :class="signAndWeighBoxPatients"
             border
             highlight-current-row
             ref="multipleTable"
-            @selection-change="select"
             :header-cell-style="{ backgroundColor: 'rgb(245, 247, 250)'}"
+            :data="articsData"
           >
             <el-table-column
               type="selection"
 
             <el-table-column label="分类名称" align="center">
               <template slot-scope="scope">
-                123
+                {{scope.row.Name}}
               </template>
             </el-table-column>
 
             <el-table-column label="所属文章数量" align="center">
               <template slot-scope="scope">
-                456
+                {{scope.row.num}}
               </template>
             </el-table-column>
 
             <el-table-column label="分类排序" align="center">
               <template slot-scope="scope">
-                789
+                {{scope.row.Order}}
               </template>
             </el-table-column>
 
                     size="mini"
                     type="primary"
                     icon="el-icon-edit-outline"
-                    @click="handleEdit(scope.$index, scope.row)">
+                    @click="openEdit(scope.row,scope.$index)">
                   </el-button>
                 </el-tooltip>
                 <el-tooltip class="item" effect="dark" content="删除" placement="top">
 
           </el-table>
 
-          <el-pagination
+         <el-pagination
             @size-change="handleSizeChange"
             @current-change="handleCurrentChange"
-            :page-sizes="[7]"
-            :page-size="7"
+            :page-sizes="[10,20,50,100]"
+            :page-size="10"
             background
-            style="margin-top:20px;float: right"
+            style="margin-top:20px;"
+            align="right"
             layout="total, sizes, prev, pager, next, jumper"
             :total="total">
           </el-pagination>
-
+           <!-- 添加分类 -->
+           <create-article-form ref="createArticleForm" :articsData="articsData"></create-article-form>
+           <!-- 编辑分类 -->
+           <edit-article-form ref="editArticleForm" :artilceIndex="artilceIndex" :form="articData" :articsData="articsData" ></edit-article-form>
+         
         </el-row>
       </div>
     </div>
 
 <script>
   import BreadCrumb from '../components/bread-crumb'
+  import CreateArticleForm from "./components/CreateArticleForm";
+  import EditArticleForm from "./components/EditArticleForm";
+  import { GetCategorys } from '@/api/act/submitinfo'
   export default {
     name: 'acticleCategory',
     components:{
-      BreadCrumb
+      BreadCrumb,
+      CreateArticleForm,
+      EditArticleForm,
     },
     data(){
       return{
           { path: false, name: '文章管理' },
           { path: '/articles/acticleCategory', name: '发布文章' }
         ],
+        articsData:[],
+        articData:{
+          Name:'',
+          Summary:'',
+          Order:'',
+          MenuId:0,
+        },
+        total:0,
+        listQuery:{
+          page:1,
+          limit:10,
+          name:'',
+          content:'',
+          sort:'',
+        },
+         artilceIndex:-1,
       }
     },
+
+    methods:{
+      openCreate(){
+        this.$refs.createArticleForm.open();
+      },
+      GetCategorys(){
+        GetCategorys(this.listQuery).then(response=>{
+             console.log(response.data.state)
+             if(response.data.state === 1){
+               this.articsData = response.data.data.category 
+               console.log(this.articsData)
+               this.total = response.data.data.total
+             }
+        })
+      },
+       handleSizeChange(limit) {
+            this.listQuery.limit = limit;
+            this.GetCategorys();
+        },
+        handleCurrentChange(page) {
+            this.listQuery.page = page;
+            this.GetCategorys();
+        },
+        openEdit(row,index){          
+            for(const key in this.articData){
+               if(key in row){
+                 this.articData[key] = row[key]
+               }
+            }
+            console.log("是什么",this.articData) 
+            console.log("heh",this.articsData)  
+             this.artilceIndex = index 
+             this.$refs.editArticleForm.open();        
+        }
+    },
+     created(){
+         this.GetCategorys()
+       }
   }
 </script>
 

src/scrm_pages/article/articleList.vue

             <el-row :gutter="24">
               <el-col :span="8">
                   <el-input style="width: 300px" v-model="listQuery.search"  placeholder="请输入您需要搜索的内容"></el-input>
-                  <el-button type="primary"  icon="el-icon-search">搜索</el-button>
+                  <el-button type="primary"  icon="el-icon-search" @click="changeKey">搜索</el-button>
               </el-col>
             </el-row>
           </div>
              <div class="time">
                 <ul class="">
                   <li :class="0==schedulType?'active':''" @click="selectsign(0)">全部</li>
-                  <li :class="item.MenuId==schedulType?'active':''"  v-for="item in schedulArr" :key="item.MenuId">{{item.Name}}</li>
+                  <li :class="item.MenuId==schedulType?'active':''"  v-for="item in schedulArr" :key="item.MenuId" @click="selectsign(item.MenuId)">{{item.Name}}</li>
                 </ul>
              </div>
           </div>
           </div>
           <el-table ref="multipleTable" :header-cell-style="{ backgroundColor: 'rgb(245, 247, 250)'}" :data="ArticleData" border fit highlight-current-row  style="width: 100%;margin-top: 10px;">
               <el-table-column
+                align="center" 
                 type="selection"
                 width="55">
               </el-table-column> 
              <el-table-column label="文章图片" align="center">
                <template slot-scope="scope">
-
+                  <img :src="memberAvatar(scope.row)" alt="" srcset="" style="width:100px;height:100px;" >
                </template>
              </el-table-column>
             <el-table-column label="文章标题" align="center">
               <template slot-scope="scope">
-
+                  {{scope.row.title}}
               </template>
             </el-table-column>
             <el-table-column label="阅读量" align="center">
               <template slot-scope="scope">
-
+                 {{scope.row.real_read_num}}
               </template>
             </el-table-column>
             <el-table-column label="评论数" align="center">
               <template slot-scope="scope">
-
+                  {{scope.row.comment_num}}
               </template>
             </el-table-column>
             <el-table-column label="点赞数" align="center">
               <template slot-scope="scope">
-
+                  {{scope.row.num}}
               </template>
             </el-table-column>
             <el-table-column label="操作" align="center">
                     @click="handleEdit(scope.$index, scope.row)">
                   </el-button>
                 </el-tooltip>
+                 <el-tooltip class="item" effect="dark" content="删除" placement="top">
+                  <el-button size="mini" type="danger" icon="el-icon-delete" @click="openDelete(scope.row, scope.$index)" ></el-button>
+                </el-tooltip>
               </template>
             </el-table-column>
           </el-table>
           <el-pagination
             @size-change="handleSizeChange"
             @current-change="handleCurrentChange"
-            :page-sizes="[7]"
-            :page-size="7"
+            :page-sizes="[10,20,50,100]"
+            :page-size="10"
             background
             style="margin-top:20px;float: right"
             layout="total, sizes, prev, pager, next, jumper"
         time: '',
         active: true,
         schedulType: 0,
-        schedulArr:0,
+        schedulArr:[],
         systemType: 0,
         systemArr: [
           { value: 0, label: "全部" },
     },
     methods:{
          GetAllArticles(){
-              GetAllArticles(this.listQuery).then(response =>{
-                     if(response.data.status === 1){
-                       this.ArticleData = response.data.data.articles
-                        console.log("文章列表",this.ArticleData)
+              GetAllArticles(this.listQuery).then(response=>{
+                     if(response.data.state === 1){
+                        this.ArticleData = response.data.data.articles  
                         this.total = response.data.data.total
+                        console.log("文章列表",this.ArticleData)
+                        console.log("total",this.total)                                                   
+                     }
+                     if(typeof(response.data.data.category != 'undefined')){
+                       this.schedulArr = response.data.data.category
+                        console.log("分类列表",response.data.data.category)
+                       
                      }
               })
          },
-         selectsign(id){
-            this.listQuery.classid = id;
-            this.schedulArr = id;
+         selectsign(MenuId){
+            this.listQuery.classid = MenuId;
+            this.schedulArr = MenuId;
             this.GetAllArticles();
          },
          selectStatus(id){
          handleCurrentChange(page) {
             this.listQuery.page = page;
             this.GetAllAritcles();
+        },
+        changeKey(){
+           this.GetAllArticles();
+        },
+        memberAvatar(row){
+             return row.imgs
         }
     },
     created(){

src/scrm_pages/article/components/CreateArticleForm.vue

+<template>
+
+    <div id="create-article-form-box">
+      <el-dialog
+        title="添加分类"
+        :visible.sync="centerDialogVisible"
+        width="1000px"
+        center>
+        <el-form label-width="90px" class="clearfix" :model="form" ref="acticleform" :rules="rules">
+          <el-row :span=20>
+            <el-form-item label="分类名称:" required prop="name">
+              <el-input v-model="form.name">
+
+              </el-input>
+            </el-form-item>
+          </el-row>
+          <el-row :span=20>
+            <el-form-item label="分类描述:" required prop="content">
+              <keep-alive>
+                <neditor ref="neditor"
+                         id="editor"
+                         v-bind:r_content="form.content">
+                </neditor>
+              </keep-alive>
+            </el-form-item>
+          </el-row>
+          <el-row :span=20>
+            <el-form-item label="排序" required prop="sort">
+              <el-input v-model="form.sort">
+
+              </el-input>
+            </el-form-item>
+          </el-row>
+        </el-form>
+        <span slot="footer" class="dialog-footer">
+               <el-button type="primary" @click="addCategory('acticleform');">添加</el-button>
+              <el-button  @click="centerDialogVisible = false">返回列表</el-button>
+             </span>
+      </el-dialog>
+    </div>
+
+</template>
+
+<script>
+    import Neditor from '@/components/Neditor'
+    import { addCategory } from '@/api/act/submitinfo'
+    export default {
+        name: "CreateArticleForm",
+         components:{
+           Neditor,
+        },
+            data(){
+                return {
+                    centerDialogVisible:false,
+                    rules: {
+                    name: [{required: true, message: "请填写分类名称",},],
+                    content: [{required: true,message:"请填写分类描述"}],
+                    sort: [{required: true,message:"请填写排序"}]
+                },
+                 form:{
+                   name:"",
+                   content:"",
+                   sort:"",
+                },
+                acticleform:[],
+             }
+          },   
+           methods:{
+                 open:function(){
+                    this.centerDialogVisible = true;
+                  },   
+                 resetForm(formName) {
+                     if (typeof(this.$refs[formName]) !='undefined') {
+                     this.$refs[formName].resetFields();
+                   }
+                  },
+               addCategory(formName){
+                  this.form.content = this.$refs.neditor.content
+                   this.$refs[formName].validate((valid)=>{
+                       if(valid){
+                            addCategory(this.form).then(response =>{
+                                  console.log(response.data.state)
+                                  if(response.data.state==1){
+                                    var category = response.data.data.category
+                                    this.centerDialogVisible=false
+                                    this.resetForm("acticleform");
+                                    this.$message.success("添加分类成功");
+                                    console.log("coo",category)
+                                  }
+                            });
+                       }   
+                   });         
+          },  
+       }
+    }
+</script>
+
+<style scoped>
+
+</style>
+   

src/scrm_pages/article/components/EditArticleForm.vue

+<template>
+    <div id="edit-article-form-box">
+        <el-dialog
+        title="编辑分类"
+        :visible.sync="centerDialogVisible"
+        width="1000px"
+        center>
+        <el-form label-width="90px" class="clearfix" :model="form" ref="acticleform" :rules="rules">
+          <el-row :span=20>
+            <el-form-item label="分类名称:" required prop="Name">
+              <el-input v-model="form.Name"></el-input>
+            </el-form-item>
+          </el-row>
+          <el-row :span=20>
+            <el-form-item label="分类描述:" required prop="Summary">
+              <keep-alive>
+                <neditor ref="neditor"
+                         id="editor"
+                         v-bind:r_content="form.Summary">
+                </neditor>
+              </keep-alive>
+            </el-form-item>
+          </el-row>
+          <el-row :span=20>
+            <el-form-item label="排序" required prop="Order">
+              <el-input v-model="form.Order"></el-input>
+            </el-form-item>
+          </el-row>
+        </el-form>
+        <span slot="footer" class="dialog-footer">
+               <el-button type="primary" @click="submitForm('acticleform')">保存</el-button>
+              <el-button  @click="centerDialogVisible = false">取消</el-button>
+             </span>
+      </el-dialog>   
+    </div>
+</template>
+<script>
+import Neditor from '@/components/Neditor'
+ import { EditArticleCategory } from '@/api/act/submitinfo'
+export default {
+    name: "EditArticleForm",
+     components:{
+        Neditor,
+      },
+      props:{
+        form:{
+           Name:'',
+          Summary:'',
+          Order:'',
+          MenuId:0,
+        },
+      artilceIndex:{
+          type:Number,
+          default:-1,
+        },
+      articsData:{
+          type: Array,
+          default: function () {
+          return [];
+        }
+      }
+    },
+     data(){
+          return {
+          centerDialogVisible:false,
+           rules: {
+             Name: [{required: true, message: "请填写分类名称",},],
+             Summary: [{required: true,message:"请填写分类描述"}],
+             Order: [{required: true,message:"请填写排序"}]
+              },
+             }
+          }, 
+          methods:{
+                open:function(){
+                  this.centerDialogVisible = true;
+                },
+                resetForm(formName) {
+                     if (typeof(this.$refs[formName]) !='undefined') {
+                     this.$refs[formName].resetFields();
+                   }
+                },  
+              submitForm(forname){ 
+                alert("aaa")
+                this.$refs[forname].validate((valid)=>{
+                   if(valid){
+                      EditArticleCategory(this.form.MenuId,this.form).then(response=>{
+                            console.log("id是谁",this.form.MenuId)
+                            console.log(this.form)
+                           var res =  response.data;
+                           console.log(res.state)
+                           if(res.state ===1 ){
+                              var categorys = res.data.categorys; 
+                              console.log("categorys是什么",categorys)
+                              this.articsData[this.artilceIndex].name = categorys.Name;
+                              this.articsData[this.artilceIndex].content = categorys.Summary;
+                              this.articsData[this.artilceIndex].sort = categorys.Order;
+                              this.centerDialogVisible = false;
+                              this.$message.success("编辑文章分类成功");
+                           }
+                      })
+                   }
+                })
+              },  
+          }
+}
+</script>
+<style scoped>
+
+</style>

src/scrm_pages/article/createArticle.vue

           <el-row :span="24">
             <el-col :span="24">
                 <el-form-item>
-                      <el-button size="small" type="primary" style="width: 100px"  @click="submitForm;centerDialogVisible = true" :disabled="formsubmit">发布</el-button>
+                      <el-button size="small" type="primary" style="width: 100px"  @click="submitForm();centerDialogVisible = true">发布</el-button>
                       <el-button size="small" style="width: 100px">预览</el-button>
                       <el-button size="small" style="width: 100px">保存草稿</el-button>
                   <el-button size="small" style="width: 100px">取消</el-button>
          console.log("所属分类",this.form.act_type)
       },
       submitForm(){
+        console.log("提交文章")
         var params  = new Object()
         params.act_name = this.form.act_name
         params.act_content = this.$refs.neditor.content
       },
       getArticleType(){
         getArticleType().then(response =>{
-            console.log("好嗨我")
+            //console.log("好嗨我")
             if(response.data.state === 1){
             var category = response.data.data.category
             this.options = response.data.data.category
-             console.log("文章内容:",category)
-             console.log("文章",this.options)
+            // console.log("文章内容:",category)
+            // console.log("文章",this.options)
             }
         })
       },

src/scrm_pages/members/members.vue

                 console.log("res是谁？",res)
                 if(res.state == 1) {
                     this.membersData = res.data.members;
+                    console.log("会员管理的数据",this.membersData)
                     this.total = res.data.total;
                     if(typeof(res.data.cards) != 'undefined') {
                         this.levelCards = res.data.cards;
                   this.memberData.ill_date = uParseTime(row.ill_date, "{y}-{m}-{d}");
               } else if (key in row) {
                   this.memberData[key] = row[key];                  
-              }
+              }            
           }
-          
           // this.memberData = row;
           this.memberIndex = index;
           this.$refs.editMemberForm.open();