feat:[模板管理][update]

src/components/Template/BaseInfoFormPcakge.vue

@@ -176,7 +176,7 @@
 <script>
 import HandleFormItem from "./HandleFormItem.vue";
 import LineLabel from "./LineLabel.vue";
-import _ from "lodash";
+import { isEqual } from "@/utils/index.js";
 export default {
     inject: ['templateFillType'],
     components: {
@@ -406,7 +406,7 @@ export default {
         compareFieldsIsEqual(currentValue,compareToValue,key) {
             if(!currentValue || !compareToValue) return;
             // 如果当前值与compareTo字段的值不相等，则设置橙色背景
-            if (_.isEqual(currentValue,compareToValue)) {
+            if (isEqual(currentValue,compareToValue)) {
                 // 如果相等，移除橙色背景（如果之前设置了的话）
                 this.$set(this.orangeBgFields, key, false);
             } else {
@@ -524,11 +524,12 @@ export default {
 
             this.$emit("blur", { key, value: val, ...this.formFields });
         },
-        onValueChangeCompareTo(key, val) {
+        onValueChangeCompareTo(key, val, compKey) {
+console.log(key,val,compKey,"compKey")
             // compareTo 功能：当fillType==="actFill"时，判断当前值是否与compareTo字段的值一样，如果不一样则将当前input框的背景色标记成橙色
             const currentFieldConfig = this.allFieldsConfig[key];
-            if (currentFieldConfig && currentFieldConfig.fillType === "actFill" && currentFieldConfig.compareTo) {
-                const compareToKey = currentFieldConfig.compareTo;
+            if (currentFieldConfig && currentFieldConfig.fillType === "actFill" && (currentFieldConfig.compareTo || compKey)) {
+                const compareToKey = compKey || currentFieldConfig.compareTo;
                 const compareToValue = this.formFields[compareToKey];
                 this.compareFieldsIsEqual(val,compareToValue,key);
             }

src/components/Template/CustomTable.vue

@@ -141,7 +141,8 @@
 </template>
 
 <script>
-import HandleFormItem from "./HandleFormItem.vue"
+import HandleFormItem from "./HandleFormItem.vue";
+import { isEqual } from "@/utils/index.js";
 export default {
   inject: ['templateFillType'],
   name: 'CustomTable',
@@ -450,18 +451,15 @@ export default {
       // 遍历所有行和列，检查 compareTo 逻辑
       this.localDataSource.forEach((row, rowIndex) => {
         this.columns.forEach((col, colIndex) => {
-          if (col.bodyFillType === "actFill" && col.compareTo) {
-            const currentValue = row[col.prop];
+           const currentValue = row[col.prop];
             const compareToValue = row[col.compareTo];
-            
-            if (currentValue !== undefined && compareToValue !== undefined) {
-              // 比较当前值和compareTo值，如果不相等则设置橙色背景
-              if (currentValue !== compareToValue) {
-                this.setOrangeBg(rowIndex, colIndex, col.prop, true);
-              } else {
-                // 相等则移除橙色背景
-                this.setOrangeBg(rowIndex, colIndex, col.prop, false);
-              }
+          if ( col.compareTo && currentValue && compareToValue) {
+            // 比较当前值和compareTo值，如果不相等则设置橙色背景
+            if (!isEqual(currentValue, compareToValue)) {
+              this.setOrangeBg(rowIndex, colIndex, col.prop, true);
+            } else {
+              // 相等则移除橙色背景
+              this.setOrangeBg(rowIndex, colIndex, col.prop, false);
             }
           }
           
@@ -470,9 +468,9 @@ export default {
             const currentValue = row[col.bodySubKey];
             const compareToValue = row[col.bodySubCompareTo];
             
-            if (currentValue !== undefined && compareToValue !== undefined) {
+            if (!!currentValue&& !!compareToValue) {
               // 比较当前值和compareTo值，如果不相等则设置橙色背景
-              if (currentValue !== compareToValue) {
+              if (!isEqual(currentValue, compareToValue)) {
                 this.setOrangeBg(rowIndex, colIndex, col.bodySubKey, true);
               } else {
                 // 相等则移除橙色背景

src/utils/index.js

@@ -398,3 +398,14 @@ export function caesarDecipher(str) {
     return decrypt(atob(str));
 }
 
+//比较值是否相等，不需要比较类型
+export const isEqual = (oldValue, nowValue) =>{
+    if (oldValue === null || nowValue === null) {
+        return oldValue === nowValue;
+    }
+    if (typeof oldValue === 'object' && typeof nowValue === 'object') {
+        return JSON.stringify(oldValue) === JSON.stringify(nowValue);
+    }
+    return oldValue == nowValue;
+}
+

src/views/business/comps/template/comps/sp/SWYPNBGZYZBB.vue

@@ -332,6 +332,7 @@ export default {
 				const packageRef = this.$refs[`${ref}${this.currentRowIndex}`][0];
 				if(currentSubKey === "subStartSolution"){
 					packageRef.updateFormData("targetAcSolution", row.nd);
+					packageRef.onValueChangeCompareTo("targetAcSolution", row.nd,"targetStartSolution");
 				}
 				packageRef.updateFormData(currentSubKey, code);
 				this.currentSubKey = "";
@@ -342,6 +343,7 @@ export default {
 						actStartSolutionCode: code,
 						targetAcSolution: row.nd,
 					})
+
 				}	
 			}
 			this.$refs.selectReagentDialogRef.onCancel()