新增采销平台报表

src/App.vue

@@ -2,6 +2,18 @@
   <div id="app" v-cloak>
     <div class="commission pagePadding">
       <el-tabs type="border-card" v-model="tabPosition" style="height: 100%">
+         <el-tab-pane label="[采销]业绩达成报表(销售)" name="5">
+          <achievement-table-new />
+        </el-tab-pane>
+        <el-tab-pane label="[采销]确认单绩效报表" name="6">
+          <merits-table-new />
+        </el-tab-pane>
+        <el-tab-pane label="[采销]确认单绩效退款报表" name="7">
+          <merits-return-table-new />
+        </el-tab-pane>
+        <el-tab-pane label="[采销]采购单发货数据" name="8">
+          <po-shipment-table-new />
+        </el-tab-pane>
         <el-tab-pane label="业绩达成报表(销售)" name="1">
           <achievement-table />
         </el-tab-pane>
@@ -23,7 +35,10 @@ import achievementTable from "@/views/achievementTable";
 import meritsTable from "@/views/meritsTable";
 import meritsReturnTable from "@/views/meritsReturnTable";
 import poShipmentTable from "@/views/poShipmentTable";
-
+import achievementTableNew from "@/views/achievementTableNew";
+import meritsTableNew from "@/views/meritsTableNew";
+import meritsReturnTableNew from "@/views/meritsReturnTableNew";
+import poShipmentTableNew from "@/views/poShipmentTableNew";
 export default {
   name: "commission",
   components: {
@@ -31,10 +46,14 @@ export default {
     meritsTable,
     meritsReturnTable,
     poShipmentTable,
+   achievementTableNew,
+   meritsTableNew,
+   meritsReturnTableNew,
+   poShipmentTableNew
   },
   data() {
     return {
-      tabPosition: "1",
+      tabPosition: "5",
     };
   },
   mounted() {},

src/api/index.js

@@ -1,7 +1,8 @@
 // 物业管理员
 import http from '@/api/axios'
-const api = 'Admin/'
+const url = '/cwlist'
 export default {
     // 销售统计
-    list: (data, params) => http(api + 'cwlist', data, 'post', params),
+    list: (data, params) => http('Admin'+url, data, 'post', params),
+    listNew: (data, params) => http('Admincx'+url, data, 'post', params),
 }

src/views/achievementTableNew.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.listNew(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 = "Admincx/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/meritsReturnTable.vue

@@ -35,7 +35,7 @@
 </template>
 
 <script>
-import { baseApi2 } from "@/config";
+import { baseApi } from "@/config";
 
 export default {
   name: "meritsTable",
@@ -96,7 +96,7 @@ export default {
             this.$message.warning(r.msg);
           } else {
             this.loading = true;
-            let url = "jxthreport";
+            let url = "Admin/jxthreport";
             let httpType = `aplication/zip`;
             let title =
               this.parmValue.start !== ""
@@ -104,7 +104,7 @@ export default {
                 : "";
             axios({
               method: "post",
-              url: baseApi2 + url,
+              url: baseApi + url,
               responseType: "blob",
               data: this.parmValue,
               headers: {

src/views/meritsReturnTableNew.vue

@@ -0,0 +1,152 @@
+<template>
+  <el-row v-loading="loading">
+    <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 { baseApi } from "@/config";
+
+export default {
+  name: "meritsTable",
+
+  data() {
+    return {
+      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 = "Admincx/jxthreport";
+            let httpType = `aplication/zip`;
+            let title =
+              this.parmValue.start !== ""
+                ? `退款时间${this.parmValue.start}至${this.parmValue.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", `确认单绩效${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>

src/views/meritsTable.vue

@@ -35,7 +35,7 @@
 </template>
 
 <script>
-import { baseApi2 } from "@/config";
+import { baseApi } from "@/config";
 
 export default {
   name: "meritsTable",
@@ -96,7 +96,7 @@ export default {
             this.$message.warning(r.msg);
           } else {
             this.loading = true;
-            let url = "jxreport";
+            let url = "Admin/jxreport";
             let httpType = `aplication/zip`;
             let title =
               this.parmValue.start !== ""
@@ -104,7 +104,7 @@ export default {
                 : "";
             axios({
               method: "post",
-              url: baseApi2 + url,
+              url: baseApi + url,
               responseType: "blob",
               data: this.parmValue,
               headers: {

src/views/meritsTableNew.vue

@@ -0,0 +1,152 @@
+<template>
+  <el-row v-loading="loading">
+    <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 { baseApi } from "@/config";
+
+export default {
+  name: "meritsTable",
+
+  data() {
+    return {
+      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 = "Admincx/jxreport";
+            let httpType = `aplication/zip`;
+            let title =
+              this.parmValue.start !== ""
+                ? `下单时间${this.parmValue.start}至${this.parmValue.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", `提成数据报表${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>

src/views/poShipmentTable.vue

@@ -35,7 +35,7 @@
 </template>
 
 <script>
-import { baseApi2 } from "@/config";
+import { baseApi } from "@/config";
 
 export default {
   name: "poShipmentTable ",
@@ -96,7 +96,7 @@ export default {
             this.$message.warning(r.msg);
           } else {
             this.loading = true;
-            let url = "fhreport";
+            let url = "Admin/fhreport";
             let httpType = `aplication/zip`;
             let title =
               this.parmValue.start !== ""
@@ -104,7 +104,7 @@ export default {
                 : "";
             axios({
               method: "post",
-              url: baseApi2 + url,
+              url: baseApi + url,
               responseType: "blob",
               data: this.parmValue,
               headers: {

src/views/poShipmentTableNew.vue

@@ -0,0 +1,152 @@
+<template>
+  <el-row v-loading="loading">
+    <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 { baseApi } from "@/config";
+
+export default {
+  name: "poShipmentTable ",
+
+  data() {
+    return {
+      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 = "Admincx/fhreport";
+            let httpType = `aplication/zip`;
+            let title =
+              this.parmValue.start !== ""
+                ? `采购单发货数据时间${this.parmValue.start}至${this.parmValue.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", `${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>