新增走航融合模块网格融合功能（待完成）

riku

2025-03-18 dd09ea9ab90c89bf5ef78236d02a33bafdcad591

新增走航融合模块网格融合功能（待完成）

 src/components.d.ts

@@ -11,6 +11,7 @@
    BaseMap: typeof import('./components/map/BaseMap.vue')['default']
    CardButton: typeof import('./components/CardButton.vue')['default']
    CardDialog: typeof import('./components/CardDialog.vue')['default']
    CheckButton: typeof import('./components/common/CheckButton.vue')['default']
    ConfigManage: typeof import('./components/map/ConfigManage.vue')['default']
    CoreHeader: typeof import('./components/core/CoreHeader.vue')['default']
    CoreMenu: typeof import('./components/core/CoreMenu.vue')['default']

 src/components/common/CheckButton.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,68 @@
<template>
  <!-- <el-button type="primary" class="el-button-custom" size="small">
    
    {{ checkValue ? activeText : inactiveText }}
  </el-button> -->
  <el-checkbox
    v-model="checkValue"
    @change="handleChange"
    border
    size="small"
    >{{ activeText }}</el-checkbox
  >
</template>
<script setup>
import { ref, onMounted, onUnmounted, watch } from 'vue';

const props = defineProps({
  defaultValue: {
    type: Boolean
  },
  activeText: {
    type: String,
    default: '开'
  },
  inactiveText: {
    type: String,
    default: '关'
  }
});

const emits = defineEmits(['change']);

const checkValue = ref(false);

watch(
  () => props.defaultValue,
  (nV, oV) => {
    if (nV != oV) {
      checkValue.value = nV;
    }
  },
  { immediate: true }
);

function handleChange(value) {
  emits('change', value);
}
</script>
<style scoped>
.el-checkbox {
  --el-checkbox-text-color: white;
  --main-color: #23dad1;
  --el-checkbox-checked-text-color: var(--main-color);
  --el-checkbox-checked-input-border-color: var(--main-color);
  --el-checkbox-checked-bg-color: var(--main-color);
  --el-checkbox-input-border-color-hover: var(--main-color);

  --el-checkbox-disabled-checked-input-fill: var(--main-color);
  --el-checkbox-disabled-checked-input-border-color: var(--main-color);
  --el-checkbox-disabled-checked-icon-color: white;
  margin-right: 6px;
  /* height: initial; */
}

.el-checkbox__input.is-disabled + span.el-checkbox__label {
  color: var(--el-color-primary);
}
</style>

 src/views/underwaymix/UnderwayMixMode.vue

@@ -16,7 +16,7 @@
                        @change="handleChange"
                        placeholder="选择任务"
                        size="small"
                        class="w-250"
                        style="width: 160px"
                        :loading="fusionLoading"
                      >
                        <el-option
@@ -42,16 +42,41 @@
                    </el-form-item>
                  </el-form>
                </el-row>
                <div class="m-t-8">网格要素</div>
                <div class="m-t-8">操作</div>
                <el-row class="m-t-8">
                  <el-button
                    type="primary"
                    class="el-button-custom"
                    size="small"
                    @click="handleRankClick"
                  >
                    {{ mixActive ? '取消' : '显示排名' }}
                  </el-button>
                  <CheckButton
                    active-text="取消融合"
                    inactive-text="隐藏融合"
                    :default-value="false"
                    @change="handleMixClick"
                  >
                  </CheckButton>
                </el-row>
                <div class="m-t-8">网格要素</div>
                <el-row class="m-t-8">
                  <CheckButton
                    active-text="显示网格"
                    inactive-text="隐藏网格"
                    :default-value="true"
                    @change="handleGridClick"
                  >
                  </CheckButton>
                  <!-- <el-button
                    type="primary"
                    class="el-button-custom"
                    size="small"
                    @click="handleGridClick"
                  >
                    {{ gridVisible ? '隐藏融合' : '显示融合' }}
                  </el-button>
                  </el-button> -->
                  <el-button
                    type="primary"
                    class="el-button-custom"
@@ -252,6 +277,8 @@
  });
}

function handleMixClick(params) {}

function handleGridClick() {
  gridVisible.value = !gridVisible.value;
  selectedfusionData.value.forEach((i) => {

 src/views/underwaymix/underwayMixProxy.js

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,9 @@
/**
 * èžåˆå¤šæ¬¡èµ°èˆªé‡å çš„网格
 * @param {SatelliteGrid} satelliteGrid
 */
function mixUnderWayGrid(satelliteGrid) {
  satelliteGrid;
}

export default { mixUnderWayGrid };