收款单、其他应收单 打印

package.json

@@ -15,6 +15,7 @@
     "test:ci": "npm run lint && npm run test:unit"
   },
   "dependencies": {
+    "@zjlib/element-plugins": "^1.1.0",
     "axios": "0.18.1",
     "clipboard": "^2.0.8",
     "concurrent-tasks": "^1.0.7",

src/components/SalesHeader/SalesHeader.vue

@@ -0,0 +1,104 @@
+<template>
+  <div class="sales">
+    <el-form :rules="rules" label-position="left" label-width="120px" :model="screenForm" size="mini">
+      <el-row gutter="20">
+        <el-col :xs="24" :ms="6" :lg="6">
+          <el-form-item label="销售订单号" prop="name">
+            <el-input v-model="screenForm.code" placeholder="销售订单号" size="mini" />
+          </el-form-item>
+        </el-col>
+        <el-col :xs="24" :ms="6" :lg="6">
+          <el-form-item label="商家编号" prop="code">
+            <el-input v-model="screenForm.code" placeholder="商家编号" size="mini" />
+          </el-form-item>
+        </el-col>
+        <el-col :xs="24" :ms="6" :lg="6">
+          <el-form-item label="商家名称" prop="code">
+            <el-input v-model="screenForm.code" placeholder="商家名称" size="mini" />
+          </el-form-item>
+        </el-col>
+        <el-col :xs="24" :ms="6" :lg="6">
+          <el-form-item label="配送日期" prop="code">
+            <el-date-picker
+              v-model="screenForm.value1"
+              type="datetime"
+              size="mini"
+              value-format="yyyy-MM-dd HH:mm:ss"
+              placeholder="选择日期">
+            </el-date-picker>
+          </el-form-item>
+        </el-col>
+        <el-col :xs="24" :ms="6" :lg="6">
+          <el-form-item label="发货仓库编号" prop="code">
+            <el-input v-model="screenForm.code" placeholder="发货仓库编号" size="mini" />
+          </el-form-item>
+        </el-col>
+        <el-col :xs="24" :ms="6" :lg="6">
+          <el-form-item label="发货仓库名称" prop="code">
+            <el-input v-model="screenForm.code" placeholder="发货仓库名称" size="mini" />
+          </el-form-item>
+        </el-col>
+        <el-col :xs="24" :ms="6" :lg="6">
+          <el-form-item label="用户名称" prop="code">
+            <el-input v-model="screenForm.code" placeholder="用户名称" size="mini" />
+          </el-form-item>
+        </el-col>
+        <el-col :xs="24" :ms="6" :lg="6">
+          <el-form-item label="用户电话" prop="code">
+            <el-input v-model="screenForm.code" placeholder="用户电话" size="mini" />
+          </el-form-item>
+        </el-col>
+        <el-col :xs="24" :ms="6" :lg="6">
+          <el-form-item label="地区" prop="code">
+            <el-input v-model="screenForm.code" placeholder="地区" size="mini" />
+          </el-form-item>
+        </el-col>
+        <el-col :xs="24" :ms="6" :lg="6">
+          <el-form-item label="送货地址" prop="code">
+            <el-input v-model="screenForm.code" placeholder="送货地址" size="mini" />
+          </el-form-item>
+        </el-col>
+        <el-col :xs="24" :ms="24" :lg="24">
+          <el-form-item label="备注" prop="code">
+            <el-input v-model="screenForm.code" placeholder="备注" size="mini" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'SalesHeader',
+  data() {
+    return {
+      screenForm: {},
+      rules: {
+        name: [
+          { required: true, message: '请输入销售订单号', trigger: 'blur' },
+          { required: true, message: '请输入商家编号', trigger: 'blur' },
+          { required: true, message: '请输入商家名称', trigger: 'blur' },
+          { required: true, message: '请输入配送日期', trigger: 'blur' },
+          { required: true, message: '请输入发货仓库编号', trigger: 'blur' },
+          { required: true, message: '请输入发货仓库名称', trigger: 'blur' },
+          { required: true, message: '请输入用户名称', trigger: 'blur' },
+          { required: true, message: '请输入用户电话', trigger: 'blur' },
+          { required: true, message: '请输入商家编号', trigger: 'blur' },
+          { required: true, message: '请输入送货地址', trigger: 'blur' },
+          { required: true, message: '请输入备注', trigger: 'blur' }
+
+        ]
+      }
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.sales {
+  margin: 20px;
+  padding: 20px;
+  box-shadow: 0 0 8px 0 rgb(0 0 0 / 20%);
+}
+</style>

src/components/SalesTable/SalesTable.vue

@@ -0,0 +1,195 @@
+<template>
+  <div class="sales">
+    <h5>销售订单明细</h5>
+    <slot name="bts">
+      <div>
+        <el-button type="primary" size="mini">添加</el-button>
+        <el-button type="danger" size="mini">删除</el-button>
+      </div>
+    </slot>
+    <div class="table">
+      <el-table
+        :data="dataList"
+        style="width: 100%"
+        v-bind="tableAttributes"
+      >
+        <el-table-column
+          v-if="isSelection"
+          type="selection"
+          width="55"
+        >
+        </el-table-column>
+        <el-table-column
+          v-if="isIndex"
+          type="index"
+          width="50"
+        >
+        </el-table-column>
+        <el-table-column
+          v-for="(item,index) in column"
+          :key="index"
+          v-bind="{...item,...columnAttributes}"
+        >
+          <template v-slot="{row}">
+            <template v-if="item.isInput">
+              {{ row.prop }}
+            </template>
+            <template v-else>
+              <el-input
+                v-model.number="row.prop"
+                class="yinput"
+                :type="item.type?item.type:'number'"
+                :placeholder="item.placeholder"
+                size="mini"
+                @mousewheel.native.prevent
+              />
+            </template>
+          </template>
+        </el-table-column>
+        <el-table-column v-if="isOperation" fixed="left" label="操作" min-width="250" align="center">
+          <slot>
+            <template v-slot="{row}">
+              <el-popconfirm
+                style="margin-left: 10px"
+                title="删除？"
+                @onConfirm="handleDel(row)"
+              >
+                <el-button slot="reference" type="text" size="mini">提审</el-button>
+              </el-popconfirm>
+            </template>
+          </slot>
+        </el-table-column>
+      </el-table>
+    </div>
+    <slot />
+    <div>
+      <h5>物流信息</h5>
+      <div class="diy-table-1">
+        <el-row>
+          <el-col :span="6" class="item">
+            <div class="label">销售政策编号</div>
+            <div class="value">2222</div>
+          </el-col>
+          <el-col :span="6" class="item">
+            <div class="label">销售政策编号</div>
+            <div class="value">2222</div>
+          </el-col>
+          <el-col :span="6" class="item">
+            <div class="label">销售政策编号</div>
+            <div class="value">2222</div>
+          </el-col>
+          <el-col :span="6" class="item">
+            <div class="label">销售政策编号</div>
+            <div class="value">2222</div>
+          </el-col>
+          <el-col :span="6" class="item">
+            <div class="label">销售政策编号</div>
+            <div class="value">2222</div>
+          </el-col>
+        </el-row>
+      </div>
+      <el-timeline :reverse="reverse">
+        <el-timeline-item
+          v-for="(activity, index) in activities"
+          :key="index"
+          :timestamp="activity.timestamp"
+          :color="activity.color"
+        >
+          {{ activity.content }}
+        </el-timeline-item>
+      </el-timeline>
+    </div>
+    <slot name="events">
+      <div>
+        <el-button type="primary" size="mini">保存</el-button>
+        <el-button size="mini">重置</el-button>
+      </div>
+    </slot>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'SalesTable',
+  props: {
+    isSelection: {
+      type: Boolean,
+      default: false
+    },
+    isIndex: {
+      type: Boolean,
+      default: false
+    },
+    isOperation: {
+      type: Boolean,
+      default: false
+    },
+    tableAttributes: {
+      type: Object,
+      default: () => {
+        return {}
+      }
+    },
+    columnAttributes: {
+      type: Object,
+      default: () => {
+        return {}
+      }
+    },
+    dataList: {
+      type: Array,
+      default: () => {
+        return []
+      }
+    }
+  },
+  data() {
+    return {
+      column: [
+        {
+          prop: 'date',
+          label: '日期'
+        },
+        {
+          prop: 'date',
+          label: '日期'
+
+        },
+        {
+          prop: 'date',
+          label: '日期'
+
+        }
+      ],
+      activities: [{
+        content: '活动按期开始',
+        color: '#0bbd87',
+        timestamp: '2018-04-15'
+      }, {
+        content: '通过审核',
+        timestamp: '2018-04-13'
+      }, {
+        content: '创建成功',
+        timestamp: '2018-04-11'
+      }]
+    }
+  },
+  methods: {
+    handleDel(row) {
+      console.log(row)
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.sales {
+  margin: 20px;
+  padding: 20px;
+  box-shadow: 0 0 8px 0 rgb(0 0 0 / 20%);
+}
+
+.diy-table-1 {
+  margin: 20px 0;
+}
+</style>

src/main.js

@@ -32,6 +32,9 @@ import '@/permission' // permission control
 
 import * as filters from './filters' // global filters
 import directives from './directives'
+import '@zjlib/element-plugins/dest/element-plugins.css'
+import ElementPlugins from '@zjlib/element-plugins'
+Vue.use(ElementPlugins)
 
 // 成功/错误提示
 import { successMsg, errorMsg, warningNotify, checkBtnRole, getSummaries, numToFixed } from '@/utils/common.js'

src/views/sales/sales_management.vue

@@ -0,0 +1,11 @@
+<template>
+  <div>
+      <keep-alive>
+        <router-view />
+      </keep-alive>
+  </div>
+</template>
+
+<script>
+export default {}
+</script>

src/views/sales/sales_management/components/sel-export-column-list.vue

@@ -0,0 +1,118 @@
+<template>
+  <el-dialog
+    title="勾选导出列"
+    :before-close="cancel"
+    :visible.sync="dialogVisible"
+    width="400px"
+  >
+    <el-table
+      :data="exportColumnList"
+      v-bind="{
+        height: '100%',
+        style: 'width: 100%',
+        border: true,
+        headerCellClassName: 'headerRowColor',
+        size: 'mini'
+      }"
+    >
+      <el-table-column
+        v-bind="{
+          label: '显示',
+          prop: '',
+          width: '80px'
+        }"
+      >
+        <template slot="header" slot-scope="scope">
+          <div>
+            <el-checkbox v-model="isExport"></el-checkbox>
+            <span style="margin-left:5px">导出</span>
+          </div>
+        </template>
+        <template slot-scope="scope">
+          <el-checkbox v-model="scope.row.isExport"></el-checkbox>
+        </template>
+      </el-table-column>
+      <el-table-column
+        v-bind="{
+          label: '列名',
+          prop: ''
+        }"
+      >
+        <template slot-scope="scope">
+          <div>
+            {{ scope.row.label }}
+          </div>
+        </template>
+      </el-table-column>
+    </el-table>
+    <span slot="footer" class="dialog-footer">
+      <el-button size="mini" @click="cancel">取 消</el-button>
+      <el-button size="mini" type="primary" @click="determine">确 定</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+export default {
+  props: {
+    columnList: {
+      type: Array,
+      default: () => []
+    }
+  },
+  data() {
+    return {
+      dialogVisible: false,
+      isExport: true,
+      exportColumnList: []
+    };
+  },
+  watch: {
+    columnList: {
+      handler() {
+        if (this.columnList && this.columnList.length) {
+          this.exportColumnList = this.columnList.map(item => {
+            return { ...item.exportField, isExport: true };
+          });
+          this.dialogVisible = true;
+        } else {
+          this.exportColumnList = [];
+          this.dialogVisible = false;
+        }
+      },
+      deep: true
+    },
+    exportColumnList: {
+      handler() {
+        this.isExport = this.exportColumnList.every(
+          item => item.isExport === true
+        );
+      },
+      deep: true
+    },
+    isExport() {
+      if (
+        this.exportColumnList.every(item => item.isExport === true) !==
+        this.isExport
+      ) {
+        this.exportColumnList.map(item => {
+          item.isExport = this.isExport;
+        });
+      }
+    }
+  },
+  methods: {
+    cancel() {
+      this.$emit("cancel");
+    },
+    determine() {
+      this.$emit(
+        "determine",
+        this.exportColumnList.filter(item => item.isExport)
+      );
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped></style>

src/views/sales/sales_management/components/tableData.js

@@ -0,0 +1,378 @@
+export default {
+  data: {
+    records: [
+      {
+        id: '1529270679017484289',
+        identity: '431003199803271316',
+        goodsId: 'W1000',
+        goodsName: '铜管',
+        saleUnit: '米',
+        qty: -25,
+        categoryId: '6',
+        categoryName: '铜管',
+        createTime: '2022-05-25 09:18:37',
+      },
+      {
+        id: '1529270679738904578',
+        identity: '431003199803271316',
+        goodsId: 'W1006',
+        goodsName: '保温棉',
+        saleUnit: '条',
+        qty: -24,
+        categoryId: '4',
+        categoryName: '保温',
+        createTime: '2022-05-25 09:18:37',
+      },
+      {
+        id: '1529280470703071233',
+        identity: '452226198504073614',
+        goodsId: 'W1000',
+        goodsName: '铜管',
+        saleUnit: '米',
+        qty: 30,
+        categoryId: '6',
+        categoryName: '铜管',
+        createTime: '2022-05-25 09:57:32',
+      },
+      {
+        id: '1529282123955101698',
+        identity: '452226198504073614',
+        goodsId: 'W1001',
+        goodsName: '金冷R600a/90G',
+        saleUnit: '瓶',
+        qty: 10,
+        categoryId: '11',
+        categoryName: '冷媒',
+        createTime: '2022-05-25 10:04:06',
+      },
+      {
+        id: '1529284045793583105',
+        identity: '431003199803271316',
+        goodsId: 'W1001',
+        goodsName: '金冷R600a/90G',
+        saleUnit: '瓶',
+        qty: 10,
+        categoryId: '11',
+        categoryName: '冷媒',
+        createTime: '2022-05-25 10:11:44',
+      },
+      {
+        id: '1529286318682726402',
+        identity: '511321198104074414',
+        goodsId: 'W1000',
+        goodsName: '铜管',
+        saleUnit: '米',
+        qty: 0,
+        categoryId: '6',
+        categoryName: '铜管',
+        createTime: '2022-05-25 10:20:46',
+      },
+      {
+        id: '1529293433069559809',
+        identity: '440229197310010077',
+        goodsId: 'W1000',
+        goodsName: '铜管',
+        saleUnit: '米',
+        qty: 8,
+        categoryId: '6',
+        categoryName: '铜管',
+        createTime: '2022-05-25 10:49:02',
+      },
+      {
+        id: '1529300002167513089',
+        identity: '440229197310010077',
+        goodsId: 'W1015',
+        goodsName: '3-5匹角铁地架',
+        saleUnit: '副',
+        qty: 0,
+        categoryId: '13',
+        categoryName: '支架',
+        createTime: '2022-05-25 11:15:08',
+      },
+      {
+        id: '1529392526345297922',
+        identity: '431003199803271316',
+        goodsId: 'W1005',
+        goodsName: '包扎带（挂机）',
+        saleUnit: '卷',
+        qty: -20,
+        categoryId: '30',
+        categoryName: '包扎带',
+        createTime: '2022-05-25 17:22:48',
+      },
+      {
+        id: '1529392527217713154',
+        identity: '431003199803271316',
+        goodsId: 'W1052',
+        goodsName: '包扎带（柜机）',
+        saleUnit: '卷',
+        qty: -2,
+        categoryId: '30',
+        categoryName: '包扎带',
+        createTime: '2022-05-25 17:22:48',
+      },
+      {
+        id: '1529392527284822018',
+        identity: '431003199803271316',
+        goodsId: 'W1003',
+        goodsName: '连接器',
+        saleUnit: '个',
+        qty: -6,
+        categoryId: '31',
+        categoryName: '连接器',
+        createTime: '2022-05-25 17:22:48',
+      },
+      {
+        id: '1529392527356125186',
+        identity: '431003199803271316',
+        goodsId: 'W1002',
+        goodsName: '双壁热缩套管',
+        saleUnit: '条',
+        qty: -6,
+        categoryId: '32',
+        categoryName: '双壁热缩套管',
+        createTime: '2022-05-25 17:22:48',
+      },
+      {
+        id: '1529392527473565698',
+        identity: '431003199803271316',
+        goodsId: 'W1008',
+        goodsName: '电缆',
+        saleUnit: '米',
+        qty: -2,
+        categoryId: '18',
+        categoryName: '电缆',
+        createTime: '2022-05-25 17:22:48',
+      },
+      {
+        id: '1539450903616245761',
+        identity: '430725198907104353',
+        goodsId: 'W1000',
+        goodsName: '铜管',
+        saleUnit: '米',
+        qty: -4,
+        categoryId: '6',
+        categoryName: '铜管',
+        createTime: '2022-06-22 11:31:12',
+      },
+      {
+        id: '1539450903687548929',
+        identity: '430725198907104353',
+        goodsId: 'W1006',
+        goodsName: '保温棉',
+        saleUnit: '条',
+        qty: -2,
+        categoryId: '4',
+        categoryName: '保温',
+        createTime: '2022-06-22 11:31:12',
+      },
+    ],
+    total: 23,
+    size: 15,
+    current: 1,
+    orders: [],
+    optimizeCountSql: true,
+    searchCount: true,
+    countId: null,
+    maxLimit: null,
+    pages: 2,
+  },
+  message: 'success',
+  code: 1,
+  fieldBeans: [
+    {
+      id: '1584740968445440002',
+      adminUserId: '1417020624153350146',
+      moduleId: 'P1001002',
+      label: '创建时间',
+      placeholder: null,
+      type: 'datetime',
+      multiple: false,
+      frontCode: null,
+      tbName: null,
+      colName: 'createTime',
+      width: null,
+      sortNum: 0,
+      isShow: true,
+      isCopy: false,
+      createTime: null,
+      createBy: null,
+      updateTime: null,
+      updateBy: null,
+      jname: 'createTime',
+    },
+    {
+      id: '1584740968458022913',
+      adminUserId: '1417020624153350146',
+      moduleId: 'P1001002',
+      label: 'id',
+      placeholder: null,
+      type: 'input',
+      multiple: false,
+      frontCode: '',
+      tbName: 'worker_stock',
+      colName: 'id',
+      width: null,
+      sortNum: 1,
+      isShow: true,
+      isCopy: false,
+      createTime: null,
+      createBy: null,
+      updateTime: null,
+      updateBy: null,
+      jname: 'id',
+    },
+    {
+      id: '1584740968466411522',
+      adminUserId: '1417020624153350146',
+      moduleId: 'P1001002',
+      label: '身份证',
+      placeholder: null,
+      type: 'input',
+      multiple: false,
+      frontCode: '',
+      tbName: 'worker_stock',
+      colName: 'identity',
+      width: null,
+      sortNum: 2,
+      isShow: true,
+      isCopy: false,
+      createTime: null,
+      createBy: null,
+      updateTime: null,
+      updateBy: null,
+      jname: 'identity',
+    },
+    {
+      id: '1584740968466411523',
+      adminUserId: '1417020624153350146',
+      moduleId: 'P1001002',
+      label: '商品id',
+      placeholder: null,
+      type: 'input',
+      multiple: false,
+      frontCode: '',
+      tbName: 'worker_stock',
+      colName: 'goodsId',
+      width: null,
+      sortNum: 3,
+      isShow: true,
+      isCopy: false,
+      createTime: null,
+      createBy: null,
+      updateTime: null,
+      updateBy: null,
+      jname: 'goodsId',
+    },
+    {
+      id: '1584740968466411524',
+      adminUserId: '1417020624153350146',
+      moduleId: 'P1001002',
+      label: '商品名称',
+      placeholder: null,
+      type: 'input',
+      multiple: false,
+      frontCode: '',
+      tbName: 'worker_goods',
+      colName: 'goodsName',
+      width: null,
+      sortNum: 4,
+      isShow: true,
+      isCopy: false,
+      createTime: null,
+      createBy: null,
+      updateTime: null,
+      updateBy: null,
+      jname: 'goodsName',
+    },
+    {
+      id: '1584740968470605827',
+      adminUserId: '1417020624153350146',
+      moduleId: 'P1001002',
+      label: '数量',
+      placeholder: null,
+      type: 'number',
+      isTotal: true,
+      multiple: false,
+      frontCode: '',
+      tbName: 'worker_stock',
+      colName: 'qty',
+      width: null,
+      sortNum: 5,
+      isShow: true,
+      isCopy: false,
+      createTime: null,
+      createBy: null,
+      updateTime: null,
+      updateBy: null,
+      jname: 'qty',
+    },
+    {
+      id: '1584740968470605826',
+      adminUserId: '1417020624153350146',
+      moduleId: 'P1001002',
+      label: '销售单位',
+      placeholder: null,
+      type: 'input',
+      multiple: false,
+      frontCode: '',
+      tbName: 'worker_goods',
+      colName: 'saleUnit',
+      width: null,
+      sortNum: 6,
+      isShow: true,
+      isCopy: false,
+      createTime: null,
+      createBy: null,
+      updateTime: null,
+      updateBy: null,
+      jname: 'saleUnit',
+    },
+    {
+      id: '1584740968470605828',
+      adminUserId: '1417020624153350146',
+      moduleId: 'P1001002',
+      label: '类型id',
+      placeholder: null,
+      type: 'number',
+      multiple: false,
+      frontCode: '',
+      tbName: 'worker_goods',
+      colName: 'categoryId',
+      width: null,
+      sortNum: 7,
+      isShow: true,
+      isCopy: false,
+      createTime: null,
+      createBy: null,
+      updateTime: null,
+      updateBy: null,
+      jname: 'categoryId',
+    },
+    {
+      id: '1584740968470605829',
+      adminUserId: '1417020624153350146',
+      moduleId: 'P1001002',
+      label: '类型名称',
+      placeholder: null,
+      type: 'select',
+      multiple: false,
+      frontCode: 'category',
+      tbName: 'worker_goods',
+      colName: 'categoryName',
+      width: null,
+      sortNum: 8,
+      isShow: true,
+      isCopy: false,
+      createTime: null,
+      createBy: null,
+      updateTime: null,
+      updateBy: null,
+      jname: 'categoryName',
+    },
+  ],
+  typeReference: {
+    type: 'com.gree.material.manager.bean.worker.ZStockBean',
+    typeName: 'class com.gree.material.manager.bean.worker.ZStockBean',
+  },
+};

src/views/sales/sales_management/customer_sales_list.vue

@@ -0,0 +1,121 @@
+<template>
+  <div>
+    <!--    <zj-page-template-->
+    <!--      :getTableData="getTableData"-->
+    <!--      :optionsEvens="evens"-->
+    <!--      :tableAttributes="tableAttributes"-->
+    <!--      :tableEvents="tableEvents"-->
+    <!--      :columnParsing="columnParsing"-->
+    <!--      :plan="plan"-->
+    <!--      @columnWidthChange="columnWidthChange"-->
+    <!--      @columnListChange="columnListChange"-->
+    <!--    />-->
+    <sales-header />
+    <sales-table/>
+  </div>
+</template>
+
+<script>
+import tableDataJson from './components/tableData'
+import SalesHeader from '@/components/SalesHeader/SalesHeader'
+import SalesTable from '@/components/SalesTable/SalesTable'
+
+export default {
+  components: {
+    SalesHeader,
+    SalesTable
+  },
+  data() {
+    return {
+      // 按钮集合
+      evens: [
+        [
+          {
+            name: '刷新',
+            click: this.refresh
+          }
+        ],
+        [
+          {
+            name: '新增',
+            click: this.add
+          },
+          {
+            name: '删除',
+            click: this.del
+          }
+        ]
+      ],
+      // 我的方案
+      plan: [
+        {
+          name: '默认方案',
+          paramCallback: () => {
+            return []
+          }
+        },
+        {
+          name: '今天',
+          paramCallback: () => {
+            return []
+          }
+        },
+        {
+          name: '本周',
+          paramCallback: () => {
+            return []
+          }
+        }
+      ],
+      tableAttributes: {
+        // 启用勾选列
+        selectColumn: true
+      },
+      tableEvents: {
+        'selection-change': this.selectionChange
+      }
+    }
+  },
+  methods: {
+    // 获取列表数据函数
+    getTableData(data) {
+      // console.log("参数：" + JSON.stringify(data));
+      return tableDataJson
+    },
+    // 表格列解析渲染数据更改
+    columnParsing(item, defaultData) {
+      // console.log(item, defaultData);
+      return defaultData
+    },
+    // 监听列表显示状态与排序变化
+    columnListChange(columnList) {
+      // console.log(columnList);
+    },
+    // 监听列宽度变化
+    columnWidthChange({ newWidth, oldWidth, column }) {
+      // console.log(newWidth, oldWidth, column);
+    },
+    // 监听勾选变化
+    selectionChange(arr) {
+      // console.log(arr);
+    },
+    /**
+     * 更多其他操作
+     */
+    refresh() {
+      alert('点击了刷新')
+    },
+    add() {
+      alert('点击了新增')
+    },
+    del() {
+      alert('点击了删除')
+    }
+  }
+
+}
+</script>
+
+<style scoped>
+
+</style>

src/views/sales/sales_management/return_sales_list.vue

@@ -0,0 +1,113 @@
+<template>
+  <div>
+    <zj-page-template
+      :getTableData="getTableData"
+      :optionsEvens="evens"
+      :tableAttributes="tableAttributes"
+      :tableEvents="tableEvents"
+      :columnParsing="columnParsing"
+      :plan="plan"
+      @columnWidthChange="columnWidthChange"
+      @columnListChange="columnListChange"
+    />
+  </div>
+</template>
+
+<script>
+import tableDataJson from './components/tableData'
+
+export default {
+  data() {
+    return {
+      // 按钮集合
+      evens: [
+        [
+          {
+            name: '刷新',
+            click: this.refresh
+          }
+        ],
+        [
+          {
+            name: '新增',
+            click: this.add
+          },
+          {
+            name: '删除',
+            click: this.del
+          }
+        ]
+      ],
+      // 我的方案
+      plan: [
+        {
+          name: '默认方案',
+          paramCallback: () => {
+            return []
+          }
+        },
+        {
+          name: '今天',
+          paramCallback: () => {
+            return []
+          }
+        },
+        {
+          name: '本周',
+          paramCallback: () => {
+            return []
+          }
+        }
+      ],
+      tableAttributes: {
+        // 启用勾选列
+        selectColumn: true
+      },
+      tableEvents: {
+        'selection-change': this.selectionChange
+      }
+    }
+  },
+  methods: {
+    // 获取列表数据函数
+    getTableData(data) {
+      // console.log("参数：" + JSON.stringify(data));
+      return tableDataJson
+    },
+    // 表格列解析渲染数据更改
+    columnParsing(item, defaultData) {
+      // console.log(item, defaultData);
+      return defaultData
+    },
+    // 监听列表显示状态与排序变化
+    columnListChange(columnList) {
+      // console.log(columnList);
+    },
+    // 监听列宽度变化
+    columnWidthChange({ newWidth, oldWidth, column }) {
+      // console.log(newWidth, oldWidth, column);
+    },
+    // 监听勾选变化
+    selectionChange(arr) {
+      // console.log(arr);
+    },
+    /**
+     * 更多其他操作
+     */
+    refresh() {
+      alert('点击了刷新')
+    },
+    add() {
+      alert('点击了新增')
+    },
+    del() {
+      alert('点击了删除')
+    }
+  }
+
+}
+</script>
+
+<style scoped>
+
+</style>