333
schangxiang@126.com
2025-09-19 18966e02fb573c7e2bb0c6426ed792b38b910940
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<template>
  <div ref="container" class="page-list-container">
 
    <!--数据Table-->
    <yrt-data-list :ref="dataListRef" :editor-ref="editorRef" :data-options="dataOptions" :fields.sync="dataListOptions.fields" :buttons="dataListOptions.buttons" :button-click="buttonClick" :data-list-selections.sync="dataListSelections" :auth-nodes="authNodes">
    </yrt-data-list>
 
    <!--数据编辑器Editor-->
    <yrt-editor :ref="editorRef" :data-list-ref="dataListRef" v-bind="editorOptions" :data-options="dataOptions" :action.sync="editorOptions.action" :top.sync="editorOptions.top" :visible.sync="editorOptions.config.visible" :detail-button-click="detailButtonClick" :btn-read-only="btnReadOnly" :auth-nodes="authNodes">
    </yrt-editor>
    <!-- 主表批量导入 -->
    <import-dialog :visible.sync="orderImportConfig.isShowDialog" :import-config="orderImportConfig" @on-close="onImportClose">
    </import-dialog>
 
  </div>
</template>
<script>
import baseLayout from "@/components/common/base-layout.vue";
import ImportDialog from "@/components/common/components/import-common-dialog";
import yrtSelector from "@/components/common/yrtSelector.vue";
 
export default {
  name: "sys-product-provider",
  components: { yrtSelector, ImportDialog },
  mixins: [baseLayout],
  data() {
    return {
      // 出库单导入对话框参数
      orderImportConfig: {
        // 显示导入对话框
        isShowDialog: false,
        title: "供应商信息导入",
        // 导入地址
        url: "/api/sys/provider/import",
        // 模板地址
        templateUrl: "https://auod-beijing.oss-cn-beijing.aliyuncs.com/node-wms/template/供应商信息导入模板.xlsx"
      }
    };
  },
  methods: {
    // 列表页面按钮点击事件
    buttonClick(authNode) {
      switch (authNode) {
        case "allImport":
          this.orderImportConfig.isShowDialog = true;
          return true;
      }
    },
    // 导入窗口关闭时事件
    onImportClose() {
      this.dataList.reload();
    }
  }
};
</script>