doway-coms 1.6.85 → 1.7.1

package/packages/BaseGrid/src/index.vue

@@ -1,7 +1,13 @@
 <template>
-  <div :style="{ height: height - 40 + 'px' }">
-    <div class="head-tag" v-if="tagData.length">
-      <a-tag closable v-for="item in tagData" :key="item.column.field" @close="tagClosable(item.column)">
+  <div :style="{ height: height-tagHeight-10 + 'px' }">
+    <div class="head-tag" v-if="tagData.length" ref="tagView">
+      <a-tag
+        closable
+        v-for="item in tagData"
+        :key="item.column.field"
+        @close="tagClosable(item.column)"
+        @change="tagChange"
+      >
         <span>{{ tagContent(item) }} </span>
       </a-tag>
       <span style="color:#006cd9;cursor:pointer;font-size: 14px;" @click="clearFilter">清空</span>
@@ -90,6 +96,7 @@
             trigger="click"
             placement="rightTop"
             overlayClassName='popover-content-card'
+            style="top:40px"
           >
             <template slot="title">
               <div style="font-size: 17px;">表头设置</div>
@@ -512,7 +519,7 @@
         </div>
       </template>
     </VxeGrid>
-    <VxeModal
+    <!-- <VxeModal
       v-model="showGridColumnUserDefine"
       title="表格布局设置"
       width="70%"
@@ -537,7 +544,7 @@
           确认
         </a-button>
       </template>
-    </VxeModal>
+    </VxeModal> -->
   </div>
 </template>
   <script>
@@ -682,6 +689,7 @@ export default {
       filterExpression: [],
       filterStr: [],
       // 表格上方显示全部筛选条件
+      tagHeight: 0,
       tagData: [],
       // 默认配置条件-存储初始字段参数
       defaultPostData: {},
@@ -744,7 +752,7 @@ export default {
   props: {
     isSeqPopover: {
       type: Boolean,
-      default: false,
+      default: true,
     },
     showOverFlow: {
       type: Boolean,
@@ -927,9 +935,17 @@ export default {
   beforeCreate() {
     this.simpleImage = Empty.PRESENTED_IMAGE_SIMPLE;
   },
-
+  watch: {
+    tagData: {
+      handler: function(newVal) {
+        this.$nextTick(()=>{
+          this.tagChange()
+        })
+      },
+      deep: true
+    }
+  },
   created() {
-
     try{
       if(this.pager && this.pager.sizeOptions) {
         this.pager.sizeOptions = XEUtils.map(this.pager.sizeOptions, item => {
@@ -939,17 +955,8 @@ export default {
     } catch(err) {
       console.debug(err)
     }
-
-
     //拖动后输入框有错位问题，暂时不启用
     // this.initColumnDrop()
-
-    // this.internalColumns.push({
-    //     field: 'sysRowState',
-    //     visible:false,
-    //     filterMethod:this.sysRowStateFilter,
-    //     filters:[{label:'筛选删除行',value:'delete',checked:true}]
-    //   })
     for (let i = 0; i < this.columns.length; i++) {
       this.internalColumns.push(this.initColumns(this.columns[i]));
       if(this.columns[i].visible !== false && this.columns[i].controlType !== 'operation') {
@@ -1035,6 +1042,10 @@ export default {
     })
   },
   methods: {
+    tagChange() {
+      if (!this.$refs.tagView) return
+      this.tagHeight = this.$refs.tagView.offsetHeight
+    },
     // 取消当前字段筛选
     tagClosable(colInfo) {
       colInfo.filters[0].data.bindingValues = [];
@@ -1819,7 +1830,6 @@ export default {
         ).item;
         tempCol.visible = loopCol.params.show;
         tempCol.width = loopCol.width;
-        // tempCol.width = colWidth;
         //设置顺序
         tempCol.params["tempCustomSort"] = tempData.sort;
         this.setCustomGridParentSort(
@@ -1866,6 +1876,8 @@ export default {
     },
     // 确认保存自定义表格信息，更新表格
     saveSeqConfig(emitColumns, resData) {
+      // 深拷贝一份参数用来初始化后赋值筛选排序
+      let seqColumns = JSON.parse(JSON.stringify(emitColumns))
       // 获取表格字段数据
       let tableCollectColumn = this.$refs.baseGrid.getTableColumn().collectColumn;
       // 表格排序信息更新
@@ -1873,6 +1885,7 @@ export default {
         const find = XEUtils.find(emitColumns.fields, item => loopCol.field === item.field)
         if (find) {
           loopCol.params.sort = find.sort
+          loopCol.visible = !find.hidden
         }
       })
       //设置表格顺序
@@ -1882,8 +1895,24 @@ export default {
       );
       // 更新表格
       this.$refs.baseGrid.reloadColumn(tableCollectColumn)
-      this.userDefineColumns = this.tableCollectColumn
-      // this.$refs.baseAdjustGridView.setColumnsOptions()
+      tableCollectColumn.forEach((loopCol) => {
+        const find = XEUtils.find(seqColumns.fields, item => loopCol.field === item.field)
+        if (!find) {
+          return
+        }
+        find.extraInfo.filterExpression ?
+          loopCol.filters = find.extraInfo.filterExpression :
+          loopCol.filters[0].data = {
+            bindingValues: [],
+            displayValues: [],
+            displayValueSearchText:''
+          }
+        find.extraInfo.order ?
+          loopCol.order = find.extraInfo.order :
+          loopCol.order = null
+        loopCol.visible = !find.hidden
+      })
+      this.$refs.baseAdjustGridView.updateColumns(tableCollectColumn)
       //清空store缓存
       this.$store.commit(
         "SET_MODULE_VIEW_INFO",{
@@ -2562,7 +2591,7 @@ export default {
           colInfo.filters[0].data.bindingValues.push(item);
           this.$set(col.filters[0].data,'bindingValues',colInfo.filters[0].data.bindingValues)
         } else {
-          if (item.value[0] || item.value[1]||item.value[0]==0||item.value[1]==0) {
+          if (item.value[0] || item.value[1]||item.value[0]===0||item.value[1]===0) {
             colInfo.filters[0].data.bindingValues.push(item);
             this.$set(col.filters[0].data,'bindingValues',colInfo.filters[0].data.bindingValues)
           }
@@ -2783,20 +2812,14 @@ export default {
     saveTableHeight() {
       let vm = this
       // 去除操作列和序号、多选框列
-      let showColumns = vm.$refs.baseGrid.getTableColumn().collectColumn
-        .filter(x=>
-          (x.field !== "operation") &&
-          (x.field !== undefined) &&
-          x.visible
-        )
-      let notShowColumns = vm.$refs.baseGrid.getTableColumn().collectColumn
-        .filter(x=>
-          (x.field !== "operation") &&
-          (x.field !== undefined) &&
-          !x.visible
+      let resizeColumns = JSON.parse(JSON.stringify(
+        vm.$refs.baseGrid.getTableColumn().collectColumn
+          .filter(x=>
+            (x.field !== "operation") &&
+            (x.field !== undefined)
+          )
         )
-      let resizeColumns = []
-      resizeColumns.push(...showColumns, ...notShowColumns)
+      )
       // 保存参数
       let postData = {
         moduleCode: vm.moduleCode,
@@ -2804,24 +2827,37 @@ export default {
         fields: [],
       }
       resizeColumns.forEach((item, index)=> {
+        item.width = item.resizeWidth ? item.resizeWidth : item.width
+        // 获取初始字段筛选条件，用于避免赋值宽度将普通筛选条件加入默认筛选
+        let tempObject = vm.defaultPostData.fields.find(x => x.field == item.field)
         let tempData = {
           field: item.field,
           sort: index + 1,
           hidden: !item.visible,
-          width: item.resizeWidth,
+          width: item.width,
           extraInfo:{}
         }
-        if (item.filters && item.filters[0].data.bindingValues.length) {
+        if (
+          tempObject.extraInfo.filterExpression &&
+          tempObject.extraInfo.filterExpression[0].data.bindingValues.length
+        ) {
           item.filters[0].checked = true;
-          tempData.extraInfo.filterExpression = item.filters
+          tempData.extraInfo.filterExpression = tempObject.extraInfo.filterExpression
         }
-        if (item.order) {
-          tempData.extraInfo.order = item.order
+        if (tempObject.extraInfo.order) {
+          tempData.extraInfo.order = tempObject.extraInfo.order
         }
         postData.fields.push(tempData)
       })
       saveUserModuleDataFieldApi(postData)
-        .then(res => {})
+        .then(res => {
+          // 更新默认参数
+          vm.defaultPostData = postData
+          // 更新拖拽弹窗数据，避免宽度改变失效
+          if (vm.$refs.baseAdjustGridView) {
+            vm.$refs.baseAdjustGridView.updateColumns(resizeColumns)
+          }
+        })
         .catch((err) => {
           console.debug(err)
         })
@@ -2829,9 +2865,12 @@ export default {
     // 头部筛选条件展示内容
     tagContent(info) {
       let displayValues = info.column.filters[0].data.displayValues
+      // 筛选条件
+      let returnOperator = null
       // 筛选条件重组数组
       let curretnArr = []
       if(info.column.params.controlType === controlType.number) {
+        returnOperator = '范围'
         // 数字范围选择
         // 去除空值
         displayValues = displayValues.filter(f=>f.value[0])
@@ -2848,6 +2887,7 @@ export default {
       ) {
         // 日期范围选择
         // 去除空值
+        returnOperator = '范围'
         displayValues = displayValues.filter(f=>f.value[0])
         displayValues.forEach(x=> {
           let tempDate = []
@@ -2857,16 +2897,19 @@ export default {
         })
       } else if (info.column.params.controlType === controlType.select) {
         // 下拉
+        returnOperator = '包含'
         displayValues.forEach(x=> {
           let findValue = info.column.params.dataSource.find(f=>f.value == x)
           curretnArr.push(findValue?findValue.caption : x)
         })
       } else if (info.column.params.controlType === controlType.checkbox) {
+        returnOperator = '包含'
         // 单选
         displayValues.forEach(x=> curretnArr.push(x?'是':'否'))
       } else {
         // 其余字符串
         // 去除空值
+        returnOperator = '包含'
         displayValues = displayValues.filter(f=>f.value[0])
         displayValues.forEach(display=> {
           curretnArr.push(display.value[0])
@@ -2878,17 +2921,23 @@ export default {
       // 筛选值数组拼接为字符串
       let curretnValue = '"' + curretnArr.join(' , ') + '"'
       // 三项内容拼接-字段名、筛选条件(组件暂时只有包含)、字段编码
-      returnField = title + ' ' + '包含' + ' ' + curretnValue
+      returnField = title + ' ' + returnOperator + ' ' + curretnValue
       return returnField
     },
     // 保存默认配置条件
     saveFilterTable(colInfo) {
       colInfo.filters[0].data.bindingValues = [];
       XEUtils.arrayEach(colInfo.filters[0].data.displayValues, (item) => {
-        if (colInfo.params.controlType === controlType.select) {
-          colInfo.filters[0].data.bindingValues.push(item);
+        if (
+          colInfo.params.controlType === controlType.select ||
+          colInfo.params.controlType === controlType.checkbox
+        ) {
+          // 复选清空筛选初始数据过滤
+          if (!item.value) {
+            colInfo.filters[0].data.bindingValues.push(item);
+          }
         } else {
-          if (item.value[0] || item.value[1]) {
+          if (item.value[0] || item.value[1]||item.value[0]===0||item.value[1]===0) {
             colInfo.filters[0].data.bindingValues.push(item);
           }
         }
@@ -2912,8 +2961,7 @@ export default {
         .then(res => {
           // 更新默认参数
           this.defaultPostData = postData
-          console.debug('2',this.defaultPostData);
-          this.$refs.baseGrid.closeFilter();
+          this.$refs.baseGrid.closeFilter()
           // 初始标签
           this.tagData = JSON.parse(JSON.stringify(this.$refs.baseGrid.getCheckedFilters()))
           // 设置表格顺序
@@ -2921,20 +2969,21 @@ export default {
             tableCollectColumn,
             (p) => p.params.tempCustomSort
           );
-          //设置筛选过滤条件
+          //设置筛选过滤条件及排序，用于保存后回调刷新
           this.setFilterExpression();
           let data = []
           this.$refs.baseGrid.getSortColumns().forEach(x=> {
               data.push([x.field,x.order])
           })
           this.$emit("sortChange", data);
+          
           //清空store缓存
           this.$store.commit(
             "SET_MODULE_VIEW_INFO",{
               moduleCode:this.moduleCode,
               info:res.content
             }
-          );
+          )
         })
         .catch((err) => {
           console.debug(err)
@@ -2985,6 +3034,7 @@ export default {
 }
 .popover-content-card .ant-popover-inner {
   padding-left: 12px;
+  top: 40px;
 }
 .popover-content-card .ant-popover-inner-content {
   padding: 0px;
@@ -3105,10 +3155,6 @@ export default {
       border-radius: 0;
       border: 0;
       background-color: #f6f7f9;
-      
-      // :hover {
-      //   background-color: #e9ebf0 ;
-      // }
        .anticon-close {
         font-size: 14px;
       }