feat: 订单数据统计 - 离线导出

project/src/assets/config/interface_api.js

@@ -295,6 +295,8 @@ var api = {
   dataBoard_uptime: "/api/dataCube/uptime", // 数据更新时间
   dataBoard_orderData_orderList: "/api/order/orderList", // 订单数据统计 - 列表
   dataBoard_orderData_orderExport: "/api/order/orderExport", // 订单数据统计 - 列表 - 导出
+  dataBoard_orderData_orderExportOffline: "/api/order/orderExportOffline", // 订单数据统计 - 列表 - 离线导出
+  dataBoard_orderExportList: "/api/order/orderExportList", // 离线导出 - 任务列表
   dataBoard_operator_accountDataSummary: "/api/operate/accountDataSummary", // 运营端数据 - 运营公众号数据 - 汇总
   dataBoard_operator_accountData: "/api/operate/accountData", // 运营端数据 - 运营公众号数据 - 列表
   dataBoard_operator_data: "/api/operate/data", // 运营端数据 - 运营数据 - 列表

project/src/components/dataBoard/exportOffline.vue

@@ -0,0 +1,107 @@
+<template>
+  <div v-loading="loading" class="exportOffline-wrap">
+    <el-table :height="height" :data="tableList" tooltip-effect="dark" style="width: 100%;">
+      <el-table-column label="名称" prop="index_name" min-width="300" align="left" />
+      <el-table-column width="20" />
+      <el-table-column label="导出链接" min-width="300" align="left">
+        <template slot-scope="{ row }">
+          <div v-if="row.status == 1" class="c-FFB055">待处理</div>
+          <div v-else-if="row.status == 2" class="c-448AFF">导出链接生成中，请稍候</div>
+          <div v-else-if="row.status == 3 && row.file_url" class="c-00B38A pointer" @click="handleDownload(row.file_url)">{{ row.file_url }}</div>
+          <div v-else> - </div>
+        </template>
+      </el-table-column>
+      <el-table-column label="创建时间" prop="created_at" width="160" align="center" />
+      <el-table-column label="操作人" prop="operator_name" width="200" align="center" />
+      <el-table-column label="操作" width="100" align="center">
+        <template slot-scope="{ row }">
+          <el-button
+            size="mini"
+            :type="(row.status != 3 || !row.file_url) ? 'info' : 'primary'"
+            :disabled="row.status != 3 || !row.file_url"
+            @click="handleDownload(row.file_url)"
+          >下载</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <div class="pagination" v-show="pagination.total > 0">
+      <el-pagination background :current-page="pagination.page" @current-change="handleCurrentChange" layout="prev, pager, next" :page-count="Number(pagination.pages)" />
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  name: 'exportOffline',
+  data () {
+    return {
+      height: '',
+      loading: false,
+      pagination: {
+        page: 1,
+        page_size: 20,
+        pages: 0,
+        total: 0,
+      },
+      // filter: {
+      //   keyword: '',
+      // },
+      tableList: [],
+    }
+  },
+  created () {
+    this.height = document.documentElement.clientHeight - 150
+    this.handleGetList()
+  },
+  methods: {
+    // 获取列表数据
+    async handleGetList() {
+      try {
+        this.loading = true
+        const url = `${this.URL.BASEURL}${this.URL.dataBoard_orderExportList}`
+        const params = {
+          page: this.pagination.page,
+          page_size: this.pagination.page_size,
+        }
+        const { data: res = {} } = await this.$axios.get(url, { params })
+        if (res && res.errno == 0 && Array.isArray(res.rst.data)) {
+          this.tableList = res.rst.data;
+          this.pagination.total = res.rst.pageInfo.total;
+          this.pagination.pages = res.rst.pageInfo.pages;
+        } else if (res.errno != 4002) {
+          this.$message.warning(res.err)
+          this.tableList = [];
+          this.pagination.total = 0;
+          this.pagination.pages = 0;
+        }
+      } catch (error) {
+        console.log(error)
+        this.tableList = [];
+        this.pagination.total = 0;
+        this.pagination.pages = 0;
+      } finally {
+        this.loading = false
+      }
+    },
+    // 监听当前页数变化
+    handleCurrentChange(currentPage) {
+      this.pagination.page = currentPage
+      this.handleGetList()
+    },
+    // 执行下载
+    handleDownload(url) {
+      const a = document.createElement("a");
+      a.style.display = "none";
+      a.href = url;
+      document.body.appendChild(a);
+      a.click();
+      document.body.removeChild(a);
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.screenBox {
+  background: #fff;
+  padding: 5px 20px;
+}
+</style>

project/src/router/allRouter.js

@@ -79,6 +79,8 @@ const officialAccount = () => import(/* webpackChunkName: 'officialAccount' */ '
 const recharge = () => import(/* webpackChunkName: 'recharge' */ '@/components/dataBoard/recharge.vue')
 // 数据看板 - 客服数据统计
 const customerStaff = () => import(/* webpackChunkName: 'customerStaff' */ '@/components/dataBoard/customerStaff/index.vue')
+// 数据看板 - 导出列表(离线导出任务列表)
+const exportOffline = () => import(/* webpackChunkName: 'exportOffline' */ '@/components/dataBoard/exportOffline.vue')
 
 // 平台账号管理
 const accountManage = () => import(/* webpackChunkName: 'accountManage' */ '@/components/manage/accountManage/accountManage.vue')
@@ -668,6 +670,17 @@ export var allRouter = [
         }
       },
       {
+        path: 'exportOffline',
+        name: 'exportOffline',
+        component: exportOffline,
+        meta: {
+          keepAlive: false,
+          isLogin: true,
+          title: '导出列表',
+          isData: true
+        }
+      },
+      {
         path: 'thePublic',
         name: 'thePublic',
         component: thePublic,