Merge branch 'main' of http://123.132.248.154:10000/gitY/LinYeFangHuo

src/packages/components/Tasks/Tasks/TaskBanner/index.vue

@@ -26,6 +26,9 @@ import { useChartDataFetch } from '@/hooks';
 import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore';
 import { EventBus } from '@/utils/eventBus';
 
+
+import { replaceSqlParams } from '@/utils/sqlHandler';
+
 const props = defineProps({
   chartConfig: {
     type: Object as PropType<CreateComponentType>,
@@ -33,6 +36,9 @@ const props = defineProps({
   }
 })
 
+
+
+
 const { w, h } = toRefs(props.chartConfig.attr)
 const {
   colors,
@@ -45,37 +51,31 @@ const {
 
 
 
-console.log("props.chartConfig",props.chartConfig.option.showColumns);
-
-
-
-
 onMounted(()=>{
-  const sql = JSON.parse(JSON.stringify(props.chartConfig.request.requestSQLContent)).sql;
   
+  const sql = props.chartConfig.request?.requestSQLContent?.sql;
   // 组件通信 获取列表中的信息
   EventBus.on(props.chartConfig.id+'dataupdate', (data) => {
+    props.chartConfig.request.requestSQLContent.sql = replaceSqlParams(sql,{Id:data.id})
+    // 数据callback处理（预览时触发）
+    useChartDataFetch(props.chartConfig, useChartEditStore, (resData: any) => {
 
-      props.chartConfig.request.requestSQLContent.sql = replaceSqlParams(sql,{Id:data.id})
+      // props.chartConfig.option.dataset = resData;
+      let data = [];
 
-      // 数据callback处理（预览时触发）
-      useChartDataFetch(props.chartConfig, useChartEditStore, (resData: any) => {
-        // props.chartConfig.option.dataset = resData;
-        let data = [];
-
-        props.chartConfig.option.showColumns?.forEach((item,index)=>{
-          let info = {
-            title:item.zh_name,
-            desc:resData[0][firstLetterToLowerCase(item.en_name)]
-          }
-          data.push(info);
-
-        })
-       
-        props.chartConfig.option.dataset.data = data;
-      });
+      props.chartConfig.option.showColumns?.forEach((item,index)=>{
+        let info = {
+          title:item.zh_name,
+          desc:resData[0][firstLetterToLowerCase(item.en_name)]
+        }
+        data.push(info);
 
+      })
+    
+      props.chartConfig.option.dataset.data = data;
+    });
   });
+
 })
 
 function firstLetterToLowerCase(str) {
@@ -87,17 +87,6 @@ const handlerShowColumns = ()=> {
 
 }
 
-
-function replaceSqlParams(sql, params) {
-  return sql.replace(/#\{([^}]+)\}/g, (match, p1) => {
-    if (params.hasOwnProperty(p1)) {
-      // 根据参数类型决定是否添加引号（简单实现）
-      return typeof params[p1] === 'string' ? `'${params[p1]}'` : params[p1];
-    }
-    throw new Error(`缺少参数: ${p1}`);
-  });
-}
-
 </script>
 
 <style lang="scss" scoped>

src/utils/sqlHandler.ts

@@ -0,0 +1,20 @@
+/**
+
+示例：
+
+    参数 sql :  select * from tableName where 'Id' = #{id} and 'state' = #{state}
+
+    参数 params : {id:12343,state:1}
+
+    返回结果： select * from tableName where 'Id' = 12343 and 'state' = 1
+
+*/
+
+export function replaceSqlParams(sql, params) {
+    return sql.replace(/#\{([^}]+)\}/g, (match, p1) => {
+        if (params.hasOwnProperty(p1)) {
+            return typeof params[p1] === 'string' ? `'${params[p1]}'` : params[p1];
+        }
+        throw new Error(`缺少参数: ${p1}`);
+    });
+}