更新

src/pages/system/newOrder/caseRecord/index.vue

     <div class="system-table-search">
       <div class="flex-h">
         <div class="flex-item flex-h">
-          <el-button size="mini" type="success" @click='addRecord'>新增</el-button>
+          <el-button size="mini" type="success" @click='addVisible = true'>新增</el-button>
         </div>
         <ul>
           <li>
         </el-table-column>
         <el-table-column fixed='right' label="操作" width="300">
           <template slot-scope="scope">
-            <el-button size="mini" type="warning" @click="handleReport(scope.$index, scope.row)">导出Excel</el-button>
+            <el-button size="mini" type="warning" @click="handleReport(scope.row)">导出Excel</el-button>
           </template>
         </el-table-column>
       </el-table>
 import { createNamespacedHelpers, mapState } from 'vuex'
 
 const { mapState: mapRecordState, mapActions: mapRecordActions } = createNamespacedHelpers('caserecord')
+const { mapState: mapOrdersState, mapActions: mapOrdersActions } = createNamespacedHelpers('goodsorder')
 
 export default {
   name: '',
   data () {
     return {
       addVisible: false,
+      excelData: [],
       detail: {
         CaseId: '',
+        Month: '',
+        Num: 0,
       },
       postData: {
         caseid: '',
     ...mapRecordState({
       records: x => x.recordList,
     }),
+    ...mapOrdersState({
+      orders: x => x.recordOrders,
+    }),
     CaseId: {
       get () {
-        return this.caseid || this.defaultCaseId
+        return this.postData.caseid || this.defaultCaseId
       },
       set (val) {
-        this.caseid = val
+        this.postData.caseid = val
       }
-    }
+    },
   },
   methods: {
     ...mapRecordActions([
       'GetRecordList',
+      'AddRecord',
+    ]),
+    ...mapOrdersActions([
+      'GetOrdersByRecord',
     ]),
     getCaseName (caseid) {
       return ((this.cases.filter(x => x.CaseId === caseid) || [])[0] || {}).CaseName
     },
-    addRecord () {
-      this.addVisible = true
-    },
     search () {
       this.getList()
     },
     submit () {
+      if (this.detail.CaseId === '') {
+        this.$message({
+          type: 'error',
+          message: '请先选择对应案场！'
+        })
+        return
+      }
+      if (this.detail.Month === '') {
+        this.$message({
+          type: 'error',
+          message: '请先选择月份！'
+        })
+        return
+      }
+      if (this.detail.Num <= 0) {
+        this.$message({
+          type: 'error',
+          message: '请输入规定次数！'
+        })
+        return
+      }
+      this.AddRecord({...this.detail, callback: this.afterSave, Month: this.toolClass.dateFormat(this.detail.Month, 'yyyy-MM')})
+    },
+    afterSave () {
+      this.$message({
+        type: 'success',
+        message: '保存成功！'
+      })
+      this.addVisible = false
+      this.getList()
     },
     getList () {
-      this.GetRecordList(this.postData)
+      this.GetRecordList({...this.postData, caseid: this.CaseId})
     },
     handleCurrentChange (val) { // 跳转到分页
       this.postData.page = val
       this.getList()
     },
+    handleReport (row) {
+      this.GetOrdersByRecord({id: row.RecordId, callback: this.ordersExport})
+    },
+  },
+  mounted () {
+    this.getList()
   }
 }
 </script>

src/store/case/record.js

   },
   actions: {
     GetRecordList ({ commit }, payload) {
-      ajax(api.case.getRecordList.url, {
-        method: api.case.getRecordList.method,
+      ajax(api.caseManager.getRecordList.url, {
+        method: api.caseManager.getRecordList.method,
         queryData: {
           ...payload,
         }
         }
       })
     },
+    AddRecord ({ commit }, payload) {
+      ajax(api.caseManager.addRecord.url, {
+        method: api.caseManager.addRecord.method,
+        data: {
+          ...payload,
+        }
+      }).then(res => {
+        if (payload.callback) {
+          payload.callback()
+        }
+      })
+    },
   }
 }

src/store/goods/order.js

   namespaced: true,
   state: {
     ordersList: [],
+    recordOrders: [],
   },
   mutations: {
     updateList (state, payload) {
       state.ordersList = payload || []
     },
+    updateRecordList (state, payload) {
+      state.recordOrders = payload || []
+    },
   },
   actions: {
     GetOrdersList ({ commit }, payload) {
         commit('updateList', res)
       })
     },
+    GetOrdersByRecord ({ commit }, { id, callback }) {
+      ajax(api.goodsOrder.getOrdersByRecord.url, {
+        method: api.goodsOrder.getOrdersByRecord.method,
+        urlData: {
+          id
+        }
+      }).then(res => {
+        commit('updateRecordList', res)
+        if (callback) {
+          callback()
+        }
+      })
+    }
   }
 }

src/util/api.js

       method: 'get',
       url: `${baseUrl}${common}/order/online/goods`
     },
+    getOrdersByRecord: {
+      method: 'get',
+      url: `${baseUrl}${common}/order/goods/record/:id`
+    },
   },
 }
 export default $api