cnhis-design-vue 2.1.116 → 2.1.118

package/packages/table-filter/src/mixins/mixins.js

@@ -455,6 +455,83 @@ export const outQuickSearchDefCommon = {
 export const outQuickSearchFn = {
   mixins: [renderWidget],
   methods: {
+    isFieldFilterField(columnName) {
+      return this.originFieldList.find(v => {
+        const filterField = this.tableDataType === 'API' ? v.filterSettingMap?.filterField : v.fieldSetting?.mapping?.type === 'manual' && v.isMerge != 1 && v.notParticipatingSearch != 1;
+        return filterField && v.columnName === columnName;
+      });
+    },
+    clearOutSearchItem(item, index) {
+      if (this.isRender(item)) {
+        this.$set(this.outSearchFieldList[index], 'value', this.getDefValByRenderWidget(item));
+        return;
+      }
+      let advanceOptionSetting = item?.advanceOptionSetting;
+      //  单选
+      let optionSetting0 = String(advanceOptionSetting) == '0';
+      if (optionSetting0) {
+        this.$set(this.outSearchFieldList[index], 'value', undefined);
+      } else {
+        if (item.CONVERT && Array.isArray(item.CONVERT)) {
+          this.$set(this.outSearchFieldList[index], 'CONVERT', []);
+        }
+        this.$set(this.outSearchFieldList[index], 'value', []);
+      }
+    },
+    setOutSearchItem(item, index, find) {
+      if (this.isRender(item)) {
+        this.$set(this.outSearchFieldList[index], 'value', this.getDefValByRenderConObj(find, item));
+        return;
+      }
+      let optionSetting0 = String(item.advanceOptionSetting) == '0';
+
+      let value = find?.value ?? '';
+      let isTrance = (item.CONVERT && Array.isArray(item.CONVERT)) || (item.comType == 'SelectMui' && item.con == 'CONVERT');
+      // wordbook多选
+      let isWordBookMulti = value && item.comType === 'SelectMuiWordBook' && typeof value === 'string' && value.includes('|#|');
+      if (isWordBookMulti) {
+        value = value.split('|#|');
+      }
+      if (Array.isArray(value) && isTrance) {
+        let value = find?.value?.map?.(item => JSON.stringify(item)) || find.value;
+        value = value.filter(Boolean);
+        this.$set(this.outSearchFieldList[index], 'CONVERT', value);
+        if (value.length) {
+          if (optionSetting0) {
+            let i = value[0] ? item.labelList.findIndex(v => v.value == value[0]) : '';
+            this.$set(this.outSearchFieldList[index], 'value', i);
+          } else {
+            let resVal = [];
+            item.labelList?.forEach((v, i) => {
+              if (value.includes(v.value)) {
+                resVal.push(i);
+              }
+            });
+            resVal.length && this.$set(this.outSearchFieldList[index], 'value', resVal);
+          }
+        }
+      } else {
+        this.$set(this.outSearchFieldList[index], 'value', value);
+      }
+    },
+    setOutDefaultCon(val, headerFilterFieldList) {
+      // 表头筛选/高级筛选 -> 同步到筛选外显中
+      if (!this.outSearchFieldList?.length || !this.originFieldList?.length) return;
+      headerFilterFieldList.forEach(h => {
+        let hKey = h.filterSettingMap?.filterField && h.filterSettingMap?.headerFilterKey;
+        if (!hKey) return;
+        let mItem = this.outSearchFieldList.find(o => o.columnName === hKey);
+        if (!mItem) return;
+        let mHeader = val?.length && val.find(v => v.field_key === hKey);
+        let oIndex = this.outSearchFieldList.findIndex(c => c.columnName === hKey);
+        let oItem = this.outSearchFieldList[oIndex];
+        if (mHeader) {
+          this.setOutSearchItem(oItem, oIndex, mHeader);
+        } else {
+          this.clearOutSearchItem(oItem, oIndex);
+        }
+      });
+    },
     handlerInitSearchItem(arr) {
       if (!Array.isArray(arr)) return;
       arr.forEach(el => {
@@ -504,6 +581,7 @@ export const outQuickSearchFn = {
           this.$set(el, 'value', tvalue);
           const labelList = el.setting?.showSetting.map(i => {
             i.labelName = i.change_text;
+            i.value = i.filter && JSON.stringify(i.filter);
             return i;
           });
           this.$set(el, 'labelList', labelList);
@@ -576,6 +654,7 @@ export const outQuickSearchFn = {
             if (attr == 'EVALUATE') {
               let list = EVALUATEList.map(i => {
                 i.labelName = i.label;
+                i.value = i.filter && JSON.stringify(i.filter);
                 return i;
               });
               this.$set(el, 'labelList', list);
@@ -638,21 +717,25 @@ export const outQuickSearchFn = {
           temp.value = item.value;
           conObj.push(temp);
         }
+
+        let useValue = item.value ?? '';
+
         let advanceOptionSetting = item.advanceOptionSetting;
-        if (item.com === 'SelectMui' && vexutils.anyNotEmpty(item.value)) {
+        if (item.com === 'SelectMui' && vexutils.anyNotEmpty(useValue)) {
           // 单选模式
           let single = String(advanceOptionSetting) === '0';
           if (single) {
-            if (!Array.isArray(item.value)) {
-              item.value = [item.value];
+            if (!Array.isArray(useValue)) {
+              useValue = [useValue];
+              temp.value = useValue;
             }
           }
-          let hasArr = Array.isArray(item.value) && item.value.length > 0;
+          let hasArr = Array.isArray(useValue) && useValue.length > 0;
           if (item.comType == 'SelectMuiWordBook' && hasArr) {
-            temp.value = item.value.join('|#|');
+            temp.value = useValue.join('|#|');
           } else if (item.comType == 'treeSelect') {
             // 樹狀
-            let value = item.value;
+            let value = useValue;
             if (typeof value === 'string') {
               [value] = value.split('<&=&>');
             } else if (Array.isArray(value)) {
@@ -666,7 +749,7 @@ export const outQuickSearchFn = {
           } else if (item.settingObj.attr === 'EVALUATE') {
             if (hasArr) {
               let value = [];
-              value = item.value.map(i => {
+              value = useValue.map(i => {
                 return item.labelList[i].value;
               });
               temp.value = value.join('|#|');
@@ -676,13 +759,13 @@ export const outQuickSearchFn = {
               if (item.con == 'CONVERT') {
                 // 存在映射
                 let value = [];
-                value = item.value.map(i => {
+                value = useValue.map(i => {
                   return item.labelList[i].filter;
                 });
                 temp.value = value;
               } else {
                 let value = [];
-                value = item.value.map(i => {
+                value = useValue.map(i => {
                   return item.labelList[i].labelName;
                 });
                 temp.value = value.join('|#|');
@@ -691,9 +774,9 @@ export const outQuickSearchFn = {
           }
           conObj.push(temp);
         }
-        if (item.com === 'DatePicker' && item.value.length) {
-          const start_val = item.value[0].format(item.showFormat);
-          const end_val = item.value[1].format(item.showFormat);
+        if (item.com === 'DatePicker' && useValue.length) {
+          const start_val = useValue[0].format(item.showFormat);
+          const end_val = useValue[1].format(item.showFormat);
           if (item.settingObj.attr === 'BIRTHDAY') {
             temp.limit_date = `${start_val}~${end_val}`;
           } else {
@@ -702,9 +785,9 @@ export const outQuickSearchFn = {
           }
           conObj.push(temp);
         }
-        if (item.com === 'DayPicker' && item.value) {
-          const start_val = item.value.startOf('day').format('YYYY-MM-DD HH:mm:ss');
-          const end_val = item.value.endOf('day').format('YYYY-MM-DD HH:mm:ss');
+        if (item.com === 'DayPicker' && useValue) {
+          const start_val = useValue.startOf('day').format('YYYY-MM-DD HH:mm:ss');
+          const end_val = useValue.endOf('day').format('YYYY-MM-DD HH:mm:ss');
           if (item.settingObj.attr === 'BIRTHDAY') {
             temp.limit_date = `${start_val}~${end_val}`;
           } else {
@@ -738,8 +821,8 @@ export const outQuickSearchFn = {
           temp.con = 'EQ';
           conObj.push(JSON.parse(JSON.stringify(temp)));
         }
-        if (item.com === 'SelectQuote' && item.value.length) {
-          temp.value = item.value.join('|#|');
+        if (item.com === 'SelectQuote' && useValue.length) {
+          temp.value = useValue.join('|#|');
           conObj.push(temp);
         }
       });

package/packages/table-filter/src/quick-search/QuickSearch.vue

@@ -990,27 +990,29 @@ export default create({
       });
       this.parentNames = parentNames;
     },
+    clearQuickItem(item, index) {
+      if (this.isRender(item)) {
+        this.$set(this.quickSearch[index], "value", this.getDefValByRenderWidget(item));
+        return;
+      }
+
+      let advanceOptionSetting = item?.advanceOptionSetting;
+      //  单选
+      let optionSetting0 =String(advanceOptionSetting) == '0';
+      let settingLen = item.setting?.showSetting?.length;
+      let isCheck = optionSetting0 && settingLen && settingLen < 10;
+      if(optionSetting0 && !isCheck){
+        this.$set(this.quickSearch[index], "value", undefined);
+      } else {
+        if (item.CONVERT && Array.isArray(item.CONVERT)) {
+          this.$set(this.quickSearch[index], "CONVERT", []);
+        }
+      }
+    },
     setDefaultCon(val) {
       if (!val.length) {
         this.quickSearch.forEach((item, index) => {
-          if (this.isRender(item)) {
-            this.$set(this.quickSearch[index], "value", this.getDefValByRenderWidget(item));
-            return;
-          }
-
-          let advanceOptionSetting = item?.advanceOptionSetting;
-           //  单选
-           let optionSetting0 =String(advanceOptionSetting) == '0';
-           let settingLen = item.setting?.showSetting?.length;
-           let isCheck = optionSetting0 && settingLen && settingLen < 10;
-           if(optionSetting0 && !isCheck){
-            this.$set(this.quickSearch[index], "value", undefined);
-           } else {
-            if (item.CONVERT && Array.isArray(item.CONVERT)) {
-              this.$set(this.quickSearch[index], "CONVERT", []);
-            }
-           }
-
+          this.clearQuickItem(item, index)
         });
         return false;
       }
@@ -1045,7 +1047,7 @@ export default create({
              this.$set(this.quickSearch[index], "value", value);
           }
         } else {
-          this.$set(this.quickSearch[index], "CONVERT",optionSetting0?"": []);
+          this.clearQuickItem(item, index)
         }
       });
     },
@@ -1315,27 +1317,30 @@ export default create({
       this.resetChangeWindow();
 
       if (!this.validConObj(mergeConObj, this.searchFieldList, this.searchFieldLimit)) return false;
-      this.$emit("onSave", mergeConObj);
+      this.$emit("onSave", mergeConObj, false, [], [], { isQuickSearch: true });
       return this.quickSearch;
     },
     // 方便外部调用
     getMergeConObj() {
       let conObj = this.getConObjParams() || [];
       let mergeConObj = [...conObj];
-      // 合并表格表头未设置高级筛选的筛选项
-      this.quickSearchConfig.forEach(i => {
-        let find = mergeConObj.find(j => {
-          return i.field_key === j.field_key;
+      // 兼容二次开发平台逻辑
+      if(this.libSource != 'lowCode') {
+        // 合并表格表头未设置高级筛选的筛选项
+        this.quickSearchConfig.forEach(i => {
+          let find = mergeConObj.find(j => {
+            return i.field_key === j.field_key;
+          });
+          if (
+            !find &&
+            !this.quickSearch.find(item => {
+              return item.columnName === i.field_key;
+            })
+          ) {
+            mergeConObj.push(i);
+          }
         });
-        if (
-          !find &&
-          !this.quickSearch.find(item => {
-            return item.columnName === i.field_key;
-          })
-        ) {
-          mergeConObj.push(i);
-        }
-      });
+      }
       return mergeConObj || [];
     },
     getConObjParams() {