合同台账增加底色

app/public/js/contract_detail.js

@@ -36,7 +36,7 @@ $(document).ready(function() {
         localCache: {
             key: 'contract-spread',
             colWidth: true,
-        }
+        },
     };
 
     const contractCol = {
@@ -71,8 +71,8 @@ $(document).ready(function() {
 
     const contractSpread = SpreadJsObj.createNewSpread($('#contract-spread')[0]);
     const contractSheet = contractSpread.getActiveSheet();
-    sjsSettingObj.setGridSelectStyle(contractSpreadSetting);
-    // sjsSettingObj.setFxTreeStyle(contractSpreadSetting, sjsSettingObj.FxTreeStyle.jz);
+    // sjsSettingObj.setGridSelectStyle(contractSpreadSetting);
+    sjsSettingObj.setFxTreeStyle(contractSpreadSetting, sjsSettingObj.FxTreeStyle.contract);
     SpreadJsObj.initSpreadSettingEvents(contractSpreadSetting, contractCol);
     SpreadJsObj.initSheet(contractSheet, contractSpreadSetting);
     const treeSetting = {
@@ -1436,8 +1436,8 @@ $(document).ready(function() {
 
         const sqSpread = SpreadJsObj.createNewSpread($('#sq-spread')[0]);
         const sqSheet = sqSpread.getActiveSheet();
-        sjsSettingObj.setGridSelectStyle(sqSpreadSetting);
-        // sjsSettingObj.setFxTreeStyle(contractSpreadSetting, sjsSettingObj.FxTreeStyle.jz);
+        // sjsSettingObj.setGridSelectStyle(sqSpreadSetting);
+        sjsSettingObj.setFxTreeStyle(sqSpreadSetting, sjsSettingObj.FxTreeStyle.jz);
         SpreadJsObj.initSheet(sqSheet, sqSpreadSetting);
         const sqTreeSetting = {
             id: 'contract_id',

app/public/js/shares/sjs_setting.js

@@ -29,11 +29,41 @@ const sjsSettingObj = (function () {
             }
         }
     };
+    const setContractFxTreeStyle = function (setting) {
+        setting.selectedBackColor = '#fffacd';
+        setting.tree = {
+            getFont: function (sheet, data, row, col, defaultFont) {
+                if (sheet.zh_tree) {
+                    const levelField = sheet.zh_tree.setting.level;
+                    return data[levelField] === 1 ? 'bold ' + defaultFont : defaultFont;
+                } else {
+                    return defaultFont;
+                }
+            },
+            getColor: function (sheet, data, row, col, defaultColor) {
+                if (sheet.zh_tree) {
+                    const levelField = sheet.zh_tree.setting.level;
+                    if (data[levelField] === 2) {
+                        return '#C4CAFB';
+                    } else if (!data.c_code && data[levelField] > 2) {
+                        return '#DFE8F9';
+                    } else {
+                        return defaultColor;
+                    }
+                } else {
+                    return defaultColor;
+                }
+            }
+        }
+    };
     const setFxTreeStyle = function (setting, tag) {
         switch (tag) {
             case FxTreeStyle.jz:
                 setJzFxTreeStyle(setting);
                 break;
+            case FxTreeStyle.contract:
+                setContractFxTreeStyle(setting);
+                break;
         }
     };
 
@@ -130,4 +160,4 @@ const sjsSettingObj = (function () {
         setTpThousandthFormat, setThousandthFormat, setTpColsThousandthFormat,
         setPropValue, set3FCols, setQcCols, setOrgPriceCol, setNodeTypeCol, setIsTpCol,
     };
-})();
+})();