添加sql请求

src/packages/components/Decorates/Titles/TitlesText/config.ts

@@ -1,5 +1,5 @@
 import { PublicConfigClass } from '@/packages/public'
-import { chartInitConfig } from '@/settings/designSetting'
+import { chartInitConfig, requestSqlConfig } from '@/settings/designSetting'
 import { CreateComponentType } from '@/packages/index.d'
 import { TitlesTextConfig } from './index'
 import cloneDeep from 'lodash/cloneDeep'
@@ -16,4 +16,6 @@ export default class Config extends PublicConfigClass implements CreateComponent
   public attr = { ...chartInitConfig, w: 500, h: 70, zIndex: 1 }
   public chartConfig = cloneDeep(TitlesTextConfig)
   public option = cloneDeep(option)
+  public request = { ...requestSqlConfig, requestSQLContent: { sql: 'select * from zg_meirishangbaoshuliangtongji' }, }
+  public filter = "return res.result;"
 }

src/packages/components/Decorates/Titles/TitlesText/index.vue

@@ -10,7 +10,8 @@
   <script setup lang="ts">
   import { PropType, toRefs } from 'vue'
   import { CreateComponentType } from '@/packages/index.d'
-  import { getUUID } from '@/utils'
+  import { useChartDataFetch } from '@/hooks';
+  import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore';
   const props = defineProps({
     chartConfig: {
       type: Object as PropType<CreateComponentType>,
@@ -18,9 +19,12 @@
     }
   })
   
-  const id = getUUID()
   const { w, h } = toRefs(props.chartConfig.attr)
   const { colors, dataset, textSize,textFlod } = toRefs(props.chartConfig.option)
+  // 数据callback处理（预览时触发）
+  useChartDataFetch(props.chartConfig, useChartEditStore, (resData: any[]) => {
+    props.chartConfig.option.dataset = resData;
+  });
   </script>
   
   <style lang="scss" scoped>

src/packages/components/Equipment/Equipment/HuoQingJianCe/config.ts

@@ -1,5 +1,5 @@
 import { PublicConfigClass } from '@/packages/public'
-import { chartInitConfig } from '@/settings/designSetting'
+import { chartInitConfig,requestSqlConfig } from '@/settings/designSetting'
 import { CreateComponentType } from '@/packages/index.d'
 import { EquipmentHuoQingJianCeConfig } from './index'
 import cloneDeep from 'lodash/cloneDeep'
@@ -34,4 +34,6 @@ export default class Config extends PublicConfigClass implements CreateComponent
   public attr = { ...chartInitConfig, w: 378, h: 193, zIndex: 1 }
   public chartConfig = cloneDeep(EquipmentHuoQingJianCeConfig)
   public option = cloneDeep(option)
+  public request = { ...requestSqlConfig, requestSQLContent: { sql: 'select * from zg_meirishangbaoshuliangtongji' }, }
+  public filter = "return res.result;"
 }

src/packages/components/Equipment/Equipment/HuoQingJianCe/index.vue

@@ -34,6 +34,8 @@
 <script setup lang="ts">
 import { PropType, toRefs } from 'vue'
 import { CreateComponentType } from '@/packages/index.d'
+import { useChartDataFetch } from '@/hooks';
+import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore';
 
 const props = defineProps({
   chartConfig: {
@@ -54,6 +56,11 @@ const {
   datasColor,
   datasSize
 } = toRefs(props.chartConfig.option)
+
+// 数据callback处理（预览时触发）
+useChartDataFetch(props.chartConfig, useChartEditStore, (resData: any[]) => {
+  props.chartConfig.option.yjDatas = resData;
+});
 </script>
 
 <style lang="scss" scoped>

src/packages/components/Equipment/Equipment/HuoQingXianSuo/config.ts

@@ -1,5 +1,5 @@
 import { PublicConfigClass } from '@/packages/public'
-import { chartInitConfig } from '@/settings/designSetting'
+import { chartInitConfig, requestSqlConfig } from '@/settings/designSetting'
 import { CreateComponentType } from '@/packages/index.d'
 import { EquipmentHuoQingXianSuoConfig } from './index'
 import cloneDeep from 'lodash/cloneDeep'
@@ -45,4 +45,6 @@ export default class Config extends PublicConfigClass implements CreateComponent
   public attr = { ...chartInitConfig, w: 378, h: 300, zIndex: 1 }
   public chartConfig = cloneDeep(EquipmentHuoQingXianSuoConfig)
   public option = cloneDeep(option)
+  public request = { ...requestSqlConfig, requestSQLContent: { sql: 'select * from zg_meirishangbaoshuliangtongji' }, }
+  public filter = "return res.result;"
 }

src/packages/components/Equipment/Equipment/HuoQingXianSuo/index.vue

@@ -29,6 +29,8 @@
 <script setup lang="ts">
 import { PropType, toRefs, ref } from 'vue'
 import { CreateComponentType } from '@/packages/index.d'
+import { useChartDataFetch } from '@/hooks';
+import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore';
 
 const props = defineProps({
   chartConfig: {
@@ -57,9 +59,12 @@ const {
 } = toRefs(props.chartConfig.option)
 
  const navsClick = function(index){
-  console.log('iii',index)
   navsIndex.value = index
  }
+ // 数据callback处理（预览时触发）
+useChartDataFetch(props.chartConfig, useChartEditStore, (resData: any[]) => {
+  props.chartConfig.option.sectionDatas = resData;
+});
 </script>
 
 <style lang="scss" scoped>