@yqg/permission 1.3.7 → 1.3.8-bate.2

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@yqg/permission",
-    "version": "1.3.7",
+    "version": "1.3.8-bate.2",
     "main": "dist/index.js",
     "module": "dist/index.js",
     "type": "module",

package/src/App.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, reactive } from 'vue';
+import { ref } from 'vue';
 import {Button} from 'ant-design-vue';
 
 // 中英印尼菲律宾
@@ -8,10 +8,10 @@ type LocaleType = 'zh-CN' | 'en-US' | 'id-ID' | 'fil-PH';
 const color = ref<string>('#1677ff');
 const locale = ref<LocaleType>('id-ID');
 
-// const permissions = ref('CALL_CENTER.DATA_BUSINESS.QUERY,CALL_CENTER.ENTER_ADMIN,CALL_CENTER.USER.QUERY,CALL_CENTER.USER.MANAGE,CALL_CENTER.BUSINESS.QUERY,CALL_CENTER.SKILL_GROUP.QUERY');
-const permissions = reactive([
-	'yewei0313.REAQS.DEPAWED_ANQ2.QUERY',
-]);
+const permissions = ref('CALL_CENTER.DATA_BUSINESS.QUERY,CALL_CENTER.ENTER_ADMIN,CALL_CENTER.USER.QUERY,CALL_CENTER.USER.MANAGE,CALL_CENTER.BUSINESS.QUERY,CALL_CENTER.SKILL_GROUP.QUERY');
+// const permissions = reactive([
+// 	'yewei0313.REAQS.DEPAWED_ANQ2.QUERY',
+// ]);
 //05615
 // const permissions = reactive(['CRANE.BUSINESS.QUERY', 'RANE.BUSINESS.CREATE', 'CRANE.BUSINESS.UPDATE', 'CRANE.BUSINESS.DELETE']);
 const changeColor = () => {
@@ -34,7 +34,7 @@ const changeLocale = () => {
 			<!-- 02124 -->
 			<!-- 05184 -->
 			<yqg-permission :permissions="permissions" workNumber="03817" :color="color" :locale="locale"
-				@onSuccess="() => {console.log('成功')}">
+				:omitCategoryIds="[]" @onSuccess="() => {console.log('成功')}">
 			</yqg-permission>
 		</div>
 		<data class="case-card">

package/src/components/category-selector.vue

@@ -19,7 +19,7 @@
                         <span v-else>{{ attributeName }}</span>
                     </template>
                 </TreeSelect>
-                <span v-if="item.attributeValueIds_view?.includes(-1)" style="color: #ff4d4f; font-size: 12px;">
+                <span v-if="item.attributeValueIds_view?.includes(ALL_CATEGORY_ID)" style="color: #ff4d4f; font-size: 12px;">
                     {{ t('categoryChangeTips', { category: item.categoryName }) }}
                 </span>
             </FormItem>
@@ -36,8 +36,11 @@ import {
 import { defineProps, PropType, ref, computed, defineExpose } from 'vue';
 import t from '../utils';
 import useAttributesCache from '../hooks/useAttributesCache';
+
 const SHOW_PARENT = TreeSelect.SHOW_PARENT;
 
+const ALL_CATEGORY_ID = -1;
+
 const props = defineProps({
     categoryList: {
         type: Array as PropType<CategoryType[]>,

package/src/components/yqg-permission.vue

@@ -131,6 +131,13 @@ const props = defineProps({
 		type: Number,
 		default: 10000
 	},
+	// 某些业务场景需要在特定页面隐藏某些数据维度
+	omitCategoryIds: {
+		type: [String, Array<number>],
+		required: false,
+		default: () => []
+	},
+
 });
 
 const open = ref(false);
@@ -152,6 +159,14 @@ const allPermissions = computed(() => {
 	return props.permissions?.split(',')?.filter((item) => item.trim()) || [];
 });
 
+
+const needOmitCategoryIds = computed(() => {
+	if (Array.isArray(props.omitCategoryIds)) {
+		return props.omitCategoryIds;
+	}
+	return props.omitCategoryIds?.split(',')?.map((item) => Number(item)) || [];
+});	
+
 const goViewApproval = () => {
 	const url = curApproving.value?.oaFlowUrl;
 	if (!url) return;
@@ -171,7 +186,7 @@ const getPermissions = async () => {
 
 	loading.value = true;
 	const res = await Http.getPermissions(params);
-	const datalist = useFormat(res.body || []);
+	const datalist = useFormat(res.body || [], needOmitCategoryIds.value);
 	permissionList.value = datalist.data;
 	defaultCheckedIds.value = datalist.checkList;
 	isAllChecked.value = datalist.isAllChecked;

package/src/hooks/useFormat.ts

@@ -8,7 +8,7 @@ const StatusType = {
     OWNER: 'OWNER',
     TEMP_OWNER: 'TEMP_OWNER'
 }
-export default function useFormat(tree: PermissionListType) {
+export default function useFormat(tree: PermissionListType, needOmitCategoryIds: number[] = []) {
     const checkList: string[] = [];
     let allCount: number = 0;
     function sortTree(
@@ -20,7 +20,7 @@ export default function useFormat(tree: PermissionListType) {
             node.key = node.feature;
             allCount++;
             if (!node.children || node.children.length === 0) {
-                node.categoryVOS = (node.categoryVOS || []).filter((item: any) => item.configWay !== Category.AUTO);
+                node.categoryVOS = (node.categoryVOS || []).filter((item: any) => (item.configWay !== Category.AUTO) && !needOmitCategoryIds.includes(item.id));
 
                 if ([StatusType.NO].includes(node.businessApplyType)) {
                     node.disabled = true;