sj

src/crud/index.vue

@@ -28,22 +28,24 @@
                     <ud-operation :scope="scope" :data="testData" :isEdit="tableFrom.operate.edit"
                         :isDelete="tableFrom.operate.delete" @handleEdit="handleEdit" @handleDelete="handleDelete">
                     </ud-operation>
+                    <!-- 具名插槽(自定义操作按钮) -->
+                    <slot name="operation" :scope="scope" />
                 </template>
             </el-table-column>
         </el-table>
         <!-- 分页组件 -->
         <el-pagination v-if="false" :page-size="20" :pager-count="11" layout="prev, pager, next" :total="1000" />
         <!-- 对话框 -->
-        <el-dialog v-model="dialogFormVisible" :title="`${title}`">
+        <el-dialog v-model="dialogFormVisible" :title="tableFrom.titleDialog ? tableFrom.titleDialog : `${title}`">
             <!-- 是否自定义Dialog -->
             <div v-if="tableFrom.customDialog">
-                <slot name="search" :searchCondition="searchCondition" />
+                <slot name="search" :dialogFormVisible="dialogFormVisible" />
             </div>
             <div v-else>
                 <!-- 系统内容 -->
                 <el-form ref="ruleFormRef" :rules="rules" :model="form">
                     <el-form-item v-for="(item,index) in tableFrom.field" :label="item.label" :prop="item.prop"
-                        :label-width="formLabelWidth" >
+                        :label-width="formLabelWidth">
                         <!-- 输入框 -->
                         <div style="width: 100%;" v-if="item.form.type === 'input'">
                             <el-input v-model="form[item.prop]" :type="item.itemType"
@@ -66,7 +68,6 @@
                     </el-form-item>
 
                 </el-form>
-
             </div>
 
             <template v-if="!tableFrom.customDialog" #footer>
@@ -109,9 +110,9 @@
                     four: '52011328220201499572',
                     five: '正常',
                     six: '储值卡',
-                    seven:'52011328220201499572',
-                    eight:'正常',
-                    data:'2020-12-24'
+                    seven: '52011328220201499572',
+                    eight: '正常',
+                    data: '2020-12-24'
                 }, {
                     one: '李丽霞',
                     two: '贵ANS989',
@@ -119,19 +120,19 @@
                     four: '52011328220201499572',
                     five: '正常',
                     six: '储值卡',
-                    seven:'52011328220200034040',
-                    eight:'正常',
-                    data:'2021-08-24'
-                },{
+                    seven: '52011328220200034040',
+                    eight: '正常',
+                    data: '2021-08-24'
+                }, {
                     one: '沈波',
                     two: '贵ABB123',
                     three: '蓝色',
                     four: '52011328220201499572',
                     five: '正常',
                     six: '储值卡',
-                    seven:'52011328220201499572',
-                    eight:'正常',
-                    data:'2022-01-22'
+                    seven: '52011328220201499572',
+                    eight: '正常',
+                    data: '2022-01-22'
                 }]
             }
         }

src/layout/components/TabControl.vue

@@ -25,6 +25,8 @@
     import {
         useRouter
     } from 'vue-router'
+    import $store from "@/store/index" // 引入vuex
+
     const router = useRouter() //router 对象
     let editableTabs = ref($storeTab.state.tabArray)
     let editableTabsValue = reactive($storeTab.state.editableTabsValue)
@@ -89,6 +91,7 @@
     //关闭其他
     //右键单击事件
     const openMenu = (event) => {
+        console.log($store.state.data.menuIsExpansion);
         event.preventDefault(); //防止默认菜单弹出
         let obj = event.srcElement ? event.srcElement : event.target;
         data.indexes = -1
@@ -99,7 +102,7 @@
                     data.indexes = index
                 }
             })
-            data.left = event.clientX - 200
+            data.left = event.clientX - ($store.state.data.menuIsExpansion ? 200 : 50)
             data.top = event.clientY - 65
             data.visible = true
         }

src/views/dengmingcong/cardFillDo/cardFillDo.vue

@@ -1,6 +1,7 @@
 <template>
     <!-- 卡签补办 -->
     <CRUD :homeData="Data" text="123">
+        <!-- 自定义搜索 -->
         <template #search="{ searchCondition }">
             <!-- 搜索 监听回车 @keyup.enter.native="search"-->
             <el-input v-model="searchCondition.fileOne" clearable placeholder="卡号" style="width: 200px;" />
@@ -9,6 +10,7 @@
                 <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
             </el-select>
         </template>
+        <!-- 自定义弹框内容 -->
     </CRUD>
 </template>
 <script setup lang="ts">