a

src/views/professional/common/commonSmallMultiPicUpload.vue

@@ -13,9 +13,8 @@
 </template>
 
 <script setup lang="ts">
-import { ref } from 'vue'
-// @ts-ignore - Vue 3 script setup component
-import multiUpload from './multiUpload.vue'
+import { ref, defineAsyncComponent } from 'vue';
+const multiUpload = defineAsyncComponent(() => import('./multiUpload.vue'))
 
 // Props
 const props = defineProps<{

src/views/professional/common/showEvidence.vue

@@ -47,8 +47,8 @@
 </template>
 
 <script setup lang="ts" name="showEvidence">
-import { ref, reactive, nextTick } from 'vue';
-import authImg from '/@/components/tools/auth-img.vue';
+import { ref, reactive, nextTick, defineAsyncComponent } from 'vue';
+const authImg = defineAsyncComponent(() => import('/@/components/tools/auth-img.vue'))
 
 interface ImageItem {
 	url: string;

src/views/professional/common/showHonorEdvince.vue

@@ -5,8 +5,8 @@
 </template>
 
 <script setup lang="ts">
-  import { ref, nextTick } from 'vue'
-  import authImg from '/@/components/tools/auth-img.vue'
+  import { ref, nextTick, defineAsyncComponent } from 'vue';
+  const authImg = defineAsyncComponent(() => import('/@/components/tools/auth-img.vue'))
 
   interface ImageItem {
     title: string

src/views/professional/outercompanyemployee/index.vue

@@ -129,7 +129,12 @@
         
         <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' : 'danger'"            
+            >
+              {{ getDictLabel(scope.row.inoutFlag) }}
+            </el-tag>
             <span v-else>-</span>
           </template>
         </el-table-column>

src/views/professional/outercompanyemployee/indexTrain.vue

@@ -81,7 +81,7 @@
             type="primary"
             icon="FolderAdd"
             @click="handleAdd"
-            v-if="permissions.professional_outercompanyemployee_add"
+            v-auth="'professional_outercompanyemployee_add'"
           >
             新 增
           </el-button>
@@ -171,21 +171,21 @@
         <el-table-column label="操作" width="250" align="center" fixed="right">
           <template #default="scope">
             <el-button 
-              v-if="permissions.professional_outercompanyemployee_edit"
+              v-auth="'professional_outercompanyemployee_edit'"
               icon="edit-pen"
               link
               type="primary"
               @click="handleEdit(scope.row)">修改
             </el-button>
             <el-button
-              v-if="permissions.professional_outercompanyemployee_reset_pw"
+              v-auth="'professional_outercompanyemployee_reset_pw'"
               icon="RefreshLeft"
               link
               type="primary"
               @click="resetPassword(scope.row)">重置密码
             </el-button>
             <!-- <el-button
-              v-if="permissions.professional_outercompanyemployee_del"
+              v-auth="'professional_outercompanyemployee_del'"
               icon="delete"
               link
               type="primary"
@@ -250,14 +250,11 @@
 </template>
 
 <script setup lang="ts">
-import { ref, reactive, computed, onMounted } from 'vue'
-import { storeToRefs } from 'pinia'
-import { useUserInfo } from '/@/stores/userInfo'
+import { ref, reactive, onMounted } from 'vue'
 import { BasicTableProps, useTable } from '/@/hooks/table'
 import { useMessage } from '/@/hooks/message'
 import { useMessageBox } from '/@/hooks/message'
 import { useDict } from '/@/hooks/dict'
-import { Session } from '/@/utils/storage'
 import { validateNull } from '/@/utils/validate'
 import axios from 'axios'
 import request from '/@/utils/request'
@@ -272,20 +269,8 @@ import {
   resetPassWord 
 } from '/@/api/professional/stayschool/outercompanyemployee'
 import { getList as getCompanyList } from '/@/api/professional/stayschool/outercompany'
-import FormTrain from './formTrain.vue'
-
-// 使用 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
-})
+import { defineAsyncComponent } from 'vue';
+const FormTrain = defineAsyncComponent(() => import('./formTrain.vue'))
 
 // 消息提示 hooks
 const message = useMessage()

src/views/professional/teacherpayslip/importBaseSalary.vue

@@ -27,7 +27,7 @@
           </template>
           <el-button
             size="small"
-            v-if="permissions.professional_salary_import"
+            v-auth="'professional_salary_import'"
             type="primary">选择文件
           </el-button>
         </el-upload>
@@ -45,8 +45,6 @@
 
 <script setup lang="ts">
 import { ref, computed } from 'vue'
-import { storeToRefs } from 'pinia'
-import { useUserInfo } from '/@/stores/userInfo'
 import { useMessage } from '/@/hooks/message'
 import { Session } from '/@/utils/storage'
 import request from '/@/utils/request'
@@ -56,19 +54,6 @@ const emit = defineEmits<{
   (e: 'refreshData'): void
 }>()
 
-// 使用 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 message = useMessage()
 

src/views/professional/teacherpayslip/importTaxSalary.vue

@@ -27,7 +27,7 @@
           </template>
           <el-button
             size="small"
-            v-if="permissions.professional_salary_import"
+            v-auth="'professional_salary_import'"
             type="primary">选择文件
           </el-button>
         </el-upload>
@@ -45,8 +45,6 @@
 
 <script setup lang="ts">
 import { ref, computed } from 'vue'
-import { storeToRefs } from 'pinia'
-import { useUserInfo } from '/@/stores/userInfo'
 import { useMessage } from '/@/hooks/message'
 import { Session } from '/@/utils/storage'
 import request from '/@/utils/request'
@@ -56,19 +54,6 @@ const emit = defineEmits<{
   (e: 'refreshData'): void
 }>()
 
-// 使用 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 message = useMessage()
 

src/views/professional/teachersalary/importBaseSalary.vue

@@ -27,7 +27,7 @@
           </template>
           <el-button
             size="small"
-            v-if="permissions.professional_salary_import"
+            v-auth="'professional_salary_import'"
             type="primary">选择文件
           </el-button>
         </el-upload>
@@ -45,8 +45,6 @@
 
 <script setup lang="ts">
 import { ref, computed } from 'vue'
-import { storeToRefs } from 'pinia'
-import { useUserInfo } from '/@/stores/userInfo'
 import { useMessage } from '/@/hooks/message'
 import { Session } from '/@/utils/storage'
 import request from '/@/utils/request'
@@ -56,19 +54,6 @@ const emit = defineEmits<{
   (e: 'refreshData'): void
 }>()
 
-// 使用 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 message = useMessage()
 

src/views/professional/teachersalary/importTaxSalary.vue

@@ -27,7 +27,7 @@
           </template>
           <el-button
             size="small"
-            v-if="permissions.professional_salary_import"
+            v-auth="'professional_salary_import'"
             type="primary">选择文件
           </el-button>
         </el-upload>
@@ -45,8 +45,6 @@
 
 <script setup lang="ts">
 import { ref, computed } from 'vue'
-import { storeToRefs } from 'pinia'
-import { useUserInfo } from '/@/stores/userInfo'
 import { useMessage } from '/@/hooks/message'
 import { Session } from '/@/utils/storage'
 import request from '/@/utils/request'
@@ -56,19 +54,6 @@ const emit = defineEmits<{
   (e: 'refreshData'): void
 }>()
 
-// 使用 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 message = useMessage()