a

src/views/professional/outercompany/index.vue

@@ -27,7 +27,7 @@
             type="primary"
             icon="FolderAdd"      
             @click="handleAdd"
-            v-if="permissions.professional_outercompany_add">新 增
+            v-auth="'professional_outercompany_add'">新 增
           </el-button>
         </div>
       </el-row>
@@ -59,14 +59,14 @@
         <el-table-column label="操作" min-width="150" align="center" fixed="right">
           <template #default="scope">
             <el-button 
-              v-if="permissions.professional_outercompany_edit"
+              v-auth="'professional_outercompany_edit'"
               icon="edit-pen"
               link
               type="primary"
               @click="handleEdit(scope.row)">修改
             </el-button>
             <el-button
-              v-if="permissions.professional_outercompany_del"
+              v-auth="'professional_outercompany_del'"
               icon="delete"
               link
               type="danger"
@@ -86,7 +86,7 @@
       <!-- 新增/编辑弹窗 -->
       <el-dialog
         v-model="dialogVisible"
-        :title="form.id ? '编辑' : '新增'"
+        :title="form.id ? '修改' : '新增'"
         width="600px"
         :close-on-click-modal="false"
         destroy-on-close
@@ -140,26 +140,12 @@
 </template>
 
 <script setup lang="ts">
-import { ref, reactive, computed } from 'vue'
-import { storeToRefs } from 'pinia'
-import { useUserInfo } from '/@/stores/userInfo'
+import { ref, reactive } from 'vue'
 import { BasicTableProps, useTable } from '/@/hooks/table'
 import { useMessage } from '/@/hooks/message'
 import { useMessageBox } from '/@/hooks/message'
 import { fetchList, addObj, putObj, delObj, getObj } from '/@/api/professional/stayschool/outercompany'
 
-// 使用 Pinia store
-const userInfoStore = useUserInfo()
-const { userInfos } = storeToRefs(userInfoStore)
-
-// 创建权限对象
-const permissions = computed(() => {
-  const perms: Record<string, boolean> = {}
-  userInfos.value.authBtnList.forEach((perm: string) => {
-    perms[perm] = true
-  })
-  return perms
-})
 
 // 消息提示 hooks
 const message = useMessage()

src/views/professional/outercompany/indexSecond.vue

@@ -27,7 +27,7 @@
             type="primary"
             icon="FolderAdd"      
             @click="handleAdd"
-            v-if="permissions.professional_outercompany_add">新 增
+            v-auth="'professional_outercompany_add'">新 增
           </el-button>
           <!-- <right-toolbar
             v-model:showSearch="showSearch"
@@ -65,14 +65,14 @@
         <el-table-column label="操作" min-width="150" align="center" fixed="right">
           <template #default="scope">
             <el-button 
-              v-if="permissions.professional_outercompany_edit"
+              v-auth="'professional_outercompany_edit'"
               icon="edit-pen"
               link
               type="primary"
               @click="handleEdit(scope.row)">修改
             </el-button>
             <el-button
-              v-if="permissions.professional_outercompany_del"
+              v-auth="'professional_outercompany_del'"
               icon="delete"
               link
               type="danger"
@@ -92,7 +92,7 @@
       <!-- 新增/编辑弹窗 -->
       <el-dialog
         v-model="dialogVisible"
-        :title="form.id ? '编辑' : '新增'"
+        :title="form.id ? '修改' : '新增'"
         width="600px"
         :close-on-click-modal="false"
         destroy-on-close
@@ -146,26 +146,12 @@
 </template>
 
 <script setup lang="ts">
-import { ref, reactive, computed } from 'vue'
-import { storeToRefs } from 'pinia'
-import { useUserInfo } from '/@/stores/userInfo'
+import { ref, reactive } from 'vue'
 import { BasicTableProps, useTable } from '/@/hooks/table'
 import { useMessage } from '/@/hooks/message'
 import { useMessageBox } from '/@/hooks/message'
 import { fetchList, addObj, putObj, delObj, getObj } from '/@/api/professional/stayschool/outercompany'
 
-// 使用 Pinia store
-const userInfoStore = useUserInfo()
-const { userInfos } = storeToRefs(userInfoStore)
-
-// 创建权限对象
-const permissions = computed(() => {
-  const perms: Record<string, boolean> = {}
-  userInfos.value.authBtnList.forEach((perm: string) => {
-    perms[perm] = true
-  })
-  return perms
-})
 
 // 消息提示 hooks
 const message = useMessage()

src/views/professional/outercompany/indexTrain.vue

@@ -48,14 +48,14 @@
         <!-- <el-table-column label="操作" width="150" align="center" fixed="right">
           <template #default="scope">
             <el-button 
-              v-if="permissions.professional_outercompany_edit"
+              v-auth="'professional_outercompany_edit'"
               icon="edit-pen"
               text
               type="primary"
               @click="handleEdit(scope.row)">修改
             </el-button>
             <el-button
-              v-if="permissions.professional_outercompany_del"
+              v-auth="'professional_outercompany_del'"
               icon="delete"
               text
               type="danger"
@@ -77,24 +77,10 @@
 </template>
 
 <script setup lang="ts">
-import { ref, reactive, computed } from 'vue'
-import { storeToRefs } from 'pinia'
-import { useUserInfo } from '/@/stores/userInfo'
+import { ref, reactive } from 'vue'
 import { BasicTableProps, useTable } from '/@/hooks/table'
 import { fetchList } from '/@/api/professional/stayschool/outercompany'
 
-// 使用 Pinia store
-const userInfoStore = useUserInfo()
-const { userInfos } = storeToRefs(userInfoStore)
-
-// 创建权限对象
-const permissions = computed(() => {
-  const perms: Record<string, boolean> = {}
-  userInfos.value.authBtnList.forEach((perm: string) => {
-    perms[perm] = true
-  })
-  return perms
-})
 
 // 表格引用
 const tableRef = ref()