文章列表页面的开发

src/api/act/submitinfo.js

@@ -16,4 +16,13 @@ export function getArticleType(params){
          method: 'Get',
          params: params
      })
+}
+
+export function GetAllArticles(params){
+     console.log("文章列表")
+     return request({
+         url:'/api/acticle/getAllArticles',
+         method:'Get',
+         params:params
+     })
 }

src/scrm_pages/article/articleList.vue

@@ -8,7 +8,7 @@
           <div style="margin-bottom: 10px">
             <el-row :gutter="24">
               <el-col :span="8">
-                  <el-input style="width: 300px"  placeholder="请输入您需要搜索的内容"></el-input>
+                  <el-input style="width: 300px" v-model="listQuery.search"  placeholder="请输入您需要搜索的内容"></el-input>
                   <el-button type="primary"  icon="el-icon-search">搜索</el-button>
               </el-col>
             </el-row>
@@ -17,7 +17,8 @@
             <label class="title"><span class="name">标签</span>:</label>
              <div class="time">
                 <ul class="">
-                  <li :class="item.value==schedulType?'active':''"  v-for="item in schedulArr" :key="item.value">{{item.label}}</li>
+                  <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>
                 </ul>
              </div>
           </div>
@@ -25,15 +26,16 @@
             <label class="title"><span class="name">状态:</span></label>
             <div class="time">
               <ul class="">
+                <!-- <li :class="0==systemType?'active':''" @click="selectStatus(0)">全部</li> -->
                 <li :class="item.value==systemType?'active':''" v-for="item in systemArr" :key="item.value">{{item.label}}</li>
               </ul>
             </div>
           </div>
           <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-table ref="multipleTable" :header-cell-style="{ backgroundColor: 'rgb(245, 247, 250)'}" :data="tableData" border fit highlight-current-row  style="width: 100%;margin-top: 10px;">
+          <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
                 type="selection"
                 width="55">
@@ -92,6 +94,7 @@
 
 <script>
   import BreadCrumb from '../components/bread-crumb'
+  import { GetAllArticles } from '@/api/act/submitinfo'
   export default {
     name: 'commentList',
     components:{
@@ -106,34 +109,59 @@
         time: '',
         active: true,
         schedulType: 0,
-        schedulArr:[
-          {value: 0, label: '全部'},
-          {value: 1, label: '食物库'},
-          {value: 2, label: '肾病常识'},
-          {value: 3, label: '科普教育'},
-        ],
+        schedulArr:0,
         systemType: 0,
         systemArr: [
-          { value: 0, label: '全部' },
-          { value: 1, label: '已发布'},
-          { value: 2, label: '草稿箱'},
-          { value: 3, label: '未通过'},
+          { value: 0, label: "全部" },
+          { value: 1, label: "已发布" },
+          { value: 2, label: "草稿箱" },
+          { value: 2, label: "未通过" }
         ],
+        listQuery:{
+            page:1,
+            limit:10,
+            search:'',
+            classid:'',
+        },
+        ArticleData:[],
+        total:0,
       }
+    },
+    methods:{
+         GetAllArticles(){
+              GetAllArticles(this.listQuery).then(response =>{
+                     if(response.data.status === 1){
+                       this.ArticleData = response.data.data.articles
+                        console.log("文章列表",this.ArticleData)
+                        this.total = response.data.data.total
+                     }
+              })
+         },
+         selectsign(id){
+            this.listQuery.classid = id;
+            this.schedulArr = id;
+            this.GetAllArticles();
+         },
+         selectStatus(id){
+            this.listQuery.status = id;
+            this.systemType = id;
+            this.GetAllArticles();
+         },
+          handleSizeChange(limit) {
+            this.listQuery.limit = limit;
+            this.GetAllAritcles();
+        },
+         handleCurrentChange(page) {
+            this.listQuery.page = page;
+            this.GetAllAritcles();
+        }
+    },
+    created(){
+      this.GetAllArticles()
     }
   }
 </script>
 
 <style scoped>
-  /*.app-container .cell.clearfix .time ul li {*/
-    /*float: left;*/
-    /*list-style: none;*/
-    /*cursor: pointer;*/
-    /*padding: 6px 20px;*/
-    /*color: #606266;*/
-    /*border-radius: 4px;*/
-    /*margin: 0 8px 0 0;*/
-    /*font-size: 14px;*/
-    /*text-align: center;*/
-  /*}*/
+     
 </style>

src/scrm_pages/article/createArticle.vue

@@ -79,12 +79,12 @@
                 </el-col>
               </el-form-item>
                <el-form-item label="所属分类:">
-                 <el-select v-model="value" placeholder="请先选择文章所属分类" prop="act_type">
+                 <el-select v-model="form.act_type" placeholder="请先选择文章所属分类"  @change="changeActtype()">
                    <el-option
                      v-for="item in options"
-                     :key="item.id"
+                     :key="item.MenuId"
                      :label="item.Name"
-                     :value="item.id">
+                     :value="item.MenuId">
                    </el-option>
                  </el-select>
                </el-form-item>
@@ -94,7 +94,7 @@
           <el-row :span="24">
             <el-col :span="24">
                 <el-form-item>
-                      <el-button size="small" type="primary" style="width: 100px"  @click="submitForm" :disabled="formsubmit">发布</el-button>
+                      <el-button size="small" type="primary" style="width: 100px"  @click="submitForm;centerDialogVisible = true" :disabled="formsubmit">发布</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>
@@ -170,6 +170,17 @@
     </el-tabs>
      </div>
     </div>
+      <el-dialog
+        title="发布成功"
+        :visible.sync="centerDialogVisible"
+         width="30%"
+         center>
+         <!-- <span>需要注意的是内容是默认不居中的</span> -->
+         <span slot="footer" class="dialog-footer">
+        <el-button @click="gotolink;centerDialogVisible = false">再发一条</el-button>
+        <el-button type="primary" @click="gobacklist">返回文章列表</el-button>
+       </span>
+      </el-dialog>
   </div>
 </template>
 
@@ -239,6 +250,7 @@
                 // 关闭自动保存
                 enableAutoSave: false
             },
+         centerDialogVisible: false,
       }
     },
     created(){
@@ -417,24 +429,24 @@
       beforeRemove(file, fileList) {
         return this.$confirm(`确定移除 ${ file.name }？`);
       },
+      changeActtype(){
+         console.log("所属分类",this.form.act_type)
+      },
       submitForm(){
         var params  = new Object()
         params.act_name = this.form.act_name
         params.act_content = this.$refs.neditor.content
         params.org_logo = this.form.org_logo
+        params.act_type = this.form.act_type
         this.formloading=true
         this.submitForm =true
         console.log("文章标题",params.act_name)
         console.log("文章内容",params.act_content)
         console.log("富文本编辑器的内容",params.act_content)
-        console.log("图片",params.org_logo)
+        console.log("图片",params.org_logo)  
+        console.log("所属分类",params.act_type)    
         submitForm(params).then(response => {
-           if(response.data.state === 1){
-             this.$message({
-               type: 'success',
-               message: '成功!'
-             })
-           }
+         
         })
       },
       getArticleType(){
@@ -447,6 +459,12 @@
              console.log("文章",this.options)
             }
         })
+      },
+      gotolink(){
+        this.$router.push({path:"/articles/createArticle"})
+      },
+      gobacklist(){
+        this.$router.push({path:'/articles/articleList'})
       }
     },
   }

src/scrm_pages/members/members.vue

@@ -153,6 +153,7 @@
         GetMembers(){
             GetMembers(this.listQuery).then(response=>{
                 var res = response.data;
+                console.log("res是谁？",res)
                 if(res.state == 1) {
                     this.membersData = res.data.members;
                     this.total = res.data.total;