jh-military-admin/src/views/collection/video/components/platform-compare-button.vue

<template>
  <el-button v-if="canView" plain icon="DataAnalysis"
    :title="`对比 ICC 与本地已同步的全部${resourceConfig.label}数据`" @click="openComparison">
    ICC 数据对比
  </el-button>
  <platform-resource-dialog v-if="canView" ref="resourceDialogRef" @changed="emit('changed')" />
</template>

<script setup lang="ts">
import type { PlatformResourceType } from '/@/api/collection/videoPlatform';
import { auth } from '/@/utils/authFunction';
import PlatformResourceDialog from './platform-resource-dialog.vue';

const props = defineProps<{ resourceType: PlatformResourceType }>();
const emit = defineEmits<{ (event: 'changed'): void }>();
const resourceDialogRef = ref<InstanceType<typeof PlatformResourceDialog>>();
const resourceConfigs = {
  PERSON: { label: '人员', viewPermission: 'admin_sysPerson_view' },
  CAR: { label: '车辆', viewPermission: 'car_carManage_view' },
  DEVICE: { label: '设备', viewPermission: 'admin_deviceManage_view' },
  CHANNEL: { label: '通道', viewPermission: 'admin_deviceManage_view' },
};
const resourceConfig = computed(() => resourceConfigs[props.resourceType]);
const canView = computed(() => auth(resourceConfig.value.viewPermission));
const openComparison = () => {
  if (!canView.value) return;
  resourceDialogRef.value?.open(props.resourceType, 'DIFFERENCE', `ICC ${resourceConfig.value.label}数据对比`);
};
</script>