feat:数据报表

src/assets/js/btnList.js

@@ -95,7 +95,12 @@ const btnList = [
   { code: "094", name: "设置订单用途"},
   { code: "095", name: "设置是否合规" },
   { code: '096',name: '设置平台' },
-  { code: '097',name: '设置部门' }
+  { code: '097',name: '设置部门' },
+  // { code: '098',name: '采购单情况表' },
+  // { code: '099',name: '竞价单反馈情况表' },
+  // { code: '100',name: '当日库存销售情况表' },
+  // { code: '101',name: '待库管发货' },
+  // { code: '102',name: '无地址订单' }
 ];
-
+// 数据报表
 export default btnList;

src/views/dataReport/columns.js

@@ -0,0 +1,462 @@
+const table2 = [
+  // {
+  //   type: "selection",
+  //   fixed: "left",
+  //   _noset_: true
+  // },
+  {
+    prop: 'skuCode',
+    label: '商品上线编号',
+    minWidth: '155px'
+  },
+  {
+    prop: 'spuCode',
+    label: '商品成本编号',
+    minWidth: '155px'
+  },
+  {
+    prop: 'plat_code',
+    label: '平台商品编码',
+    minWidth: '155px'
+  },
+
+  {
+    prop: 'good_name',
+    label: '商品名称',
+    minWidth: '155px'
+  },
+  {
+    prop: 'platform_name',
+    label: '上线平台',
+    minWidth: '155px'
+  },
+  {
+    prop: 'online_time',
+    label: '上线完成时间',
+    minWidth: '145px'
+  },
+  {
+    prop: 'moq',
+    label: '起订量',
+    minWidth: '110'
+  },
+  {
+    prop: 'nake_fee',
+    label: '成本单价',
+    minWidth: '110px'
+  },
+  {
+    prop: 'cost_fee',
+    label: '工艺费',
+    minWidth: '110px'
+  },
+  {
+    prop: 'delivery_fee',
+    label: '物流费',
+    minWidth: '110px'
+  },
+  {
+    prop: 'cert_fee',
+    label: '证书费',
+    minWidth: '110px'
+  },
+  {
+    prop: 'mark_fee',
+    label: '加标费',
+    minWidth: '110px'
+  },
+  {
+    prop: 'packing_fee',
+    label: '包装费',
+    minWidth: '110px'
+  },
+  {
+    prop: 'other_fee',
+    label: '其他费用',
+    minWidth: '110px'
+  },
+  {
+    prop: 'nake_total',
+    label: '成本合计',
+    minWidth: '110px'
+  },
+  {
+    prop: 'addtime',
+    label: '申请上线时间',
+    minWidth: '145px'
+  }
+]
+
+const table3 = [
+  // {
+  //   type: 'selection',
+  //   fixed: 'left',
+  //   _noset_: true
+  // },
+  {
+    prop: 'good_code',
+    label: '产品编码',
+    minWidth: '155px'
+  },
+  {
+    prop: 'good_name',
+    label: '产品名称',
+    minWidth: '155px'
+  },
+  {
+    prop: 'good_num',
+    label: '当日库存销售'
+  },
+  {
+    prop: 'send_num',
+    label: '当日库存发货',
+    minWidth: '100px'
+  },
+  {
+    prop: 'stock_num',
+    label: '当日剩余可用库存',
+    minWidth: '90px'
+  },
+  {
+    prop: 'supplierName',
+    label: '业务公司名称',
+    width: '190px'
+  },
+  {
+    prop: 'good_price',
+    label: '库存采购单'
+  },
+  {
+    prop: 'total_fee',
+    label: '当前库存消耗金额',
+    minWidth: '90px'
+  }
+]
+
+const table4 = [
+  {
+    prop: 'outCode',
+    label: '发货单编号',
+    minWidth: '155px'
+  },
+  {
+    prop: 'orderCode',
+    label: '销售订单编号',
+    minWidth: '155px'
+  },
+  {
+    prop: 'is_supplier',
+    label: '供应商端'
+  },
+  {
+    prop: 'status',
+    label: '状态',
+    _slot_: 'status',
+    width: '110px'
+  },
+  {
+    prop: 'order_type',
+    label: '商品类型',
+    _slot_: 'order_type'
+  },
+  {
+    prop: 'order_source',
+    label: '订单来源',
+    _slot_: 'order_source'
+  },
+  {
+    prop: 'num',
+    label: '发货数量'
+  },
+  {
+    prop: 'wsm_code',
+    label: '仓库编号',
+    width: '160px'
+  },
+  {
+    prop: 'name',
+    label: '仓库名称',
+    width: '160px'
+  },
+  {
+    prop: 'spuCode',
+    label: '商品成本编码',
+    width: '160px'
+  },
+  {
+    prop: 'skuCode',
+    label: '商品上线编码',
+    width: '160px'
+  }, {
+    prop: 'good_name',
+    label: '商品名称',
+    width: '160px'
+  }, {
+    prop: 'companyNo',
+    label: '业务公司编码',
+    width: '160px'
+  }, {
+    prop: 'companyName',
+    label: '业务公司名称',
+    width: '160px'
+  }, {
+    prop: 'customer_code',
+    label: '客户编码',
+    width: '160px'
+  }, {
+    prop: 'customer_name',
+    label: '客户名称',
+    width: '160px'
+  }, {
+    prop: 'supplierNo',
+    label: '供应商编码',
+    width: '160px'
+  }, {
+    prop: 'supplierName',
+    label: '供应商名称',
+    width: '160px'
+  }, {
+    prop: 'addtime',
+    label: '下单时间',
+    width: '110px'
+  },
+  {
+    prop: 'platform_type',
+    label: '对接类型',
+    _slot_: 'platform_type'
+  }, {
+    prop: 'post_name',
+    label: '物流公司'
+  }, {
+    prop: 'post_fee',
+    label: '物流费用'
+  }, {
+    prop: 'addr',
+    label: '收货地址'
+  }, {
+    prop: 'addr_contactor',
+    label: '收货联系人',
+    width: '90px'
+  }, {
+    prop: 'addr_mobile',
+    label: '联系方式'
+  }, {
+    prop: 'cgdNo',
+    label: '采购单号'
+  }, {
+    prop: 'remark',
+    label: '备注'
+  }, {
+    prop: 'report_sx',
+    label: '时效'
+  }, {
+    prop: 'depart',
+    label: '申请人部门',
+    width: '90px'
+  }, {
+    prop: 'person',
+    label: '供应商负责人',
+    width: '95px'
+  }, {
+    prop: 'contactor_name',
+    label: '仓库负责人',
+    width: '90px'
+  }
+]
+
+const table5 = [
+  {
+    prop: 'orderCode',
+    label: '订单编号',
+    minWidth: '155px'
+  },
+  {
+    prop: 'cgdNo',
+    label: '采购单编号',
+    minWidth: '155px'
+  },
+  {
+    prop: 'send_num',
+    label: '发货数量'
+  },
+  {
+    prop: 'platform_type',
+    label: '平台类型',
+    minWidth: '70px'
+  },
+  {
+    prop: 'status',
+    label: '状态',
+    _slot_: 'status',
+    minWidth: '90px'
+  },
+  {
+    prop: 'order_source',
+    label: '订单来源'
+  },
+  {
+    prop: 'order_type',
+    label: '商品类型',
+    width: '100px'
+  },
+  {
+    prop: 'supName',
+    label: '供应商',
+    minWidth: '190px'
+  },
+  {
+    prop: 'cat_name',
+    label: '商品分类',
+    minWidth: '120px'
+  }, {
+    prop: 'good_code',
+    label: '商品编号',
+    minWidth: '160px'
+  }, {
+    prop: 'good_name',
+    label: '商品名称',
+    minWidth: '160px'
+  }, {
+    prop: 'customer_code',
+    label: '客户编码',
+    minWidth: '160px'
+  }, {
+    prop: 'customerName',
+    label: '客户名称',
+    minWidth: '160px'
+  }, {
+    prop: 'supplierNo',
+    label: '业务公司编码',
+    minWidth: '160px'
+  }, {
+    prop: 'supplierName',
+    label: '业务公司名称',
+    minWidth: '160px'
+  }, {
+    prop: 'contactor',
+    label: '联系人',
+    minWidth: '90px'
+  }, {
+    prop: 'mobile',
+    label: '联系电话',
+    minWidth: '110px'
+  }, {
+    prop: 'post_name',
+    label: '物流公司',
+    minWidth: '90px'
+  }, {
+    prop: 'post_code',
+    label: '物流单号',
+    minWidth: '90px'
+  }, {
+    prop: 'post_fee',
+    label: '物流费用',
+    minWidth: '90px'
+  }, {
+    prop: 'send_time',
+    label: '发货时间',
+    minWidth: '90px'
+  }, {
+    prop: 'apply_name',
+    label: '申请人',
+    minWidth: '90px'
+  }, {
+    prop: 'depart',
+    label: '申请人部门',
+    minWidth: '90px'
+  },
+  {
+    prop: 'addtime',
+    label: '添加时间',
+    minWidth: '110px'
+  },
+  {
+    prop: 'createdTime',
+    label: '下单时间',
+    minWidth: '110px'
+  },
+  {
+    prop: 'report_sx',
+    label: '时效',
+    minWidth: '90px'
+  },
+  {
+    prop: 'cgder',
+    label: '供应商负责人',
+    minWidth: '100px'
+  }
+]
+
+const table6 = [
+  {
+    prop: 'orderCode',
+    label: '订单编号',
+    minWidth: '155px'
+  },
+  {
+    prop: 'order_type',
+    label: '商品类型',
+    width: '100px',
+    _slot_: 'order_type'
+  },
+  {
+    prop: 'status',
+    label: '订单状态',
+    width: '110px',
+    _slot_: 'status'
+  },
+
+  {
+    prop: 'good_code',
+    label: '商品成本编号',
+    width: '160px'
+  },
+  {
+    prop: 'skuCode',
+    label: '上线商品编号',
+    width: '155px'
+  },
+  {
+    prop: 'good_name',
+    label: '商品名称',
+    minWidth: '155px'
+  },
+  {
+    prop: 'good_num',
+    label: '购买数量',
+    width: '110px'
+  },
+  {
+    prop: 'send_num',
+    label: '已发数量',
+    width: '110px'
+  },
+  {
+    prop: 'wsend_num',
+    label: '未发数量',
+    width: '110px'
+  },
+  {
+    prop: 'not_addr_address_good_num',
+    label: '无地址数量',
+    width: '110px'
+  },
+
+  {
+    prop: 'nickname',
+    label: '申请人',
+    width: '70px'
+  },
+  {
+    prop: 'name',
+    label: '所属部门',
+    width: '90px'
+  },
+  {
+    prop: 'month',
+    label: '下单月份',
+    width: '90px'
+  }
+]
+
+export { table2, table3, table4, table5, table6 }

src/views/dataReport/period-date-picker-month/index.vue

@@ -0,0 +1,90 @@
+<template>
+  <div class="fl time">
+    <el-date-picker
+      v-model="value"
+      type="month"
+      :size="size"
+      placeholder="选择月"
+      value-format="yyyy-MM"
+      @change="timeChange"
+      :editable="false"
+      :clearable="true"
+      :disabled="isEdit"
+      :picker-options="pickerOptions"
+    >
+    </el-date-picker>
+  </div>
+</template>
+
+<script>
+// 选择时间段(只有日期)组件
+// timeReturned 返回值{startTime: Number,endTime: Number}
+export default {
+  name: "PeriodDatePicker",
+  props: ["month", "disabled", "size", "width", "type", "placeholder", "newTime"],
+  data() {
+    return {
+      value: this.month,
+      isEdit: this.disabled,
+      pickerOptions: {
+        disabledDate: (time) => {
+          return time.getTime() > new Date().valueOf();
+        },
+      },
+    };
+  },
+  watch: {
+    disabled: function (val) {
+      this.isEdit = val;
+    },
+    month: function (val) {
+      this.value = val;
+    },
+    newTime: function (val) {
+      this.timeChange();
+    },
+  },
+  mounted() {},
+  methods: {
+    timeChange() {
+      if (this.value === null) {
+        this.value = "";
+        let model = {
+          startTime: "",
+          endTime: "",
+          value: this.value,
+        };
+        this.$emit("timeReturned", model);
+      } else {
+        let end = "";
+        let time = new Date(this.value);
+        let y = time.getFullYear();
+        let M = time.getMonth() + 1;
+        let timeTemplate = y + "-" + (M < 10 ? "0" + M : M) + "-";
+        if (M + "" === "12") {
+          end = timeTemplate + "31";
+        } else {
+          let M2 = parseInt(M) + 1;
+          let ti2 = y + "-" + (M < 10 ? "0" + M2 : M2) + "-01";
+          let timestamp = new Date(ti2).valueOf() - 1000 * 60 * 60 * 24;
+          let time2 = new Date(timestamp);
+          let D = time2.getDate();
+          end = timeTemplate + (D < 10 ? "0" + D : D);
+        }
+        let model = {
+          startTime: `${this.value}-01`,
+          endTime: end,
+          value: this.value,
+        };
+        this.$emit("timeReturned", model);
+      }
+      console.log(this.value);
+    },
+  },
+};
+</script>
+<style lang="scss">
+.date-picker.el-input {
+  // width: 150px !important;
+}
+</style>

src/views/dataReport/period-date-picker/index.js

@@ -0,0 +1,2 @@
+import Main from './main.vue'
+export default Main

src/views/dataReport/period-date-picker/main.vue

@@ -0,0 +1,147 @@
+<template>
+  <div class="fl time">
+    <el-date-picker
+      v-model="startTime"
+      style="margin: 0"
+      class="date-picker"
+      type="date"
+      :size="size"
+      :style="{ width: width }"
+      :placeholder="(placeholder||'') + '开始日期'"
+      value-format="yyyy-MM-dd"
+      :picker-options="pickerOptions1"
+      :editable="false"
+      :clearable="true"
+      :disabled="isEdit"
+      @change="timeChange"
+    />
+    <samp style="padding: 0 3px; margin: 0">至</samp>
+    <el-date-picker
+      style="margin: 0"
+      :size="size"
+      v-model="endTime"
+      class="date-picker"
+      :style="{ width: width }"
+      type="date"
+      :placeholder="(placeholder||'') + '结束日期'"
+      :disabled="isEdit"
+      :picker-options="pickerOptions2"
+      :editable="false"
+      value-format="yyyy-MM-dd"
+      :clearable="true"
+      @change="timeChange"
+    />
+  </div>
+</template>
+
+<script>
+// 选择时间段(只有日期)组件
+// timeReturned 返回值{startTime: Number,endTime: Number}
+export default {
+  name: "PeriodDatePicker",
+  props: ["start", "end", "disabled", "size", "width", "type", "placeholder"],
+  data() {
+    return {
+      startTime: this.start,
+      endTime: this.end,
+      isEdit: this.disabled,
+      pickerOptions1: {
+        disabledDate: (time) => {
+          if (this.endTime != null && this.endTime != "" && time) {
+            return time.getTime() > new Date(this.endTime).valueOf();
+          }
+        },
+      },
+      pickerOptions2: {
+        disabledDate: (time) => {
+          if (this.startTime != null && this.startTime != "" && time) {
+            return time.getTime() < new Date(this.startTime).valueOf();
+          }
+        },
+      },
+    };
+  },
+  watch: {
+    disabled: function (val) {
+      this.isEdit = val;
+    },
+    start(val) {
+      this.startTime = val;
+    },
+    end(val) {
+      this.endTime = val;
+    },
+  },
+  mounted() {},
+  methods: {
+    timeChange() {
+      if (
+        this.startTime !== "" &&
+        this.startTime !== null &&
+        this.endTime !== "" &&
+        this.endTime !== null
+      ) {
+        if (this.type + "" === "1" && !this.setType(365)) {
+          this.showMessage("时间跨度不能超过一年！");
+          return;
+        } else if (this.type + "" === "2" && !this.setType(90)) {
+          this.showMessage("时间跨度不能超过90天！");
+          return;
+        }else if (this.type + "" === "3" && !this.setType(30)) {
+          this.showMessage("时间跨度不能超过30天！");
+          return;
+        } else if (
+          new Date(this.endTime).valueOf() < new Date(this.startTime).valueOf()
+        ) {
+          this.showMessage("结束时间不大于开始时间！");
+          return;
+        } else {
+          this.timeReturned();
+        }
+      } else {
+        this.timeReturned();
+      }
+    },
+    timeReturned() {
+      let s = this.startTime == null ? "" : this.startTime;
+      let e = this.endTime == null ? "" : this.endTime;
+      let model = {
+        startTime: s == "" ? "" : this.transformTime(s),
+        endTime: e == "" ? "" : this.transformTime(e),
+      };
+
+      this.$emit("timeReturned", model);
+    },
+
+    transformTime(tTime) {
+      let time = new Date(tTime);
+      let y = time.getFullYear();
+      let M = time.getMonth() + 1;
+      let d = time.getDate();
+      return y + "-" + (M < 10 ? "0" + M : M) + "-" + (d < 10 ? "0" + d : d);
+    },
+    showMessage(message) {
+      this.$message.error(message);
+      this.startTime = "";
+      this.endTime = "";
+      this.timeReturned();
+    },
+    setType(days) {
+      let step = 24 * 3600 * 1000;
+      let sDay = new Date(this.startTime).valueOf();
+      let eDay = new Date(this.endTime).valueOf();
+      let isok = true;
+      if (eDay - sDay > step * days) {
+        isok = false;
+      }
+
+      return isok;
+    },
+  },
+};
+</script>
+<style lang="scss">
+.date-picker.el-input {
+  // width: 150px !important;
+}
+</style>

src/views/dataReport/table1.vue

@@ -0,0 +1,333 @@
+<template>
+  <div style="padding:10px">
+    <div v-if="powers.some((i) => i == '001')">
+      <div style="width: 100%">
+          <el-row style="width: 100%;margin-top: 10px;">
+            <el-col :span="6" style="width: 443px;">
+              <periodDatePickerActive
+                :start="parmValue.start_day"
+                :end="parmValue.end_day"
+                picker-type="month"
+                :width="'205px'"
+                :size="searchSize"
+                @timeReturned="time"
+              />
+            </el-col>
+          
+            <el-col :span="4" style="width: 350px">
+              <search-supplier
+                :size="'mini'"
+                :value="parmValue.supplierNo"
+                :disabled="false"
+                :placeholder="'供应商名称'"
+                :names="parmValue.supplierName"
+                :is-detail="true"
+                :no-disabled="true"
+                @searchChange="supplierChange"
+              />
+            </el-col>
+          
+            <el-col :span="4" style="width: 66px; float: right">
+              <el-button
+                type="primary"
+                style="margin-left: 30px"
+                :size="searchSize"
+                class="fr"
+                @click="download"
+              >导出</el-button>
+            </el-col>
+            <el-col :span="3" style="width: 66px; float: right">
+              <el-button
+                :size="searchSize"
+                type="primary"
+                style="float: right; margin-left: 5px"
+                @click="searchList"
+              >刷新</el-button>
+            </el-col>
+            <el-col :span="4" style="width: 66px; float: right">
+              <el-button type="warning" class="fr" :size="searchSize" @click="restSearch">重置</el-button>
+            </el-col>
+          </el-row>
+        </div>
+        <el-table v-loading="loading" size="mini" :data="tableData" border style="margin-top:10px">
+          <el-table-column prop="supplier_name" label="供应商名称" width="180px" show-overflow-tooltip />
+          <el-table-column prop="is_supplier" label="是否开通供应商端" width="120px" />
+          <el-table-column prop="person" label="供应商负责人" width="95px" />
+          <el-table-column prop="total_fee" label="采购订单总金额" width="110px" />
+          <el-table-column prop="total_cgd" label="采购订单总量" width="95px" />
+        
+          <el-table-column label="待与供应商确认" align="center">
+            <el-table-column label="采购订单总金额" prop="dtotal_fee" min-width="105px" />
+            <el-table-column label="采购单数量" prop="dtotal_cgd" min-width="85px" />
+          </el-table-column>
+        
+          <el-table-column label="待入库" align="center">
+            <el-table-column label="采购订单总金额" prop="wtotal_fee" min-width="105px" />
+            <el-table-column label="采购单数量" prop="wtotal_cgd" min-width="85px" />
+          </el-table-column>
+        
+          <el-table-column label="按商品类型统计订单数量" align="center">
+            <el-table-column label="备库商品" prop="tag_1" min-width="85px" />
+            <el-table-column label="非库存商品" prop="tag_2" min-width="105px" />
+            <el-table-column label="采返商品" prop="tag_zx" min-width="85px" />
+          </el-table-column>
+        
+          <el-table-column label="平台类型" align="center">
+            <el-table-column label="ToC平台" prop="tag_c" />
+            <el-table-column label="ToB平台" prop="tag_b" />
+          </el-table-column>
+        </el-table>
+    </div>
+    <div v-else>
+      <no-auth></no-auth>
+    </div>
+  </div>
+</template>
+<script>
+import mixinPage from '@/mixins/elPaginationHandle'
+import resToken from '@/mixins/resToken'
+import urlConfig from '@/apis/url-config'
+import asyncRequest from '@/apis/service/reportQuery/newReport'
+import periodDatePickerActive from './period-date-picker/main.vue'
+import { table1 } from './columns'
+import { mapGetters } from 'vuex'
+import { xs_order_type_options } from '@/assets/js/statusList'
+import * as dayjs from 'dayjs'
+
+export default {
+  name: 'PurchaseOrder',
+  components: {
+    periodDatePickerActive
+  },
+  mixins: [mixinPage, resToken],
+  computed: {
+    ...mapGetters(['tablebtnSize', 'searchSize', 'size']),
+    powers() {
+      const tran =
+        this.$store.getters.btnList.find((i) => i.menu_route == "reportTableOne") || {};
+      const { action } = tran ?? {};
+      return action ?? [];
+    },
+  },
+  data() {
+    return {
+      // 选中数组
+      changeList: [],
+      // 全局url
+      fileUrl: urlConfig.baseURL,
+      // loading
+      loading: false,
+      // 请求参数集合
+      parmValue: {
+        supplierNo: [],
+        supplier_name: '',
+        start_day: dayjs(this.getStartDate()).format('YYYY-MM-DD'), // 起始时间
+        end_day: dayjs(new Date()).format('YYYY-MM-DD') // 结束时间
+      },
+      // 表格 - 数据集合
+      tableData: [],
+      xs_order_type_options,
+      // 表格 - 参数
+      table: {
+        stripe: true,
+        border: true,
+        _defaultHeader_: ['setcol']
+      },
+      // 表格表头 - 列参数
+      table1
+    }
+  },
+  mounted() {
+    this.parmValue.start_day = dayjs().subtract(0, 'day').format('YYYY-MM-DD')
+    this.parmValue.end_day = dayjs().subtract(-1, 'day').format('YYYY-MM-DD')
+    this.searchList()
+  },
+
+  methods: {
+    async supplierChange(e) {
+      const { code, label } = e
+      this.parmValue.supplierNo = code ? [code] : []
+      this.searchList()
+    },
+    // 初始化http请求
+    async searchList() {
+      if (!this.parmValue.start_day || !this.parmValue.end_day) {
+        this.$message.warning('请选择时间区间')
+        this.tableData = []
+        return
+      }
+      if (!this.diffDays(31)) {
+        this.$message.warning('时间区间不能超过31天')
+        return
+      }
+
+      this.loading = true
+      const { code, data, message } = await asyncRequest.pom({
+        ...this.parmValue,
+        supplierNo: Array.isArray(this.parmValue.supplierNo) ? this.parmValue.supplierNo[0] : this.parmValue.supplierNo
+      })
+      if (code === 0) {
+        // const { list, count } = data;
+        this.tableData = data
+      } else if (code >= 100 && code <= 104) {
+        await this.logout()
+      } else {
+        this.tableData = []
+      }
+      this.loading = false
+    },
+    getStartDate() {
+      const myDate = new Date()
+      myDate.setDate(myDate.getDate() - 29)
+      return myDate
+    },
+    diffDays(days) {
+      const step = 24 * 3600 * 1000
+      const sDay = new Date(this.parmValue.start_day).valueOf()
+      const eDay = new Date(this.parmValue.end_day).valueOf()
+      let isok = true
+
+      if (eDay - sDay > step * days) {
+        isok = false
+      }
+
+      return isok
+    },
+
+    // 重置
+    restSearch() {
+      this.parmValue = {
+        supplier_name: '',
+        supplierNo: [],
+        start_day: dayjs().subtract(0, 'day').format('YYYY-MM-DD'),
+        end_day: dayjs().subtract(-1, 'day').format('YYYY-MM-DD'),
+        page: 1, // 页码
+        size: 15 // 每页显示条数
+      }
+
+      this.searchList()
+    },
+    // 选中触发函数
+    selection_change(e) {
+      const { list } = e
+      // 选中的数组集合
+      this.changeList = list.length > 0 ? JSON.parse(JSON.stringify(list)) : []
+    },
+    // 时间函数
+    async time(e) {
+      this.parmValue.start_day = e.startTime || ''
+      this.parmValue.end_day = e.endTime || ''
+      if (
+        (this.parmValue.start_day !== '' && this.parmValue.end_day === '') ||
+        (this.parmValue.start_day === '' && this.parmValue.end_day !== '')
+      ) {
+        this.$message.warning('时间区间不完整！')
+        return
+      }
+
+      if (!this.diffDays(31)) {
+        this.$message.warning('时间区间不能超过31天')
+        return
+      }
+
+      await this.searchList()
+    },
+    // getTimeParam() {
+    //   const { start_day: start, end_day: end } = this.parmValue;
+
+    //   if (!start || !end) {
+    //     return {
+    //       start_day: "",
+    //       end_day: ""
+    //     };
+    //   }
+
+    //   const start_date_chunks = start.split("-");
+    //   const end_date_chunks = end.split("-");
+
+    //   start_date_chunks[2] = "01";
+
+    //   const [year, month] = end_date_chunks;
+    //   const end_last_day = new Date(year, month, 0).getDate();
+    //   end_date_chunks[2] = end_last_day;
+
+    //   return {
+    //     start_day: start_date_chunks.join("-"),
+    //     end_day: end_date_chunks.join("-")
+    //   };
+    // },
+    // 导出文件
+    async download() {
+      if (
+        (this.parmValue.start_day !== '' && this.parmValue.end_day === '') ||
+        (this.parmValue.start_day === '' && this.parmValue.end_day !== '')
+      ) {
+        this.$message.warning('时间区间不完整！')
+        return
+      }
+
+      if (!this.diffDays(31)) {
+        this.$message.warning('时间区间不能超过31天')
+        return
+      }
+
+      const model = JSON.parse(
+        JSON.stringify(this.parmValue)
+      )
+
+      if (!this.loading) {
+        this.loading = true
+        const httpType = `aplication/zip`
+        axios({
+          method: 'post',
+          url: this.fileUrl + 'admin/pome',
+          responseType: 'blob',
+          data: {
+            ...this.parmValue,
+            supplierNo: Array.isArray(this.parmValue.supplierNo) ? this.parmValue.supplierNo[0] : this.parmValue.supplierNo
+          },
+          headers: {
+            Accept: httpType
+          }
+        })
+          .then(res => {
+            if (res && res.status == 200 && res.data) {
+              const url = window.URL.createObjectURL(
+                new Blob([res.data], {
+                  type: httpType
+                })
+              )
+              const link = document.createElement('a')
+              link.style.display = 'none'
+              link.href = url
+              const excelName = '本月供应商采购订单情况.zip'
+              link.setAttribute('download', excelName)
+              document.body.appendChild(link)
+              link.click()
+              link.remove()
+              window.URL.revokeObjectURL(url) // 释放掉blob对象
+              this.$message.success(`导出成功！`)
+              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 lang="scss" scoped>
+.purchaseOrder {
+  // text-align: right;
+}
+</style>

src/views/dataReport/table2.vue

@@ -0,0 +1,265 @@
+<template>
+  <div style="padding:10px">
+    <div v-if="powers.some((i) => i == '001')">
+      <el-row style="margin-top:10px">
+      <el-col :span="6" style="width: 363px;">
+        <periodDatePickerActive
+          :start="parmValue.start_day"
+          :end="parmValue.end_day"
+          :width="'165px'"
+          :size="searchSize"
+          @timeReturned="time"
+        />
+      </el-col>
+
+      <el-col :span="4" style="width: 350px">
+        <search-supplier
+          :size="'mini'"
+          :value="parmValue.supplierNo"
+          :disabled="false"
+          :placeholder="'供应商名称'"
+          :names="parmValue.supplierName"
+          :is-detail="true"
+          :no-disabled="true"
+          @searchChange="supplierChange"
+        />
+      </el-col>
+
+         <el-col :span="4" style="width: 66px; float: right">
+           <el-button type="primary" style="margin-left:30px;" :size="searchSize" class="fr" @click="download">
+             导出
+           </el-button>
+         </el-col>
+         <el-col :span="3" style="width: 66px; float: right">
+           <el-button
+             :size="searchSize"
+             type="primary"
+             style="float: right; margin-left: 5px"
+             @click="searchList"
+           >
+             刷新
+           </el-button>
+         </el-col>
+         <el-col :span="4" style="width: 66px; float: right">
+           <el-button
+             type="warning"
+             class="fr"
+             :size="searchSize"
+             @click="restSearch"
+           >
+             重置
+           </el-button>
+         </el-col>
+        </el-row>
+
+        <el-table v-loading="loading" :data="tableData" size="mini" style="margin-top:10px">
+         <el-table-column label="供应商" align="center">
+           <el-table-column label="供应商名称" prop="supplierName" show-overflow-tooltip />
+           <el-table-column label="是否开通供应商端" width="120px" prop="is_supplier" show-overflow-tooltip />
+           <el-table-column label="负责人" min-width="90px" prop="person" show-overflow-tooltip />
+         </el-table-column>
+
+         <el-table-column label="竞价反馈" align="center">
+           <el-table-column label="反馈单数量" prop="feed_num" show-overflow-tooltip />
+           <el-table-column label="反馈总金额" prop="total_price" show-overflow-tooltip />
+           <el-table-column label="反馈商品总数量" prop="good_num" show-overflow-tooltip />
+         </el-table-column>
+
+         <el-table-column label="平台类型订单总数" align="center">
+           <el-table-column label="Toc平台" prop="toc" show-overflow-tooltip />
+           <el-table-column label="Tob平台" prop="tob" show-overflow-tooltip />
+         </el-table-column>
+        </el-table>
+    </div>
+
+    <div v-else>
+      <no-auth></no-auth>
+    </div>
+  </div>
+</template>
+<script>
+import mixinPage from '@/mixins/elPaginationHandle'
+import resToken from '@/mixins/resToken'
+import urlConfig from '@/apis/url-config'
+import asyncRequest from '@/apis/service/reportQuery/newReport'
+import periodDatePickerActive from './period-date-picker/main.vue'
+import { table2 } from './columns'
+import { mapGetters } from 'vuex'
+import { utils, writeFile } from 'xlsx'
+import dayjs from 'dayjs'
+
+export default {
+  name: 'SaleReport',
+  components: {
+    periodDatePickerActive
+  },
+  mixins: [mixinPage, resToken],
+  computed: {
+    ...mapGetters(['tablebtnSize', 'searchSize', 'size']),
+    powers() {
+      const tran =
+        this.$store.getters.btnList.find((i) => i.menu_route == "reportTableTwo") || {};
+      const { action } = tran ?? {};
+      return action ?? [];
+    }
+  },
+  data() {
+    return {
+    // 选中数组
+      changeList: [],
+      // 全局url
+      fileUrl: urlConfig.baseURL,
+      mapTemplateProperty: {
+        供应商名称: 'supplierName',
+        是否开通供应商端: 'is_supplier',
+        负责人: 'person',
+        反馈单数量: 'feed_num',
+        反馈总金额: 'total_price',
+        反馈商品总数量: 'good_num',
+        Toc平台: 'toc',
+        Tob平台: 'tob'
+      },
+      // loading
+      loading: false,
+      // 请求参数集合
+      parmValue: {
+        supplierNo: '',
+        start_day: '', // 起始时间
+        end_day: '', // 结束时间
+        page: 1, // 页码
+        size: 15 // 每页显示条数
+
+      },
+      // 表格 - 数据集合
+      tableData: [],
+      // 表格 - 参数
+      table: {
+        stripe: true,
+        border: true,
+        _defaultHeader_: ['setcol']
+      },
+      // 表格 - 分页
+      pageInfo: {
+        size: 15,
+        curr: 1,
+        total: 0
+      },
+      // 表格表头 - 列参数
+      table2: table2
+    }
+  },
+  mounted() {
+    this.parmValue.start_day = dayjs().subtract(0, 'day').format('YYYY-MM-DD')
+    this.parmValue.end_day = dayjs().subtract(-1, 'day').format('YYYY-MM-DD')
+    this.searchList()
+  },
+
+  methods: {
+    getDiffDay(date_1, date_2) {
+      // 计算两个日期之间的差值
+      let totalDays, diffDate
+      const myDate_1 = Date.parse(date_1)
+      const myDate_2 = Date.parse(date_2)
+      // 将两个日期都转换为毫秒格式，然后做差
+      diffDate = Math.abs(myDate_1 - myDate_2) // 取相差毫秒数的绝对值
+      totalDays = Math.floor(diffDate / (1000 * 3600 * 24)) // 向下取整
+      return totalDays // 相差的天数
+    },
+    // 初始化http请求
+    async searchList() {
+      if (
+        (this.parmValue.start_day !== '' && this.parmValue.end_day === '') ||
+      (this.parmValue.start_day === '' && this.parmValue.end_day !== '')
+      ) {
+        this.$message.warning('时间区间不完整！')
+        return
+      }
+
+      const diffDays = this.getDiffDay(this.parmValue.start_day, this.parmValue.end_day)
+      if (Math.abs(diffDays) > 31) {
+        return this.$message.warning('数据时间间隔不能超过31天')
+      }
+
+      this.loading = true
+
+      const res = await asyncRequest.fbbs({
+        ...this.parmValue,
+        supplierNo: Array.isArray(this.parmValue.supplierNo) ? this.parmValue.supplierNo[0] : this.parmValue.supplierNo
+      })
+      if (res && res.code === 0 && res.data) {
+        this.tableData = res.data
+      } else if (res && res.code >= 100 && res.code <= 104) {
+        await this.logout()
+      } else {
+        this.$message.warning(res.message)
+        this.tableData = []
+        this.pageInfo.total = 0
+      }
+      this.loading = false
+    },
+
+    // 重置
+    restSearch() {
+      this.parmValue = {
+        start_day: '', // 新建起始时间
+        end_day: '', // 新建结束时间
+        // is_export:0,//是否导出0/1
+        page: 1, // 页码
+        size: 15 // 每页显示条数
+      }
+      this.parmValue.start_day = dayjs().subtract(0, 'day').format('YYYY-MM-DD')
+      this.parmValue.end_day = dayjs().subtract(-1, 'day').format('YYYY-MM-DD')
+      // 表格 - 分页
+      this.pageInfo = {
+        size: 15,
+        curr: 1,
+        total: 0
+      }
+      this.searchList()
+    },
+
+    // 时间函数
+    async time(e) {
+      this.parmValue.start_day = e.startTime || ''
+      this.parmValue.end_day = e.endTime || ''
+      if (
+        (this.parmValue.start_day !== '' && this.parmValue.end_day === '') ||
+      (this.parmValue.start_day === '' && this.parmValue.end_day !== '')
+      ) {
+        this.$message.warning('时间区间不完整！')
+        return
+      }
+      this.pageInfo.curr = 1
+      this.parmValue.page = 1
+      await this.searchList()
+    },
+    async supplierChange(e) {
+      const { code, label } = e
+      this.parmValue.supplierNo = code ? [code] : []
+      this.searchList()
+    },
+    // 导出文件
+    async download() {
+      const template = Object.keys(this.mapTemplateProperty)
+      const data = this.tableData.map(tableItem => template.reduce((prev, currenKey) => ({
+        ...prev,
+        [currenKey]: tableItem[this.mapTemplateProperty[currenKey]]
+      }), {}))
+
+      const workBook = utils.book_new()
+      const workSheet = utils.json_to_sheet(data)
+
+      utils.book_append_sheet(workBook, workSheet, 'sheet')
+
+      writeFile(workBook, '竞价单情况表.xlsx', {
+        bookType: 'xlsx'
+      })
+    }
+  }
+}
+</script>
+ <style lang="scss" scoped>
+.purchaseOrder {
+// text-align: right;
+}
+</style>

src/views/dataReport/table3.vue

@@ -0,0 +1,320 @@
+<template>
+  <div style="padding:10px">
+    <ex-table
+      v-if="powers.some((i) => i == '001')"
+      v-loading="loading"
+      :table="table"
+      :data="tableData"
+      :columns="table3"
+      :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();
+      "
+      @selection="selection_change"
+    >
+      <template #table-header="{}">
+        <div style="width: 100%">
+          <el-row style="padding: 0 0 0 80px">
+
+            <el-col :span="6" style="width: 363px;">
+              <periodDatePickerActive
+                :start="parmValue.start_day"
+                :end="parmValue.end_day"
+                :placeholder="'竞价'"
+                :width="'165px'"
+                :size="searchSize"
+                @timeReturned="time"
+              />
+            </el-col>
+
+            <el-col :span="6">
+              <search-work-company
+                :value="parmValue.companyNo"
+                :placeholder="'业务公司名称'"
+                :disabled="false"
+                :size="'mini'"
+                :no-disabled="true"
+                @searchChange="company_idsearchChange"
+              />
+            </el-col>
+
+            <el-col :span="4" style="width: 66px; float: right">
+              <el-button type="primary" style="margin-left:30px;" :size="searchSize" class="fr" @click="download">
+                导出
+              </el-button>
+            </el-col>
+            <el-col :span="3" style="width: 66px; float: right">
+              <el-button
+                :size="searchSize"
+                type="primary"
+                style="float: right; margin-left: 5px"
+                @click="searchList"
+              >
+                刷新
+              </el-button>
+            </el-col>
+            <el-col :span="4" style="width: 66px; float: right">
+              <el-button
+                type="warning"
+                class="fr"
+                :size="searchSize"
+                @click="restSearch"
+              >
+                重置
+              </el-button>
+            </el-col>
+          </el-row>
+        </div>
+      </template>
+
+    </ex-table>
+
+    <div v-else>
+      <no-auth></no-auth>
+    </div>
+  </div>
+
+</template>
+<script>
+import mixinPage from '@/mixins/elPaginationHandle'
+import resToken from '@/mixins/resToken'
+import urlConfig from '@/apis/url-config'
+import asyncRequest from '@/apis/service/reportQuery/newReport'
+import periodDatePickerActive from './period-date-picker/main.vue'
+import { table3 } from './columns'
+import { mapGetters } from 'vuex'
+import dayjs from 'dayjs'
+
+export default {
+  name: 'SaleReport',
+  components: {
+    periodDatePickerActive
+  },
+  mixins: [mixinPage, resToken],
+  computed: {
+    ...mapGetters(['tablebtnSize', 'searchSize', 'size']),
+    powers() {
+      const tran =
+        this.$store.getters.btnList.find((i) => i.menu_route == "reportTableThree") || {};
+      const { action } = tran ?? {};
+      return action ?? [];
+    }
+  },
+  data() {
+    return {
+    // 选中数组
+      changeList: [],
+      // 全局url
+      fileUrl: urlConfig.baseURL,
+      // loading
+      loading: false,
+      // 请求参数集合
+      parmValue: {
+        companyNo: '',
+        start_day: '', // 起始时间
+        end_day: '', // 结束时间
+        // is_export:0,//是否导出0/1
+
+        page: 1, // 页码
+        size: 15 // 每页显示条数
+
+      },
+      // 表格 - 数据集合
+      tableData: [],
+      // 表格 - 参数
+      table: {
+        stripe: true,
+        border: true,
+        _defaultHeader_: ['setcol']
+      },
+      // 表格 - 分页
+      pageInfo: {
+        size: 15,
+        curr: 1,
+        total: 0
+      },
+      // 表格表头 - 列参数
+      table3: table3
+    }
+  },
+  mounted() {
+    this.parmValue.start_day = dayjs().subtract(0, 'day').format('YYYY-MM-DD')
+    this.parmValue.end_day = dayjs().subtract(-1, 'day').format('YYYY-MM-DD')
+    this.searchList()
+  },
+
+  methods: {
+  // 初始化http请求
+    async searchList() {
+      if (
+        (this.parmValue.start_day !== '' && this.parmValue.end_day === '') ||
+      (this.parmValue.start_day === '' && this.parmValue.end_day !== '')
+      ) {
+        this.$message.warning('时间区间不完整！')
+        return
+      }
+
+      const start_day = new Date(this.parmValue.start_day).valueOf()
+      const end_day = new Date(this.parmValue.end_day).valueOf()
+      const flag = end_day - start_day > 31 * 24 * 60 * 60 * 1000
+
+      if (this.parmValue.start_day != '' && this.parmValue.end_day != '') {
+        if (flag) {
+          this.$message.warning('筛选的时间区间不能超过31天')
+          return
+        }
+      }
+
+      this.loading = true
+
+      const res = await asyncRequest.salestock(this.parmValue)
+      if (res && res.code === 0 && res.data) {
+        this.tableData = res.data.list
+
+        console.log(this.tableData)
+        this.pageInfo.total = Number(res.data.count)
+      } else if (res && res.code >= 100 && res.code <= 104) {
+        await this.logout()
+      } else {
+        this.$message.warning(res.message)
+        this.tableData = []
+        this.pageInfo.total = 0
+      }
+      this.loading = false
+    },
+
+    company_idsearchChange(e) {
+      const { code } = e
+      this.parmValue.companyNo = code || ''
+      this.searchList()
+    },
+
+    // 重置
+    restSearch() {
+      this.parmValue = {
+        companyNo: '',
+        start_day: '', // 新建起始时间
+        end_day: '', // 新建结束时间
+        // is_export:0,//是否导出0/1
+        page: 1, // 页码
+        size: 15 // 每页显示条数
+      }
+      this.parmValue.start_day = dayjs().subtract(0, 'day').format('YYYY-MM-DD')
+      this.parmValue.end_day = dayjs().subtract(-1, 'day').format('YYYY-MM-DD')
+      // 表格 - 分页
+      this.pageInfo = {
+        size: 15,
+        curr: 1,
+        total: 0
+      }
+      this.searchList()
+    },
+
+    // 时间函数
+    async time(e) {
+      this.parmValue.start_day = e.startTime || ''
+      this.parmValue.end_day = e.endTime || ''
+      if (
+        (this.parmValue.start_day !== '' && this.parmValue.end_day === '') ||
+      (this.parmValue.start_day === '' && this.parmValue.end_day !== '')
+      ) {
+        this.$message.warning('时间区间不完整！')
+        return
+      }
+      this.pageInfo.curr = 1
+      this.parmValue.page = 1
+      await this.searchList()
+    },
+
+    // 选中触发函数
+    selection_change(e) {
+      const { list } = e
+      // 选中的数组集合
+      this.changeList = list.length > 0 ? JSON.parse(JSON.stringify(list)) : []
+    },
+    // 导出文件
+    async download() {
+    // if(this.changeList.length<=0){
+    //   this.$message.warning("请选择有效数据")
+    //   return;
+    // }
+      const model = JSON.parse(JSON.stringify(this.parmValue))
+      delete model['page']
+      delete model['size']
+      // model.is_export = 1;
+      const start_day = new Date(this.parmValue.start_day).valueOf()
+      const end_day = new Date(this.parmValue.end_day).valueOf()
+      const flag = end_day - start_day > 31 * 24 * 60 * 60 * 1000
+      if (this.parmValue.start_day != '' && this.parmValue.end_day != '') {
+        if (flag) {
+          this.$message.warning('导出文件的时间区间不能超过31天')
+          return
+        }
+      } else {
+        this.$message.warning('请选择导出文件的时间区间')
+        return
+      }
+      if (!this.loading) {
+        this.loading = true
+        const httpType = `aplication/zip`
+        axios({
+          method: 'post',
+          url: this.fileUrl + 'admin/sse',
+          responseType: 'blob',
+          data: model,
+          headers: {
+            Accept: httpType
+          }
+        })
+          .then((res) => {
+            if (res && res.status == 200 && res.data) {
+              const url = window.URL.createObjectURL(
+                new Blob([res.data], {
+                  type: httpType
+                })
+              )
+              const link = document.createElement('a')
+              link.style.display = 'none'
+              link.href = url
+              const excelName = '单日库存销售情况表.zip'
+              link.setAttribute('download', excelName)
+              document.body.appendChild(link)
+              link.click()
+              link.remove()
+              window.URL.revokeObjectURL(url) // 释放掉blob对象
+              this.$message.success(`导出成功！`)
+              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 lang="scss" scoped>
+.purchaseOrder {
+// text-align: right;
+}
+</style>
+

src/views/dataReport/table4.vue

@@ -0,0 +1,370 @@
+<template>
+  <div style="padding:10px">
+    <ex-table
+       v-if="powers.some((i) => i == '001')"
+      v-loading="loading"
+      :table="table"
+      :data="tableData"
+      :columns="table4"
+      :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();
+      "
+      @selection="selection_change"
+    >
+      <template #table-header="{}">
+        <div style="width: 100%">
+          <el-row style="padding: 0 0 0 80px">
+
+            <el-col :span="6" style="width: 363px;">
+              <periodDatePickerActive
+                :start="parmValue.start_day"
+                :end="parmValue.end_day"
+                :placeholder="'竞价'"
+                :width="'165px'"
+                :size="searchSize"
+                @timeReturned="time"
+              />
+            </el-col>
+
+            <el-col :span="4" style="width: 350px">
+              <search-supplier
+                :size="'mini'"
+                :value="parmValue.supplierNo"
+                :disabled="false"
+                :placeholder="'供应商名称'"
+                :names="parmValue.supplierName"
+                :is-detail="true"
+                :no-disabled="true"
+                @searchChange="supplierChange"
+              />
+            </el-col>
+            <el-col :span="4" style="width: 66px; float: right">
+              <el-button type="primary" style="margin-left:30px;" :size="searchSize" class="fr" @click="download">
+                导出
+              </el-button>
+            </el-col>
+            <el-col :span="3" style="width: 66px; float: right">
+              <el-button
+                :size="searchSize"
+                type="primary"
+                style="float: right; margin-left: 5px"
+                @click="searchList"
+              >
+                刷新
+              </el-button>
+            </el-col>
+            <el-col :span="4" style="width: 66px; float: right">
+              <el-button
+                type="warning"
+                class="fr"
+                :size="searchSize"
+                @click="restSearch"
+              >
+                重置
+              </el-button>
+            </el-col>
+          </el-row>
+
+          <el-row style="margin-top:10px;margin-left:70px">
+            <el-col :span="6" style="margin-left:10px;width:350px">
+              <search-work-company
+                :value="parmValue.companyNo"
+                :placeholder="'业务公司名称'"
+                :disabled="false"
+                :size="'mini'"
+                :no-disabled="true"
+                @searchChange="company_idsearchChange"
+              />
+            </el-col>
+          </el-row>
+        </div>
+      </template>
+
+      <template #order_type="{scope}">
+        {{ xs_order_type_options.find(({id}) => id === String(scope.row.order_type)).label }}
+      </template>
+
+      <template #order_source="{scope}">
+        {{ xs_order_source_options.find(({id}) => id === String(scope.row.order_source)).label }}
+      </template>
+
+      <template #status="{scope}">
+        {{ statusOptions.find(({id}) => id === String(scope.row.status)).label }}
+      </template>
+
+      <template #platform_type="{scope}">
+        {{ String(scope.row.platform_type) === '1' ? 'ToB' : String(scope.row.platform_type) === '2' ? 'ToC' : '--' }}
+      </template>
+    </ex-table>
+
+    <div v-else>
+      <no-auth></no-auth>
+    </div>
+  </div>
+
+</template>
+<script>
+import mixinPage from '@/mixins/elPaginationHandle'
+import resToken from '@/mixins/resToken'
+import urlConfig from '@/apis/url-config'
+import asyncRequest from '@/apis/service/reportQuery/newReport'
+import periodDatePickerActive from './period-date-picker/main.vue'
+import { xs_order_type_options, xs_order_source_options } from '@/assets/js/statusList'
+import { table4 } from './columns'
+import { mapGetters } from 'vuex'
+import dayjs from 'dayjs'
+
+export default {
+  name: 'SaleReport',
+  components: {
+    periodDatePickerActive
+  },
+  mixins: [mixinPage, resToken],
+  computed: {
+    ...mapGetters(['tablebtnSize', 'searchSize', 'size']),
+    powers() {
+      const tran =
+        this.$store.getters.btnList.find((i) => i.menu_route == "reportTableFour") || {};
+      const { action } = tran ?? {};
+      return action ?? [];
+    }
+  },
+  data() {
+    return {
+      xs_order_type_options,
+      xs_order_source_options,
+      // 选中数组
+      changeList: [],
+      // 全局url
+      fileUrl: urlConfig.baseURL,
+      // loading
+      loading: false,
+      // 请求参数集合
+      parmValue: {
+        companyNo: '',
+        supplierNo: '',
+        start_day: '', // 起始时间
+        end_day: '', // 结束时间
+        // is_export:0,//是否导出0/1
+        page: 1, // 页码
+        size: 15 // 每页显示条数
+
+      },
+      statusOptions: [
+        { id: '0', label: '待公司采购' },
+        { id: '1', label: '待库管发货' },
+        { id: '2', label: '已发货待收货' },
+        { id: '3', label: '已收货' },
+        { id: '4', label: '已全部退货' }
+      ],
+      // 表格 - 数据集合
+      tableData: [],
+      // 表格 - 参数
+      table: {
+        stripe: true,
+        border: true,
+        _defaultHeader_: ['setcol']
+      },
+      // 表格 - 分页
+      pageInfo: {
+        size: 15,
+        curr: 1,
+        total: 0
+      },
+      // 表格表头 - 列参数
+      table4: table4
+    }
+  },
+  mounted() {
+    this.parmValue.start_day = dayjs().subtract(0, 'day').format('YYYY-MM-DD')
+    this.parmValue.end_day = dayjs().subtract(-1, 'day').format('YYYY-MM-DD')
+    this.searchList()
+  },
+
+  methods: {
+    company_idsearchChange(e) {
+      const { code } = e
+      this.parmValue.companyNo = code || ''
+      this.searchList()
+    },
+    // 初始化http请求
+    async searchList() {
+      if (
+        (this.parmValue.start_day !== '' && this.parmValue.end_day === '') ||
+        (this.parmValue.start_day === '' && this.parmValue.end_day !== '')
+      ) {
+        this.$message.warning('时间区间不完整！')
+        return
+      }
+
+      const start_day = new Date(this.parmValue.start_day).valueOf()
+      const end_day = new Date(this.parmValue.end_day).valueOf()
+      const flag = end_day - start_day > 31 * 24 * 60 * 60 * 1000
+
+      if (this.parmValue.start_day != '' && this.parmValue.end_day != '') {
+        if (flag) {
+          this.$message.warning('筛选的时间区间不能超过31天')
+          return
+        }
+      }
+
+      this.loading = true
+
+      const res = await asyncRequest.ocl({
+        ...this.parmValue,
+        supplierNo: Array.isArray(this.parmValue.supplierNo) ? this.parmValue.supplierNo[0] : this.parmValue.supplierNo
+      })
+      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.$message.warning(res.message)
+        this.tableData = []
+        this.pageInfo.total = 0
+      }
+      this.loading = false
+    },
+
+    async supplierChange(e) {
+      const { code, label } = e
+      this.parmValue.supplierNo = code ? [code] : []
+      this.searchList()
+    },
+
+    // 重置
+    restSearch() {
+      this.parmValue = {
+        companyNo: '',
+        supplierNo: '',
+        start_day: '', // 新建起始时间
+        end_day: '', // 新建结束时间
+        // is_export:0,//是否导出0/1
+        page: 1, // 页码
+        size: 15 // 每页显示条数
+      }
+
+      this.parmValue.start_day = dayjs().subtract(0, 'day').format('YYYY-MM-DD')
+      this.parmValue.end_day = dayjs().subtract(-1, 'day').format('YYYY-MM-DD')
+      // 表格 - 分页
+      this.pageInfo = {
+        size: 15,
+        curr: 1,
+        total: 0
+      }
+      this.searchList()
+    },
+
+    // 时间函数
+    async time(e) {
+      this.parmValue.start_day = e.startTime || ''
+      this.parmValue.end_day = e.endTime || ''
+      if (
+        (this.parmValue.start_day !== '' && this.parmValue.end_day === '') ||
+      (this.parmValue.start_day === '' && this.parmValue.end_day !== '')
+      ) {
+        this.$message.warning('时间区间不完整！')
+        return
+      }
+      this.pageInfo.curr = 1
+      this.parmValue.page = 1
+      await this.searchList()
+    },
+
+    // 选中触发函数
+    selection_change(e) {
+      const { list } = e
+      // 选中的数组集合
+      this.changeList = list.length > 0 ? JSON.parse(JSON.stringify(list)) : []
+    },
+    // 导出文件
+    async download() {
+    // if(this.changeList.length<=0){
+    //   this.$message.warning("请选择有效数据")
+    //   return;
+    // }
+      const model = JSON.parse(JSON.stringify({
+        ...this.parmValue,
+        supplierNo: Array.isArray(this.parmValue.supplierNo) ? this.parmValue.supplierNo[0] : this.parmValue.supplierNo
+      }))
+      delete model['page']
+      delete model['size']
+      // model.is_export = 1;
+      const start_day = new Date(this.parmValue.start_day).valueOf()
+      const end_day = new Date(this.parmValue.end_day).valueOf()
+      const flag = end_day - start_day > 31 * 24 * 60 * 60 * 1000
+      if (this.parmValue.start_day != '' && this.parmValue.end_day != '') {
+        if (flag) {
+          this.$message.warning('导出文件的时间区间不能超过31天')
+          return
+        }
+      } else {
+        this.$message.warning('请选择导出文件的时间区间')
+        return
+      }
+      if (!this.loading) {
+        this.loading = true
+        const httpType = `aplication/zip`
+        axios({
+          method: 'post',
+          url: this.fileUrl + 'admin/oce',
+          responseType: 'blob',
+          data: model,
+          headers: {
+            Accept: httpType
+          }
+        })
+          .then((res) => {
+            if (res && res.status == 200 && res.data) {
+              const url = window.URL.createObjectURL(
+                new Blob([res.data], {
+                  type: httpType
+                })
+              )
+              const link = document.createElement('a')
+              link.style.display = 'none'
+              link.href = url
+              const excelName = '待库管发货.zip'
+              link.setAttribute('download', excelName)
+              document.body.appendChild(link)
+              link.click()
+              link.remove()
+              window.URL.revokeObjectURL(url) // 释放掉blob对象
+              this.$message.success(`导出成功！`)
+              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 lang="scss" scoped>
+.purchaseOrder {
+// text-align: right;
+}
+</style>
+

src/views/dataReport/table5.vue

@@ -0,0 +1,369 @@
+<template>
+  <div style="padding:10px">
+    <ex-table
+      v-if="powers.some((i) => i == '001')"
+      v-loading="loading"
+      :table="table"
+      :data="tableData"
+      :columns="table5"
+      :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();
+      "
+      @selection="selection_change"
+    >
+      <template #table-header="{}">
+        <div style="width: 100%">
+          <el-row style="padding: 0 0 0 80px">
+
+            <el-col :span="6" style="width: 363px;">
+              <periodDatePickerActive
+                :start="parmValue.start_day"
+                :end="parmValue.end_day"
+                :placeholder="'竞价'"
+                :width="'165px'"
+                :size="searchSize"
+                @timeReturned="time"
+              />
+            </el-col>
+
+            <el-col :span="4" style="width: 350px">
+              <search-supplier
+                :size="'mini'"
+                :value="parmValue.supplierNo"
+                :disabled="false"
+                :placeholder="'供应商名称'"
+                :names="parmValue.supplierName"
+                :is-detail="true"
+                :no-disabled="true"
+                @searchChange="supplierChange"
+              />
+            </el-col>
+
+            <el-col :span="4" style="width: 66px; float: right">
+              <el-button type="primary" style="margin-left:30px;" :size="searchSize" class="fr" @click="download">
+                导出
+              </el-button>
+            </el-col>
+            <el-col :span="3" style="width: 66px; float: right">
+              <el-button
+                :size="searchSize"
+                type="primary"
+                style="float: right; margin-left: 5px"
+                @click="searchList"
+              >
+                刷新
+              </el-button>
+            </el-col>
+            <el-col :span="4" style="width: 66px; float: right">
+              <el-button
+                type="warning"
+                class="fr"
+                :size="searchSize"
+                @click="restSearch"
+              >
+                重置
+              </el-button>
+            </el-col>
+          </el-row>
+
+          <el-row style="margin-top:10px;margin-left:70px">
+            <el-col :span="6" style="margin-left:10px;width:350px">
+              <search-work-company
+                :value="parmValue.companyNo"
+                :placeholder="'业务公司名称'"
+                :disabled="false"
+                :size="'mini'"
+                :no-disabled="true"
+                @searchChange="company_idsearchChange"
+              />
+            </el-col>
+          </el-row>
+        </div>
+      </template>
+
+      <template #order_type="{scope}">
+        {{ xs_order_type_options.find(({id}) => id === String(scope.row.order_type)).label }}
+      </template>
+
+      <template #order_source="{scope}">
+        {{ xs_order_source_options.find(({id}) => id === String(scope.row.order_source)).label }}
+      </template>
+
+      <template #status="{scope}">
+        {{ statusOptions.find(({value}) => value === String(scope.row.status)).label }}
+      </template>
+
+      <template #platform_type="{scope}">
+        {{ String(scope.row.platform_type) === '1' ? 'ToB' : String(scope.row.platform_type) === '2' ? 'ToC' : '--' }}
+      </template>
+    </ex-table>
+
+    <div v-else>
+      <no-auth></no-auth>
+    </div>
+  </div>
+</template>
+<script>
+import mixinPage from '@/mixins/elPaginationHandle'
+import resToken from '@/mixins/resToken'
+import urlConfig from '@/apis/url-config'
+import asyncRequest from '@/apis/service/reportQuery/newReport'
+import periodDatePickerActive from './period-date-picker/main.vue'
+import { xs_order_type_options, xs_order_source_options } from '@/assets/js/statusList'
+import { table5 } from './columns'
+import { mapGetters } from 'vuex'
+import dayjs from 'dayjs'
+
+export default {
+  name: 'SaleReport',
+  components: {
+    periodDatePickerActive
+  },
+  mixins: [mixinPage, resToken],
+  computed: {
+    ...mapGetters(['tablebtnSize', 'searchSize', 'size']),
+    powers() {
+      const tran =
+        this.$store.getters.btnList.find((i) => i.menu_route == "reportTableFive") || {};
+      const { action } = tran ?? {};
+      return action ?? [];
+    }
+  },
+  data() {
+    return {
+      xs_order_type_options,
+      xs_order_source_options,
+      // 选中数组
+      changeList: [],
+      // 全局url
+      fileUrl: urlConfig.baseURL,
+      // loading
+      loading: false,
+      // 请求参数集合
+      parmValue: {
+        supplierNo: [],
+        start_day: '', // 起始时间
+        end_day: '', // 结束时间
+        // is_export:0,//是否导出0/1
+
+        page: 1, // 页码
+        size: 15 // 每页显示条数
+
+      },
+      statusOptions: [
+        { value: '0', label: '待发货' },
+        { value: '1', label: '待发货完成' },
+        { value: '2', label: '发货已完成' },
+        { value: '3', label: '订单已取消' }
+      ],
+      // 表格 - 数据集合
+      tableData: [],
+      // 表格 - 参数
+      table: {
+        stripe: true,
+        border: true,
+        _defaultHeader_: ['setcol']
+      },
+      // 表格 - 分页
+      pageInfo: {
+        size: 15,
+        curr: 1,
+        total: 0
+      },
+      // 表格表头 - 列参数
+      table5: table5
+    }
+  },
+  mounted() {
+    this.parmValue.start_day = dayjs().subtract(0, 'day').format('YYYY-MM-DD')
+    this.parmValue.end_day = dayjs().subtract(-1, 'day').format('YYYY-MM-DD')
+    this.searchList()
+  },
+
+  methods: {
+    async supplierChange(e) {
+      const { code, label } = e
+      this.parmValue.supplierNo = code ? [code] : []
+      this.searchList()
+    },
+    // 初始化http请求
+    async searchList() {
+      if (
+        (this.parmValue.start_day !== '' && this.parmValue.end_day === '') ||
+      (this.parmValue.start_day === '' && this.parmValue.end_day !== '')
+      ) {
+        this.$message.warning('时间区间不完整！')
+        return
+      }
+
+      const start_day = new Date(this.parmValue.start_day).valueOf()
+      const end_day = new Date(this.parmValue.end_day).valueOf()
+      const flag = end_day - start_day > 31 * 24 * 60 * 60 * 1000
+
+      if (this.parmValue.start_day != '' && this.parmValue.end_day != '') {
+        if (flag) {
+          this.$message.warning('筛选的时间区间不能超过31天')
+          return
+        }
+      }
+
+      this.loading = true
+
+      const res = await asyncRequest.orderoutbk({
+        ...this.parmValue,
+        supplierNo: Array.isArray(this.parmValue.supplierNo) ? this.parmValue.supplierNo[0] : this.parmValue.supplierNo
+      })
+      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.$message.warning(res.message)
+        this.tableData = []
+        this.pageInfo.total = 0
+      }
+      this.loading = false
+    },
+
+    company_idsearchChange(e) {
+      const { code } = e
+      this.parmValue.companyNo = code || ''
+      this.searchList()
+    },
+
+    // 重置
+    restSearch() {
+      this.parmValue = {
+        supplierNo: '',
+        start_day: '', // 新建起始时间
+        end_day: '', // 新建结束时间
+        // is_export:0,//是否导出0/1
+        page: 1, // 页码
+        size: 15 // 每页显示条数
+      }
+
+      this.parmValue.start_day = dayjs().subtract(0, 'day').format('YYYY-MM-DD')
+      this.parmValue.end_day = dayjs().subtract(-1, 'day').format('YYYY-MM-DD')
+      // 表格 - 分页
+      this.pageInfo = {
+        size: 15,
+        curr: 1,
+        total: 0
+      }
+      this.searchList()
+    },
+
+    // 时间函数
+    async time(e) {
+      this.parmValue.start_day = e.startTime || ''
+      this.parmValue.end_day = e.endTime || ''
+      if (
+        (this.parmValue.start_day !== '' && this.parmValue.end_day === '') ||
+      (this.parmValue.start_day === '' && this.parmValue.end_day !== '')
+      ) {
+        this.$message.warning('时间区间不完整！')
+        return
+      }
+      this.pageInfo.curr = 1
+      this.parmValue.page = 1
+      await this.searchList()
+    },
+
+    // 选中触发函数
+    selection_change(e) {
+      const { list } = e
+      // 选中的数组集合
+      this.changeList = list.length > 0 ? JSON.parse(JSON.stringify(list)) : []
+    },
+    // 导出文件
+    async download() {
+    // if(this.changeList.length<=0){
+    //   this.$message.warning("请选择有效数据")
+    //   return;
+    // }
+      const model = JSON.parse(JSON.stringify({
+        ...this.parmValue,
+        supplierNo: Array.isArray(this.parmValue.supplierNo) ? this.parmValue.supplierNo[0] : this.parmValue.supplierNo
+      }))
+
+      delete model['page']
+      delete model['size']
+      // model.is_export = 1;
+      const start_day = new Date(this.parmValue.start_day).valueOf()
+      const end_day = new Date(this.parmValue.end_day).valueOf()
+      const flag = end_day - start_day > 31 * 24 * 60 * 60 * 1000
+      if (this.parmValue.start_day != '' && this.parmValue.end_day != '') {
+        if (flag) {
+          this.$message.warning('导出文件的时间区间不能超过31天')
+          return
+        }
+      } else {
+        this.$message.warning('请选择导出文件的时间区间')
+        return
+      }
+      if (!this.loading) {
+        this.loading = true
+        const httpType = `aplication/zip`
+        axios({
+          method: 'post',
+          url: this.fileUrl + 'admin/OrderOutExport',
+          responseType: 'blob',
+          data: model,
+          headers: {
+            Accept: httpType
+          }
+        })
+          .then((res) => {
+            if (res && res.status == 200 && res.data) {
+              const url = window.URL.createObjectURL(
+                new Blob([res.data], {
+                  type: httpType
+                })
+              )
+              const link = document.createElement('a')
+              link.style.display = 'none'
+              link.href = url
+              const excelName = '待库管发货.zip'
+              link.setAttribute('download', excelName)
+              document.body.appendChild(link)
+              link.click()
+              link.remove()
+              window.URL.revokeObjectURL(url) // 释放掉blob对象
+              this.$message.success(`导出成功！`)
+              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 lang="scss" scoped>
+.purchaseOrder {
+// text-align: right;
+}
+</style>
+

src/views/dataReport/table6.vue

@@ -0,0 +1,389 @@
+<template>
+  <div style="padding:10px">
+    <ex-table
+       v-if="powers.some((i) => i == '001')"
+      v-loading="loading"
+      :table="table"
+      :data="tableData"
+      :columns="table6"
+      :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();
+      "
+      @selection="selection_change"
+    >
+      <template #table-header="{}">
+        <div style="width: 100%">
+          <el-row style="width: 100%; padding: 0 0 0 80px">
+            <el-col :span="6" style="width: 200px">
+              <el-select
+                v-model="parmValue.status"
+                :size="searchSize"
+                filterable
+                clearable
+                placeholder="订单状态"
+                style="width: 100%"
+                @change="
+                  pageInfo.curr = 1;
+                  parmValue.page = 1;
+                  searchList();
+                "
+              >
+                <el-option
+                  v-for="(item, index) in statusOptions"
+                  :key="item.id + index"
+                  :label="item.label"
+                  :value="item.id"
+                />
+              </el-select>
+            </el-col>
+            <el-col :span="6" style="width: 200px; padding: 0 0 0 10px">
+              <el-select
+                v-model="parmValue.order_type"
+                :size="searchSize"
+                filterable
+                clearable
+                placeholder="商品类型"
+                style="width: 100%"
+                @change="
+                  pageInfo.curr = 1;
+                  parmValue.page = 1;
+                  searchList();
+                "
+              >
+                <el-option
+                  v-for="(item, index) in xs_order_type_options"
+                  :key="item.id + index"
+                  :label="item.label"
+                  :value="item.id"
+                />
+              </el-select>
+            </el-col>
+            <el-col :span="4" style="width: 66px; float: right">
+              <el-button
+                type="primary"
+                style="margin-left: 30px"
+                :size="searchSize"
+                class="fr"
+                @click="download"
+              >
+                导出
+              </el-button>
+            </el-col>
+            <el-col :span="3" style="width: 66px; float: right">
+              <el-button
+                :size="searchSize"
+                type="primary"
+                style="float: right; margin-left: 5px"
+                @click="searchList"
+              >
+                刷新
+              </el-button>
+            </el-col>
+          </el-row>
+          <el-row style="padding: 10px 0 0 0" gutter="10">
+            <el-col :span="6" style="width: 442px">
+              <periodDatePickerActive
+                :start="parmValue.start_date"
+                :end="parmValue.end_date"
+                :placeholder="'下单'"
+                :width="'205px'"
+                :size="searchSize"
+                @timeReturned="time"
+              />
+            </el-col>
+            <el-col :span="4" style="width: 66px; float: right">
+              <el-button type="warning" class="fr" :size="searchSize" @click="restSearch">
+                重置
+              </el-button>
+            </el-col>
+          </el-row>
+
+          <!--<el-col :span="6" style="width: 240px">
+              <el-input
+                clearable
+                placeholder="采购维护人"
+                v-model="parmValue.creater"
+                maxlength="40"
+                :size="searchSize"
+                @blur="
+                  pageInfo.curr = 1;
+                  parmValue.page = 1;
+                  searchList();
+                "
+              >
+              </el-input>
+            </el-col>
+            <el-col :span="6" style="width: 240px">
+              <el-input
+                clearable
+                placeholder="供应商名称"
+                v-model="parmValue.supplier_name"
+                maxlength="40"
+                :size="searchSize"
+                @blur="
+                  pageInfo.curr = 1;
+                  parmValue.page = 1;
+                  searchList();
+                "
+              >
+              </el-input>
+            </el-col>
+
+          </el-row> -->
+        </div>
+      </template>
+      <template #order_type="{ scope }">
+        <el-tag
+          :size="tablebtnSize"
+          v-text="
+            (xs_order_type_options.find((item) => item.id == scope.row.order_type) || {})
+              .label || '--'
+          "
+        />
+      </template>
+      <template #status="{ scope }">
+        <el-tag
+          :size="tablebtnSize"
+          :type="scope.row.status == '0' ? 'warning' : ''"
+          v-text="
+            (statusOptions.find((item) => item.id == scope.row.status) || {}).label ||
+              '--'
+          "
+        />
+      </template>
+    </ex-table>
+
+    <div v-else>
+      <no-auth></no-auth>
+    </div>
+  </div>
+</template>
+<script>
+import mixinPage from '@/mixins/elPaginationHandle'
+import resToken from '@/mixins/resToken'
+import urlConfig from '@/apis/url-config'
+import asyncRequest from '@/apis/service/reportQuery/newReport'
+import periodDatePickerActive from './period-date-picker/main.vue'
+import { table6 } from './columns'
+import { mapGetters } from 'vuex'
+import { xs_order_type_options } from '@/assets/js/statusList'
+export default {
+  name: 'PurchaseOrder',
+  components: { periodDatePickerActive },
+  mixins: [mixinPage, resToken],
+  computed: {
+    ...mapGetters(['tablebtnSize', 'searchSize', 'size']),
+    powers() {
+      const tran =
+        this.$store.getters.btnList.find((i) => i.menu_route == "reportTableSix") || {};
+      const { action } = tran ?? {};
+      return action ?? [];
+    }
+  },
+  data() {
+    return {
+      statusOptions: [
+        { id: '0', label: '待发货' },
+        { id: '1', label: '待发货完成' },
+        { id: '2', label: '发货已完成' },
+        { id: '3', label: '订单已取消' }
+      ],
+      // 选中数组
+      changeList: [],
+      // 全局url
+      fileUrl: urlConfig.baseURL,
+      // loading
+      loading: false,
+      // 请求参数集合
+      parmValue: {
+        supplier_name: '', // 要搜索的供应商名称
+        creater: '', // 要搜索的采购维护人
+        start_date: '', // 起始时间
+        end_date: '', // 结束时间
+        order_type: '',
+        status: '',
+        page: 1, // 页码
+        size: 15 // 每页显示条数
+      },
+      // 表格 - 数据集合
+      tableData: [],
+      xs_order_type_options,
+      // 表格 - 参数
+      table: {
+        stripe: true,
+        border: true,
+        _defaultHeader_: ['setcol']
+      },
+      // 表格 - 分页
+      pageInfo: {
+        size: 15,
+        curr: 1,
+        total: 0
+      },
+      // 表格表头 - 列参数
+      table6
+    }
+  },
+  mounted() {
+    this.searchList()
+  },
+
+  methods: {
+    // 初始化http请求
+    async searchList() {
+      if (
+        (this.parmValue.start_date !== '' && this.parmValue.end_date === '') ||
+        (this.parmValue.start_date === '' && this.parmValue.end_date !== '')
+      ) {
+        this.$message.warning('时间区间不完整！')
+        return
+      }
+      // return;
+      this.loading = true
+
+      const { code, data, message } = await asyncRequest.sna(this.parmValue)
+      if (code === 0) {
+        const { list, count } = data
+        this.tableData = list
+        this.pageInfo.total = Number(count)
+      } else if (code >= 100 && code <= 104) {
+        await this.logout()
+      } else {
+        this.tableData = []
+        this.pageInfo.total = 0
+      }
+      this.loading = false
+    },
+
+    // 重置
+    restSearch() {
+      this.parmValue = {
+        supplier_name: '', // 要搜索的供应商名称
+        creater: '', // 要搜索的采购维护人
+        start_date: '', // 起始时间
+        end_date: '', // 结束时间
+        page: 1, // 页码
+        size: 15, // 每页显示条数
+        order_type: ''
+      }
+      // 表格 - 分页
+      this.pageInfo = {
+        size: 15,
+        curr: 1,
+        total: 0
+      }
+      this.searchList()
+    },
+
+    // 时间函数
+    async time(e) {
+      this.parmValue.start_date = e.startTime || ''
+      this.parmValue.end_date = e.endTime || ''
+      if (
+        (this.parmValue.start_date !== '' && this.parmValue.end_date === '') ||
+        (this.parmValue.start_date === '' && this.parmValue.end_date !== '')
+      ) {
+        this.$message.warning('时间区间不完整！')
+        return
+      }
+      this.pageInfo.curr = 1
+      this.parmValue.page = 1
+      await this.searchList()
+    },
+
+    // 选中触发函数
+    selection_change(e) {
+      const { list } = e
+      // 选中的数组集合
+      this.changeList = list.length > 0 ? JSON.parse(JSON.stringify(list)) : []
+    },
+    // 导出文件
+    async download() {
+      // if(this.changeList.length<=0){
+      //   this.$message.warning("请选择有效数据")
+      //   return;
+      // }
+      const start_date = new Date(this.parmValue.start_date).valueOf()
+      const end_date = new Date(this.parmValue.end_date).valueOf()
+      // let flag = end_date - start_date > 30 * 24 * 60 * 60 * 1000;
+      if (this.parmValue.start_date != '' && this.parmValue.end_date != '') {
+        // if (flag) {
+        //   this.$message.warning("导出文件的时间区间不能超过30天");
+        //   return;
+        // }
+      } else {
+        this.$message.warning('请选择导出文件的时间区间')
+        return
+      }
+      const model = JSON.parse(JSON.stringify(this.parmValue))
+      // model.is_export = 1;
+      if (!this.loading) {
+        this.loading = true
+        const httpType = `aplication/zip`
+        axios({
+          method: 'post',
+          url: this.fileUrl + 'admin/snae',
+          responseType: 'blob',
+          data: model,
+          headers: {
+            // 'Content-Type': 'multipart/form-data',
+            // Accept: "application/vnd.ms-excel"
+            Accept: httpType
+          }
+        })
+          .then((res) => {
+            // console.log(res)
+            // console.log(this.fileUrl)
+            // return;
+            if (res && res.status == 200 && res.data) {
+              const url = window.URL.createObjectURL(
+                new Blob([res.data], {
+                  // type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8",
+                  type: httpType
+                })
+              )
+              const link = document.createElement('a')
+              link.style.display = 'none'
+              link.href = url
+              const excelName = '无地址销售订单报表.zip'
+              link.setAttribute('download', excelName)
+              document.body.appendChild(link)
+              link.click()
+              link.remove()
+              window.URL.revokeObjectURL(url) // 释放掉blob对象
+              this.$message.success(`导出成功！`)
+              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 lang="scss" scoped>
+.purchaseOrder {
+  // text-align: right;
+}
+</style>

src/views/reportQuery/newReport/index.vue

@@ -33,10 +33,10 @@ import mixinPage from "@/mixins/elPaginationHandle";
 import resToken from "@/mixins/resToken";
 import { mapGetters } from "vuex";
 //标签页组件引入
-const table1 = () => import("./components/table1");
-const table2 = () => import("./components/table2");
-const table3 = () => import("./components/table3");
-const table4 = () => import("./components/table4");
+const table1 = () => import("./components/table1.vue");
+const table2 = () => import("./components/table2.vue");
+const table3 = () => import("./components/table3.vue");
+const table4 = () => import("./components/table4.vue");
 const table5 = () => import("./components/table5.vue");
 const table6 = () => import("./components/table6.vue");
 export default {