From cd3c4f568e017b7f060f882eaa1a8f28f7421f9d Mon Sep 17 00:00:00 2001
From: chenhc <2369838784@qq.com>
Date: Fri, 6 Dec 2024 16:22:09 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E7=A7=91=E5=AE=A4=E8=AE=BE=E5=A4=87?=
 =?UTF-8?q?=E7=BB=8F=E8=90=A5=E5=88=86=E6=9E=90=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/dev/deviceBusinessProjectApi.js       |  24 ++
 .../benefitManagement/deviceBenefit.vue       |  32 ++-
 .../benefitManagement/downloadDataDialog.vue  | 235 ++++++++++++++++++
 3 files changed, 286 insertions(+), 5 deletions(-)
 create mode 100644 src/views/purchase/benefitManagement/downloadDataDialog.vue

diff --git a/src/api/dev/deviceBusinessProjectApi.js b/src/api/dev/deviceBusinessProjectApi.js
index a0caa349..3050af00 100644
--- a/src/api/dev/deviceBusinessProjectApi.js
+++ b/src/api/dev/deviceBusinessProjectApi.js
@@ -80,3 +80,27 @@ export function postExcelBusinessProjectImport(data) {
     data: data
   });
 }
+
+
+
+export function getDeviceBusinessProject(query) {
+  return axios(
+    {
+      url: `/udi/device/businessProject/getDeviceBusinessProject`,
+      method: "POST",
+      data: query
+    }
+  )
+}
+
+
+
+export function downloadDeviceBusinessProject(query) {
+  return axios(
+    {
+      url: `/udi/device/businessProject/downloadDeviceBusinessProject`,
+      method: "POST",
+      data: query
+    }
+  )
+}
diff --git a/src/views/purchase/benefitManagement/deviceBenefit.vue b/src/views/purchase/benefitManagement/deviceBenefit.vue
index d20be3ce..436c7336 100644
--- a/src/views/purchase/benefitManagement/deviceBenefit.vue
+++ b/src/views/purchase/benefitManagement/deviceBenefit.vue
@@ -59,6 +59,7 @@
           >
               <el-button type="primary" icon="el-icon-document" @click="selectExport" :loading="selectExportLoading">选中导出Excel</el-button>
               <el-button type="primary" icon="el-icon-document" @click="searchExport" :loading="searchExportLoading">结果导出Excel</el-button>
+              <el-button type="primary" icon="el-icon-document" @click="downloadData" :loading="downloadDataLoading">数据下载</el-button>
 <!--          <el-button type="primary" icon="el-icon-printer" @click="optinPrint" :loading="optinPrintLoading">选中打印</el-button>-->
 <!--          <el-button type="primary" icon="el-icon-printer" @click="selectPrint" :loading="selectPrinttLoading">查询结果打印</el-button>-->
         </el-button-group>
@@ -88,6 +89,20 @@
     </el-card>
 
 
+    <el-dialog
+      title="数据下载"
+      :visible.sync="downloadDataVisible"
+      :close-on-click-modal="false"
+      :close-on-press-escape="false"
+      width="60%"
+      v-if="downloadDataVisible"
+      append-to-body
+    >
+      <downloadDataDialog
+        :closeDialog="closeDialog"
+      >
+      </downloadDataDialog>
+    </el-dialog>
   </div>
 </template>
 
@@ -98,6 +113,7 @@ import {
   getHead,executeFuc
 } from "@/utils/customConfig";
 import {getDeptListByUser} from "@/api/auth/authDept";
+import downloadDataDialog from "./downloadDataDialog.vue";
 import {filterSubAllOptimize} from "@/api/system/invSubWarehouse";
 import {getOrderDetailBusOptimize} from "@/api/basic/busType";
 import {
@@ -147,6 +163,8 @@ export default {
       loading: false,
       selectExportLoading: false,
       searchExportLoading: false,
+      downloadDataVisible: false,
+      downloadDataLoading: false,
       optinPrintLoading: false,
       selectPrinttLoading: false,
       total: 0,
@@ -512,6 +530,12 @@ export default {
         });
 
 
+    },
+    downloadData() {
+      this.downloadDataVisible = true
+    },
+    closeDialog() {
+      this.downloadDataVisible = false
     },
     searchExport() {
       this.$confirm("是否确定导出所有查询结果数据", "提示", {
@@ -520,7 +544,6 @@ export default {
         type: "warning",
       })
         .then(() => {
-
           let printParams = {
             deptName: this.filterQuery.deptName,
             sfxm: this.filterQuery.sfxm,
@@ -581,6 +604,9 @@ export default {
       return defaultRet;
     }
   },
+  components:{
+    downloadDataDialog
+  },
   mounted() {
     document.body.ondrop = function (event) {
       event.preventDefault();
@@ -589,11 +615,7 @@ export default {
   }
   ,
   created() {
-    // this.actionType = 'norDetail';
     this.getList();
-    // this.getInvList();
-    // this.getInvListAllFlagInv();
-    // this.getBusTypeByInv();
   }
   ,
 }
diff --git a/src/views/purchase/benefitManagement/downloadDataDialog.vue b/src/views/purchase/benefitManagement/downloadDataDialog.vue
new file mode 100644
index 00000000..a7b70037
--- /dev/null
+++ b/src/views/purchase/benefitManagement/downloadDataDialog.vue
@@ -0,0 +1,235 @@
+<template>
+  <div>
+    <el-card class="el-card">
+      <el-form :model="filterQuery" class="query-form" size="mini" label-width="100px" v-if="showSearch">
+        <el-row style=" display:flex;  flex-wrap: wrap; ">
+          <el-col :span="8">
+            <el-form-item class="query-form-item" label="项目收费日期:">
+              <el-date-picker
+                :picker-options="pickerOptions"
+                v-model="actDateRange"
+                type="daterange"
+                format="yyyy 年 MM 月 dd 日"
+                value-format="yyyy-MM-dd"
+                range-separator="至"
+                start-placeholder="开始日期"
+                end-placeholder="结束日期"
+                style="width: 100%"
+              ></el-date-picker>
+            </el-form-item>
+          </el-col>
+
+        </el-row>
+      </el-form>
+      <div class="top-right-btn">
+        <el-button-group>
+          <el-button icon="el-icon-view" type="primary" @click="hideSearch">显示/隐藏搜索栏</el-button>
+          <el-button
+            type="primary"
+            icon="el-icon-refresh"
+            @click="onReset"
+          >重置
+          </el-button>
+          <el-button type="primary" icon="el-icon-search" @click="onSubmit"
+          >查询
+          </el-button
+          >
+          <el-button type="primary" icon="el-icon-document" @click="submitDownload" :loading="searchExportLoading">
+            结果下载
+          </el-button>
+        </el-button-group>
+      </div>
+      <el-divider style="margin: 15px"></el-divider>
+      <el-table v-loading="loading" :data="list" style="width: 100%" border highlight-current-row
+                :row-style="{ height: '32px' }"
+      >
+        <el-table-column label="序号" type="index"></el-table-column>
+        <el-table-column prop="chargTime" width="140" label="收费时间"></el-table-column>
+        <el-table-column prop="sfxm" width="140" label="收费项目"></el-table-column>
+        <el-table-column prop="sfmc" width="140" label="项目名称"></el-table-column>
+        <el-table-column prop="je" width="140" label="收费金额"></el-table-column>
+        <el-table-column prop="deptCode" width="140" label="部门编码"></el-table-column>
+        <el-table-column prop="deptName" width="140" label="部门名称"></el-table-column>
+
+      </el-table>
+      <pagination
+        v-show="total>0"
+        :total="total"
+        :limit.sync="filterQuery.limit"
+        :page.sync="filterQuery.page"
+        @pagination="getList"
+      ></pagination>
+    </el-card>
+
+  </div>
+</template>
+
+<script>
+import {
+  getDeviceBusinessProject, downloadDeviceBusinessProject
+} from '@/api/dev/deviceBusinessProjectApi'
+
+export default {
+  name: 'downloadDataDialog',
+  props: {
+    closeDialog: {
+      type: Function,
+      required: true
+    }
+  },
+  data() {
+    return {
+      showSearch: true,
+      list: [],
+      busTypeOptions: [],
+      filterQuery: {
+        startChargTime: null,
+        endChargTime: null,
+        page: 1,
+        limit: 20,
+      },
+
+      printMap: {
+        0: '未打印',
+        1: '已打印',
+        null: '未打印'
+      },
+
+      fromOptions: [],
+      actions: [],
+      loading: false,
+      selectExportLoading: false,
+      searchExportLoading: false,
+      downloadDataVisible: false,
+      downloadDataLoading: false,
+      optinPrintLoading: false,
+      selectPrinttLoading: false,
+      total: 0,
+      tableHeader: [],
+      queryList: [],
+      fromList: [],
+      options: {
+        getBusTypeByInv: []
+      },
+      orderSelection: [],
+      showSup: false,
+      customerId: this.$store.getters.customerId,
+      map: {
+        'actDateRange': this.actDateRange,
+        'confirmDateRange': this.confirmDateRange
+      },
+      invList: [],
+      invListAllFlagInv: [],
+      deptList: [],
+      actDateRange: [],
+      confirmDateRange: [],
+      actionType: null,
+      auditDateRange: [],
+      pickerOptions: {
+        shortcuts: [
+          {
+            text: '最近一周',
+            onClick(picker) {
+              const end = new Date()
+              const start = new Date()
+              start.setTime(start.getTime() - 3600 * 1000 * 24 * 7)
+              picker.$emit('pick', [start, end])
+            }
+          },
+          {
+            text: '最近一个月',
+            onClick(picker) {
+              const end = new Date()
+              const start = new Date()
+              start.setTime(start.getTime() - 3600 * 1000 * 24 * 30)
+              picker.$emit('pick', [start, end])
+            }
+          },
+          {
+            text: '最近三个月',
+            onClick(picker) {
+              const end = new Date()
+              const start = new Date()
+              start.setTime(start.getTime() - 3600 * 1000 * 24 * 90)
+              picker.$emit('pick', [start, end])
+            }
+          }
+        ]
+      }
+    }
+  },
+  methods: {
+    onReset() {
+      this.$router.push({
+        path: "",
+      });
+      this.filterQuery = {
+        startChargTime: null,
+        endChargTime: null,
+        page: 1,
+        limit: 20,
+      };
+      this.actDateRange = []
+    },
+    onSubmit() {
+      this.loading = true;
+      this.filterQuery.page = 1;
+
+      this.getList();
+    },
+    submitDownload(){
+      this.loading = true;
+      if (this.actDateRange !== null) {
+        this.filterQuery.startChargTime = this.actDateRange[0];
+        this.filterQuery.endChargTime= this.actDateRange[1];
+      } else {
+        return this.$message.error("请选择查询时间范围！");
+      }
+      downloadDeviceBusinessProject(this.filterQuery)
+        .then((response) => {
+          if (response.code === 20000) {
+            this.$message.success("下载成功");
+            this.closeDialog()
+          } else {
+            this.$message.error(response.message);
+          }
+          this.loading = false;
+        })
+        .catch(() => {
+          this.loading = false;
+          this.list = [];
+          this.total = 0;
+        });
+    },
+    getList() {
+      this.loading = true;
+      if (this.actDateRange !== null) {
+        this.filterQuery.startChargTime = this.actDateRange[0];
+        this.filterQuery.endChargTime= this.actDateRange[1];
+      } else {
+        return this.$message.error("请选择查询时间范围！");
+      }
+
+      getDeviceBusinessProject(this.filterQuery)
+        .then((response) => {
+          if (response.code === 20000) {
+            this.list = response.data.list || [];
+            this.total = response.data.total || 0;
+          } else {
+            this.$message.error(response.message);
+          }
+          this.loading = false;
+        })
+        .catch(() => {
+          this.loading = false;
+          this.list = [];
+          this.total = 0;
+        });
+    },
+  }
+}
+</script>
+
+<style scoped>
+
+</style>