no message

src/api/material-system/center/center-shop-settlement-record.js

@@ -1,25 +1,29 @@
-import request, { postBlob, getBlob, handleImport } from "@/utils/request";
+import request, { postBlob, getBlob, handleImport } from '@/utils/request'
 
 export function getList(data) {
   return request({
     url: `/parts/work-settlement/list?moduleId=${data.moduleId}`,
-    method: "post",
+    method: 'post',
     data
-  });
+  })
 }
 
 export function getListExport(data, name) {
   return postBlob({
-    url: "/parts/work-settlement/list/export",
+    url: '/parts/work-settlement/list/export',
     data,
     name
-  });
+  })
 }
 
 export function listDel(params) {
   return request({
     url: `/parts/work-settlement/del`,
-    method: "post",
+    method: 'post',
     params
-  });
+  })
+}
+
+export function importSettlementStateImport(data) {
+  return handleImport('/worker/old-refund/import-settlement-state', data.formdata, data.id || '')
 }

src/views/partsManagement/accessoryCenterIdentity/center-shop-settlement-record/index.vue

@@ -0,0 +1,122 @@
+<template>
+  <template-page
+    ref="pageRef"
+    :getList="getList"
+    :exportList="exportList"
+    :columnParsing="columnParsing"
+    :optionsEvensGroup="optionsEvensGroup"
+    :tableAttributes="tableAttributes"
+    :tableEvents="tableEvents"
+  >
+  </template-page>
+</template>
+
+<script>
+import TemplatePage from '@/components/template/template-page-1.vue'
+import import_mixin from '@/components/template/import_mixin.js'
+import {
+  getListExport,
+  getList,
+  listDel,
+  importSettlementStateImport
+} from '@/api/material-system/center/center-shop-settlement-record'
+import operation_mixin from '@/components/template/operation_mixin.js'
+export default {
+  components: { TemplatePage },
+  mixins: [import_mixin, operation_mixin],
+  data() {
+    return {
+      // 表格属性
+      tableAttributes: {
+        // 启用勾选列
+        selectColumn: true
+      },
+      // 表格事件
+      tableEvents: {
+        'selection-change': this.selectionChange
+      },
+      recordSelected: []
+    }
+  },
+  computed: {
+    optionsEvensGroup() {
+      return [
+        [
+          [
+            this.optionsEvensAuth('import', ({ moduleName }) => {
+              return {
+                name: moduleName,
+                render: () => {
+                  return this.importButton(importSettlementStateImport(0), moduleName)
+                }
+              }
+            })
+          ]
+        ],
+        [
+          [
+            this.optionsEvensAuth('dels', {
+              click: this.del
+            })
+          ]
+        ]
+      ]
+    }
+  },
+  methods: {
+    // 列表请求函数
+    getList: getList,
+    // 列表导出函数
+    exportList: getListExport,
+    // 表格列解析渲染数据更改
+    columnParsing(item, defaultData) {
+      return defaultData
+    },
+    // 监听勾选变化
+    selectionChange(data) {
+      this.recordSelected = data
+    },
+    // 批量删除
+    dels() {
+      if (this.recordSelected.length) {
+        this.$confirm('此操作将删除数据, 是否继续?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        })
+          .then(() => {
+            listDel({
+              ids: this.recordSelected.map(item => item.pgId).join(',')
+            })
+              .then(res => {
+                this.$refs.pageRef.refreshList()
+                this.$message({
+                  type: 'success',
+                  message: '删除成功!'
+                })
+              })
+              .catch(() => {
+                this.$message({
+                  type: 'error',
+                  message: '删除失败'
+                })
+              })
+          })
+          .catch(() => {
+            this.$message({
+              type: 'info',
+              message: '已取消删除'
+            })
+          })
+      } else {
+        this.$message({
+          type: 'info',
+          message: '请先勾选需要删除的数据!'
+        })
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped></style>