feat:区域显示

张含笑

2025-06-19 b5bf355a9551f954ba7bb1d4e9ba0904fa3be6f3

 src/views/dataCenter/dataCenter.vue

@@ -25,7 +25,11 @@
            }}
          </template>
        </el-table-column>
        <el-table-column prop="regionName" label="所属区域" />
        <el-table-column prop="regionName" label="所属区域" v-if="!isDistrictLevel">
          <template #default="scope">
            <span>{{processAddress(scope.row.regionName)}}</span>
          </template>
        </el-table-column>
        <el-table-column property="nestName" label="所属机巢" />
        <el-table-column property="jobName" label="任务名称" show-overflow-tooltip />
        <el-table-column prop="nickName" label="文件名称" show-overflow-tooltip />
@@ -83,7 +87,7 @@
            <span
              class="location"
              @click="positionDetail(scope.row)"
             v-if="shouldShowLocation(scope.row)"
              v-if="shouldShowLocation(scope.row)"
              >定位</span
            >
          </template>
@@ -130,11 +134,11 @@
          <div class="title">
            <div class="inputEdit">
              文件名称：<span class="fileTitle" v-if="!dialogDetailList?.checkedinput">{{
                dialogDetailList?.nickName
                dialogDetailList?.editName
              }}</span>
              <el-input
                v-else
                v-model="dialogDetailList.nickName"
                v-model="dialogDetailList.editName"
                @keyup.enter="saveTitle()"
                class="title-input"
                clearable
@@ -221,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;
@@ -248,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';
@@ -273,7 +281,40 @@
  visible: '可见光',
  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(',');
  
  // 省级账号：显示市和区（去除省级）
  if (isProvinceLevel.value) {
    return parts.filter(part => !part.endsWith('省')).join(',');
  }
  
  // 市级账号：只显示区（去除省和市）
  if (isCityLevel.value) {
    return parts.filter(part => !part.endsWith('省') && !part.endsWith('市')).join(',');
  }
  
  // 区县级账号：不显示区域信息（在模板中已隐藏该列）
  return '';
}
const showRegionColumn = computed(() => {
  // 检查表格数据中是否有任何行的 regionName 处理后不为空
  return tableData.value.some(row => {
    const processed = processAddress(row.regionName || '');
    return processed !== '';
  });
});
const loadings = ref(true);
let loading;
const total = ref(0);
@@ -480,13 +521,13 @@
// 保存文件名
const saveTitle = item => {
  const updateparams = {
    id: Number(item.id),
    nickName: item.nickName,
    id: item.id,
    nickName: `${item.editName.trim()}`,
  };
  // 验证并提示
  if (!validateNickname(updateparams.nickName, '名称')) return;
  item.checkedinput = false;
  detailTitle.value = item.nickName;
  detailTitle.value = item.editName;
  updataTitleApi(updateparams)
    .then(res => {
      if (res.status === 200) {
@@ -536,9 +577,9 @@
  if (lastDot === -1) return false; // 无后缀
  return filename.slice(lastDot + 1).toLowerCase() === 'tif';
}
const shouldShowLocation=(row)=>{
return row.resultType !== 1 && row.resultType !== 4
}
const shouldShowLocation = row => {
  return row.resultType !== 1 && row.resultType !== 4;
};
const dialogVisible = ref(false);
const dialogDetailList = ref(null);
const detailTitle = ref('');
@@ -546,20 +587,17 @@
const orthoimageApi = ref('');
const odmToken = ref(null);
const lookDetail = val => {
  // console.log('查看', val);
  if (val.resultType === 4) {
    // 正射
    getOrthoimageInfo(val.wayLineJobId).then(async res => {
      dialogVisible.value = true;
      // console.log('正射', res.data.data);
      detailTitle.value = val.nickName;
      dialogDetailList.value = val;  
      await nextTick()
      dialogDetailList.value = val;
      await nextTick();
      initMap();
      orthoimageApi.value = res.data.data.orthoimageApi;
      odmToken.value = res.data.data.odmToken;
      if (res.data.data != null && isMapInitialized.value === true) {
      // console.log('viewer', viewer);
        curCustomImageryProvider = viewInstance.value.addCustomImageryProviderDataSource(
          new Cesium.UrlTemplateImageryProvider({
            url: `${import.meta.env.VITE_APP_AREA_NAME}/webodm${res.data.data.orthoimageApi}?jwt=${
@@ -567,28 +605,29 @@
            }`,
            // maximumLevel: 12,
          })
          
        );

        yxShowBox.value = true;
      }
      
    });
  } else {
    getAttachInfoAPI(val.id).then(res => {
      detailTitle.value = res.data.data.nickName;
      dialogDetailList.value = res.data.data;
      dialogDetailList.value = { ...res.data.data, checkedinput: false };
      detailTitle.value = res.data.data.nickName.split('.jpeg')[0];
      // dialogDetailList.value = res.data.data;
      dialogDetailList.value = {
        ...res.data.data,
        checkedinput: false,
        editName: res.data.data?.nickName?.split('.jpeg')[0],
      };
      dialogVisible.value = true;
    });
  }
};

function dialogClose(){
 // 对话框关闭时清理资源
    viewInstance.value?.viewerDestroy();
    viewer = null;
    isMapInitialized.value = false;
function dialogClose() {
  // 对话框关闭时清理资源
  viewInstance.value?.viewerDestroy();
  viewer = null;
  isMapInitialized.value = false;
}
onMounted(() => {
  getaiImagesPage();