feat: 修复图片地址错误

This commit is contained in:
huanghao1412 2023-12-28 18:19:26 +08:00
parent d2d4e94f10
commit 0d9a4183d5
4 changed files with 31 additions and 33 deletions

View File

@ -2,11 +2,11 @@ import { PublicConfigClass } from '@/packages/public'
import { CreateComponentType } from '@/packages/index.d' import { CreateComponentType } from '@/packages/index.d'
import { Theme1Config } from './index' import { Theme1Config } from './index'
import cloneDeep from 'lodash/cloneDeep' import cloneDeep from 'lodash/cloneDeep'
import background from '@/assets/customComponents/theme1/backgrond.jpg' // import background from '@/assets/customComponents/theme1/backgrond.jpg'
export const option = { export const option = {
// 图片路径 // 图片路径
dataset: background, dataset: '',
// 适应方式 // 适应方式
fit: 'contain', fit: 'contain',
// 圆角 // 圆角

View File

@ -93,7 +93,7 @@
<n-image <n-image
:object-fit="fit" :object-fit="fit"
preview-disabled preview-disabled
:src="option.dataset" :src="background"
:fallback-src="requireErrorImg()" :fallback-src="requireErrorImg()"
:width="w" :width="w"
:height="h" :height="h"
@ -109,6 +109,7 @@ import { useChartDataFetch } from '@/hooks'
import { CreateComponentType } from '@/packages/index.d' import { CreateComponentType } from '@/packages/index.d'
import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore' import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore'
import moment from 'moment' import moment from 'moment'
import background from '@/assets/customComponents/theme1/backgrond.jpg'
const props = defineProps({ const props = defineProps({
chartConfig: { chartConfig: {
@ -165,31 +166,33 @@ const getStyle = (radius: number) => {
} }
} }
// // //
watch( // watch(
() => props.chartConfig.option.dataset, // () => props.chartConfig.option.dataset,
async (newData: any) => { // async (newData: any) => {
try { // try {
const img = await import(newData); // // const img = await import(newData);
option.dataset = img.default // // option.dataset = img.default
} catch(e) { // option.dataset = newData
console.log(e) // } catch(e) {
} // console.log(e)
}, // }
{ // },
immediate: true // {
} // immediate: true
) // }
// )
// //
useChartDataFetch(props.chartConfig, useChartEditStore, async (newData: any) => { // //
try { // useChartDataFetch(props.chartConfig, useChartEditStore, async (newData: any) => {
const img = await import(newData); // try {
option.dataset = img.default // // const img = await import(newData);
} catch(e) { // // option.dataset = img.default
console.log(e) // option.dataset = newData
} // } catch(e) {
}) // console.log(e)
// }
// })
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>

View File

@ -190,8 +190,6 @@ const rangeStyle = computed(() => {
} }
}) })
console.log(chartEditStore.getComponentList)
onMounted(() => { onMounted(() => {
// //
useAddKeyboard() useAddKeyboard()

View File

@ -1,9 +1,7 @@
const bindEvent = (item:any) => { const bindEvent = (item:any) => {
console.log(item)
let obj = {} let obj = {}
if(item?.customEvent?.click) { if(item?.customEvent?.click) {
let {linkHead, link} = item.customEvent.click let {linkHead, link} = item.customEvent.click
console.log(linkHead, link)
obj = { obj = {
click: () => { click: () => {
console.log(1234, linkHead,link) console.log(1234, linkHead,link)
@ -11,7 +9,6 @@ const bindEvent = (item:any) => {
} }
} }
} }
console.log(obj)
return obj return obj
} }