【订单统计表】基本完成（缺少可视化）

src/views/reportForms/order-statistics/chart/externalChartModal.vue

@@ -0,0 +1,69 @@
+<template>
+  <a-modal
+    title="订单外部分析图"
+    v-model="externalChartModVis"
+    :confirmLoading="confirmLoading"
+    @ok="onSubmit"
+    @cancel="handleCancel"
+    width="60%"
+    style="top:330px;left:100px;"
+  >
+    <a-spin :spinning="confirmLoading">
+      <a-tabs default-active-key="1" @change="tabsCallback">
+        <a-tab-pane key="1" tab="按部门"> </a-tab-pane>
+        <a-tab-pane key="2" tab="按客户" force-render></a-tab-pane>
+      </a-tabs>
+    </a-spin>
+  </a-modal>
+</template>
+
+<script>
+import { JeecgListMixin } from '@/mixins/JeecgListMixin'
+import JEllipsis from '@/components/jeecg/JEllipsis'
+import moment from 'moment'
+
+export default {
+  name: 'ExternalChartModal', // 订单外部分析图
+  mixins: [JeecgListMixin],
+  components: { JEllipsis, moment },
+
+  data() {
+    return {
+      confirmLoading: false,
+      externalChartModVis: false
+    }
+  },
+  // 接收父组件 方法
+  props: {
+    father: {
+      type: Function,
+      default: null
+    }
+  },
+  created() {},
+  methods: {
+    // 操作按钮 保存
+    save(record) {},
+
+    // 弹框确定
+    onSubmit() {},
+
+    // 弹框取消
+    handleCancel() {}
+  },
+  computed: {}
+}
+</script>
+<style lang="less" scoped>
+@import '~@assets/less/common.less';
+/deep/ .ant-table-thead > tr > th {
+  text-align: center;
+  // font-weight: 700;
+}
+/deep/ .ant-table-tbody {
+  text-align: center;
+}
+// th.replacecolor {
+// background-color:  #ccc;
+// }
+</style>

src/views/reportForms/order-statistics/chart/interiorChartModal.vue

@@ -0,0 +1,69 @@
+<template>
+  <a-modal
+    title="订单内部分析图"
+    v-model="interiorChartModVis"
+    :confirmLoading="confirmLoading"
+    @ok="onSubmit"
+    @cancel="handleCancel"
+    width="80%"
+    style="top:330px;left:100px;"
+  >
+    <a-spin :spinning="confirmLoading">
+      <a-tabs default-active-key="1" @change="tabsCallback">
+        <a-tab-pane key="1" tab="按部门"> </a-tab-pane>
+        <a-tab-pane key="2" tab="按客户" force-render></a-tab-pane>
+      </a-tabs>
+    </a-spin>
+  </a-modal>
+</template>
+
+<script>
+import { JeecgListMixin } from '@/mixins/JeecgListMixin'
+import JEllipsis from '@/components/jeecg/JEllipsis'
+import moment from 'moment'
+
+export default {
+  name: 'InteriorChartModal', // 订单内部分析图
+  mixins: [JeecgListMixin],
+  components: { JEllipsis, moment },
+
+  data() {
+    return {
+      confirmLoading: false,
+      interiorChartModVis: false
+    }
+  },
+  // 接收父组件 方法
+  props: {
+    father: {
+      type: Function,
+      default: null
+    }
+  },
+  created() {},
+  methods: {
+    // 操作按钮 保存
+    save(record) {},
+
+    // 弹框确定
+    onSubmit() {},
+
+    // 弹框取消
+    handleCancel() {}
+  },
+  computed: {}
+}
+</script>
+<style lang="less" scoped>
+@import '~@assets/less/common.less';
+/deep/ .ant-table-thead > tr > th {
+  text-align: center;
+  // font-weight: 700;
+}
+/deep/ .ant-table-tbody {
+  text-align: center;
+}
+// th.replacecolor {
+// background-color:  #ccc;
+// }
+</style>

src/views/reportForms/order-statistics/external-statistics.vue

@@ -0,0 +1,224 @@
+<template>
+  <!-- 订单外部统计表-->
+  <a-card :bordered="false">
+    <!-- 查询区域 -->
+    <div class="table-page-search-wrapper">
+      <a-form layout="inline" @keyup.enter.native="searchQuery">
+        <a-row :gutter="24">
+          <a-col :md="6" :sm="8">
+            <a-form-item label="开始年月">
+              <!--  :disabled-date="disabledDate" 不可选择的日期 -->
+              <a-month-picker placeholder="请选择开始年月" style="width:100%;" v-model="queryParam.startYearMonth" />
+            </a-form-item>
+          </a-col>
+
+          <a-col :md="6" :sm="8">
+            <a-form-item label="结束年月">
+              <a-month-picker placeholder="请选择结束年月" style="width:100%;" v-model="queryParam.endYearMonth" />
+            </a-form-item>
+          </a-col>
+
+          <a-col :md="6" :sm="8">
+            <a-form-item label="部门">
+              <a-select placeholder="请选择部门" v-model="queryParam.department">
+                <a-select-option :value="''">请选择</a-select-option>
+                <a-select-option :value="0">业务一部</a-select-option>
+                <a-select-option :value="1">业务二部</a-select-option>
+                <a-select-option :value="2">业务三部</a-select-option>
+                <a-select-option :value="2">业务四部</a-select-option>
+              </a-select>
+            </a-form-item>
+          </a-col>
+
+          <template v-if="toggleSearchStatus">
+            <a-col :md="6" :sm="8">
+              <a-form-item label="客户">
+                <a-select placeholder="请选择客户" v-model="queryParam.customer">
+                  <a-select-option :value="''">请选择</a-select-option>
+                  <a-select-option :value="0">FD</a-select-option>
+                  <a-select-option :value="1">PMK</a-select-option>
+                  <a-select-option :value="2">AUCHAN</a-select-option>
+                  <a-select-option :value="2">BIOWORLD</a-select-option>
+                </a-select>
+              </a-form-item>
+            </a-col>
+          </template>
+
+          <a-col :md="6" :sm="8">
+            <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
+              <a-button type="primary" @click="searchQuery" icon="search">查询</a-button>
+              <a-button type="primary" @click="searchReset" icon="reload" style="margin-left: 8px">重置</a-button>
+              <a @click="handleToggleSearch" style="margin-left: 8px">
+                {{ toggleSearchStatus ? '收起' : '展开' }}
+                <a-icon :type="toggleSearchStatus ? 'up' : 'down'" />
+              </a>
+            </span>
+          </a-col>
+        </a-row>
+      </a-form>
+    </div>
+
+    <!-- 操作按钮  -->
+    <div class="table-operator">
+      <a-button type="primary" @click="externalChart" icon="area-chart">订单外部分析图</a-button>
+    </div>
+
+    <!-- table区域  rowKey="id" :scroll="{ x: 1500 }" -->
+    <div>
+      <a-table
+        bordered
+        :row-key="record => record.id"
+        :columns="externalStatisticsColumns"
+        :data-source="externalStatisticsData"
+        :loading="loading"
+        :pagination="ipagination"
+        @change="handleTableChange"
+      >
+      </a-table>
+    </div>
+
+    <!-- 查看分析图 弹框 -->
+    <externalChart-modal ref="externalChartModal" :father="aa"></externalChart-modal>
+  </a-card>
+</template>
+
+<script>
+import { JeecgListMixin } from '@/mixins/JeecgListMixin'
+import JEllipsis from '@/components/jeecg/JEllipsis'
+import moment from 'moment'
+import externalChartModal from '@views/reportForms/order-statistics/chart/externalChartModal.vue'
+
+export default {
+  name: 'ExternalStatistics', // 订单外部统计表
+  mixins: [JeecgListMixin],
+  components: { JEllipsis, moment, externalChartModal },
+
+  data() {
+    // let ellipsis = (v, l = 20) => <j-ellipsis value={v} length={l} /> // 省略
+    return {
+      description: '订单外部统计表',
+      // 订单内部统计表 表头
+      externalStatisticsColumns: [
+        {
+          title: '部门',
+          width: 140,
+          dataIndex: 'department',
+          // fixed: 'left',
+          className: 'replacecolor'
+        },
+        {
+          title: '供应商分类',
+          width: 120,
+          dataIndex: 'supplierType',
+          className: 'replacecolor'
+          // customRender: function(text) {
+          //   if (text == '1') {
+          //     return '销售类型1'
+          //   }
+          //   if (text == '2') {
+          //     return '销售类型2'
+          //   }
+          //   if (text == '3') {
+          //     return '销售类型3'
+          //   }
+          //   if (text == '4') {
+          //     return '销售类型4'
+          //   }
+          // }
+        },
+        {
+          title: '供应商',
+          width: 140,
+          dataIndex: 'supplier',
+          // fixed: 'left',
+          className: 'replacecolor'
+        },
+        //  {
+        //   title: '创建时间',
+        //   dataIndex: 'createTime',
+        //   align: 'center',
+        //   sorter: true,
+        //   customRender: text => {
+        //     return moment(text).format('YYYY-MM-DD')
+        //   }
+        // },
+        { title: '计划到货月份', width: 120, dataIndex: 'planDeliveryMonth', className: 'replacecolor' },
+        { title: '含税单价', width: 120, dataIndex: 'priceInTax', className: 'replacecolor' },
+        {
+          title: '实际数量',
+          width: 120,
+          dataIndex: 'realQuantity',
+          className: 'replacecolor'
+        },
+        { title: '本币金额', width: 150, dataIndex: 'LocalMoney', className: 'replacecolor' }
+      ],
+      externalStatisticsData: [
+        {
+          department: '业务八部',
+          supplierType: '成衣厂',
+          supplier: '国云森',
+          planDeliveryMonth: '2021-04',
+          priceInTax: '87.89',
+          realQuantity: '90,120,0000',
+          LocalMoney: '301,929,04'
+        }
+      ],
+      loading: false, // 表格加载
+
+      // 查询条件
+      queryParam: {
+        startYearMonth: '',
+        endYearMonth: '',
+        department: '',
+        customer: ''
+      }
+    }
+  },
+  created() {
+    // 渲染订单销售列表
+  },
+  methods: {
+    // 查询按钮
+    searchQuery() {
+      // 渲染订单销售列表
+    },
+    searchReset() {
+      // console.log('>>>>重置')
+      this.queryParam = {}
+      // 重新渲染订单销售列表
+    },
+
+    // 内部分析图 弹框
+    externalChart() {
+      this.$refs.externalChartModal.externalChartModVis = true
+    },
+    // father 抽屉方法
+    aa() {}
+
+    // 分页、排序、筛选变化时触发
+    // handleTableChange(pagination, filters, sorter) {
+    //   // console.log('当前页信息>>>>',pagination)
+    //   this.queryParam.pageNo = pagination.current
+    //   // this.getOrderList()
+    // }
+  },
+  computed: {},
+  mounted() {}
+}
+</script>
+<style lang="less" scoped>
+@import '~@assets/less/common.less';
+@import '~@assets/less/overwriter.less';
+/deep/ .ant-table-thead > tr > th {
+  text-align: center;
+  // font-weight: 700;
+}
+
+/deep/ .ant-table-tbody {
+  text-align: center;
+}
+
+// /deep/ th.replacecolor {
+//   background-color: #ccc;
+// }
+</style>

src/views/reportForms/order-statistics/interior-statistics.vue

@@ -0,0 +1,224 @@
+<template>
+  <!-- 订单内部统计表-->
+  <a-card :bordered="false">
+    <!-- 查询区域 -->
+    <div class="table-page-search-wrapper">
+      <a-form layout="inline" @keyup.enter.native="searchQuery">
+        <a-row :gutter="24">
+          <a-col :md="6" :sm="8">
+            <a-form-item label="开始年月">
+              <!--  :disabled-date="disabledDate" 不可选择的日期 -->
+              <a-month-picker placeholder="请选择开始年月" style="width:100%;" v-model="queryParam.startYearMonth" />
+            </a-form-item>
+          </a-col>
+
+          <a-col :md="6" :sm="8">
+            <a-form-item label="结束年月">
+              <a-month-picker placeholder="请选择结束年月" style="width:100%;" v-model="queryParam.endYearMonth" />
+            </a-form-item>
+          </a-col>
+
+          <a-col :md="6" :sm="8">
+            <a-form-item label="部门">
+              <a-select placeholder="请选择部门" v-model="queryParam.department">
+                <a-select-option :value="''">请选择</a-select-option>
+                <a-select-option :value="0">业务一部</a-select-option>
+                <a-select-option :value="1">业务二部</a-select-option>
+                <a-select-option :value="2">业务三部</a-select-option>
+                <a-select-option :value="2">业务四部</a-select-option>
+              </a-select>
+            </a-form-item>
+          </a-col>
+
+          <template v-if="toggleSearchStatus">
+            <a-col :md="6" :sm="8">
+              <a-form-item label="客户">
+                <a-select placeholder="请选择客户" v-model="queryParam.customer">
+                  <a-select-option :value="''">请选择</a-select-option>
+                  <a-select-option :value="0">FD</a-select-option>
+                  <a-select-option :value="1">PMK</a-select-option>
+                  <a-select-option :value="2">AUCHAN</a-select-option>
+                  <a-select-option :value="2">BIOWORLD</a-select-option>
+                </a-select>
+              </a-form-item>
+            </a-col>
+          </template>
+
+          <a-col :md="6" :sm="8">
+            <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
+              <a-button type="primary" @click="searchQuery" icon="search">查询</a-button>
+              <a-button type="primary" @click="searchReset" icon="reload" style="margin-left: 8px">重置</a-button>
+              <a @click="handleToggleSearch" style="margin-left: 8px">
+                {{ toggleSearchStatus ? '收起' : '展开' }}
+                <a-icon :type="toggleSearchStatus ? 'up' : 'down'" />
+              </a>
+            </span>
+          </a-col>
+        </a-row>
+      </a-form>
+    </div>
+
+    <!-- 操作按钮  -->
+    <div class="table-operator">
+      <a-button type="primary" @click="interiorChart" icon="area-chart">订单内部分析图</a-button>
+    </div>
+
+    <!-- table区域  rowKey="id" :scroll="{ x: 1500 }" -->
+    <div>
+      <a-table
+        bordered
+        :row-key="record => record.id"
+        :columns="interiorStatisticsColumns"
+        :data-source="interiorStatisticsData"
+        :loading="loading"
+        :pagination="ipagination"
+        @change="handleTableChange"
+      >
+      </a-table>
+    </div>
+
+    <!-- 查看分析图 弹框 -->
+    <interiorChart-modal ref="interiorChartModal" :father="aa"></interiorChart-modal>
+  </a-card>
+</template>
+
+<script>
+import { JeecgListMixin } from '@/mixins/JeecgListMixin'
+import JEllipsis from '@/components/jeecg/JEllipsis'
+import moment from 'moment'
+import interiorChartModal from '@views/reportForms/order-statistics/chart/interiorChartModal.vue'
+
+export default {
+  name: 'InteriorStatistics', // 订单内部统计表
+  mixins: [JeecgListMixin],
+  components: { JEllipsis, moment, interiorChartModal },
+
+  data() {
+    // let ellipsis = (v, l = 20) => <j-ellipsis value={v} length={l} /> // 省略
+    return {
+      description: '订单内部统计表',
+      // 订单内部统计表 表头
+      interiorStatisticsColumns: [
+        {
+          title: '部门',
+          width: 140,
+          dataIndex: 'department',
+          // fixed: 'left',
+          className: 'replacecolor'
+        },
+        {
+          title: '供应商分类',
+          width: 120,
+          dataIndex: 'supplierType',
+          className: 'replacecolor'
+          // customRender: function(text) {
+          //   if (text == '1') {
+          //     return '销售类型1'
+          //   }
+          //   if (text == '2') {
+          //     return '销售类型2'
+          //   }
+          //   if (text == '3') {
+          //     return '销售类型3'
+          //   }
+          //   if (text == '4') {
+          //     return '销售类型4'
+          //   }
+          // }
+        },
+        {
+          title: '供应商',
+          width: 140,
+          dataIndex: 'supplier',
+          // fixed: 'left',
+          className: 'replacecolor'
+        },
+        //  {
+        //   title: '创建时间',
+        //   dataIndex: 'createTime',
+        //   align: 'center',
+        //   sorter: true,
+        //   customRender: text => {
+        //     return moment(text).format('YYYY-MM-DD')
+        //   }
+        // },
+        { title: '计划到货月份', width: 120, dataIndex: 'planDeliveryMonth', className: 'replacecolor' },
+        { title: '含税单价', width: 120, dataIndex: 'priceInTax', className: 'replacecolor' },
+        {
+          title: '实际数量',
+          width: 120,
+          dataIndex: 'realQuantity',
+          className: 'replacecolor'
+        },
+        { title: '本币金额', width: 150, dataIndex: 'LocalMoney', className: 'replacecolor' }
+      ],
+      interiorStatisticsData: [
+        {
+          department: '业务八部',
+          supplierType: '成衣厂',
+          supplier: '国云森',
+          planDeliveryMonth: '2021-04',
+          priceInTax: '87.89',
+          realQuantity: '90,120,0000',
+          LocalMoney: '301,929,04'
+        }
+      ],
+      loading: false, // 表格加载
+
+      // 查询条件
+      queryParam: {
+        startYearMonth: '',
+        endYearMonth: '',
+        department: '',
+        customer: ''
+      }
+    }
+  },
+  created() {
+    // 渲染订单销售列表
+  },
+  methods: {
+    // 查询按钮
+    searchQuery() {
+      // 渲染订单销售列表
+    },
+    searchReset() {
+      // console.log('>>>>重置')
+      this.queryParam = {}
+      // 重新渲染订单销售列表
+    },
+
+    // 内部分析图 弹框
+    interiorChart() {
+      this.$refs.interiorChartModal.interiorChartModVis = true
+    },
+    // father 抽屉方法
+    aa() {}
+
+    // 分页、排序、筛选变化时触发
+    // handleTableChange(pagination, filters, sorter) {
+    //   // console.log('当前页信息>>>>',pagination)
+    //   this.queryParam.pageNo = pagination.current
+    //   // this.getOrderList()
+    // }
+  },
+  computed: {},
+  mounted() {}
+}
+</script>
+<style lang="less" scoped>
+@import '~@assets/less/common.less';
+@import '~@assets/less/overwriter.less';
+/deep/ .ant-table-thead > tr > th {
+  text-align: center;
+  // font-weight: 700;
+}
+
+/deep/ .ant-table-tbody {
+  text-align: center;
+}
+
+// /deep/ th.replacecolor {
+//   background-color: #ccc;
+// }
+</style>

src/views/reportForms/supply-capacity-table.vue

@@ -0,0 +1,215 @@
+<template>
+  <!-- 供应商产能报表 -->
+  <a-card :bordered="false">
+    <!-- 查询区域 -->
+    <div class="table-page-search-wrapper">
+      <a-form layout="inline" @keyup.enter.native="searchQuery">
+        <a-row :gutter="24">
+          <a-col :md="6" :sm="8">
+            <a-form-item label="订单号">
+              <a-input placeholder="请输入订单号" v-model="queryParam.orderNum"></a-input>
+            </a-form-item>
+          </a-col>
+
+          <a-col :md="6" :sm="8">
+            <a-form-item label="开始日期">
+              <a-date-picker
+                placeholder="请选择开始日期"
+                style="width: 100%"
+                v-model="queryParam.startDate"
+              ></a-date-picker>
+            </a-form-item>
+          </a-col>
+
+          <a-col :md="6" :sm="8">
+            <a-form-item label="结束日期">
+              <a-date-picker
+                placeholder="请选择结束日期"
+                style="width: 100%"
+                v-model="queryParam.endDate"
+              ></a-date-picker>
+            </a-form-item>
+          </a-col>
+
+          <template v-if="toggleSearchStatus">
+            <a-col :md="6" :sm="8">
+              <a-form-item label="订单类型">
+                <a-select placeholder="请选择订单类型" v-model="queryParam.orderType">
+                  <a-select-option :value="''">请选择</a-select-option>
+                  <a-select-option :value="0">订单类型1</a-select-option>
+                  <a-select-option :value="1">订单类型2</a-select-option>
+                  <a-select-option :value="2">订单类型3</a-select-option>
+                </a-select>
+              </a-form-item>
+            </a-col>
+
+            <a-col :md="6" :sm="8">
+              <a-form-item label="供应商">
+                <a-input placeholder="请输入供应商" v-model="queryParam.supplier"></a-input>
+              </a-form-item>
+            </a-col>
+
+            <a-col :md="6" :sm="8">
+              <a-form-item label="计划单号">
+                <a-input placeholder="请输入计划单号" v-model="queryParam.planNum"></a-input>
+              </a-form-item>
+            </a-col>
+          </template>
+
+          <a-col :md="6" :sm="8">
+            <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
+              <a-button type="primary" @click="searchQuery" icon="search">查询</a-button>
+              <a-button type="primary" @click="searchReset" icon="reload" style="margin-left: 8px">重置</a-button>
+              <a @click="handleToggleSearch" style="margin-left: 8px">
+                {{ toggleSearchStatus ? '收起' : '展开' }}
+                <a-icon :type="toggleSearchStatus ? 'up' : 'down'" />
+              </a>
+            </span>
+          </a-col>
+        </a-row>
+      </a-form>
+    </div>
+
+    <!-- 操作按钮区域 -->
+    <div class="table-operator">
+      <a-button type="primary" @click="handleExportXls('供应链产能报表')" icon="download">合并导出</a-button>
+      <a-button type="primary" @click="monthlySupplyExport" icon="download">月份供应商合计导出</a-button>
+      <a-button type="primary" @click="monthlyDepartExport" icon="download">月份部门合计导出</a-button>
+    </div>
+
+    <!-- 合计 table  rowKey="id" :scroll="{ x: 1500 }"  -->
+    <div>
+      <a-table
+        bordered
+        :row-key="record => record.id"
+        :columns="supplyCapacityColumns"
+        :data-source="supplyCapacityData"
+        :loading="loading"
+        :pagination="ipagination"
+        @change="handleTableChange"
+      >
+      </a-table>
+    </div>
+  </a-card>
+</template>
+
+<script>
+import { JeecgListMixin } from '@/mixins/JeecgListMixin'
+import JEllipsis from '@/components/jeecg/JEllipsis'
+import moment from 'moment'
+
+export default {
+  name: 'SupplyCapacityTable', // 供应链产能报表
+  mixins: [JeecgListMixin],
+  components: { JEllipsis, moment },
+
+  data() {
+    // let ellipsis = (v, l = 20) => <j-ellipsis value={v} length={l} /> // 省略
+    return {
+      description: '供应商产能报表',
+      // 供应链产能 表头
+      supplyCapacityColumns: [
+        {
+          title: '订单号',
+          width: 120,
+          dataIndex: 'orderNum',
+          className: 'replacecolor'
+        },
+
+        {
+          title: '计划单号',
+          width: 120,
+          dataIndex: 'planNum',
+          className: 'replacecolor'
+        },
+        { title: '部门', width: 120, dataIndex: 'department', className: 'replacecolor' },
+        { title: '业务员', width: 120, dataIndex: 'salesman', className: 'replacecolor' },
+        { title: '供应商', width: 120, dataIndex: 'supplier', className: 'replacecolor' },
+        // customRender: function(text) {
+        //   if (text == '1') {
+        //     return '销售类型1'
+        //   }
+        //   if (text == '2') {
+        //     return '销售类型2'
+        //   }
+        //   if (text == '3') {
+        //     return '销售类型3'
+        //   }
+        //   if (text == '4') {
+        //     return '销售类型4'
+        //   }
+        // }
+        { title: '供应商类型', width: 120, dataIndex: 'supplierType', className: 'replacecolor' },
+        { title: '订单类型', width: 120, dataIndex: 'orderType', className: 'replacecolor' },
+        {
+          title: '数量',
+          width: 120,
+          dataIndex: 'quantity',
+          className: 'replacecolor'
+        },
+        { title: '累计入库数量', width: 120, dataIndex: 'accumulativeInQuantity', className: 'replacecolor' },
+        { title: '单位', width: 100, dataIndex: 'unit', className: 'replacecolor' },
+        { title: '计划到货月份', width: 120, dataIndex: 'planDeliveryMonth', className: 'replacecolor' },
+        { title: '计划到货日期', width: 120, dataIndex: 'planDeliveryData', className: 'replacecolor' },
+        { title: '系数', width: 100, dataIndex: 'coefficient', className: 'replacecolor' }
+      ],
+      supplyCapacityData: [{ orderNum: '3749505' }],
+      loading: false, // 表格加载
+      // 查询条件
+      queryParam: {
+        orderNum: '',
+        startDate: '',
+        endDate: '',
+        orderType: '',
+        supplier: '',
+        planNum: ''
+      }
+    }
+  },
+  created() {
+    // 渲染供应链产能报表
+  },
+
+  methods: {
+    // 月份供应链合计导出
+    monthlySupplyExport() {},
+    // 月份部门合计导出
+    monthlyDepartExport() {},
+
+    // 查询按钮
+    searchQuery() {
+      // 渲染染损列表
+    },
+    searchReset() {
+      // console.log('>>>>重置')
+      this.queryParam = {}
+    }
+  },
+  computed: {},
+  mounted() {}
+}
+</script>
+<style lang="less" scoped>
+@import '~@assets/less/common.less';
+@import '~@assets/less/overwriter.less';
+/deep/ .ant-table-thead > tr > th {
+  text-align: center;
+  // font-weight: 700;
+}
+
+/deep/ .ant-table-tbody {
+  text-align: center;
+}
+
+// /deep/ th.replacecolor {
+//   background-color: #ccc;
+// }
+
+/deep/ .ant-table-footer .ant-table.body {
+  // overflow: hidden !important;
+}
+/deep/ .ant-table.ant-table-bordered .ant-table-footer {
+  border: none;
+  padding: 0;
+}
+</style>

src/views/shipment-details/addShipmentDetails.vue

@@ -140,7 +140,7 @@
             <a href="javascript:void(0);" style="color:red;">删除</a>
           </a-popconfirm>
           <a-divider type="vertical" />
-          <a @click="push(record)">推送</a>
+          <a @click="copy(record)">复制</a>
         </span>
       </a-table>
     </div>
@@ -511,8 +511,8 @@ export default {
     // --------------------------------------
     // 操作 删除
     handleDelete() {},
-    // 操作 推送
-    push() {},
+    // 操作 复制
+    copy() {},
 
     // 保存
     save() {