a

src/views/professional/professionalteacherhonor/index.vue

@@ -55,13 +55,13 @@
       <!-- 操作按钮 -->
       <el-row>
         <div class="mb15" style="width: 100%;">
-          <el-button 
-            v-auth="'professional_professionalteacherhonor_add'"
+          <el-button
+            v-if="hasAuth('professional_professionalteacherhonor_add')"
             type="primary"
             icon="FolderAdd"
             @click="handleAdd">新 增
           </el-button>
-          <el-button 
+          <el-button
             type="warning"
             plain
             icon="Download"
@@ -75,6 +75,7 @@
       <el-table
         ref="tableRef"
         :data="state.dataList"
+        row-key="id"
         v-loading="state.loading"
         border
         :cell-style="tableStyle.cellStyle"
@@ -117,48 +118,43 @@
         
         <el-table-column label="操作" width="280" align="center" fixed="right">
           <template #default="scope">
-            <el-button 
-              v-auth="'professional_professionalteacherhonor_edit'"
-              v-if="scope.row.state === '0' || scope.row.state === '-2'"
+            <el-button
+              v-if="hasAuth('professional_professionalteacherhonor_edit') && (scope.row.state === '0' || scope.row.state === '-2')"
               type="primary"
               link
               icon="edit-pen"
               @click="handleEdit(scope.row)">修改
             </el-button>
-            <el-button 
-              v-auth="'professional_professionalteacherhonor_exam'"
-              v-if="scope.row.canExam"
+            <el-button
+              v-if="hasAuth('professional_professionalteacherhonor_exam') && scope.row.canExam"
               type="success"
               link
               icon="CircleCheck"
               @click="changeState(scope.row, 1)">通过
             </el-button>
             <el-button
-                type="success"
-                link
-                v-auth="'professional_professionalteacherhonor_exam'"
-                icon="CircleCheck"
-                v-if="scope.row.canDeptExam"
-                @click="changeState(scope.row, 1)">部门通过
+              v-if="hasAuth('professional_professionalteacherhonor_exam') && scope.row.canDeptExam"
+              type="success"
+              link
+              icon="CircleCheck"
+              @click="changeState(scope.row, 1)">部门通过
             </el-button>
-            <el-button 
-              v-auth="'professional_professionalteacherhonor_exam'"
-              v-if="scope.row.canBack"
+            <el-button
+              v-if="hasAuth('professional_professionalteacherhonor_exam') && scope.row.canBack"
               type="danger"
               link
               icon="CircleClose"
               @click="changeState(scope.row, -2)">驳回
             </el-button>
             <el-button
-                type="danger"
-                link
-                v-auth="'professional_professionalteacherhonor_exam'"
-                icon="CircleClose"
-                v-if="scope.row.canDeptBack"
-                @click="changeState(scope.row, -2)">部门驳回
+              v-if="hasAuth('professional_professionalteacherhonor_exam') && scope.row.canDeptBack"
+              type="danger"
+              link
+              icon="CircleClose"
+              @click="changeState(scope.row, -2)">部门驳回
             </el-button>
-            <el-button 
-              v-auth="'professional_professionalteacherhonor_del'"
+            <el-button
+              v-if="hasAuth('professional_professionalteacherhonor_del')"
               type="danger"
               link
               icon="delete"
@@ -194,6 +190,7 @@
 <script setup lang="ts">
 import { ref, reactive, nextTick } from 'vue'
 import { BasicTableProps, useTable } from '/@/hooks/table'
+import { useAuth } from '/@/hooks/auth'
 import { useMessage } from '/@/hooks/message'
 import { useMessageBox } from '/@/hooks/message'
 import { useDict } from '/@/hooks/dict'
@@ -220,6 +217,9 @@ const { professional_state: professionalState } = useDict('professional_state')
 // 审核状态选项
 const auditStateOptions = PROFESSIONAL_AUDIT_STATE_OPTIONS
 
+// 无权限即无节点
+const { hasAuth } = useAuth()
+
 // 表格引用
 const tableRef = ref()
 const searchFormRef = ref()