ol-base-components 2.8.7 → 2.8.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ol-base-components",
-  "version": "2.8.7",
+  "version": "2.8.9",
   "private": false,
   "main": "src/package/index.js",
   "bin": {
@@ -48,7 +48,7 @@
       "name": "vue-page-generator",
       "displayName": "Vue 页面生成器",
       "description": "配合ol-base-components组件使用, 无需联调的CRUD页面",
-      "version": "0.0.4",
+      "version": "0.0.4", 
       "engines": {
         "vscode": "^1.60.0"
       },

package/src/package/table/src/index.vue

@@ -168,7 +168,7 @@
         <template v-for="(item, index) in this.tableData.columns">
           <TableColumn
             :column="item"
-            :key="`${item.prop || item.label}-${item.show}-${key}`"
+            :key="`${item.prop || item.label}-${item.show}-${index}`"
             :id="`${item.prop}-${item.show}-${index}`"
           >
             <template v-for="(slotFn, name) in $scopedSlots" v-slot:[name]="slotProps">
@@ -245,639 +245,656 @@
   </div>
 </template>
 <script>
-  import { getData } from "../../index.js";
-  import nodata from "./nodata.jpg";
-  import printTemplate from "./printTable.vue";
-  import TableColumn from "./TableColumn.vue";
-  export default {
-    name: "table",
-    components: {
-      printTemplate,
-      TableColumn,
-      // 函数式组件注册
-      renderDom: {
-        functional: true,
-        props: {
-          render: Function,
-        },
-        render(createElement, renDom) {
-          return <div>{renDom.props.render()}</div>;
-        },
+import { getData } from "../../index.js";
+import nodata from "./nodata.jpg";
+import printTemplate from "./printTable.vue";
+import TableColumn from "./TableColumn.vue";
+export default {
+  name: "table",
+  components: {
+    printTemplate,
+    TableColumn,
+    // 函数式组件注册
+    renderDom: {
+      functional: true,
+      props: {
+        render: Function,
       },
-      // myTableColumn: {
-      //   functional: true,
-      //   props: {
-      //     column: { type: Object, required: true }
-      //   },
-      //   render(h, ctx) {
-      //     const col = ctx.props.column;
-
-      //     // 多级表头处理
-      //     if (col.children && col.children.length) {
-      //       return h(
-      //         'el-table-column',
-      //         {
-      //           props: {
-      //             label: col.label,
-      //             align: 'center',
-      //             ...col.attrs,
-      //           }
-      //         },
-      //         col.children.map((child, idx) =>
-      //           h(ctx.parent.$options.components.myTableColumn, {
-      //             props: { column: child },
-      //             key: idx
-      //           })
-      //         )
-      //       );
-      //     }
-
-      //     // 单列表头处理
-      //     return h(
-      //       'el-table-column',
-      //       {
-      //         props: {
-      //           label: col.label,
-      //           prop: col.prop,
-      //           minWidth: col.minWidth || '150px',
-      //           showOverflowTooltip: col.overHidden || true,
-      //           type: col.type || 'normal',
-      //           align: 'center',
-      //           width: col.width,
-      //           fixed: col.fixed || false,
-      //           sortable: col.sortable || false,
-      //           ...col.attrs
-      //         }
-      //       },
-      //       [
-      //         // 表头插槽 - 添加 el-tooltip
-      //         h('template', { slot: 'header' }, [
-      //           h('el-tooltip', {
-      //             props: {
-      //               content: `${col.label} ${col.prop}`,
-      //               placement: 'top'
-      //             }
-      //           }, [
-      //             h('span', col.label)
-      //           ])
-      //         ]),
-      //         // 内容插槽 - 支持自定义渲染
-      //         col.render ? h('template', { slot: 'default' }, {
-      //           render: (scope) => h(ctx.parent.$options.components.renderDom, {
-      //             props: { render: () => col.render(scope.row) }
-      //           })
-      //         }) : null,
-      //         // 插槽渲染
-      //         col.renderSlot ? h('template', { slot: 'default' }, {
-      //           render: (scope) => ctx.parent.$scopedSlots[col.prop] ?
-      //             ctx.parent.$scopedSlots[col.prop](scope) : null
-      //         }) : null
-      //       ].filter(Boolean)
-      //     );
-      //   }
-      // }
-    },
-    model: {
-      prop: "multipleSelection",
-      event: "SelectionChange",
-    },
-    props: {
-      url: {
-        type: String,
-        default: "",
-      }, // 接口地址
-      printListObj: {
-        type: Object,
-        default: () => {
-          return {
-            title: "",
-            tableHeader: "",
-            tableData: "",
-          };
-        },
-      }, // 打印参数
-      btnlist: Array,
-      outTable: {
-        type: Object,
-        default: () => {
-          return {
-            tableProp: {},
-          };
-        },
+      render(createElement, renDom) {
+        return <div>{renDom.props.render()}</div>;
       },
-      // exportBut: {
-      //   type: Array,
-      //   default: [],
-      // },
-      // 表格传的形式
-      tableData: {
-        type: Object,
-        default: () => {
-          return {
-            loading: false,
-            options: {
-              selection: null, // 多选框
-              index: null, // 序号
-              headTool: true, // 开启头部工具栏
-              refreshBtn: true, // 开启表格头部刷新按钮
-              downloadBtn: true, // 开启表格头部下载按钮
-            }, // 序号和复选框
-            rows: [], // 表数据
-            columns: [], // 表头
-            operates: [], // 表格里面的操作按钮
-            // tableHeightDiff: 300,
-            operatesAttrs: {},
-          };
-        },
-      },
-      tableDataShow: {
-        type: Boolean,
-        default: true,
+    },
+    // myTableColumn: {
+    //   functional: true,
+    //   props: {
+    //     column: { type: Object, required: true }
+    //   },
+    //   render(h, ctx) {
+    //     const col = ctx.props.column;
+
+    //     // 多级表头处理
+    //     if (col.children && col.children.length) {
+    //       return h(
+    //         'el-table-column',
+    //         {
+    //           props: {
+    //             label: col.label,
+    //             align: 'center',
+    //             ...col.attrs,
+    //           }
+    //         },
+    //         col.children.map((child, idx) =>
+    //           h(ctx.parent.$options.components.myTableColumn, {
+    //             props: { column: child },
+    //             key: idx
+    //           })
+    //         )
+    //       );
+    //     }
+
+    //     // 单列表头处理
+    //     return h(
+    //       'el-table-column',
+    //       {
+    //         props: {
+    //           label: col.label,
+    //           prop: col.prop,
+    //           minWidth: col.minWidth || '150px',
+    //           showOverflowTooltip: col.overHidden || true,
+    //           type: col.type || 'normal',
+    //           align: 'center',
+    //           width: col.width,
+    //           fixed: col.fixed || false,
+    //           sortable: col.sortable || false,
+    //           ...col.attrs
+    //         }
+    //       },
+    //       [
+    //         // 表头插槽 - 添加 el-tooltip
+    //         h('template', { slot: 'header' }, [
+    //           h('el-tooltip', {
+    //             props: {
+    //               content: `${col.label} ${col.prop}`,
+    //               placement: 'top'
+    //             }
+    //           }, [
+    //             h('span', col.label)
+    //           ])
+    //         ]),
+    //         // 内容插槽 - 支持自定义渲染
+    //         col.render ? h('template', { slot: 'default' }, {
+    //           render: (scope) => h(ctx.parent.$options.components.renderDom, {
+    //             props: { render: () => col.render(scope.row) }
+    //           })
+    //         }) : null,
+    //         // 插槽渲染
+    //         col.renderSlot ? h('template', { slot: 'default' }, {
+    //           render: (scope) => ctx.parent.$scopedSlots[col.prop] ?
+    //             ctx.parent.$scopedSlots[col.prop](scope) : null
+    //         }) : null
+    //       ].filter(Boolean)
+    //     );
+    //   }
+    // }
+  },
+  model: {
+    prop: "multipleSelection",
+    event: "SelectionChange",
+  },
+  props: {
+    url: {
+      type: String,
+      default: "",
+    }, // 接口地址
+    printListObj: {
+      type: Object,
+      default: () => {
+        return {
+          title: "",
+          tableHeader: "",
+          tableData: "",
+        };
       },
-      pageSizes: {
-        type: Array,
-        default: () => {
-          return [20, 30, 40, 60, 100, 200];
-        },
+    }, // 打印参数
+    btnlist: Array,
+    outTable: {
+      type: Object,
+      default: () => {
+        return {
+          tableProp: {},
+        };
       },
-      paginations: {
-        // 显示复选框，
-        type: Object,
-        default: () => {
-          return {
-            page: 1, // 当前位于那页面
-            total: 0, // 总数
-            limit: 30, // 一页显示多少条
-            pagetionShow: true,
-          };
-        },
+    },
+    // exportBut: {
+    //   type: Array,
+    //   default: [],
+    // },
+    // 表格传的形式
+    tableData: {
+      type: Object,
+      default: () => {
+        return {
+          loading: false,
+          options: {
+            selection: null, // 多选框
+            index: null, // 序号
+            headTool: true, // 开启头部工具栏
+            refreshBtn: true, // 开启表格头部刷新按钮
+            downloadBtn: true, // 开启表格头部下载按钮
+          }, // 序号和复选框
+          rows: [], // 表数据
+          columns: [], // 表头
+          operates: [], // 表格里面的操作按钮
+          // tableHeightDiff: 300,
+          operatesAttrs: {},
+        };
       },
-      emptyImg: {
-        // 显示复选框，
-        type: Boolean,
-        default: false,
+    },
+    tableDataShow: {
+      type: Boolean,
+      default: true,
+    },
+    pageSizes: {
+      type: Array,
+      default: () => {
+        return [20, 30, 40, 60, 100, 200];
       },
-      tableEvents: Object,
-      showBtnBox: {
-        type: Boolean,
-        default: true,
+    },
+    paginations: {
+      // 显示复选框，
+      type: Object,
+      default: () => {
+        return {
+          page: 1, // 当前位于那页面
+          total: 0, // 总数
+          limit: 30, // 一页显示多少条
+          pagetionShow: true,
+        };
       },
     },
-
-    data() {
-      return {
-        nodata,
-        tableRef: this.tableData.tableRef || "tableRef", // ref
-        toggleRowFlage: this.tableData.toggleRowFlage || false, // 点击行高亮select标识
-        // screenWidth: 0,
-        // tableHeight:
-        //   document.documentElement.clientHeight - this.tableData.tableHeightDiff,
-        pagetionShow: this.paginations.pagetionShow || true,
-        twinPage: 1,
-        columnsWatcher: null,
-        key: 0,
-      };
+    emptyImg: {
+      // 显示复选框，
+      type: Boolean,
+      default: false,
+    },
+    tableEvents: Object,
+    showBtnBox: {
+      type: Boolean,
+      default: true,
+    },
+    //获取swagger后的钩子，返回swagger结构数据
+    swaggerColumnsProcessor: {
+      type: Function,
+      default: null,
+    },
+  },
+
+  data() {
+    return {
+      nodata,
+      tableRef: this.tableData.tableRef || "tableRef", // ref
+      toggleRowFlage: this.tableData.toggleRowFlage || false, // 点击行高亮select标识
+      // screenWidth: 0,
+      // tableHeight:
+      //   document.documentElement.clientHeight - this.tableData.tableHeightDiff,
+      pagetionShow: this.paginations.pagetionShow || true,
+      twinPage: 1,
+      columnsWatcher: null,
+      key: 0,
+    };
+  },
+  computed: {
+    bindTableColumns() {
+      return this.tableData.columns.filter(column =>
+        Object.keys(column).includes("show") ? column.show : true
+      );
     },
-    computed: {
-      bindTableColumns() {
-        return this.tableData.columns.filter(column =>
-          Object.keys(column).includes("show") ? column.show : true
-        );
-      },
 
-      checkedTableList: {
-        get() {
-          // 返回选中的列名
-          return this.getAllColumnsWithProp(this.tableData.columns);
-        },
+    checkedTableList: {
+      get() {
+        // 返回选中的列名
+        return this.getAllColumnsWithProp(this.tableData.columns);
       },
-      /* 这里使用了getter和setter，这样写的好处不用自己手动监听复选框的选中事件 */
-      checkedTableColumns: {
-        get() {
-          // 返回选中的列名
-          return this.getAllLabelsWithProp();
-        },
-        set(checked) {
-          this.setColumnsShow(checked);
-          this.$nextTick(() => {
-            this.$refs.tableRef.doLayout();
-          });
-        },
-      },
-    },
-    created() {
-      // 通过swagger完善columns
-      this.init();
     },
-    // 组件销毁时清理监听器
-    beforeDestroy() {
-      this.stopColumnsWatching();
+    /* 这里使用了getter和setter，这样写的好处不用自己手动监听复选框的选中事件 */
+    checkedTableColumns: {
+      get() {
+        // 返回选中的列名
+        return this.getAllLabelsWithProp();
+      },
+      set(checked) {
+        this.setColumnsShow(checked);
+        this.$nextTick(() => {
+          this.$refs.tableRef.doLayout();
+        });
+      },
     },
-    methods: {
-      // init() {
-      //   // 从 IndexedDB 中获取 Swagger 数据
-      //   getData().then((swaggerData) => {
-      //     const swaggerColumns = swaggerData.paths[this.url].get.responses["200"].content['application/json'].schema.properties.items.items.properties;
-
-      //     Object.keys(swaggerColumns).forEach(key => {
-      //       const item = swaggerColumns[key];
-      //       let tempItem = this.tableData.columns.find((e) => e.prop == key);
-      //       if (tempItem) {
-      //         tempItem = { ...item, ...tempItem };
-      //       } else if (item.description) {
-      //         this.tableData.columns.push({
-      //           prop: key,
-      //           label: item.description,
-      //           show: true,
-      //           sortable: false,
-      //           attrs: {}
-      //         });
-      //       }
-      //     });
-      //     console.log(`\x1b[36m\x1b[4mol插件-表格`, this.tableData.columns)
-      //   }).catch((error) => {
-      //     console.error("获取 Swagger 数据失败:", error);
-      //   });
-      // },
-      // 支持多级表头 useSlotHeader: true，且支持排序，通过columns中的顺序实现
-      //  columns: [
-      //       {
-      //         label: '一级表头',
-      //         children: [{ prop: 'bindStateEnum', label: '112' }, { prop: 'tagNumber' }]
-      //       },
-      //       {
-      //         prop: "remark",
-      //         label: "备注123",
-      //       },
-      //     ],
-      init() {
-        // 从 IndexedDB 中获取 Swagger 数据
-        getData()
-          .then(swaggerData => {
-            const swaggerColumns =
-              swaggerData.paths[this.url].get.responses["200"].content["application/json"].schema
-                .properties.items.items.properties;
-
-            // 递归映射函数
-            const mapSwaggerToColumns = columns => {
-              columns.forEach(column => {
-                if (column.children && column.children.length) {
-                  mapSwaggerToColumns(column.children);
-                } else {
-                  if (column.prop && swaggerColumns[column.prop]) {
-                    const swaggerItem = swaggerColumns[column.prop];
-                    this.$set(column, "label", swaggerItem.description);
-                    if (!Object.keys(column).includes("show")) this.$set(column, "show", true);
-                  }
+  },
+  created() {
+    // 通过swagger完善columns
+    this.init();
+  },
+  // 组件销毁时清理监听器
+  beforeDestroy() {
+    this.stopColumnsWatching();
+  },
+  methods: {
+    // init() {
+    //   // 从 IndexedDB 中获取 Swagger 数据
+    //   getData().then((swaggerData) => {
+    //     const swaggerColumns = swaggerData.paths[this.url].get.responses["200"].content['application/json'].schema.properties.items.items.properties;
+
+    //     Object.keys(swaggerColumns).forEach(key => {
+    //       const item = swaggerColumns[key];
+    //       let tempItem = this.tableData.columns.find((e) => e.prop == key);
+    //       if (tempItem) {
+    //         tempItem = { ...item, ...tempItem };
+    //       } else if (item.description) {
+    //         this.tableData.columns.push({
+    //           prop: key,
+    //           label: item.description,
+    //           show: true,
+    //           sortable: false,
+    //           attrs: {}
+    //         });
+    //       }
+    //     });
+    //     console.log(`\x1b[36m\x1b[4mol插件-表格`, this.tableData.columns)
+    //   }).catch((error) => {
+    //     console.error("获取 Swagger 数据失败:", error);
+    //   });
+    // },
+    // 支持多级表头 useSlotHeader: true，且支持排序，通过columns中的顺序实现
+    //  columns: [
+    //       {
+    //         label: '一级表头',
+    //         children: [{ prop: 'bindStateEnum', label: '112' }, { prop: 'tagNumber' }]
+    //       },
+    //       {
+    //         prop: "remark",
+    //         label: "备注123",
+    //       },
+    //     ],
+    init() {
+      // 从 IndexedDB 中获取 Swagger 数据
+      getData()
+        .then(async swaggerData => {
+          const swaggerColumns =
+            swaggerData.paths[this.url].get.responses["200"].content["application/json"].schema
+              .properties.items.items.properties;
+
+          try {
+            const res = await this.swaggerColumnsProcessor(swaggerColumns);
+            swaggerColumns = res;
+          } catch (err) {}
+
+          // 递归映射函数
+          const mapSwaggerToColumns = columns => {
+            columns.forEach(column => {
+              if (column.children && column.children.length) {
+                mapSwaggerToColumns(column.children);
+              } else {
+                if (column.prop && swaggerColumns[column.prop]) {
+                  const swaggerItem = swaggerColumns[column.prop];
+                  this.$set(column, "label", swaggerItem.description);
+                  if (!Object.keys(column).includes("show")) this.$set(column, "show", true);
                 }
-              });
-            };
-            // 自定义columns数据
-            mapSwaggerToColumns(this.tableData.columns);
-
-            Object.keys(swaggerColumns).forEach(key => {
-              const item = swaggerColumns[key];
-              const existingColumn = this.findColumnByProp(this.tableData.columns, key);
-              if (!existingColumn && item.description) {
-                this.tableData.columns.push({
-                  prop: key,
-                  label: item.description,
-                  show: true,
-                  sortable: false,
-                  attrs: {},
-                });
               }
             });
-            // 根据beforeProp排序
-            this.sortColumns(this.tableData.columns);
-
-            // 添加show, 最后添加show是为了后期swagger可能会增加show字段(扩展)
-            // 递归根据当前是否有show键名,没有show就添加show:true
-            const addShow = columns => {
-              columns.forEach(column => {
-                if (!column.hasOwnProperty("show")) this.$set(column, "show", true);
-                if (column.children && column.children.length) {
-                  addShow(column.children);
-                } else {
-                  if (!column.hasOwnProperty("show")) {
-                    // 用set修改
-                    this.$set(column, "show", true);
-                  }
-                }
-              });
-            };
-            // 添加show，这里的show只显示隐藏，通过checkbox能实现显示隐藏。如果不想checkbox中出现可添加hidden（这是区别于老框架的逻辑）
-            addShow(this.tableData.columns);
-            console.log(`\x1b[36m\x1b[4mol插件-表格`, this.tableData.columns);
-
-            // init 执行完成后，添加深度监听
-            this.startColumnsWatching();
-          })
-          .catch(error => {
-            console.error("获取 Swagger 数据失败:", error);
-          });
-      },
-      // 多级表头顺序调整，只争对有多级表头的且包含beforeProp字段的，规则：通过多级表头的beforeProp字段将整个多级表头移到这个字段位置之后。（只会一级出现beforeProp，多级中的排序都要手动实现）
-      sortColumns(columns) {
-        let index = 0;
-        columns.forEach(column => {
-          if (!column.beforeProp) {
-            column.sort = index;
-            index++;
-            const tempItem = columns.find(e => e.beforeProp == column.prop);
-            if (tempItem) {
-              tempItem.sort = index;
-              index++;
+          };
+          // 自定义columns数据
+          mapSwaggerToColumns(this.tableData.columns);
+
+          Object.keys(swaggerColumns).forEach(key => {
+            const item = swaggerColumns[key];
+            const existingColumn = this.findColumnByProp(this.tableData.columns, key);
+            if (!existingColumn && item.description) {
+              const obj = {
+                prop: key,
+                label: item.description,
+                show: true,
+                sortable: false,
+                attrs: {},
+              };
+              // 如果是枚举值直接转成Desc结尾的,swagger中没有Desc但是后端接口会返回带Desc的字段，用于前端展示枚举值的中文
+              if (item.enum && Array.isArray(item.enum)) {
+                obj.prop = `${key}Desc`;
+                obj.label = item.description.replace(/枚举/g, "");
+              }
+              this.tableData.columns.push(obj);
             }
-          }
+          });
+          // 根据beforeProp排序
+          this.sortColumns(this.tableData.columns);
+
+          // 添加show, 最后添加show是为了后期swagger可能会增加show字段(扩展)
+          // 递归根据当前是否有show键名,没有show就添加show:true
+          const addShow = columns => {
+            columns.forEach(column => {
+              if (!column.hasOwnProperty("show")) this.$set(column, "show", true);
+              if (column.children && column.children.length) {
+                addShow(column.children);
+              } else {
+                if (!column.hasOwnProperty("show")) {
+                  // 用set修改
+                  this.$set(column, "show", true);
+                }
+              }
+            });
+          };
+          // 添加show，这里的show只显示隐藏，通过checkbox能实现显示隐藏。如果不想checkbox中出现可添加hidden（这是区别于老框架的逻辑）
+          addShow(this.tableData.columns);
+          console.log(`\x1b[36m\x1b[4mol插件-表格`, this.tableData.columns);
+
+          // init 执行完成后，添加深度监听
+          this.startColumnsWatching();
+        })
+        .catch(error => {
+          console.error("获取 Swagger 数据失败:", error);
         });
-        columns.sort((a, b) => a.sort - b.sort);
-      },
-      // 递归查找列配置的辅助方法
-      findColumnByProp(columns, prop) {
-        for (const column of columns) {
-          if (column.children && column.children.length) {
-            const found = this.findColumnByProp(column.children, prop);
-            if (found) return found;
-          } else if (column.prop === prop) {
-            return column;
+    },
+    // 多级表头顺序调整，只争对有多级表头的且包含beforeProp字段的，规则：通过多级表头的beforeProp字段将整个多级表头移到这个字段位置之后。（只会一级出现beforeProp，多级中的排序都要手动实现）
+    sortColumns(columns) {
+      let index = 0;
+      columns.forEach(column => {
+        if (!column.beforeProp) {
+          column.sort = index;
+          index++;
+          const tempItem = columns.find(e => e.beforeProp == column.prop);
+          if (tempItem) {
+            tempItem.sort = index;
+            index++;
           }
         }
-        return null;
-      },
-      radioChange() {
-        this.$emit("radioChange", this.twinPage);
-      },
-      // 刷新表格
-      refreshTable() {
-        const view = this.$router.history.current;
-        this.$store.dispatch("tagsView/delCachedView", view).then(() => {
-          const { fullPath } = view;
-          this.$nextTick(() => {
-            this.$router.replace({
-              path: "/redirect" + fullPath,
-            });
+      });
+      columns.sort((a, b) => a.sort - b.sort);
+    },
+    // 递归查找列配置的辅助方法
+    findColumnByProp(columns, prop) {
+      for (const column of columns) {
+        if (column.children && column.children.length) {
+          const found = this.findColumnByProp(column.children, prop);
+          if (found) return found;
+        } else if (column.prop === prop) {
+          return column;
+        }
+      }
+      return null;
+    },
+    radioChange() {
+      this.$emit("radioChange", this.twinPage);
+    },
+    // 刷新表格
+    refreshTable() {
+      const view = this.$router.history.current;
+      this.$store.dispatch("tagsView/delCachedView", view).then(() => {
+        const { fullPath } = view;
+        this.$nextTick(() => {
+          this.$router.replace({
+            path: "/redirect" + fullPath,
           });
         });
-        this.$emit("refreshTable");
-      },
-      printTable() {
-        console.log("printTable");
-        if (this.tableData.rows.length <= 0) return;
-        this.printListObj.title = this.$router.history.current.name;
-        this.printListObj.tableHeader = this.tableData.columns;
-        this.printListObj.tableData = this.tableData.rows;
-        console.log(this.printListObj);
-        setTimeout(() => {
-          $(".printTemplate").show();
-          $(".printTemplate").jqprint();
-          $(".printTemplate").hide();
-        }, 50);
-        this.$emit("printTable");
-      },
-      selectAll(val) {
-        this.$emit("selectAll", val);
-      },
-      select(val, row) {
-        this.$emit("selectTab", val, row);
-      },
-      refreshTableBTN() {
-        this.$emit("refreshTableBTN");
-      },
-      rowClick(row, column) {
-        if (column.label === "操作") return; // 操作列不处罚行点击事件
-        this.$emit("rowClick", row);
-        if (
-          this.tableData.columns.every(item => {
-            return item.label !== "是否只出样件";
-          })
-        ) {
-          // 为true时 点击行高亮select
-          this.$refs.tableRef.toggleRowSelection(row);
-        }
-      },
-      computeTableIndex(index) {
-        return (this.paginations.page - 1) * this.paginations.limit + index + 1;
-      },
-      // 挑选的数据
-      SelectionChange(val) {
-        this.multipleSelection = val;
-        this.$emit("SelectionChange", val);
-      },
-      // 分页选择
-      handleSizeChange(val) {
-        this.paginations.limit = val;
-        this.$emit("handleSizeChange", val);
-      },
-      handleindexChange(val) {
-        this.paginations.page = val;
-        this.$emit("handleindexChange", val);
-      },
-      getCheckboxList() {
-        return this.tableData.column;
-      },
-      setCheckboxList(val) {},
-
-      getAllColumnsWithProp(columns) {
-        const result = [];
-        const propMap = new Map(); // 使用Map存储prop -> column的映射
-
-        const traverse = cols => {
-          cols.forEach(column => {
-            if (column.children && column.children.length) {
-              // 如果有子列，递归处理子列
-              traverse(column.children);
-            } else if (column.prop) {
-              // 如果包含prop属性且未重复，添加到结果数组
-              if (!propMap.has(column.prop)) {
-                propMap.set(column.prop, column);
-                result.push(column);
-              }
+      });
+      this.$emit("refreshTable");
+    },
+    printTable() {
+      console.log("printTable");
+      if (this.tableData.rows.length <= 0) return;
+      this.printListObj.title = this.$router.history.current.name;
+      this.printListObj.tableHeader = this.tableData.columns;
+      this.printListObj.tableData = this.tableData.rows;
+      console.log(this.printListObj);
+      setTimeout(() => {
+        $(".printTemplate").show();
+        $(".printTemplate").jqprint();
+        $(".printTemplate").hide();
+      }, 50);
+      this.$emit("printTable");
+    },
+    selectAll(val) {
+      this.$emit("selectAll", val);
+    },
+    select(val, row) {
+      this.$emit("selectTab", val, row);
+    },
+    refreshTableBTN() {
+      this.$emit("refreshTableBTN");
+    },
+    rowClick(row, column) {
+      if (column.label === "操作") return; // 操作列不处罚行点击事件
+      this.$emit("rowClick", row);
+      if (
+        this.tableData.columns.every(item => {
+          return item.label !== "是否只出样件";
+        })
+      ) {
+        // 为true时 点击行高亮select
+        this.$refs.tableRef.toggleRowSelection(row);
+      }
+    },
+    computeTableIndex(index) {
+      return (this.paginations.page - 1) * this.paginations.limit + index + 1;
+    },
+    // 挑选的数据
+    SelectionChange(val) {
+      this.multipleSelection = val;
+      this.$emit("SelectionChange", val);
+    },
+    // 分页选择
+    handleSizeChange(val) {
+      this.paginations.limit = val;
+      this.$emit("handleSizeChange", val);
+    },
+    handleindexChange(val) {
+      this.paginations.page = val;
+      this.$emit("handleindexChange", val);
+    },
+    getCheckboxList() {
+      return this.tableData.column;
+    },
+    setCheckboxList(val) {},
+
+    getAllColumnsWithProp(columns) {
+      const result = [];
+      const propMap = new Map(); // 使用Map存储prop -> column的映射
+
+      const traverse = cols => {
+        cols.forEach(column => {
+          if (column.children && column.children.length) {
+            // 如果有子列，递归处理子列
+            traverse(column.children);
+          } else if (column.prop) {
+            // 如果包含prop属性且未重复，添加到结果数组
+            if (!propMap.has(column.prop)) {
+              propMap.set(column.prop, column);
+              result.push(column);
             }
-          });
-        };
+          }
+        });
+      };
 
-        traverse(columns);
-        return result;
-      },
+      traverse(columns);
+      return result;
+    },
 
-      // checkbox的显示隐藏
-      getAllLabelsWithProp() {
-        const result = [];
-
-        const traverse = cols => {
-          cols.forEach(column => {
-            if (column.children && column.children.length) {
-              // 如果有子列，递归处理子列
-              traverse(column.children);
-            } else if (column.prop && column.show) {
-              // 如果包含prop属性且未重复，添加到结果数组
-              if (!result.includes(column.prop) && column.show) {
-                result.push(column.prop);
-              }
+    // checkbox的显示隐藏
+    getAllLabelsWithProp() {
+      const result = [];
+
+      const traverse = cols => {
+        cols.forEach(column => {
+          if (column.children && column.children.length) {
+            // 如果有子列，递归处理子列
+            traverse(column.children);
+          } else if (column.prop && column.show) {
+            // 如果包含prop属性且未重复，添加到结果数组
+            if (!result.includes(column.prop) && column.show) {
+              result.push(column.prop);
             }
-          });
-        };
-        traverse(this.tableData.columns);
-        return result;
-      },
-      setColumnsShow(checkedList) {
-        // 递归更新tableData.columns的show属性
-        const traverse = cols => {
-          cols.forEach(column => {
-            if (column.children && column.children.length) {
-              traverse(column.children);
-            } else if (column.prop) {
-              // 用set修改
-              if (checkedList.includes(column.prop)) {
-                this.$set(column, "show", true);
-              } else {
-                this.$set(column, "show", false);
-              }
+          }
+        });
+      };
+      traverse(this.tableData.columns);
+      return result;
+    },
+    setColumnsShow(checkedList) {
+      // 递归更新tableData.columns的show属性
+      const traverse = cols => {
+        cols.forEach(column => {
+          if (column.children && column.children.length) {
+            traverse(column.children);
+          } else if (column.prop) {
+            // 用set修改
+            if (checkedList.includes(column.prop)) {
+              this.$set(column, "show", true);
+            } else {
+              this.$set(column, "show", false);
             }
-          });
-        };
-        traverse(this.tableData.columns);
-      },
-
-      // 开启 columns 监听,（二级菜单是递归组件，数据变化dom没有发送变化，故监听直接更新dom）
-      startColumnsWatching() {
-        this.stopColumnsWatching();
-        this.columnsWatcher = this.$watch("tableData.columns", () => (this.key += 1), {
-          deep: true, // 深度监听
-          immediate: false,
+          }
         });
-      },
+      };
+      traverse(this.tableData.columns);
+    },
 
-      // 停止 columns 监听
-      stopColumnsWatching() {
-        if (this.columnsWatcher) {
-          this.columnsWatcher();
-          this.columnsWatcher = null;
-        }
-      },
+    // 开启 columns 监听,（二级菜单是递归组件，数据变化dom没有发送变化，故监听直接更新dom）
+    startColumnsWatching() {
+      this.stopColumnsWatching();
+      this.columnsWatcher = this.$watch("tableData.columns", () => (this.key += 1), {
+        deep: true, // 深度监听
+        immediate: false,
+      });
     },
-  };
-</script>
 
-<style lang="scss" scoped>
-  .table_list_fix {
-    overflow: auto;
-    flex: 1;
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-    padding: 10px;
-    gap: 10px;
-
-    ::v-deep .el-table {
-      td {
-        padding: 0px;
-
-        div {
-          line-height: 28px;
-          font-size: 12px;
-        }
+    // 停止 columns 监听
+    stopColumnsWatching() {
+      if (this.columnsWatcher) {
+        this.columnsWatcher();
+        this.columnsWatcher = null;
       }
+    },
+  },
+};
+</script>
 
-      th {
-        padding: 0px;
-        background: #f5f7fa;
-        div {
-          line-height: 28px;
-          color: #909399;
-          font-size: 12px;
-        }
+<style lang="scss" scoped>
+.table_list_fix {
+  overflow: auto;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  padding: 10px;
+  gap: 10px;
+
+  ::v-deep .el-table {
+    td {
+      padding: 0px;
+
+      div {
+        line-height: 28px;
+        font-size: 12px;
       }
     }
 
-    .btn-operates {
-      margin: 10px 0px 10px 15px;
-
-      ::v-deep a {
-        color: #fff;
-        text-decoration: none;
-        display: inline-block;
-        margin: 0px 5px;
-        ::v-deep .el-button {
-          width: 100%;
-          padding: 7px;
-          font-size: 13px;
-        }
+    th {
+      padding: 0px;
+      background: #f5f7fa;
+      div {
+        line-height: 28px;
+        color: #909399;
+        font-size: 12px;
       }
     }
   }
 
-  .table-header {
-    padding-top: 10px;
-
-    .table-header_button {
-      text-align: right;
-      float: right;
-      margin-bottom: 12px;
-      line-height: 40px;
+  .btn-operates {
+    margin: 10px 0px 10px 15px;
+
+    ::v-deep a {
+      color: #fff;
+      text-decoration: none;
+      display: inline-block;
+      margin: 0px 5px;
+      ::v-deep .el-button {
+        width: 100%;
+        padding: 7px;
+        font-size: 13px;
+      }
     }
   }
+}
 
-  .newjump {
-    text-decoration: none;
-    color: dodgerblue;
-  }
+.table-header {
+  padding-top: 10px;
 
-  .tablebox {
-    box-sizing: border-box;
-    flex: 1;
-    overflow: auto;
+  .table-header_button {
+    text-align: right;
+    float: right;
+    margin-bottom: 12px;
+    line-height: 40px;
   }
-
-  ::v-deep .el-table__body tr.current-row > td {
-    background-color: rgb(24, 144, 255) !important;
-    color: #fff;
+}
+
+.newjump {
+  text-decoration: none;
+  color: dodgerblue;
+}
+
+.tablebox {
+  box-sizing: border-box;
+  flex: 1;
+  overflow: auto;
+}
+
+::v-deep .el-table__body tr.current-row > td {
+  background-color: rgb(24, 144, 255) !important;
+  color: #fff;
+}
+
+::v-deep .redrow {
+  background: #fde6e6 !important;
+}
+
+.btnbox {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+
+  .upload-demo {
+    display: -webkit-inline-box;
+    margin-left: 10px;
   }
 
-  ::v-deep .redrow {
-    background: #fde6e6 !important;
-  }
-
-  .btnbox {
-    width: 100%;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-
-    .upload-demo {
-      display: -webkit-inline-box;
-      margin-left: 10px;
-    }
-
-    .el-form-item {
-      margin-bottom: 0px;
-    }
-  }
-
-  .layui-table-tool-self {
-    display: block;
-    width: 26px;
-    height: 26px;
-    padding: 5px;
-    line-height: 16px;
-    text-align: center;
-    color: #333;
-    border: 1px solid #ccc;
-    cursor: pointer;
-  }
-
-  .checkbox {
-    display: block;
-  }
-  // 操作列按钮布局
-  .operate-group {
-    display: flex;
-    align-items: center;
-    justify-content: space-around;
-  }
-  .toolbox {
-    display: flex;
-    gap: 10px;
+  .el-form-item {
+    margin-bottom: 0px;
   }
+}
+
+.layui-table-tool-self {
+  display: block;
+  width: 26px;
+  height: 26px;
+  padding: 5px;
+  line-height: 16px;
+  text-align: center;
+  color: #333;
+  border: 1px solid #ccc;
+  cursor: pointer;
+}
+
+.checkbox {
+  display: block;
+}
+// 操作列按钮布局
+.operate-group {
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+}
+.toolbox {
+  display: flex;
+  gap: 10px;
+}
 </style>
+