添加确认单绩效报表

dist/static/css/app.59fbcabc.css

@@ -1 +0,0 @@
-html,html body{position:fixed;width:100%;height:100%;padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}html body{text-align:left}html .clear:after,html .clear:before{content:"";display:block;clear:both}html #app{position:fixed;width:100%;height:100%;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;min-width:1200px!important}html #app .el-table__fixed-left,html #app .el-table__fixed-right{height:100%!important}html #app .commission{padding:8px 16px!important;-webkit-box-sizing:border-box!important;box-sizing:border-box!important}html #app .fr{float:right!important}html #app .ml10{margin-left:10px!important}.el-switch__core{-ms-flex-negative:0;flex-shrink:0}.el-switch,.el-switch__label{height:auto}.ex-table-setcol-dropdown{max-width:180px;max-height:280px;overflow-y:auto}.table-header[data-v-0173bce6]{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;display:-webkit-flex;padding:0 0}.table-header .setcol-table-lie[data-v-0173bce6]{position:absolute;top:0;left:0;z-index:7}.table-header>[data-v-0173bce6]{margin-top:10px;margin-bottom:12px}

dist/static/css/app.bec80721.css

@@ -0,0 +1 @@
+html,html body{position:fixed;width:100%;height:100%;padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}html body{text-align:left}html .clear:after,html .clear:before{content:"";display:block;clear:both}html #app{position:fixed;width:100%;height:100%;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;min-width:1200px!important}html #app .el-table__fixed-left,html #app .el-table__fixed-right{height:100%!important}html #app .commission{padding:16px 16px!important;-webkit-box-sizing:border-box!important;box-sizing:border-box!important;height:100%}html #app .fr{float:right!important}html #app .ml10{margin-left:10px!important}.el-switch__core{-ms-flex-negative:0;flex-shrink:0}.el-switch,.el-switch__label{height:auto}.ex-table-setcol-dropdown{max-width:180px;max-height:280px;overflow-y:auto}.table-header[data-v-0173bce6]{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;display:-webkit-flex;padding:0 0}.table-header .setcol-table-lie[data-v-0173bce6]{position:absolute;top:0;left:0;z-index:7}.table-header>[data-v-0173bce6]{margin-top:10px;margin-bottom:12px}

package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "serve": "vue-cli-service serve",
+    "dev": "vue-cli-service serve",
     "build:prod": "vue-cli-service build --mode production",
     "build:stage": "vue-cli-service build --mode staging",
     "build:dev": "vue-cli-service build --mode development",

src/App.vue

@@ -1,417 +1,33 @@
 <template>
   <div id="app" v-cloak>
     <div class="commission pagePadding">
-      <ex-table
-        v-loading="loading"
-        :table="table"
-        :data="tableData"
-        :columns="columns"
-        :page="pageInfo"
-        :size="size"
-        @page-curr-change="handlePageChange"
-        @page-size-change="handleSizeChange"
-        @screen-reset="
-          pageInfo.curr = 1;
-          parmValue.page = 1;
-          searchList();
-        "
-        @screen-submit="
-          pageInfo.curr = 1;
-          parmValue.page = 1;
-          searchList();
-        "
-      >
-        <template #table-header="{}">
-          <div style="width: 100%">
-            <el-row>
-              <el-col :span="24" style="padding: 0 0 0 0">
-                <el-col :span="8" style="width: 824px">
-                  <el-form :inline="true" :size="searchSize">
-                    <el-form-item
-                      :label="'确认单下单' + name"
-                      style="margin: 0"
-                    >
-                      <period-date-picker
-                        :start="parmValue.qrd_start"
-                        :end="parmValue.qrd_end"
-                        :type="1"
-                        :width="'135px'"
-                        :size="searchSize"
-                        @timeReturned="timeReturned1($event)"
-                      />
-                    </el-form-item>
-                    <el-form-item
-                      :label="'回款' + name"
-                      style="margin: 0 0 0 10px"
-                    >
-                      <period-date-picker
-                        :start="parmValue.start"
-                        :end="parmValue.end"
-                        :type="1"
-                        :width="'135px'"
-                        :size="searchSize"
-                        @timeReturned="timeReturned2($event)"
-                      />
-                    </el-form-item>
-                  </el-form>
-                </el-col>
-
-                <el-col :span="4" class="fr" style="width: 300px">
-                  <el-button
-                    type="primary"
-                    class="fr ml10"
-                    icon="el-icon-download"
-                    :size="searchSize"
-                    @click="Export()"
-                    >导出</el-button
-                  >
-                  <el-button
-                    :size="searchSize"
-                    type="primary"
-                    class="fr ml10"
-                    @click="searchList"
-                  >
-                    刷新
-                  </el-button>
-
-                  <el-button
-                    type="warning"
-                    class="fr ml10"
-                    :size="searchSize"
-                    @click="restSearch"
-                  >
-                    重置
-                  </el-button>
-                  <el-button
-                    :size="searchSize"
-                    type="primary"
-                    class="fr"
-                    icon="el-icon-search"
-                    @click="searchList"
-                  />
-                </el-col>
-              </el-col>
-            </el-row>
-          </div>
-        </template>
-      </ex-table>
+      <el-tabs type="border-card" v-model="tabPosition" style="height: 100%">
+        <el-tab-pane label="业绩达成报表(销售)" name="1">
+          <achievement-table />
+        </el-tab-pane>
+        <el-tab-pane label="确认单绩效报表" name="2">
+          <merits-table />
+        </el-tab-pane>
+      </el-tabs>
     </div>
   </div>
 </template>
 <script>
-import asyncRequest from "@/api/index";
-import setHeight from "@/mixins/index";
-import mixinPage from "@/mixins/elPaginationHandle";
-import { baseApi } from "@/config";
+import achievementTable from "@/views/achievementTable";
+import meritsTable from "@/views/meritsTable";
 export default {
   name: "commission",
-  mixins: [mixinPage, setHeight],
-
+  components: {
+    achievementTable,
+    meritsTable,
+  },
   data() {
     return {
-      name: "时间区间",
-      searchSize: "small",
-      size:'mini',
-      contector: "",
-      loading: false,
-      showModel: false,
-      isDetail: false,
-      modelId: 0,
-      parmValue: {
-        qrd_start: "",
-        qrd_end: "",
-        hk_start: "",
-        hk_end: "",
-        page: 1, // 页码
-        size: 15, // 每页显示条数
-      },
-      // 表格 - 数据
-      tableData: [],
-      // 表格 - 参数
-      table: {
-        stripe: true,
-        border: true,
-        // _defaultHeader_: ["setcol"],
-      },
-      // 表格 - 分页
-      pageInfo: {
-        size: 15,
-        curr: 1,
-        total: 0,
-      },
-      // 表格 - 列参数
-      columns: [
-        {
-          prop: "supperinfo",
-          label: "公司名称",
-          fixed: "left",
-          "min-width": "150",
-        },
-        {
-          prop: "sale_name",
-          label: "销售人员",
-          width: "70",
-        },
-        {
-          prop: "depart",
-          label: "部门",
-          width: "65",
-        },
-        {
-          prop: "qrd_type",
-          label: "订单类型",
-          width: "85",
-        },
-        {
-          prop: "qrdNo",
-          label: "广源订单号码",
-          width: "138",
-        },
-
-        {
-          prop: "cgdNo",
-          label: "采购单编号",
-          width: "138",
-        },
-
-        {
-          prop: "khzzxz",
-          label: "客户属性",
-          "min-width": "90",
-        },
-
-        {
-          prop: "khcomp",
-          label: "所属分公司",
-          "min-width": "90",
-        },
-
-        {
-          prop: "companyName",
-          label: "客户名称",
-          "min-width": "150",
-        },
-        {
-          prop: "product_name",
-          label: "产品名称",
-          "min-width": "140",
-        },
-        {
-          prop: "cat_f",
-          label: "一级分类",
-          "min-width": "90",
-        },
-        {
-          prop: "sale_price",
-          label: "销售单价",
-          "min-width": "90",
-        },
-        {
-          prop: "order_num",
-          label: "销售数量",
-          "min-width": "90",
-        },
-
-        {
-          prop: "sale_total",
-          label: "销售总额",
-          "min-width": "90",
-        },
-        {
-          prop: "ordertime",
-          label: "确认单下单时间",
-          width: "145",
-        },
-        {
-          prop: "addtime",
-          label: "回款日期",
-          width: "145",
-        },
-        {
-          prop: "fund_fee",
-          label: "回款金额",
-          "min-width": "140",
-        },
-
-        {
-          prop: "pay_day",
-          label: "账期",
-          "min-width": "90",
-        },
-      ],
+      tabPosition: "1",
     };
   },
-  mounted() {
-    this.searchList();
-  },
-  methods: {
-    async timeReturned1(e) {
-      if (e.startTime !== "") {
-        this.parmValue.qrd_start = e.startTime;
-      } else {
-        this.parmValue.qrd_start = "";
-      }
-      if (e.endTime !== "") {
-        this.parmValue.qrd_end = e.endTime;
-      } else {
-        this.parmValue.qrd_end = "";
-      }
-    },
-    async timeReturned2(e) {
-      if (e.startTime !== "") {
-        this.parmValue.hk_start = e.startTime;
-      } else {
-        this.parmValue.hk_start = "";
-      }
-      if (e.endTime !== "") {
-        this.parmValue.hk_end = e.endTime;
-      } else {
-        this.parmValue.hk_end = "";
-      }
-    },
-    restSearch() {
-      // 表格 - 分页
-      this.pageInfo = {
-        size: 15,
-        curr: 1,
-        total: 0,
-      };
-      this.parmValue = {
-        qrd_start: "",
-        qrd_end: "",
-        hk_start: "",
-        hk_end: "",
-        page: 1, // 页码
-        size: 15, // 每页显示条数
-      };
-      this.searchList();
-    },
-
-    async timeVerification() {
-      return new Promise(async (resolve, reject) => {
-        if (
-          this.parmValue.qrd_start === "" &&
-          this.parmValue.qrd_end === "" &&
-          this.parmValue.hk_start === "" &&
-          this.parmValue.hk_end === ""
-        ) {
-          resolve({ ok: false, msg: "请选择时间区间！" });
-        } else if (
-          (this.parmValue.qrd_start === "" && this.parmValue.qrd_end !== "") ||
-          (this.parmValue.qrd_start !== "" && this.parmValue.qrd_end === "")
-        ) {
-          resolve({ ok: false, msg: "确认单下单时间区间不完整！" });
-        } else if (
-          (this.parmValue.hk_start === "" && this.parmValue.hk_end !== "") ||
-          (this.parmValue.hk_start !== "" && this.parmValue.hk_end === "")
-        ) {
-          resolve({ ok: false, msg: "确认单下单时间区间不完整！" });
-        } else {
-          resolve({ ok: true, msg: "ok" });
-        }
-      });
-    },
-    // 刷新表格
-    async searchList() {
-      if (!this.loading) {
-        this.timeVerification()
-          .then(async (r) => {
-            if (!r.ok) {
-              this.$message.warning(r.msg);
-            } else {
-              this.loading = true;
-              const res = await asyncRequest.list(this.parmValue);
-              if (res && res.code === 0 && res.data) {
-                this.tableData = res.data.list;
-                this.pageInfo.total = Number(res.data.count);
-              } else if (res && res.code >= 100 && res.code <= 104) {
-                await this.logout();
-              } else {
-                this.tableData = [];
-                this.pageInfo.total = 0;
-              }
-              this.loading = false;
-            }
-          })
-          .catch((err) => {
-            console.log(err);
-            this.loading = false;
-          });
-      }
-    },
-    /**
-     * 批量导出开票信息
-     */
-    async Export() {
-      if (!this.loading) {
-        this.timeVerification().then(async (r) => {
-          if (!r.ok) {
-            this.$message.warning(r.msg);
-          } else {
-            this.loading = true;
-            let url = "Admin/downreportcw";
-            let httpType = `aplication/zip`;
-            let title1 =
-              this.parmValue.qrd_start !== ""
-                ? `确认单下单时间${this.parmValue.qrd_start}至${this.parmValue.qrd_end}`
-                : "";
-            let title2 =
-              this.parmValue.hk_start !== ""
-                ? `回款时间${this.parmValue.hk_start}至${this.parmValue.hk_end}`
-                : "";
-            axios({
-              method: "post",
-              url: baseApi + url,
-              responseType: "blob",
-              data: this.parmValue,
-              headers: {
-                Accept: httpType,
-              },
-            })
-              .then((res) => {
-                if (res && res.status == 200 && res.data) {
-                  let blob = new Blob([res.data], {
-                    type: httpType,
-                  });
-                  let url = window.URL.createObjectURL(blob);
-                  let aLink = document.createElement("a");
-                  aLink.style.display = "none";
-                  aLink.href = url;
-                  aLink.setAttribute(
-                    "download",
-                    `提成数据报表${
-                      this.parmValue.qrd_start !== "" &&
-                      this.parmValue.hk_start !== ""
-                        ? title1 + "&&" + title2
-                        : this.parmValue.qrd_start !== ""
-                        ? title1
-                        : title2
-                    }.zip`
-                  );
-                  document.body.appendChild(aLink);
-                  aLink.click();
-                  document.body.removeChild(aLink); //下载完成移除元素
-                  window.URL.revokeObjectURL(url); //释放掉blob对象
-                  this.$message.success(title + `信息导出成功！`);
-                  setTimeout(() => {
-                    this.loading = false;
-                  }, 500);
-                } else {
-                  this.$message.error(res.data.message);
-                  setTimeout(() => {
-                    this.loading = false;
-                  }, 500);
-                }
-              })
-              .catch((error) => {
-                console.log(error);
-                this.loading = false;
-              });
-          }
-        });
-      }
-    },
-  },
+  mounted() {},
+  methods: {},
 };
 </script>
 <style lang="scss">
@@ -448,8 +64,9 @@ html {
       height: 100% !important;
     }
     .commission {
-      padding: 8px 16px !important;
+      padding: 16px 16px !important;
       box-sizing: border-box !important;
+      height: 100%;
     }
     .fr {
       float: right !important;

src/components/PeriodDatePicker.vue

@@ -7,7 +7,7 @@
       type="date"
       :size="size"
       :style="{ width: width }"
-      placeholder="开始日期"
+      :placeholder="(placeholder || '') + '开始日期'"
       value-format="yyyy-MM-dd"
       :picker-options="pickerOptions1"
       :editable="false"
@@ -23,7 +23,7 @@
       class="date-picker"
       :style="{ width: width }"
       type="date"
-      placeholder="结束日期"
+      :placeholder="(placeholder || '') + '结束日期'"
       :disabled="isEdit"
       :picker-options="pickerOptions2"
       :editable="false"
@@ -39,7 +39,7 @@
 // timeReturned 返回值{startTime: Number,endTime: Number}
 export default {
   name: "PeriodDatePicker",
-  props: ["start", "end", "disabled", "size", "width"],
+  props: ["start", "end", "disabled", "size", "width", "placeholder"],
   data() {
     return {
       startTime: this.start,

src/config/env.development.js

@@ -1,7 +1,8 @@
 // 本地
 module.exports = {
   title: '业绩达成报表',
-  baseApi: 'http://inv.sit.wanyuhengtong.com/',
+  baseApi: 'http://finance.sitw.wanyuhengtong.com/',
+  baseApi2: 'http://inv.sitw.wanyuhengtong.com/',
   fileURL: `https://api2.edusit.zretchome.com`,
   appId: 'wx5ac3a2c2d72b6f26',
   ding: {

src/config/env.production.js

@@ -2,6 +2,7 @@
 module.exports = {
   title: '业绩达成报表',
   baseApi: 'http://finance.sitw.wanyuhengtong.com/',
+  baseApi2: 'http://inv.sitw.wanyuhengtong.com/',
   fileURL: `https://api2.edu.futurelab.tv`,
   appId: 'wx5ac3a2c2d72b6f26',
   ding: {

src/config/env.staging.js

@@ -1,13 +1,14 @@
 // 测试环境
 module.exports = {
   title: '业绩达成报表',
-  baseApi: 'http://inv.sit.wanyuhengtong.com/',
+  baseApi: 'http://finance.sitw.wanyuhengtong.com/',
+  baseApi2: 'http://inv.sitw.wanyuhengtong.com/',
   fileURL: `https://api2.edusit.zretchome.com`,
   appId: 'wx5ac3a2c2d72b6f26',
-  ding:{
-     //企业id
-     CorpId: "dingc78fa4301e1a424a35c2f4657eb6378f",
-     //应用凭证
-     AgentId:"1184953963"
+  ding: {
+    //企业id
+    CorpId: "dingc78fa4301e1a424a35c2f4657eb6378f",
+    //应用凭证
+    AgentId: "1184953963"
   }
 }

src/views/achievementTable.vue

@@ -0,0 +1,315 @@
+<template>
+  <ex-table
+    v-loading="loading"
+    :table="table"
+    :data="tableData"
+    :columns="columns"
+    :page="pageInfo"
+    :size="size"
+    @page-curr-change="handlePageChange"
+    @page-size-change="handleSizeChange"
+    @screen-reset="
+      pageInfo.curr = 1;
+      parmValue.page = 1;
+      searchList();
+    "
+    @screen-submit="
+      pageInfo.curr = 1;
+      parmValue.page = 1;
+      searchList();
+    "
+  >
+    <template #table-header="{}">
+      <div style="width: 100%">
+        <el-row>
+          <el-col :span="24" style="padding: 0 0 0 0">
+            <el-col :span="8" style="width: 824px">
+              <el-form :inline="true" :size="searchSize">
+                <el-form-item style="margin: 0">
+                  <period-date-picker
+                    :start="parmValue.qrd_start"
+                    :end="parmValue.qrd_end"
+                    :type="1"
+                    :width="'145px'"
+                    :placeholder="'下单'"
+                    :size="searchSize"
+                    @timeReturned="timeReturned1($event)"
+                  />
+                </el-form-item>
+                <el-form-item style="margin: 0 0 0 10px">
+                  <period-date-picker
+                    :start="parmValue.start"
+                    :end="parmValue.end"
+                    :type="1"
+                    :placeholder="'回款'"
+                    :width="'145px'"
+                    :size="searchSize"
+                    @timeReturned="timeReturned2($event)"
+                  />
+                </el-form-item>
+              </el-form>
+            </el-col>
+
+            <el-col :span="4" class="fr" style="width: 300px">
+              <el-button
+                type="primary"
+                class="fr ml10"
+                icon="el-icon-download"
+                :size="searchSize"
+                @click="Export()"
+                >导出</el-button
+              >
+              <el-button
+                :size="searchSize"
+                type="primary"
+                class="fr ml10"
+                @click="searchList"
+              >
+                刷新
+              </el-button>
+
+              <el-button
+                type="warning"
+                class="fr ml10"
+                :size="searchSize"
+                @click="restSearch"
+              >
+                重置
+              </el-button>
+              <el-button
+                :size="searchSize"
+                type="primary"
+                class="fr"
+                icon="el-icon-search"
+                @click="searchList"
+              />
+            </el-col>
+          </el-col>
+        </el-row>
+      </div>
+    </template>
+  </ex-table>
+</template>
+
+<script>
+import asyncRequest from "@/api/index";
+import setHeight from "@/mixins/index";
+import mixinPage from "@/mixins/elPaginationHandle";
+import { baseApi } from "@/config";
+import columns from "./columns.js";
+export default {
+  name: "achievementTable",
+  mixins: [mixinPage, setHeight],
+
+  data() {
+    return {
+      name: "时间区间",
+      searchSize: "small",
+      size: "mini",
+      contector: "",
+      loading: false,
+      showModel: false,
+      isDetail: false,
+      modelId: 0,
+      parmValue: {
+        qrd_start: "",
+        qrd_end: "",
+        hk_start: "",
+        hk_end: "",
+        page: 1, // 页码
+        size: 15, // 每页显示条数
+      },
+      // 表格 - 数据
+      tableData: [],
+      // 表格 - 参数
+      table: {
+        stripe: true,
+        border: true,
+        // _defaultHeader_: ["setcol"],
+      },
+      // 表格 - 分页
+      pageInfo: {
+        size: 15,
+        curr: 1,
+        total: 0,
+      },
+      // 表格 - 列参数
+      columns: columns,
+    };
+  },
+  mounted() {
+    this.searchList();
+  },
+  methods: {
+    async timeReturned1(e) {
+      if (e.startTime !== "") {
+        this.parmValue.qrd_start = e.startTime;
+      } else {
+        this.parmValue.qrd_start = "";
+      }
+      if (e.endTime !== "") {
+        this.parmValue.qrd_end = e.endTime;
+      } else {
+        this.parmValue.qrd_end = "";
+      }
+    },
+    async timeReturned2(e) {
+      if (e.startTime !== "") {
+        this.parmValue.hk_start = e.startTime;
+      } else {
+        this.parmValue.hk_start = "";
+      }
+      if (e.endTime !== "") {
+        this.parmValue.hk_end = e.endTime;
+      } else {
+        this.parmValue.hk_end = "";
+      }
+    },
+    restSearch() {
+      // 表格 - 分页
+      this.pageInfo = {
+        size: 15,
+        curr: 1,
+        total: 0,
+      };
+      this.parmValue = {
+        qrd_start: "",
+        qrd_end: "",
+        hk_start: "",
+        hk_end: "",
+        page: 1, // 页码
+        size: 15, // 每页显示条数
+      };
+      this.searchList();
+    },
+
+    async timeVerification() {
+      return new Promise(async (resolve, reject) => {
+        if (
+          this.parmValue.qrd_start === "" &&
+          this.parmValue.qrd_end === "" &&
+          this.parmValue.hk_start === "" &&
+          this.parmValue.hk_end === ""
+        ) {
+          resolve({ ok: false, msg: "请选择时间区间！" });
+        } else if (
+          (this.parmValue.qrd_start === "" && this.parmValue.qrd_end !== "") ||
+          (this.parmValue.qrd_start !== "" && this.parmValue.qrd_end === "")
+        ) {
+          resolve({ ok: false, msg: "确认单下单时间区间不完整！" });
+        } else if (
+          (this.parmValue.hk_start === "" && this.parmValue.hk_end !== "") ||
+          (this.parmValue.hk_start !== "" && this.parmValue.hk_end === "")
+        ) {
+          resolve({ ok: false, msg: "确认单下单时间区间不完整！" });
+        } else {
+          resolve({ ok: true, msg: "ok" });
+        }
+      });
+    },
+    // 刷新表格
+    async searchList() {
+      if (!this.loading) {
+        this.timeVerification()
+          .then(async (r) => {
+            if (!r.ok) {
+              this.$message.warning(r.msg);
+            } else {
+              this.loading = true;
+              const res = await asyncRequest.list(this.parmValue);
+              if (res && res.code === 0 && res.data) {
+                this.tableData = res.data.list;
+                this.pageInfo.total = Number(res.data.count);
+              } else if (res && res.code >= 100 && res.code <= 104) {
+                await this.logout();
+              } else {
+                this.tableData = [];
+                this.pageInfo.total = 0;
+              }
+              this.loading = false;
+            }
+          })
+          .catch((err) => {
+            console.log(err);
+            this.loading = false;
+          });
+      }
+    },
+    /**
+     * 批量导出开票信息
+     */
+    async Export() {
+      if (!this.loading) {
+        this.timeVerification().then(async (r) => {
+          if (!r.ok) {
+            this.$message.warning(r.msg);
+          } else {
+            this.loading = true;
+            let url = "Admin/downreportcw";
+            let httpType = `aplication/zip`;
+            let title1 =
+              this.parmValue.qrd_start !== ""
+                ? `确认单下单时间${this.parmValue.qrd_start}至${this.parmValue.qrd_end}`
+                : "";
+            let title2 =
+              this.parmValue.hk_start !== ""
+                ? `回款时间${this.parmValue.hk_start}至${this.parmValue.hk_end}`
+                : "";
+            axios({
+              method: "post",
+              url: baseApi + url,
+              responseType: "blob",
+              data: this.parmValue,
+              headers: {
+                Accept: httpType,
+              },
+            })
+              .then((res) => {
+                if (res && res.status == 200 && res.data) {
+                  let blob = new Blob([res.data], {
+                    type: httpType,
+                  });
+                  let url = window.URL.createObjectURL(blob);
+                  let aLink = document.createElement("a");
+                  aLink.style.display = "none";
+                  aLink.href = url;
+                  aLink.setAttribute(
+                    "download",
+                    `提成数据报表${
+                      this.parmValue.qrd_start !== "" &&
+                      this.parmValue.hk_start !== ""
+                        ? title1 + "&&" + title2
+                        : this.parmValue.qrd_start !== ""
+                        ? title1
+                        : title2
+                    }.zip`
+                  );
+                  document.body.appendChild(aLink);
+                  aLink.click();
+                  document.body.removeChild(aLink); //下载完成移除元素
+                  window.URL.revokeObjectURL(url); //释放掉blob对象
+                  this.$message.success(title + `信息导出成功！`);
+                  setTimeout(() => {
+                    this.loading = false;
+                  }, 500);
+                } else {
+                  this.$message.error(res.data.message);
+                  setTimeout(() => {
+                    this.loading = false;
+                  }, 500);
+                }
+              })
+              .catch((error) => {
+                console.log(error);
+                this.loading = false;
+              });
+          }
+        });
+      }
+    },
+  },
+};
+</script>
+
+<style>
+</style>

src/views/columns.js

@@ -0,0 +1,100 @@
+const columns = [
+  {
+    prop: "supperinfo",
+    label: "公司名称",
+    fixed: "left",
+    "min-width": "150",
+  },
+  {
+    prop: "sale_name",
+    label: "销售人员",
+    width: "70",
+  },
+  {
+    prop: "depart",
+    label: "部门",
+    width: "65",
+  },
+  {
+    prop: "qrd_type",
+    label: "订单类型",
+    width: "85",
+  },
+  {
+    prop: "qrdNo",
+    label: "广源订单号码",
+    width: "138",
+  },
+
+  {
+    prop: "cgdNo",
+    label: "采购单编号",
+    width: "138",
+  },
+
+  {
+    prop: "khzzxz",
+    label: "客户属性",
+    "min-width": "90",
+  },
+
+  {
+    prop: "khcomp",
+    label: "所属分公司",
+    "min-width": "90",
+  },
+
+  {
+    prop: "companyName",
+    label: "客户名称",
+    "min-width": "150",
+  },
+  {
+    prop: "product_name",
+    label: "产品名称",
+    "min-width": "140",
+  },
+  {
+    prop: "cat_f",
+    label: "一级分类",
+    "min-width": "90",
+  },
+  {
+    prop: "sale_price",
+    label: "销售单价",
+    "min-width": "90",
+  },
+  {
+    prop: "order_num",
+    label: "销售数量",
+    "min-width": "90",
+  },
+
+  {
+    prop: "sale_total",
+    label: "销售总额",
+    "min-width": "90",
+  },
+  {
+    prop: "ordertime",
+    label: "确认单下单时间",
+    width: "145",
+  },
+  {
+    prop: "addtime",
+    label: "回款日期",
+    width: "145",
+  },
+  {
+    prop: "fund_fee",
+    label: "回款金额",
+    "min-width": "140",
+  },
+
+  {
+    prop: "pay_day",
+    label: "账期",
+    "min-width": "90",
+  },
+]
+export default columns;

src/views/meritsTable.vue

@@ -0,0 +1,157 @@
+<template>
+  <el-row>
+    <el-col :span="8" style="width: 824px">
+      <period-date-picker
+        :start="parmValue.start"
+        :end="parmValue.end"
+        :type="1"
+        :width="'145px'"
+        :placeholder="'下单'"
+        :size="searchSize"
+        @timeReturned="timeReturned($event)"
+      />
+    </el-col>
+
+    <el-col :span="4" class="fr" style="width: 300px">
+      <el-button
+        type="primary"
+        class="fr ml10"
+        icon="el-icon-download"
+        :size="searchSize"
+        @click="Export()"
+        >导出</el-button
+      >
+
+      <el-button
+        type="warning"
+        class="fr ml10"
+        :size="searchSize"
+        @click="restSearch"
+      >
+        重置
+      </el-button>
+    </el-col>
+  </el-row>
+</template>
+
+<script>
+import asyncRequest from "@/api/index";
+import setHeight from "@/mixins/index";
+import mixinPage from "@/mixins/elPaginationHandle";
+import { baseApi2 } from "@/config";
+
+export default {
+  name: "meritsTable",
+  mixins: [mixinPage, setHeight],
+
+  data() {
+    return {
+      name: "时间区间",
+      searchSize: "small",
+      size: "mini",
+      loading: false,
+      parmValue: {
+        start: "",
+        end: "",
+      },
+    };
+  },
+  methods: {
+    async timeReturned(e) {
+      if (e.startTime !== "") {
+        this.parmValue.start = e.startTime;
+      } else {
+        this.parmValue.start = "";
+      }
+      if (e.endTime !== "") {
+        this.parmValue.end = e.endTime;
+      } else {
+        this.parmValue.end = "";
+      }
+    },
+
+    restSearch() {
+      this.parmValue = {
+        start: "",
+        end: "",
+      };
+    },
+
+    async timeVerification() {
+      return new Promise(async (resolve, reject) => {
+        if (this.parmValue.start === "" && this.parmValue.end === "") {
+          resolve({ ok: false, msg: "请选择时间区间！" });
+        } else if (
+          (this.parmValue.start === "" && this.parmValue.end !== "") ||
+          (this.parmValue.start !== "" && this.parmValue.end === "")
+        ) {
+          resolve({ ok: false, msg: "下单时间区间不完整！" });
+        } else {
+          resolve({ ok: true, msg: "ok" });
+        }
+      });
+    },
+    /**
+     * 批量导出开票信息
+     */
+    async Export() {
+      if (!this.loading) {
+        this.timeVerification().then(async (r) => {
+          if (!r.ok) {
+            this.$message.warning(r.msg);
+          } else {
+            this.loading = true;
+            let url = "jxreport";
+            let httpType = `aplication/zip`;
+            let title =
+              this.parmValue.start !== ""
+                ? `下单时间${this.parmValue.start}至${this.parmValue.end}`
+                : "";
+            axios({
+              method: "post",
+              url: baseApi2 + url,
+              responseType: "blob",
+              data: this.parmValue,
+              headers: {
+                Accept: httpType,
+              },
+            })
+              .then((res) => {
+                if (res && res.status == 200 && res.data) {
+                  let blob = new Blob([res.data], {
+                    type: httpType,
+                  });
+                  let url = window.URL.createObjectURL(blob);
+                  let aLink = document.createElement("a");
+                  aLink.style.display = "none";
+                  aLink.href = url;
+                  aLink.setAttribute("download", `提成数据报表${title}.zip`);
+                  document.body.appendChild(aLink);
+                  aLink.click();
+                  document.body.removeChild(aLink); //下载完成移除元素
+                  window.URL.revokeObjectURL(url); //释放掉blob对象
+                  this.$message.success(`${title}信息导出成功！`);
+                  setTimeout(() => {
+                    this.loading = false;
+                  }, 500);
+                } else {
+                  this.$message.error(res.data.message);
+                  setTimeout(() => {
+                    this.loading = false;
+                  }, 500);
+                }
+              })
+              .catch((error) => {
+                console.log(error);
+                this.loading = false;
+              });
+          }
+        });
+      }
+    },
+  },
+};
+</script>
+
+<style>
+</style>