Merge branch 'main' of http://123.132.248.154:10000/gitY/LinYeFangHuo
userName
commit
8b6ad690b1
Binary file not shown.
|
Before Width: | Height: | Size: 4.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 56 KiB |
|
Before Width: | Height: | Size: 5.7 KiB After Width: | Height: | Size: 5.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 740 B |
|
Before Width: | Height: | Size: 71 KiB After Width: | Height: | Size: 71 KiB |
|
Before Width: | Height: | Size: 3.8 KiB After Width: | Height: | Size: 3.8 KiB |
|
Before Width: | Height: | Size: 93 KiB After Width: | Height: | Size: 93 KiB |
|
Before Width: | Height: | Size: 1.8 KiB After Width: | Height: | Size: 1.8 KiB |
|
Before Width: | Height: | Size: 19 KiB After Width: | Height: | Size: 19 KiB |
|
Before Width: | Height: | Size: 67 KiB After Width: | Height: | Size: 67 KiB |
|
Before Width: | Height: | Size: 140 KiB After Width: | Height: | Size: 140 KiB |
|
Before Width: | Height: | Size: 86 KiB After Width: | Height: | Size: 86 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 111 KiB |
|
Before Width: | Height: | Size: 187 KiB After Width: | Height: | Size: 187 KiB |
|
Before Width: | Height: | Size: 111 KiB After Width: | Height: | Size: 111 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 437 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 273 KiB |
|
Before Width: | Height: | Size: 70 KiB After Width: | Height: | Size: 70 KiB |
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<CollapseItem name="标题设置" :expanded="true">
|
||||
<n-tag type="primary">若配置无响应，请在预览页面查看效果</n-tag>
|
||||
<n-tag type="primary">若标题名称的配置无响应，请在预览页面查看效果</n-tag>
|
||||
<SettingItemBox :alone="true" name="标题名称">
|
||||
<SettingItem :alone="true">
|
||||
<n-input v-model:value="optionData.title" type="text" size="small" />
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<template>
|
||||
<div class="title">
|
||||
<div class="GeneralHead">
|
||||
<Title :title="option.title" :w="w" :h="h" :titleStyle="option.titleStyle" />
|
||||
</div>
|
||||
</template>
|
||||
|
|
@ -28,7 +28,7 @@
|
|||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.title {
|
||||
.GeneralHead {
|
||||
width: v-bind('`${w}px`');
|
||||
height: v-bind('`${h}px`');
|
||||
}
|
||||
|
|
|
|||
|
|
@ -2,19 +2,25 @@ import cloneDeep from 'lodash/cloneDeep'
|
|||
import { PublicConfigClass } from '@/packages/public'
|
||||
import { CreateComponentType } from '@/packages/index.d'
|
||||
import { chartInitConfig } from '@/settings/designSetting'
|
||||
import { MoreButtonConfig } from './index'
|
||||
import { HeadMoreButtonConfig } from './index'
|
||||
|
||||
export const option = {
|
||||
buttonName: '更多>>',
|
||||
buttonName: '更多',
|
||||
buttonStyle:{
|
||||
color: '#FFFFFF',
|
||||
size: 'medium',
|
||||
fontSize: 16,
|
||||
|
||||
iconMarginLeft: 10,
|
||||
iconFlag: true,
|
||||
iconWidth: 11,
|
||||
iconHeight: 13,
|
||||
iconColor: '#57FF94',
|
||||
}
|
||||
}
|
||||
|
||||
export default class Config extends PublicConfigClass implements CreateComponentType {
|
||||
public key = MoreButtonConfig.key
|
||||
public key = HeadMoreButtonConfig.key
|
||||
public attr = { ...chartInitConfig, w: 80, h: 40, zIndex: 5 }
|
||||
public chartConfig = cloneDeep(MoreButtonConfig)
|
||||
public chartConfig = cloneDeep(HeadMoreButtonConfig)
|
||||
public option = cloneDeep(option)
|
||||
}
|
||||
|
|
@ -0,0 +1,79 @@
|
|||
<template>
|
||||
<CollapseItem name="按钮设置" :expanded="true">
|
||||
<n-tag type="primary">若按钮内容配置无响应，请在预览页面查看效果</n-tag>
|
||||
<SettingItemBox :alone="true" name="按钮内容">
|
||||
<SettingItem :alone="true">
|
||||
<n-input v-model:value="optionData.buttonName" type="text" size="small" />
|
||||
</SettingItem>
|
||||
</SettingItemBox>
|
||||
<SettingItemBox name="字体设置">
|
||||
<SettingItem name="字体颜色">
|
||||
<n-color-picker
|
||||
size="small"
|
||||
:modes="['hex']"
|
||||
v-model:value="optionData.buttonStyle.color"
|
||||
></n-color-picker>
|
||||
</SettingItem>
|
||||
<SettingItem name="字体大小">
|
||||
<n-input-number
|
||||
v-model:value="optionData.buttonStyle.fontSize"
|
||||
type="text"
|
||||
:min="0"
|
||||
size="small"
|
||||
/>
|
||||
</SettingItem>
|
||||
</SettingItemBox>
|
||||
<SettingItemBox name="图标宽度">
|
||||
<SettingItem name="文字与图标的间隔">
|
||||
<n-input-number
|
||||
v-model:value="optionData.buttonStyle.iconMarginLeft"
|
||||
type="text"
|
||||
:min="0"
|
||||
size="small"
|
||||
/>
|
||||
</SettingItem>
|
||||
<SettingItem>
|
||||
<n-checkbox v-model:checked="optionData.buttonStyle.iconFlag" size="small">
|
||||
是否展示图标
|
||||
</n-checkbox>
|
||||
</SettingItem>
|
||||
<SettingItem>
|
||||
<n-input-number
|
||||
v-model:value="optionData.buttonStyle.iconWidth"
|
||||
type="text"
|
||||
:min="0"
|
||||
size="small"
|
||||
/>
|
||||
</SettingItem>
|
||||
<SettingItem name="图标长度">
|
||||
<n-input-number
|
||||
v-model:value="optionData.buttonStyle.iconHeight"
|
||||
type="text"
|
||||
:min="0"
|
||||
size="small"
|
||||
/>
|
||||
</SettingItem>
|
||||
<SettingItem name="图标颜色">
|
||||
<n-color-picker
|
||||
size="small"
|
||||
:modes="['hex']"
|
||||
v-model:value="optionData.buttonStyle.iconColor"
|
||||
></n-color-picker>
|
||||
</SettingItem>
|
||||
</SettingItemBox>
|
||||
</CollapseItem>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { PropType, watch, ref } from 'vue';
|
||||
import { option } from './config';
|
||||
import { cloneDeep } from 'lodash-es';
|
||||
import { CollapseItem, SettingItemBox, SettingItem } from '@/components/Pages/ChartItemSetting';
|
||||
|
||||
const props = defineProps({
|
||||
optionData: {
|
||||
type: Object as PropType<typeof option>,
|
||||
required: true,
|
||||
},
|
||||
});
|
||||
</script>
|
||||
|
|
@ -1,14 +1,14 @@
|
|||
import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
|
||||
import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
|
||||
|
||||
export const MoreButtonConfig: ConfigType = {
|
||||
key: 'MoreButton',
|
||||
chartKey: 'VMoreButton',
|
||||
conKey: 'VCMoreButton',
|
||||
title: '更多按钮',
|
||||
export const HeadMoreButtonConfig: ConfigType = {
|
||||
key: 'HeadMoreButton',
|
||||
chartKey: 'VHeadMoreButton',
|
||||
conKey: 'VCHeadMoreButton',
|
||||
title: '组件标题栏更多按钮',
|
||||
category: ChatCategoryEnum.ZHIGAN,
|
||||
categoryName: ChatCategoryEnumName.ZHIGAN,
|
||||
package: PackagesCategoryEnum.ZHIGAN,
|
||||
chartFrame: ChartFrameEnum.COMMON,
|
||||
image: 'MoreButton.png'
|
||||
image: 'HeadMoreButton.png'
|
||||
}
|
||||
|
|
@ -1,12 +1,8 @@
|
|||
<template>
|
||||
<div class="MoreButton">
|
||||
<n-button
|
||||
text
|
||||
:color="option.buttonStyle.color"
|
||||
:size="option.buttonStyle.size"
|
||||
@click="console.log(123)"
|
||||
>
|
||||
{{ option.buttonName }}
|
||||
<n-button text :color="option.buttonStyle.color" size="large">
|
||||
<span :style="{ fontSize: option.buttonStyle.fontSize + 'px' }">{{ option.buttonName }}</span>
|
||||
<Title v-if="option.buttonStyle.iconFlag" class="title" :buttonStyle="option.buttonStyle" />
|
||||
</n-button>
|
||||
</div>
|
||||
</template>
|
||||
|
|
@ -17,7 +13,7 @@
|
|||
import { icon } from '@/plugins';
|
||||
import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore';
|
||||
import { useChartDataFetch } from '@/hooks';
|
||||
import Title from './svg/title.vue';
|
||||
import Title from './title.vue';
|
||||
|
||||
const props = defineProps({
|
||||
chartConfig: {
|
||||
|
|
@ -42,4 +38,8 @@
|
|||
width: v-bind('`${w}px`');
|
||||
height: v-bind('`${h}px`');
|
||||
}
|
||||
|
||||
.title {
|
||||
margin-left: v-bind('`${option.buttonStyle.iconMarginLeft}px`');
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,46 @@
|
|||
<template>
|
||||
<div>
|
||||
<svg
|
||||
:width="props.buttonStyle.iconWidth"
|
||||
:height="props.buttonStyle.iconHeight"
|
||||
:viewBox="`0 0 ${props.buttonStyle.iconWidth} ${props.buttonStyle.iconHeight}`"
|
||||
version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
>
|
||||
<g id="监测平台" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g
|
||||
id="林业防火-智感-重复报警弹窗-切图版"
|
||||
transform="translate(-532, -220)"
|
||||
:fill="props.buttonStyle.iconColor"
|
||||
>
|
||||
<g id="弹窗----" transform="translate(175.2674, 165.0542)">
|
||||
<g id="文字" transform="translate(64.7326, 10.2458)">
|
||||
<g id="预警信息-" transform="translate(0, 36.7)">
|
||||
<g id="小图标" transform="translate(292, 8.3)">
|
||||
<g id="编组-55" transform="translate(0, 0)">
|
||||
<polygon
|
||||
id="Fill-1"
|
||||
transform="translate(3.3801, 7) scale(-1, 1) rotate(90) translate(-3.3801, -7)"
|
||||
points="6.76849945 3.61994109 3.40277312 6.88441736 0.00771109727 3.61994109 -3.61994109 3.61994109 3.41031659 10.3800589 10.3800589 3.61994109"
|
||||
></polygon>
|
||||
<polygon
|
||||
id="Fill-1"
|
||||
opacity="0.596255"
|
||||
transform="translate(8.3801, 7.0343) scale(-1, 1) rotate(90) translate(-8.3801, -7.0343)"
|
||||
points="10.8003736 4.61994109 8.39628335 6.95170985 5.97123904 4.61994109 3.38005891 4.61994109 8.40167154 9.44859668 13.3800589 4.61994109"
|
||||
></polygon>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
const props = defineProps(['buttonStyle']);
|
||||
</script>
|
||||
|
|
@ -176,7 +176,7 @@
|
|||
y="0"
|
||||
width="25"
|
||||
height="25"
|
||||
:href="`/src/assets/images/chart/tables/${props.item.key}.png`"
|
||||
:href="`/src/assets/images/chart/zhigan/component/MeiRiShangBao${props.item.key}.png`"
|
||||
/>
|
||||
<text
|
||||
v-else
|
||||
|
|
|
|||
|
|
@ -1,40 +0,0 @@
|
|||
<template>
|
||||
<CollapseItem name="按钮设置" :expanded="true">
|
||||
<SettingItemBox :alone="true" name="按钮内容">
|
||||
<SettingItem :alone="true">
|
||||
<n-input v-model:value="optionData.buttonName" type="text" size="small" />
|
||||
</SettingItem>
|
||||
<SettingItem name="按钮字体颜色">
|
||||
<n-color-picker
|
||||
size="small"
|
||||
:modes="['hex']"
|
||||
v-model:value="optionData.buttonStyle.color"
|
||||
></n-color-picker>
|
||||
</SettingItem>
|
||||
<SettingItem name="按钮大小">
|
||||
<n-select
|
||||
v-model:value="optionData.buttonStyle.size"
|
||||
:options="[
|
||||
{ label: '小', value: 'small' },
|
||||
{ label: '中', value: 'medium' },
|
||||
{ label: '大', value: 'large' },
|
||||
]"
|
||||
/>
|
||||
</SettingItem>
|
||||
</SettingItemBox>
|
||||
</CollapseItem>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { PropType, watch, ref } from 'vue';
|
||||
import { option } from './config';
|
||||
import { cloneDeep } from 'lodash-es';
|
||||
import { CollapseItem, SettingItemBox, SettingItem } from '@/components/Pages/ChartItemSetting';
|
||||
|
||||
const props = defineProps({
|
||||
optionData: {
|
||||
type: Object as PropType<typeof option>,
|
||||
required: true,
|
||||
},
|
||||
});
|
||||
</script>
|
||||
|
|
@ -37,7 +37,7 @@ export const option = {
|
|||
|
||||
export default class Config extends PublicConfigClass implements CreateComponentType {
|
||||
public key = WuRenJiFeiXingShuJuConfig.key
|
||||
public attr = { ...chartInitConfig, w: 400, h: 225, zIndex: -1 }
|
||||
public attr = { ...chartInitConfig, w: 400, h: 200, zIndex: -1 }
|
||||
public chartConfig = cloneDeep(WuRenJiFeiXingShuJuConfig)
|
||||
public option = cloneDeep(option)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,45 +0,0 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="43px" height="43px" viewBox="0 0 43 43" version="1.1" xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<defs>
|
||||
<linearGradient x1="100%" y1="50%" x2="0%" y2="50%" id="linearGradient-1">
|
||||
<stop stop-color="#B8FDB4" offset="0%"></stop>
|
||||
<stop stop-color="#60EC8D" offset="100%"></stop>
|
||||
</linearGradient>
|
||||
<path
|
||||
d="M10.9626524,13.3304532 C11.3197125,13.1243044 11.539541,12.7432911 11.539541,12.3309937 L11.539541,1.946999 C11.5374517,1.57376524 11.354943,1.22459799 11.0496853,1.00982943 C10.7444276,0.795060873 10.3541343,0.741224873 10.0021329,0.86533289 C3.04517243,3.32754998 -1.08928183,10.4822778 0.251273414,17.7393242 C0.319529018,18.107955 0.562633287,18.4204408 0.903157524,18.5772549 C1.05438224,18.6479719 1.21935977,18.6844147 1.38630172,18.6839832 C1.58880838,18.6839832 1.78776893,18.6308362 1.96319031,18.5296616 L10.9626524,13.3304532 Z M9.23198659,3.69497144 L9.23198659,11.6646874 L2.32663013,15.6495453 C2.30932347,15.4317699 2.30932347,15.2125522 2.30932347,14.9991034 C2.31349764,10.2307443 4.98650358,5.86594831 9.23198659,3.69497144 Z M29.999988,14.9991034 C30.0023193,21.7681561 25.4705044,27.699965 18.9389252,29.4771966 C12.407346,31.2544282 5.49477434,28.4366176 2.06703026,22.5996106 C1.91003062,22.3347072 1.86543841,22.0180357 1.94317846,21.7200773 C2.02091851,21.422119 2.21453964,21.1675995 2.48094783,21.013167 L13.8470953,14.3976971 L13.8470953,1.15377719 C13.8470953,0.516563642 14.363659,0 15.0008725,0 C20.3269097,0.00271753692 25.2524528,2.82829093 27.9433681,7.4245562 C27.9592325,7.44763174 27.9736548,7.47070728 27.988077,7.49522505 C28.0024992,7.51974281 28.0169214,7.54858724 28.0299014,7.57454723 C29.3240379,9.83475067 30.0032902,12.3946269 29.999988,14.9991034 Z"
|
||||
id="path-2"></path>
|
||||
<filter x="-25.0%" y="-25.0%" width="150.0%" height="150.0%" filterUnits="objectBoundingBox" id="filter-3">
|
||||
<feOffset dx="0" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
|
||||
<feGaussianBlur stdDeviation="2.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
|
||||
<feColorMatrix values="0 0 0 0 0.517647059 0 0 0 0 1 0 0 0 0 0.470588235 0 0 0 0.5 0" type="matrix"
|
||||
in="shadowBlurOuter1"></feColorMatrix>
|
||||
</filter>
|
||||
</defs>
|
||||
<g id="监测平台" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="林业防火-智感-无人机实时画面-切图版" transform="translate(-1538, -846)">
|
||||
<g id="可视化" transform="translate(-0.5, -1)">
|
||||
<g id="模块" transform="translate(46, 88)">
|
||||
<g id="标题模块--右侧1" transform="translate(1450, 684)">
|
||||
<g id="a" transform="translate(28.5, 60)">
|
||||
<g id="1" transform="translate(0.5, 0.5)">
|
||||
<g id="Panzer" transform="translate(13.5, 14.5)">
|
||||
<g id="编组-9" transform="translate(0.5, 0.0159)">
|
||||
<rect id="矩形" x="0" y="0" width="42" height="42"></rect>
|
||||
<g id="chart-pie-slice-fill" transform="translate(6, 6)" fill-rule="nonzero">
|
||||
<g id="形状">
|
||||
<use fill="black" fill-opacity="1" filter="url(#filter-3)"
|
||||
xlink:href="#path-2"></use>
|
||||
<use fill="url(#linearGradient-1)" xlink:href="#path-2"></use>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 3.9 KiB |
|
|
@ -1,43 +0,0 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="43px" height="43px" viewBox="0 0 43 43" version="1.1" xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<defs>
|
||||
<linearGradient x1="100%" y1="50%" x2="0%" y2="50%" id="linearGradient-1">
|
||||
<stop stop-color="#B8FDB4" offset="0%"></stop>
|
||||
<stop stop-color="#68EE91" offset="100%"></stop>
|
||||
</linearGradient>
|
||||
<path
|
||||
d="M26.5323394,10.3942424 C26.5323394,9.43784568 27.3076521,8.66253293 28.2640488,8.66253293 C29.2204456,8.66253293 29.9957583,9.43784568 29.9957583,10.3942424 C29.9957583,11.3506392 29.2204456,12.1259519 28.2640488,12.1259519 C27.3076521,12.1259519 26.5323394,11.3506392 26.5323394,10.3942424 Z M24.8006299,6.93082343 C25.7570266,6.93082343 26.5323394,6.15551068 26.5323394,5.19911394 C26.5323394,4.24271719 25.7570266,3.46740444 24.8006299,3.46740444 C23.8442331,3.46740444 23.0689204,4.24271719 23.0689204,5.19911394 C23.0689204,6.15551068 23.8442331,6.93082343 24.8006299,6.93082343 Z M28.9365294,15.0121344 C28.3013941,14.9597558 27.7439519,15.4319346 27.6911416,16.0670341 C27.116192,22.7834987 21.4000376,27.8843162 14.6617,27.6938727 C7.92336235,27.5034291 2.50442805,22.087904 2.30974394,15.3496876 C2.11505982,8.61147112 7.21227903,2.89210776 13.9283804,2.31293145 C14.5659782,2.26032962 15.0402112,1.70081225 14.9876094,1.06321443 C14.9350075,0.425616606 14.3754902,-0.0486163577 13.7378924,0.00398545321 C5.80256263,0.686552266 -0.221520462,7.44249368 0.00625017976,15.4038677 C0.234020821,23.3652417 6.63450211,29.765723 14.5958761,29.9934936 C22.5572501,30.2212643 29.3131915,24.1971812 29.9957583,16.2618514 C30.022088,15.9554336 29.9250671,15.6511755 29.7262153,15.4165629 C29.5273635,15.1819503 29.2431193,15.0363779 28.9365294,15.0121344 Z M14.9876094,4.62187744 C20.7259899,4.62187744 25.3778664,9.27375394 25.3778664,15.0121344 C25.3778664,20.7505149 20.7259899,25.4023914 14.9876094,25.4023914 C9.24922891,25.4023914 4.59735241,20.7505149 4.59735241,15.0121344 C4.60371486,9.27639142 9.25186639,4.62823989 14.9876094,4.62187744 Z M13.8331364,15.0121344 C13.8331364,15.6497322 14.3500116,16.1666074 14.9876094,16.1666074 L21.9144474,16.1666074 C22.5520452,16.1666074 23.0689204,15.6497322 23.0689204,15.0121344 C23.0689204,14.3745366 22.5520452,13.8576614 21.9144474,13.8576614 L16.1420824,13.8576614 L16.1420824,8.08529643 C16.1420824,7.4476986 15.6252072,6.93082343 14.9876094,6.93082343 C14.3500116,6.93082343 13.8331364,7.4476986 13.8331364,8.08529643 L13.8331364,15.0121344 Z M19.6055014,3.46740444 C20.5618981,3.46740444 21.3372109,2.69209169 21.3372109,1.73569495 C21.3372109,0.779298203 20.5618981,0.00398545321 19.6055014,0.00398545321 C18.6491046,0.00398545321 17.8737919,0.779298203 17.8737919,1.73569495 C17.8737919,2.69209169 18.6491046,3.46740444 19.6055014,3.46740444 Z"
|
||||
id="path-2"></path>
|
||||
<filter x="-25.0%" y="-25.0%" width="150.0%" height="150.0%" filterUnits="objectBoundingBox" id="filter-3">
|
||||
<feOffset dx="0" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
|
||||
<feGaussianBlur stdDeviation="2.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
|
||||
<feColorMatrix values="0 0 0 0 0.517647059 0 0 0 0 1 0 0 0 0 0.470588235 0 0 0 0.45098877 0"
|
||||
type="matrix" in="shadowBlurOuter1"></feColorMatrix>
|
||||
</filter>
|
||||
</defs>
|
||||
<g id="监测平台" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="林业防火-智感-无人机实时画面-切图版" transform="translate(-1628, -846)">
|
||||
<g id="可视化" transform="translate(-0.5, -1)">
|
||||
<g id="模块" transform="translate(46, 88)">
|
||||
<g id="标题模块--右侧1" transform="translate(1450, 684)">
|
||||
<g id="a" transform="translate(119, 60.5)">
|
||||
<g id="编组-6" transform="translate(0, 0.5)">
|
||||
<g id="编组-11" transform="translate(14, 14.0159)">
|
||||
<rect id="矩形" x="0" y="0" width="42" height="42"></rect>
|
||||
<g id="clock-countdown-fill" transform="translate(5, 5)" fill-rule="nonzero">
|
||||
<g id="形状">
|
||||
<use fill="black" fill-opacity="1" filter="url(#filter-3)"
|
||||
xlink:href="#path-2"></use>
|
||||
<use fill="url(#linearGradient-1)" xlink:href="#path-2"></use>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 4.8 KiB |
|
|
@ -1,30 +0,0 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="43px" height="43px" viewBox="0 0 43 43" version="1.1" xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<defs>
|
||||
<linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
|
||||
<stop stop-color="#B7FCB3" offset="0%"></stop>
|
||||
<stop stop-color="#69EE91" offset="100%"></stop>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<g id="监测平台" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="林业防火-智感-无人机实时画面-切图版" transform="translate(-1718, -846)">
|
||||
<g id="可视化" transform="translate(-0.5, -1)">
|
||||
<g id="模块" transform="translate(46, 88)">
|
||||
<g id="标题模块--右侧1" transform="translate(1450, 684)">
|
||||
<g id="a" transform="translate(209, 60.5)">
|
||||
<g id="编组-6" transform="translate(0, 0.5)">
|
||||
<g id="编组-14" transform="translate(14, 14.0159)">
|
||||
<rect id="矩形" x="0" y="0" width="42" height="42"></rect>
|
||||
<path
|
||||
d="M22.4403522,10.9841347 C29.9970401,11.4524749 36.0313601,17.486645 36.5,25.0419841 L33.7245785,25.0419841 C33.2052363,25.0419841 32.7842263,25.4629941 32.7842263,25.9823363 C32.7842263,26.5016785 33.2052363,26.9226885 33.7245785,26.9226885 L36.5,26.9226885 C36.4268981,28.1012262 36.2183717,29.242747 35.8897671,30.3319012 L7.1102329,30.3319012 C6.78162835,29.242747 6.57310192,28.1012262 6.5,26.9226885 L9.27542151,26.9226885 C9.79013388,26.9161905 10.2039772,26.4970897 10.2039772,25.9823363 C10.2039772,25.4675829 9.79013388,25.0484821 9.27542151,25.0419841 L6.5,25.0419841 C6.96863993,17.486645 13.0029599,11.4526248 20.5596478,10.9841347 L20.5596478,13.7577578 C20.5596478,14.2771 20.9806578,14.69811 21.5,14.69811 C22.0193422,14.69811 22.4403522,14.2771 22.4403522,13.7577578 L22.4403522,10.9841347 Z M29.9591233,17.5230632 C29.9591233,17.5230632 27.3551219,19.0377897 24.7345382,20.6284916 L24.1929606,20.9582145 C22.0324935,22.2776668 19.9828843,23.5811959 19.5107156,24.0532992 C18.4288123,25.1352025 18.4288123,26.8894176 19.5107156,27.9714708 C20.592619,29.0533742 22.346834,29.0533742 23.4288872,27.9714708 C23.9009905,27.4993022 25.2045197,25.449693 26.523972,23.2892258 L26.8536948,22.7476482 C28.4443967,20.1270645 29.9591233,17.5230632 29.9591233,17.5230632 Z"
|
||||
id="形状结合" fill="url(#linearGradient-1)" fill-rule="nonzero"></path>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 2.8 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 9.7 KiB |
|
|
@ -81,7 +81,7 @@
|
|||
</text>
|
||||
<text
|
||||
x="45%"
|
||||
y="80"
|
||||
y="75"
|
||||
text-anchor="middle"
|
||||
:fill="props.dataStyle.bottomFontColor3"
|
||||
:font-size="props.dataStyle.bottomFontSize3"
|
||||
|
|
|
|||
|
|
@ -81,7 +81,7 @@
|
|||
:y="props.dataStyle.iconY"
|
||||
:width="props.dataStyle.iconSize"
|
||||
:height="props.dataStyle.iconSize"
|
||||
:href="`./${props.item.icon}.svg`"
|
||||
:href="`/src/assets/images/chart/zhigan/component/WuRenJiFeiXingShuJu${props.item.icon}.png`"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
|
|
@ -89,7 +89,6 @@
|
|||
|
||||
<script setup lang="ts">
|
||||
const props = defineProps(['item', 'dataStyle']);
|
||||
// console.log(`./${props.item.icon}.svg`);
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped></style>
|
||||
|
|
|
|||
|
|
@ -5,6 +5,9 @@ import { chartInitConfig } from '@/settings/designSetting'
|
|||
import { WuRenJiImageConfig } from './index'
|
||||
|
||||
export const option = {
|
||||
dataset: {
|
||||
url: 'src/assets/images/chart/zhigan/component/example1.png'
|
||||
},
|
||||
}
|
||||
|
||||
export default class Config extends PublicConfigClass implements CreateComponentType {
|
||||
|
|
|
|||
|
|
@ -1,4 +1,22 @@
|
|||
<template></template>
|
||||
<template>
|
||||
<CollapseItem name="数据设置" :expanded="true">
|
||||
<SettingItemBox :alone="true" name="图片路径选择">
|
||||
<SettingItem>
|
||||
<n-select v-model:value="optionData.dataset.url" size="small" :options="options"></n-select>
|
||||
</SettingItem>
|
||||
</SettingItemBox>
|
||||
<SettingItemBox :alone="true" name="图片路径手动输入">
|
||||
<SettingItem>
|
||||
<n-input
|
||||
v-model:value="optionData.dataset.url"
|
||||
placeholder="图片路径"
|
||||
type="text"
|
||||
size="small"
|
||||
/>
|
||||
</SettingItem>
|
||||
</SettingItemBox>
|
||||
</CollapseItem>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { PropType, watch, ref } from 'vue';
|
||||
|
|
@ -12,4 +30,9 @@
|
|||
required: true,
|
||||
},
|
||||
});
|
||||
|
||||
const options = [
|
||||
{ label: '卫星例图', value: 'src/assets/images/chart/zhigan/component/example1.png' },
|
||||
{ label: '无人机例图', value: 'src/assets/images/chart/zhigan/component/example2.png' },
|
||||
];
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@ export const WuRenJiImageConfig: ConfigType = {
|
|||
key: 'WuRenJiImage',
|
||||
chartKey: 'VWuRenJiImage',
|
||||
conKey: 'VCWuRenJiImage',
|
||||
title: '无人机图片',
|
||||
title: '无人机和卫星例图',
|
||||
category: ChatCategoryEnum.ZHIGAN,
|
||||
categoryName: ChatCategoryEnumName.ZHIGAN,
|
||||
package: PackagesCategoryEnum.ZHIGAN,
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<div class="title">
|
||||
<Tupian :w="w" :h="h" />
|
||||
<Tupian :w="w" :h="h" :dataset="option.dataset" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
|
@ -21,7 +21,9 @@
|
|||
|
||||
const { w, h } = toRefs(props.chartConfig.attr);
|
||||
|
||||
const option = reactive({});
|
||||
const option = reactive({
|
||||
dataset: props.chartConfig.option.dataset,
|
||||
});
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
|
|
|||
|
|
@ -8,6 +8,7 @@
|
|||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
>
|
||||
<image x="0" y="0" :width="props.w" :height="props.h" :href="props.dataset.url" />
|
||||
<defs>
|
||||
<linearGradient
|
||||
x1="44.8535648%"
|
||||
|
|
@ -38,14 +39,8 @@
|
|||
<g id="林业防火-智感-卫星遥感信息-切图版" transform="translate(-1495, -91)">
|
||||
<g id="可视化" transform="translate(-0.5, -1)">
|
||||
<g id="模块" transform="translate(45.5, 92)">
|
||||
<g id="标题模块--右侧1" transform="translate(1450.5, 0.9394)">
|
||||
<g id="边框" transform="translate(0, -0)">
|
||||
<polygon
|
||||
id="面"
|
||||
fill="#02221B"
|
||||
opacity="0.687237694"
|
||||
points="0.499001996 0.060630108 399.700599 0.060630108 399.539646 271.06063 183.224719 271.06063 0.499001996 271.06063 0.499001996 193.216031 0.499001996 131.02166"
|
||||
></polygon>
|
||||
<g id="标题模块--右侧1" transform="translate(1450, 0)">
|
||||
<g id="边框" transform="translate(0.5, 0.9394)">
|
||||
<polygon
|
||||
id="线框"
|
||||
stroke="url(#linearGradient-1)"
|
||||
|
|
@ -96,5 +91,5 @@
|
|||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
const props = defineProps(['w', 'h']);
|
||||
const props = defineProps(['w', 'h', 'dataset']);
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -1,11 +1,13 @@
|
|||
import { GeneralHeadConfig } from "./GeneralHead/index";
|
||||
import { ModalHeadConfig } from "./ModalHead/index";
|
||||
import { MoreButtonConfig } from "./MoreButton/index";
|
||||
import { HeadMoreButtonConfig } from "./HeadMoreButton/index";
|
||||
import { WuRenJiImageConfig } from "./WuRenJiImage/index";
|
||||
|
||||
import { WeiXingYaoGanConfig } from "./WeiXingYaoGan/index";
|
||||
import { XianSuoShangBaoConfig } from "./XianSuoShangBao/index";
|
||||
import { MeiRiShangBaoConfig } from "./MeiRiShangBao/index";
|
||||
|
||||
import { WuRenJiImageConfig } from "./WuRenJiImage/index";
|
||||
|
||||
import { WuRenJiShiShiHuaMianConfig } from "./WuRenJiShiShiHuaMian/index";
|
||||
import { WuRenJiFeiXingShuJuConfig } from "./WuRenJiFeiXingShuJu/index";
|
||||
import { ModalFrameConfig } from "./ModalFrame/index";
|
||||
|
|
@ -17,12 +19,13 @@ import { ModalTimeLineConfig } from "./ModalTimeLine/index";
|
|||
export default [
|
||||
GeneralHeadConfig,
|
||||
ModalHeadConfig,
|
||||
MoreButtonConfig,
|
||||
HeadMoreButtonConfig,
|
||||
WuRenJiImageConfig,
|
||||
|
||||
WeiXingYaoGanConfig,
|
||||
XianSuoShangBaoConfig,
|
||||
MeiRiShangBaoConfig,
|
||||
|
||||
WuRenJiImageConfig,
|
||||
WuRenJiShiShiHuaMianConfig,
|
||||
WuRenJiFeiXingShuJuConfig,
|
||||
ModalFrameConfig,
|
||||
|
|
|
|||
Loading…
Reference in New Issue