feat:区域显示

张含笑

2025-06-19 b5bf355a9551f954ba7bb1d4e9ba0904fa3be6f3

feat:区域显示

 src/views/dataCenter/dataCenter.vue

@@ -25,7 +25,7 @@
            }}
          </template>
        </el-table-column>
        <el-table-column prop="regionName" label="所属区域" v-if="showRegionColumn">
        <el-table-column prop="regionName" label="所属区域" v-if="!isDistrictLevel">
          <template #default="scope">
            <span>{{processAddress(scope.row.regionName)}}</span>
          </template>
@@ -225,6 +225,7 @@
import EventPopUpBox from '@/hooks/components/EventPopUpBox.vue';
import { nextTick, render } from 'vue';
import defaultIcon from '@/assets/images/dataCenter/datamap/eventCompleted.png';
const userInfo = computed(() => store.getters.userInfo);
const isShow = defineModel('show');
const viewerRef = shallowRef(null);
let viewer = null;
@@ -252,6 +253,9 @@
import { getShowImg, getSmallImg, getzsSmallImg } from '@/utils/util';
import { onMounted, watch } from 'vue';
import dayjs from 'dayjs';



function bytesToMB(bytes, decimalPlaces = 2) {
  if (typeof bytes !== 'number' || bytes < 0) return '无效输入';
  return (bytes / 1048576).toFixed(decimalPlaces) + ' MB';
@@ -278,25 +282,31 @@
  ir: '红外',
};
// 判断省市区
const areaCode = userInfo.value?.detail?.areaCode || '';

// 判断账号级别
const isProvinceLevel = computed(() => areaCode.endsWith('00000000')); // 省级：后8位为0
const isCityLevel = computed(() => !isProvinceLevel.value && areaCode.endsWith('000000')); // 市级：后6位为0
const isDistrictLevel = computed(() => !isProvinceLevel.value && !isCityLevel.value); // 区县级

// 处理区域名称的函数
function processAddress(str) {
  if (!str) return '';
  
  const parts = str.split(',');

  // 检查是否有省级单位（以"省"结尾）
  const hasProvince = parts.some(part => part.endsWith('省'));

  // 检查是否有市级单位（以"市"结尾）
  const hasCity = parts.some(part => part.endsWith('市'));

  if (hasProvince) {
    // 移除省级部分（第一个以"省"结尾的元素）
  
  // 省级账号：显示市和区（去除省级）
  if (isProvinceLevel.value) {
    return parts.filter(part => !part.endsWith('省')).join(',');
  } else if (hasCity) {
    // 如果有市，返回空字符串
    return '';
  }

  // 既没有省也没有市，返回原字符串
  return str;
  
  // 市级账号：只显示区（去除省和市）
  if (isCityLevel.value) {
    return parts.filter(part => !part.endsWith('省') && !part.endsWith('市')).join(',');
  }
  
  // 区县级账号：不显示区域信息（在模板中已隐藏该列）
  return '';
}
const showRegionColumn = computed(() => {
  // 检查表格数据中是否有任何行的 regionName 处理后不为空