<template>
|
<el-row justify="space-between" align="middle">
|
<div>
|
<span v-if="value.extData.type == 0">{{ value.tag + '.' }}</span>
|
{{ value.extData.name }}
|
</div>
|
<el-button
|
class="el-button-custom"
|
type="primary"
|
icon="Close"
|
circle
|
size="small"
|
@click="handleCloseClick(i, t, value)"
|
/>
|
</el-row>
|
<el-row class="m-t-8" justify="space-between">
|
<CheckButton
|
:loading="gridLoading"
|
v-model="value.show"
|
active-text="显示网格"
|
inactive-text="隐藏网格"
|
@change="(e) => handleGridClick(e, i, value)"
|
>
|
</CheckButton>
|
<CheckButton
|
:loading="rankLoading"
|
v-model="value.showRank"
|
active-text="显示排名"
|
inactive-text="隐藏排名"
|
:default-value="false"
|
@change="(e) => handleRankClick(e, i, value)"
|
>
|
</CheckButton>
|
<CheckButton
|
:loading="dataLoading"
|
v-model="value.showData"
|
active-text="显示数据"
|
inactive-text="隐藏数据"
|
:default-value="false"
|
@change="(e) => handleDataClick(e, i, value)"
|
>
|
</CheckButton>
|
</el-row>
|
<el-row class="m-t-8" justify="space-between">
|
<CheckButton
|
:loading="colorLoading"
|
v-model="value.showCustomColor"
|
active-text="绘制对比色"
|
inactive-text="绘制标准色"
|
:default-value="false"
|
@change="(e) => handleColorClick(e, i, value)"
|
>
|
</CheckButton>
|
<CheckButton
|
:loading="heatMapLoading"
|
v-model="value.showHeatMap"
|
active-text="风险热力图"
|
inactive-text="风险热力图"
|
:default-value="false"
|
@change="(e) => handleHeatMapClick(e, i, value)"
|
>
|
</CheckButton>
|
<CheckButton
|
:loading="underwayLoading"
|
v-if="value.extData.type == 0"
|
v-model="value.showUnderway"
|
active-text="显示走航轨迹"
|
inactive-text="隐藏走航轨迹"
|
:default-value="false"
|
@change="(e) => handleUnderwayClick(e, i, value)"
|
>
|
</CheckButton>
|
<CheckButton
|
:loading="highlightLoading"
|
v-if="value.extData.type == 1"
|
v-model="value.highlightFusionGrid"
|
active-text="高亮融合网格"
|
:default-value="true"
|
@change="(e) => handleHighlightGridClick(e, i, value)"
|
>
|
</CheckButton>
|
</el-row>
|
<el-form-item label="透明度">
|
<el-slider
|
v-model="value.opacityValue"
|
:min="0"
|
:max="1"
|
:step="0.1"
|
show-stops
|
@change="(e) => handleOpacityChange(e, i, value)"
|
style="width: 150px"
|
/>
|
<el-input-number
|
class="m-l-16"
|
size="small"
|
v-model="value.opacityValue"
|
:min="0"
|
:max="1"
|
:step="0.1"
|
@change="(e) => handleOpacityChange(e, i, value)"
|
/>
|
</el-form-item>
|
<el-divider />
|
</template>
|
<script setup>
|
import { ref, reactive, onMounted, onUnmounted, computed, toRaw } from 'vue';
|
|
const props = defineProps({
|
value: {
|
type: Object,
|
default: () => {}
|
}
|
});
|
</script>
|
