userName 2025-04-10 13:47:53 +08:00
commit b02907630e
11 changed files with 34 additions and 14 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 KiB

View File

@ -277,7 +277,7 @@
} }
}, },
{ {
immediate: true, immediate: false,
deep: true, deep: true,
}, },
); );
@ -309,6 +309,10 @@
} }
} }
}, },
{
immediate: false,
deep: true,
},
); );
// //

View File

@ -32,7 +32,7 @@
placeholder="宽度" placeholder="宽度"
/> />
</SettingItem> </SettingItem>
<SettingItem name="图标颜色(小)"> <!-- <SettingItem name="图标颜色(小)">
<n-color-picker <n-color-picker
size="small" size="small"
:modes="['rgb']" :modes="['rgb']"
@ -91,7 +91,7 @@
> >
恢复默认 恢复默认
</n-button> </n-button>
</SettingItem> </SettingItem> -->
</SettingItemBox> </SettingItemBox>
</CollapseItem> </CollapseItem>
</template> </template>

View File

@ -1,7 +1,12 @@
<template> <template>
<div class="ZhiGan_LowerLeft"> <div class="ZhiGan_LowerLeft">
<div class="image"> <div class="image">
<Icon :dataStyle="option.dataStyle" /> <!-- <Icon :dataStyle="option.dataStyle" /> -->
<n-image
src="/src/assets/images/chart/zhigan/component/LowerLeft.png"
:width="option.dataStyle.imageWidth"
:height="option.dataStyle.imageHeight"
/>
</div> </div>
</div> </div>
</template> </template>
@ -41,6 +46,7 @@
<style lang="scss" scoped> <style lang="scss" scoped>
.ZhiGan_LowerLeft { .ZhiGan_LowerLeft {
position: relative;
background: v-bind('`${option.dataStyle.backgroud}`'); background: v-bind('`${option.dataStyle.backgroud}`');
width: v-bind('`${w}px`'); width: v-bind('`${w}px`');
height: v-bind('`${h}px`'); height: v-bind('`${h}px`');
@ -49,6 +55,5 @@
position: absolute; position: absolute;
left: v-bind('`${option.dataStyle.left}px`'); left: v-bind('`${option.dataStyle.left}px`');
bottom: v-bind('`${option.dataStyle.bottom}px`'); bottom: v-bind('`${option.dataStyle.bottom}px`');
bottom: 0px;
} }
</style> </style>

View File

@ -40,7 +40,7 @@
placeholder="宽度" placeholder="宽度"
/> />
</SettingItem> </SettingItem>
<SettingItem name="图标颜色(小)"> <!-- <SettingItem name="图标颜色(小)">
<n-color-picker <n-color-picker
size="small" size="small"
:modes="['rgb']" :modes="['rgb']"
@ -99,7 +99,7 @@
> >
恢复默认 恢复默认
</n-button> </n-button>
</SettingItem> </SettingItem> -->
</SettingItemBox> </SettingItemBox>
</CollapseItem> </CollapseItem>
</template> </template>

View File

@ -1,7 +1,12 @@
<template> <template>
<div class="ZhiGan_LowerRight"> <div class="ZhiGan_LowerRight">
<div class="image"> <div class="image">
<Icon :dataStyle="option.dataStyle" /> <!-- <Icon :dataStyle="option.dataStyle" /> -->
<n-image
src="/src/assets/images/chart/zhigan/component/LowerRight.png"
:width="option.dataStyle.imageWidth"
:height="option.dataStyle.imageHeight"
/>
</div> </div>
</div> </div>
</template> </template>
@ -41,6 +46,7 @@
<style lang="scss" scoped> <style lang="scss" scoped>
.ZhiGan_LowerRight { .ZhiGan_LowerRight {
position: relative;
background: v-bind('`${option.dataStyle.backgroud}`'); background: v-bind('`${option.dataStyle.backgroud}`');
width: v-bind('`${w}px`'); width: v-bind('`${w}px`');
height: v-bind('`${h}px`'); height: v-bind('`${h}px`');
@ -49,6 +55,5 @@
position: absolute; position: absolute;
right: v-bind('`${option.dataStyle.right}px`'); right: v-bind('`${option.dataStyle.right}px`');
bottom: v-bind('`${option.dataStyle.bottom}px`'); bottom: v-bind('`${option.dataStyle.bottom}px`');
bottom: 0px;
} }
</style> </style>

View File

@ -104,6 +104,11 @@
dataset: props.chartConfig.option.dataset, dataset: props.chartConfig.option.dataset,
dataStyle: props.chartConfig.option.dataStyle, dataStyle: props.chartConfig.option.dataStyle,
}); });
// callback
useChartDataFetch(props.chartConfig, useChartEditStore, (resData: any[]) => {
option.dataset = resData;
});
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>

View File

@ -8,7 +8,6 @@
crossOrigin="anonymous" crossOrigin="anonymous"
playsinline playsinline
autoplay autoplay
:object-fit="option.dataset.fit"
:loop="option.dataStyle.videoLoop" :loop="option.dataStyle.videoLoop"
:muted="option.dataStyle.videoMuted" :muted="option.dataStyle.videoMuted"
:width="`${w - 2 * option.dataStyle.padding - 2 * option.dataStyle.borderWidth}`" :width="`${w - 2 * option.dataStyle.padding - 2 * option.dataStyle.borderWidth}`"
@ -24,7 +23,6 @@
crossOrigin="anonymous" crossOrigin="anonymous"
playsinline playsinline
autoplay autoplay
:object-fit="option.dataset.fit"
:loop="option.dataStyle.videoLoop" :loop="option.dataStyle.videoLoop"
:muted="option.dataStyle.videoMuted" :muted="option.dataStyle.videoMuted"
:width="`${w - 2 * option.dataStyle.padding - 2 * option.dataStyle.borderWidth}`" :width="`${w - 2 * option.dataStyle.padding - 2 * option.dataStyle.borderWidth}`"
@ -103,6 +101,12 @@
player = null; player = null;
} }
}); });
// callback
useChartDataFetch(props.chartConfig, useChartEditStore, (resData: any[]) => {
option.dataset = resData;
handlerPlayVideo();
});
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>

View File

@ -110,7 +110,6 @@
crossOrigin="anonymous" crossOrigin="anonymous"
playsinline playsinline
autoplay autoplay
:object-fit="option.dataset.fit"
:loop="option.dataStyle.videoloop" :loop="option.dataStyle.videoloop"
:muted="option.dataStyle.videomuted" :muted="option.dataStyle.videomuted"
:style="{ :style="{

View File

@ -12,7 +12,6 @@
crossOrigin="anonymous" crossOrigin="anonymous"
playsinline playsinline
autoplay autoplay
:object-fit="option.dataset.fit"
:loop="option.dataStyle.videoloop" :loop="option.dataStyle.videoloop"
:muted="option.dataStyle.videomuted" :muted="option.dataStyle.videomuted"
:width="`${option.dataStyle.videowidth - 2 * option.dataStyle.borderWidth - 2 * option.dataStyle.padding}`" :width="`${option.dataStyle.videowidth - 2 * option.dataStyle.borderWidth - 2 * option.dataStyle.padding}`"
@ -30,7 +29,6 @@
crossOrigin="anonymous" crossOrigin="anonymous"
playsinline playsinline
autoplay autoplay
:object-fit="option.dataset.fit"
:loop="option.dataStyle.videoloop" :loop="option.dataStyle.videoloop"
:muted="option.dataStyle.videomuted" :muted="option.dataStyle.videomuted"
:width="`${option.dataStyle.videowidth - 2 * option.dataStyle.borderWidth - 2 * option.dataStyle.padding}`" :width="`${option.dataStyle.videowidth - 2 * option.dataStyle.borderWidth - 2 * option.dataStyle.padding}`"