update works total

ly525
1 parent 56b22e8b
Showing 4 changed files with 27 additions and 7 deletions
front-end/h5/src/store/modules/editor.js
front-end/h5/src/store/modules/work.js
front-end/h5/src/utils/http.js
front-end/h5/src/views/work-manager/list-mixin.js
@@ -9,7 +9,11 @@ const state = {
     uuidMap2Name: {},
     formRecords: []
   },
-  workTemplates: []
+  workTemplates: [],
+  total: {
+    works: 0,
+    templates: 0
+  }
 }
  
 // getters
@@ -104,6 +104,17 @@ export const actions = {
       commit('setEditingPage')
     })
   },
+  fetchCount ({ commit, dispatch, state }, payload = { is_template: false }) {
+    return new AxiosWrapper({
+      dispatch,
+      commit,
+      name: 'editor/setWorksTotal',
+      actionPayloadExtra: {
+        isTemplate: payload.is_template
+      },
+      customRequest: strapi.getEntries.bind(strapi)
+    }).get('works/count', payload).catch(handleError)
+  },
   fetchWorks ({ commit, dispatch, state }, payload = { is_template: false, _limit: 10 }) {
     return new AxiosWrapper({
       dispatch,
@@ -266,6 +277,10 @@ export const mutations = {
     const [cover] = value
     state.work.cover_image_url = cover.url
   },
+  setWorksTotal (state, { type, value, ...other }) {
+    const { isTemplate } = other
+    state.total[isTemplate ? 'templates' : 'works'] = value
+  },
   /**
    * payload: {
    *  type:   @params {String} "editor/setWorks",
@@ -7,7 +7,7 @@ message.config({
  
 export class AxiosWrapper {
   // eslint-disable-next-line camelcase
-  constructor ({ name = 'default', loading_name, responseType = 'json', headers, dispatch, commit, router, successMsg, failMsg, successCallback, failCallback, customRequest }) {
+  constructor ({ name = 'default', loading_name, responseType = 'json', headers, dispatch, commit, router, successMsg, failMsg, successCallback, failCallback, customRequest, actionPayloadExtra = {} }) {
     this.name = name
     // eslint-disable-next-line camelcase
     this.loading_name = loading_name
@@ -21,6 +21,7 @@ export class AxiosWrapper {
     this.customRequest = customRequest
     this.successCallback = successCallback
     this.failCallback = failCallback
+    this.actionPayloadExtra = actionPayloadExtra
     this.source = axios.CancelToken.source()
     this.instance = axios.create({
       // baseURL: '/v1',
@@ -148,7 +149,7 @@ export class AxiosWrapper {
         if (this.successCallback) {
           this.successCallback(response)
         } else {
-          this.commit({ type: this.name, value: response.data }, { root: true })
+          this.commit({ type: this.name, value: response.data, ...this.actionPayloadExtra }, { root: true })
         }
       } else if (this.responseType === 'json') {
         message.error(response.data.msg)
@@ -23,7 +23,7 @@ export default {
     }
   }),
   computed: {
-    ...mapState('editor', ['works', 'workTemplates']),
+    ...mapState('editor', ['works', 'workTemplates', 'total']),
     ...mapState('loading', ['fetchWorks_loading', 'fetchWorkTemplates_loading']),
     workList () {
       const workList = this.isTemplate ? this.workTemplates : this.works
@@ -35,6 +35,7 @@ export default {
   },
   methods: {
     ...mapActions('editor', [
+      'fetchCount',
       'fetchWorks',
       'createWork',
       'deleteWork',
@@ -54,7 +55,6 @@ export default {
         _limit: pageSize,
         _start: (pageNum - 1) * pageSize
       }
-      debugger
       this.isTemplate ? this.fetchWorkTemplates(payload) : this.fetchWorks(payload)
     }
   },
@@ -99,7 +99,7 @@ export default {
           <a-pagination
             show-size-changer
             default-current={1}
-            total={500}
+            total={this.isTemplate ? this.total.templates : this.total.works }
             current={this.pagination.pageNum}
             onShowSizeChange={(pageNum, pageSize) => {
               this.pagination.pageNum = 1
@@ -164,6 +164,6 @@ export default {
   },
   created () {
     this.handleSearch()
-    // this.isTemplate ? this.fetchWorkTemplates() : this.fetchWorks()
+    this.fetchCount({ is_template: this.isTemplate })
   }
 }