a

src/views/professional/outercompanyemployee/indexSecond.vue

@@ -77,11 +77,11 @@
       <!-- 操作按钮 -->
       <el-row>
         <div class="mb15" style="width: 100%; position: relative;">
-          <el-button 
+          <el-button
+            v-if="hasAuth('professional_outercompanyemployee_add')"
             type="primary"
             icon="FolderAdd"
             @click="handleAdd"
-            v-auth="'professional_outercompanyemployee_add'"
           >
             新 增
           </el-button>
@@ -127,6 +127,7 @@
       <el-table
         ref="tableRef"
         :data="state.dataList"
+        row-key="id"
         v-loading="state.loading"
         border
         :cell-style="tableStyle.cellStyle"
@@ -148,7 +149,13 @@
         
         <el-table-column prop="inoutFlag" label="允许进出" width="100" align="center">
           <template #default="scope">
-            <el-tag v-if="scope.row.inoutFlag">{{ getDictLabel(scope.row.inoutFlag) }}</el-tag>
+            <el-tag
+              v-if="scope.row.inoutFlag"
+              :type="scope.row.inoutFlag === '1' ? 'success' : 'info'"
+              effect="plain"
+            >
+              {{ getDictLabel(scope.row.inoutFlag) }}
+            </el-tag>
             <span v-else>-</span>
           </template>
         </el-table-column>
@@ -170,22 +177,22 @@
         
         <el-table-column label="操作" width="250" align="center" fixed="right">
           <template #default="scope">
-            <el-button 
-              v-auth="'professional_outercompanyemployee_edit'"
+            <el-button
+              v-if="hasAuth('professional_outercompanyemployee_edit')"
               icon="edit-pen"
               link
               type="primary"
               @click="handleEdit(scope.row)">修改
             </el-button>
             <el-button
-              v-auth="'professional_outercompanyemployee_reset_pw'"
+              v-if="hasAuth('professional_outercompanyemployee_reset_pw')"
               icon="RefreshLeft"
               link
               type="primary"
               @click="resetPassword(scope.row)">重置密码
             </el-button>
             <!-- <el-button
-              v-auth="'professional_outercompanyemployee_del'"
+              v-if="hasAuth('professional_outercompanyemployee_del')"
               icon="delete"
               link
               type="primary"
@@ -252,6 +259,7 @@
 <script setup lang="ts">
 import { ref, reactive, onMounted } 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'
@@ -270,6 +278,9 @@ import {
 import { getList as getCompanyList } from '/@/api/professional/stayschool/outercompany'
 const FormDialog = defineAsyncComponent(() => import('./form.vue'))
 
+// 无权限即无节点
+const { hasAuth } = useAuth()
+
 // 消息提示 hooks
 const message = useMessage()
 const messageBox = useMessageBox()