From 58548f030b7817bf8d5f5396631ea7b1c74561f7 Mon Sep 17 00:00:00 2001
From: zhaojinfeng <121016171@qq.com>
Date: Sat, 22 Jul 2023 16:28:21 +0800
Subject: [PATCH] feat: zIndex

---
 packages/select-table-modal/index.vue | 6 ++++--
 stories/SelectTableModal.stories.ts   | 4 +++-
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/packages/select-table-modal/index.vue b/packages/select-table-modal/index.vue
index 7f9960d..814540d 100644
--- a/packages/select-table-modal/index.vue
+++ b/packages/select-table-modal/index.vue
@@ -2,7 +2,7 @@
  * @Author: zhaojinfeng 121016171@qq.com
  * @Date: 2023-07-18 12:30:07
  * @LastEditors: zhaojinfeng 121016171@qq.com
- * @LastEditTime: 2023-07-22 15:56:14
+ * @LastEditTime: 2023-07-22 16:27:38
  * @FilePath: \vue3\packages\select-table-modal\index.vue
  * @Description: 模态框选择表格
  *
@@ -14,7 +14,7 @@
     </slot>
   </span>
   <el-config-provider :locale="locale">
-    <el-dialog v-model="showDialog" :title="title" :width="width" append-to-body @open="getList" @closed="closed">
+    <el-dialog v-model="showDialog" :title="title" :width="width" append-to-body :z-index="zIndex" @open="getList" @closed="closed">
       <el-form ref="queryRef" :modal="queryParams" inline>
         <el-form-item v-for="formItem in formItems" :key="formItem.prop" :label="formItem.label" :prop="formItem.prop">
           <el-select v-if="formItem.selectOptions" :placeholder="formItem.placeholder">
@@ -105,6 +105,7 @@ const props = withDefaults(
     width?: string | number
     /** 是否多选 */
     multiple?: boolean
+    zIndex?: number
     multipleFormattter?: (row: Record<string, any>) => any
   }>(),
   {
@@ -117,6 +118,7 @@ const props = withDefaults(
     width: '1000px',
     title: '选择',
     emptyText: '暂无数据',
+    zIndex: 2023,
     multipleFormattter(row: Record<string, any>) {
       return { ...row }
     },
diff --git a/stories/SelectTableModal.stories.ts b/stories/SelectTableModal.stories.ts
index 7420e53..b46bd0d 100644
--- a/stories/SelectTableModal.stories.ts
+++ b/stories/SelectTableModal.stories.ts
@@ -2,7 +2,7 @@
  * @Author: zhaojinfeng 121016171@qq.com
  * @Date: 2023-07-18 12:30:07
  * @LastEditors: zhaojinfeng 121016171@qq.com
- * @LastEditTime: 2023-07-22 15:49:10
+ * @LastEditTime: 2023-07-22 16:28:10
  * @FilePath: \vue3\stories\SelectTableModal.stories.ts
  * @Description:
  *
@@ -39,6 +39,7 @@ const meta = {
     pagerCount: document.body.clientWidth < 992 ? 5 : 7,
     hidePagination: false,
     multiple: false,
+    zIndex: 2023,
   },
   render: args => ({
     components: { ThSelectTableModal },
@@ -56,6 +57,7 @@ const meta = {
                  :page-sizes="args.pageSizes"
                  :pager-count="args.pagerCount"
                  :multiple="args.multiple"
+                 :z-index="args.zIndex"
               />`,
   }),
 } satisfies Meta<typeof ThSelectTableModal>