cloud-web-corejs 1.0.54-dev.266 → 1.0.54-dev.267

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "cloud-web-corejs",
   "private": false,
-  "version": "1.0.54-dev.266",
+  "version": "1.0.54-dev.267",
   "scripts": {
     "dev": "vue-cli-service serve",
     "lint": "eslint --ext .js,.vue src",

package/src/components/xform/form-designer/setting-panel/property-editor/container-data-table/table-column-dialog.vue

@@ -272,7 +272,21 @@
             ></el-button>
           </template>
         </el-table-column>
-
+<el-table-column
+          :label="i18nt('显示名称颜色')"
+          width="100"
+          prop="fixed"
+        >
+          <template #default="scope">
+            <el-select  v-model="scope.row.labelColor" clearable>
+              <el-option value="#e6a23c" label="橙"></el-option>
+              <el-option value="#2a6494" label="蓝"></el-option>
+              <el-option value="#30b08f" label="绿"></el-option>
+              <el-option value="#909399" label="灰"></el-option>
+              <el-option value="#ea5353" label="红"></el-option>
+            </el-select>
+          </template>
+        </el-table-column>
 
         <el-table-column label="操作" width="150" fixed="right">
           <template slot="header">
@@ -967,7 +981,8 @@ export default {
         exportType: null,
         footerDataType: null,
         footerMethodConfg: null,
-        widgetList: []
+        widgetList: [],
+        labelColor:null
         // treeNode: false,
       };
       return row;

package/src/components/xform/form-render/container-item/data-table-mixin.js

@@ -873,6 +873,30 @@ modules = {
       if (this.widget.options.hideGridCheckBox) {
         otherConfig.checkBoxRequired = false;
       }
+
+      //标题颜色
+      let headerCellStyle = null
+      let tableColumns = this.widget.options.tableColumns;
+      let colorMap = {}
+      let flag = 0
+      tableColumns.forEach(item=>{
+        if(item.labelColor){
+          flag = 1;
+          colorMap[item.columnId] = item.labelColor
+        }
+      })
+      if(flag){
+        headerCellStyle = (rowParam)=>{
+          let columnId = rowParam.column?.params?.columnId;
+          if(columnId){
+            let color = colorMap[rowParam.column.params.columnId]
+            if(color){
+              return `color:${color};`
+            }
+          }
+        }
+      }
+
       let tableOption = {
         // vue: this,
         tableRef: tableRef,
@@ -886,6 +910,7 @@ modules = {
           showFooter,
           pagerConfig,
           treeConfig,
+          headerCellStyle,
           ...editOpts,
           ...dataTableConfig.config,
           /*rowConfig:{