feat:优化

张含笑

2025-06-14 d9ba811d60810a8cd5e2eddaaa4decf6c6972f22

feat:优化

 src/hooks/components/EventPopUpBox.vue

@@ -63,7 +63,6 @@
  create_time: '04/01 12:41',
});
const infoList = props.data;

const clickpanorama = val => {
  // 通过事件总线发送全景参数
  EventBus.emit('open-panorama', {
@@ -73,8 +72,6 @@
  // 保留原有事件触发，确保兼容性
  emit('update:panoramaParamsShow', true);
  emit('update:panoramaParamsUrl', val.link);

  console.log('2222');
};
onMounted(async () => {});
</script>

 src/views/dataCenter/components/dataCenterMap.vue

@@ -25,7 +25,6 @@
const isShow = defineModel('show');
const viewerRef = shallowRef(null);
let viewer = null;

const store = useStore();
const currentAreaPosition = ref({ height: 1987280, latitude: 27.636112, longitude: 115.732975 });
let handler = null;
@@ -36,7 +35,6 @@
const isMapInitialized = ref(false); //地图加载
const dataPointList = ref([]);
const activeEntity = ref(null); // 当前激活的点

// 获取弹框box
const detailId = ref('');
const createLabelDom = data => {
@@ -51,7 +49,6 @@
  render(vNode, tooltipContainer);
  return tooltipContainer;
};

// 弹框位置刷新
const labelBoxUpdate = () => {
  if (!currentClickEntity) return;
@@ -84,15 +81,13 @@
const detailClick = () => {
  removeLabel();
  // 给父组件传值
  emit('update:show', false);
  // emit('update:show', false);  //关闭地图弹框
  emit('lookDetail', detailId.value);
};

// 恢复所有点的默认图标
const restoreAllIcons = () => {
  dataPointEntities.value.forEach(entity => {
    // console.log('entity.billboard.image', entity.billboard.image);

    if (entity.billboard) {
      entity.billboard.image =
        props.dotData.resultType === 2 ? getEventImage(entity.status) : defaultIcon;
@@ -246,6 +241,8 @@
  try {
    const res = await getMapInfoAPI(ids);
    dataPointList.value = res.data.data || [];
    console.log('dataPointList.value',dataPointList.value);
    
    // 确保地图已初始化后再渲染
    if (isMapInitialized.value && viewer) {
      renderDataPoint(dataPointList.value);

 src/views/dataCenter/dataCenter.vue

@@ -98,7 +98,7 @@
    <el-dialog v-model="dialogVisible" width="60%" append-to-body>
      <template #header="{ titleId, titleClass }">
        <div class="my-header">
          <h4 :id="titleId" :class="titleClass">{{ dialogDetailList?.nickName }}</h4>
          <h4 :id="titleId" :class="titleClass">{{ detailTitle}}</h4>
         
        </div>
      </template>
@@ -370,7 +370,7 @@
    };

    downloadApi(aaa).then(res => {
      console.log('res.data.data', res.data.data);
      // console.log('res.data.data', res.data.data);
      aLinkDownload(res.data.data, `sjzx-file-pack-${dayjs().format('YYYYMMDDHHmmss')}.zip`);
      // loading.close()
    });
@@ -389,10 +389,10 @@
   const params = {
    ...jobListParams.searchParams,
  };
  console.log('params',params);
  // console.log('params',params);
  
    downloadApi(params).then(res => {
      console.log('res.data.data', res.data.data);
      // console.log('res.data.data', res.data.data);
      aLinkDownload(res.data.data, `sjzx-file-pack-${dayjs().format('YYYYMMDDHHmmss')}.zip`);
     
    });
@@ -401,9 +401,10 @@
// 查看弹框
const dialogVisible = ref(false);
const dialogDetailList = ref(null);

const detailTitle = ref('')
const lookDetail = val => {
  getAttachInfoAPI(val.id).then(res => {
  detailTitle.value =  res.data.data.nickName
    dialogDetailList.value = res.data.data;
    dialogDetailList.value = { ...res.data.data, checkedinput: false };
  });
@@ -413,7 +414,6 @@
const fileNameedit = ref('');
// 编辑文件名
const editTitle = val => {
  
  val.checkedinput = true;
  fileNameedit.value = val?.nickName;
};
@@ -446,6 +446,7 @@
  // 验证并提示
  if (!validateNickname(updateparams.nickName, '名称')) return;
  item.checkedinput = false;
  detailTitle.value = item.nickName
  updataTitleApi(updateparams)
    .then(res => {
      if (res.status === 200) {
@@ -486,7 +487,7 @@
  getaiImagesPage();
  // 监听打开全景事件
  EventBus.on('open-panorama', params => {
    console.log('收到全景事件:', params);
    // console.log('收到全景事件:', params);
    panoramaParamsShow.value = params.show;
    panoramaParamsUrl.value = params.url;
  });
@@ -593,6 +594,7 @@
.my-header :deep(.el-dialog__title) {
  margin: 0 !important;
  height: 19px;
 
}
.my-header {
  display: flex;