ocpview-pro 0.1.2 → 0.1.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ocpview-pro",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "title": "ocpviewPlus",
   "description": "A high quality Service UI components Library with Vue.js",
   "homepage": "",

package/src/components/masterplate/RewriteBillListDetails/BillListPanelTable.vue

@@ -26,6 +26,7 @@
                     :loading="loading"
                     :sort-config="{ remote: true, trigger: 'cell' }"
                     :seq-config="seqConfig"
+                    :cell-style="cellStyleMethod"
                     @sort-change="RewriteTableOnSortChange"
                     @cell-dblclick="RewriteTableCellDBlclick"
                 >
@@ -347,6 +348,22 @@ export default {
             const { row } = params;
             this.dbclick(row);
         },
+        /**
+         * 单据状态列颜色渲染
+         */
+        cellStyleMethod({ row, column }) {
+            const item = this.tableColumns.find(
+                (c) => c.name === column.field
+            );
+            if (item && item._colorMap) {
+                const code = row[column.field];
+                const color = item._colorMap[code];
+                if (color) {
+                    return { color };
+                }
+            }
+            return {};
+        },
     },
     mounted() {
         // console.log("我继承覆写了22222", this.myConfig);

package/src/components/masterplate/billquerygrid.vue

@@ -78,6 +78,19 @@ import elementResizeDetectorMaker from "element-resize-detector";
 import QueryBar from "./querybar.vue";
 import GridColSet from "./gridcolset.vue";
 import { resolveComponent } from "vue";
+const columnColorConfig = {
+    billstatus: {
+        A: "#FA8C16",
+        N: "#1677FF",
+        S: "#1677FF",
+        Q: "#F5222D",
+        T: "#F5222D",
+        W: "#FA8C16",
+        X: "#00875A",
+        Y: "#52C41A",
+        C: "#666666",
+    },
+};
 export default {
     name: "mbillquerygrid",
     components: { QueryBar, GridColSet },
@@ -140,12 +153,14 @@ export default {
                         ? this.OmdUrl.billQueryComboBoxCodeWithName
                         : true; // 默认值为 true 表示有编码
             }
+            this.injectColumnRender(el);
         });
         if (this.myConfig.gridConfig.initRefresh !== undefined) {
             this.initRefresh = this.myConfig.gridConfig.initRefresh;
         }
         if (!this.myConfig.gridConfig.method) {
-            this.myConfig.gridConfig.method = this.myConfig.classPrefix + '.search';
+            this.myConfig.gridConfig.method =
+                this.myConfig.classPrefix + ".search";
         }
         if (!this.myConfig.gridConfig.resources) {
             this.myConfig.gridConfig.resources = this.config.resources;
@@ -166,7 +181,7 @@ export default {
         this.myConfig.queryConfig = {};
         this.myConfig.queryConfig.curHelpUrl = this.config.curHelpUrl;
         this.myConfig.queryConfig.items = this.$Method.copy(
-            this.myConfig.gridConfig.items,
+            this.myConfig.gridConfig.items
         );
         this.myConfig.queryConfig.modulecode = this.config.modulecode;
         this.myConfig.queryConfig.enablePermissions = this.enablePermissions;
@@ -179,12 +194,12 @@ export default {
         if (this.myConfig.usercustominfo) {
             if (this.myConfig.usercustominfo.filterscene) {
                 this.myConfig.queryConfig.sceneData = this.$Method.copy(
-                    this.myConfig.usercustominfo.filterscene,
+                    this.myConfig.usercustominfo.filterscene
                 );
             }
             if (this.myConfig.usercustominfo.colset) {
                 this.gridCol = JSON.parse(
-                    this.$Method.copy(this.myConfig.usercustominfo.colset),
+                    this.$Method.copy(this.myConfig.usercustominfo.colset)
                 );
             }
         }
@@ -192,12 +207,33 @@ export default {
         this.setChangeGridConfig();
     },
     methods: {
+        injectColumnRender(el) {
+            const colorMap = columnColorConfig[el.name];
+            if (
+                !colorMap ||
+                el.type !== "ComboBox" ||
+                el.render !== undefined
+            ) {
+                return;
+            }
+            const fieldName = el.name;
+            el.render = (h, params) => {
+                const code = params.row[fieldName];
+                const color = colorMap[code];
+                const text = this.$Method.formatComboBox(code, params.column);
+                if (color) {
+                    return h("span", { style: { color } }, text);
+                }
+                return h("span", text);
+            };
+            el._colorMap = colorMap;
+        },
         initRowBtn() {
             if (this.enablePermissions) {
                 let btns = [];
                 this.moduleMethod.forEach((el) => {
                     let btn = this.rowBtnData.find(
-                        (el2) => el.name === el2.name,
+                        (el2) => el.name === el2.name
                     );
                     if (btn) {
                         btns.push(btn);
@@ -262,7 +298,7 @@ export default {
                         let culIndex = data.findIndex(
                             (el) =>
                                 el[self.myConfig.gridConfig.bindSearchParam] ===
-                                self.ph_key,
+                                self.ph_key
                         );
                         if (culIndex > -1) {
                             index = culIndex;
@@ -334,7 +370,7 @@ export default {
                     if (el.name && el.visible) {
                         let tmp = this.myConfig.gridConfig.items.find(
                             (el2) =>
-                                el.name === el2.name || el.name === el2.sname,
+                                el.name === el2.name || el.name === el2.sname
                         );
                         if (tmp) {
                             let tmp2 = this.$Method.copy(tmp);
@@ -383,7 +419,7 @@ export default {
         if (this.$refs.toolbar) {
             this.observer.removeListener(
                 this.$refs.toolbar,
-                this.setOutsideHeight,
+                this.setOutsideHeight
             );
         }
     },