Merge branch 'main' of http://123.132.248.154:10000/gitY/LinYeFangHuo
commit
b02907630e
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
|
|
@ -277,7 +277,7 @@
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
immediate: true,
|
immediate: false,
|
||||||
deep: true,
|
deep: true,
|
||||||
},
|
},
|
||||||
);
|
);
|
||||||
|
|
@ -309,6 +309,10 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
immediate: false,
|
||||||
|
deep: true,
|
||||||
|
},
|
||||||
);
|
);
|
||||||
|
|
||||||
// 水源
|
// 水源
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -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="{
|
||||||
|
|
|
||||||
|
|
@ -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}`"
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue