doway-coms 2.10.43 → 2.10.46

package/packages/BaseGrid/index.js

@@ -1,10 +1,10 @@
-// 导入组件，组件必须声明 name
-import BaseGrid from './src/index.vue';
-import VXETable from 'vxe-table'
-// 为组件提供 install 安装方法，供按需引入
-BaseGrid.install = function(Vue) {
-    Vue.use(VXETable)
-    Vue.component(BaseGrid.name, BaseGrid);
-};
-// 默认导出组件
+// 导入组件，组件必须声明 name
+import BaseGrid from './src/index.vue';
+import VXETable from 'vxe-table'
+// 为组件提供 install 安装方法，供按需引入
+BaseGrid.install = function(Vue) {
+    Vue.use(VXETable)
+    Vue.component(BaseGrid.name, BaseGrid);
+};
+// 默认导出组件
 export default BaseGrid;

package/packages/BaseGrid/src/SeqSetting.vue

@@ -102,6 +102,7 @@ export default {
   },
   data() {
     return {
+      windowHeight: window.innerHeight,  // 添加这一行
       searchField: null,
       // 接收所有字段数据
       adjustUserDefineColumns: [],
@@ -118,10 +119,19 @@ export default {
   },
   mounted() {
     // 初始排序数组
+    // 监听窗口大小变化
+    window.addEventListener('resize', this.handleResize)
     this.currentSortKeys = this.columns.map(x=>x.currentKey)
     this.setOptions()
   },
+  beforeDestroy() {
+    // 组件销毁时移除监听
+    window.removeEventListener('resize', this.handleResize)
+  },
   methods: {
+    handleResize() {
+      this.windowHeight = window.innerHeight
+    },
     updateColumns(currentColumns) {
       this.adjustUserDefineColumns = JSON.parse(JSON.stringify(currentColumns))
       this.setColumnsOptions()
@@ -177,6 +187,7 @@ export default {
       let vm = this
       // 在渲染切换后获取渲染后div内容，进行赋值
       this.$nextTick(()=>{
+
         let sortableElement = vm.$refs.dragForm
         let sortKeys = []
         for (let i = 0; i < sortableElement.children.length; i++) {
@@ -276,4 +287,31 @@ export default {
     margin-bottom: 10px;
   }
 }
+.content-card {
+  padding: 0 16px;
+  min-height: 400px;
+  max-height: v-bind('windowHeight - 100 + "px"'); /* 减去100px留出一些边距空间 */
+  overflow: auto;
+
+  .field-content {
+    height: auto !important;
+    min-height: 200px;
+    overflow: auto;
+  }
+}
+
+
+/* 美化滚动条样式 */
+.content-card::-webkit-scrollbar {
+  width: 6px;
+}
+
+.content-card::-webkit-scrollbar-thumb {
+  background-color: #e8e8e8;
+  border-radius: 3px;
+}
+
+.content-card::-webkit-scrollbar-track {
+  background-color: #f5f5f5;
+}
 </style>