zant-admin 1.0.1 → 2.0.0

package/src/components/FormTable.vue

@@ -82,8 +82,8 @@
                 <template v-if="state.expand"> <UpOutlined />收起 </template>
                 <template v-else> <DownOutlined />更多搜索条件 </template>
               </a>
-              <a-button  type="primary" html-type="submit">搜索</a-button>
-              <a-button  style="margin: 0 8px" @click="resetForm">重置</a-button>
+              <a-button type="primary" html-type="submit">搜索</a-button>
+              <a-button style="margin: 0 8px" @click="resetForm">重置</a-button>
             </a-space>
           </a-col>
         </a-row>
@@ -112,18 +112,28 @@
           </template>
           <template v-if="column.key === 'operation'">
             <!-- 插槽内容 -->
-            <a  v-permission="getPermission('details')" @click="details(record)">详情</a>
+            <a v-permission="getPermission('details')" @click="details(record)"
+              >详情</a
+            >
+            <a-divider
+              v-if="
+                hasDetailsPermission &&
+                (hasEditPermission || hasDeletePermission)
+              "
+              type="vertical"
+            />
+            <a v-permission="getPermission('update')" @click="edit(record)"
+              >修改</a
+            >
             <a-divider
-              v-if="hasDetailsPermission && (hasEditPermission || hasDeletePermission)"
+              v-if="hasEditPermission && hasDeletePermission"
               type="vertical"
             />
-            <a  v-permission="getPermission('update')" @click="edit(record)">修改</a>
-            <a-divider v-if="hasEditPermission && hasDeletePermission" type="vertical" />
             <a-popconfirm
               title="确定要删除该数据吗?"
               @confirm="tabelDelete(record)"
             >
-            <a v-permission="getPermission('delete')">删除</a>
+              <a v-permission="getPermission('delete')">删除</a>
             </a-popconfirm>
           </template>
           <!-- 如果父组件传递了对应列的插槽，则渲染插槽内容，否则默认展示数据 -->
@@ -166,7 +176,7 @@
                   <DeleteOutlined />删除
                 </a-button>
                 <a-button
-                 type="primary"
+                  type="primary"
                   v-permission="getPermission('export')"
                   @click="dataExport"
                   size="middle"
@@ -174,7 +184,7 @@
                   <ExportOutlined />导出
                 </a-button>
                 <a-button
-                 type="primary"
+                  type="primary"
                   v-permission="getPermission('import')"
                   @click="showImportModal"
                   size="middle"
@@ -319,7 +329,7 @@ import {
   UpOutlined,
   DownOutlined,
   InboxOutlined,
-  FileExcelOutlined
+  FileExcelOutlined,
 } from '@ant-design/icons-vue'
 
 const config = configStore()
@@ -329,7 +339,7 @@ const formConfig = reactive({
   tableBordered: config.tableBordered,
 })
 // 根据模块路径生成权限标识
-const getPermission = (action) => {
+const getPermission = action => {
   // 优先使用 permissionModulePath，如果不存在则使用 modulePath
   const pathToUse = props.permissionModulePath || props.modulePath
   if (!pathToUse) return `table:${action}`
@@ -340,7 +350,7 @@ const getPermission = (action) => {
 
 // 检查按钮权限的计算属性
 const hasDetailsPermission = computed(() => {
-  return  menu.hasPermission(getPermission('details'))
+  return menu.hasPermission(getPermission('details'))
 })
 
 const hasEditPermission = computed(() => {
@@ -594,7 +604,6 @@ const batchDelete = () => {
       return new Promise((resolve, reject) => {
         setTimeout(Math.random() > 0.5 ? resolve : reject, 1000)
       }).catch(() => {
-
         get(props.modulePath + '/' + props.ftableDeleteAction, {
           ids: state.selectedRowKeys,
         }).then(() => {
@@ -641,13 +650,15 @@ const dataExport = () => {
         downloadFilePost(
           props.modulePath + '/' + props.ftableExportAction,
           data,
-        ).then(res => {
-          saveAs(res.blob, res.fileName)
-          resolve() // 请求成功后再关闭对话框
-        }).catch(error => {
-          console.log('Oops errors!')
-          reject(error) // 请求失败时保持对话框打开
-        })
+        )
+          .then(res => {
+            saveAs(res.blob, res.fileName)
+            resolve() // 请求成功后再关闭对话框
+          })
+          .catch(error => {
+            console.log('Oops errors!')
+            reject(error) // 请求失败时保持对话框打开
+          })
       })
     },
     onCancel() {},
@@ -675,8 +686,10 @@ const showImportModal = () => {
  */
 const beforeUpload = file => {
   // 检查文件类型
-  const isExcel = file.type === 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' ||
-                  file.type === 'application/vnd.ms-excel'
+  const isExcel =
+    file.type ===
+      'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' ||
+    file.type === 'application/vnd.ms-excel'
 
   if (!isExcel) {
     message.error('只能上传Excel文件!')
@@ -723,22 +736,22 @@ const handleUpload = () => {
   uploading.value = true
 
   // 这里假设导入接口为模块路径下的import方法
-  post(props.modulePath + '/import', formData, {
-  }).then(res => {
+  post(props.modulePath + '/import', formData, {})
+    .then(res => {
       uploading.value = false
       message.success({
-                content: '导入成功',
-                duration: 1,
-                onClose: () => {
-                    importModalVisible.value = false
-                  // 刷新表格数据
-                  tableLoad()
-                },
-              })
-
-  }).catch(error => {
-    uploading.value = false
-  })
+        content: '导入成功',
+        duration: 1,
+        onClose: () => {
+          importModalVisible.value = false
+          // 刷新表格数据
+          tableLoad()
+        },
+      })
+    })
+    .catch(error => {
+      uploading.value = false
+    })
 }
 
 /**
@@ -761,7 +774,7 @@ defineExpose({
   tableLoad,
   getSelectedRows,
   getDataSource,
- // getBtns,
+  // getBtns,
 })
 </script>
 <style scoped>