人员权限控制

src/views/employee-information/components/EmployeeDetail.vue

@@ -12,6 +12,7 @@ import { useTableData } from '/@/utils/useTableData';
 import { usePagination } from '/@/utils/usePagination';
 import EditEmployeeInfo from '/@/views/employee-information/components/EditEmployeeInfo.vue';
 import { ref } from 'vue';
+import {hasPermission} from "/@/utils/hasPermission";
 
 const route = useRoute();
 const id = route.query.id;
@@ -144,17 +145,18 @@ onMounted(() => {
           </div>
         </template>
       </el-image>
-      <el-tooltip content="编辑" placement="top">
-        <el-button link type="warning" @click="editItem">
-          <Edit style="width: 1.5em; height: 1.5em; margin-right: 8px" />
-        </el-button>
-      </el-tooltip>
       <el-col :span="18">
         <div class="info-container text-lg">
           <div class="info-column">
             <div class="font-semibold">
               姓名:
               <span class="font-medium italic ml-1.5" style="color: #64748b">{{ employeeOverview.name }}</span>
+              <el-tooltip content="编辑" placement="top">
+                <el-button link type="warning" @click="editItem" class="absolute" style="right: 10px; top: 20px"
+                           v-if="hasPermission('PEOPLE_UPDATE')">
+                  <Edit style="width: 1.5em; height: 1.5em; margin-right: 8px" />
+                </el-button>
+              </el-tooltip>
             </div>
             <div class="font-semibold">
               所属部门:

src/views/employee-information/components/InfoCard.vue

@@ -12,6 +12,7 @@ import { Picture as IconPicture, Plus, Search } from '@element-plus/icons-vue';
 import * as api from '/@/views/employee-information/api';
 import CreateEmployee from '/@/views/employee-information/components/CreateEmployee.vue';
 import { ElCol } from 'element-plus';
+import {hasPermission} from "/@/utils/hasPermission";
 
 const router = useRouter();
 // const loading = ref(false);
@@ -96,7 +97,8 @@ onMounted(() => {
 				<el-input v-model="searchDepartment" clearable placeholder="部门" style="width: 200px" @change="fetchCardData"></el-input>
 			</div>
 			<span>
-				<el-button :icon="Plus" bg text type="primary" @click="addEmployee">添 加</el-button>
+				<el-button :icon="Plus" bg text type="primary" @click="addEmployee"
+                   v-if="hasPermission('PEOPLE_CREATE')">添 加</el-button>
 			</span>
 		</div>
 	</el-card>

src/views/shop-information/components/DataTable.vue

@@ -23,7 +23,7 @@ const gridOptions: any = reactive({
   round: true,
   stripe: true,
   currentRowHighLight: true,
-  height: 680,
+  height: 750,
   toolbarConfig: {
     size: 'large',
     custom: true,
@@ -64,7 +64,7 @@ const platformOption = ref([]);
 const operatorOption = ref([]);
 
 onBeforeMount(() => {
-  gridOptions.pagerConfig.limit = 10;
+  gridOptions.pagerConfig.limit = 15;
   fetchFilterOptions();
 });