修改sql规则的数据源信息不能保存的问题

src/views/IndexProcess/ProcedureRule/components/ProcedureConfig.vue

@@ -103,7 +103,8 @@ watch(
   () => props.ruleInfo,
   (ruleInfo) => {
     if (!ruleInfo) return
-    sqlInfo = Object.assign(sqlInfo,ruleInfo);
+    console.log(ruleInfo,"ruleInfo信息");
+    sqlInfo = reactive(Object.assign(sqlInfo,ruleInfo));
     // if(editorInstance){
     //   const model = editorInstance.getModel();
     //   model.setValue(sqlInfo.ruleSql);
@@ -130,6 +131,7 @@ const rules = reactive<FormRules>({
 })
 //提交当前界面的信息
 const submit = async () =>{
+  console.log(sqlInfo);
   if(!sqlInfo.dataSourceId){
      ElMessage.warning('请选择数据源信息');
      return false; 

src/views/IndexProcess/SqlRule/SqlRule.vue

@@ -75,7 +75,7 @@
   <ContentWrap v-loading="loading">
     <ElTabs tab-position="left" style="height:400px;overflow: hidden;">
       <ElTabPane label="SQL">
-        <ProcedureConfig ref="procedureConfig" rule-type="SqlRule" :rule-info="{dataSourceId:props.ruleInfo.dataSourceId,ruleSql:props.ruleInfo.ruleSql}" />
+        <ProcedureConfig ref="procedureConfig" rule-type="SqlRule" :rule-info="props.actionType == 'edit'?{dataSourceId:props.ruleInfo.dataSourceId,ruleSql:props.ruleInfo.ruleSql}:{}" />
       </ElTabPane>
       <ElTabPane label="参数配置">
         <SetParams ref="setParams" :rule-info="props.ruleInfo" />