meixioacomponent 0.3.97 → 0.3.98

package/lib/style/element/index.css

@@ -9310,6 +9310,8 @@
   bottom: 0px;
   width: 100%;
   height: 14px;
+  z-index: 1;
+  pointer-events: none;
   background: transparent !important;
   border-top: 1px solid var(--color-table-border);
   border-bottom: 1px solid var(--color-table-border);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "meixioacomponent",
-  "version": "0.3.97",
+  "version": "0.3.98",
   "private": false,
   "author": "YuRi",
   "main": "lib/meixioacomponent.umd.min.js",

package/packages/components/proPageTable/oa_pro_table.vue

@@ -46,10 +46,10 @@
       }"
     >
       <el-table
+        :fit="true"
         ref="elTable"
         :row-key="rowKey"
         :stripe="stripe"
-        :fit="true"
         :data="tableData"
         :border="borderColu"
         :height="tableHeight"
@@ -158,13 +158,6 @@
           </template>
         </el-table-column>
       </el-table>
-
-      <div class="table-suffix" v-if="!isAverageWidth">
-        <oa_pro_colum_configVue
-          :config="tableConfig"
-          @setTableHeaderConfig="setTableHeaderConfig"
-        ></oa_pro_colum_configVue>
-      </div>
     </div>
 
     <!-- 表格尾部 -->
@@ -270,7 +263,7 @@ export default {
     componentConfig.eventBus.$on('handleTableBorder', this.handleTableBorder)
   },
   mounted() {
-    // this.init();
+    this.initTableColumWidth()
   },
   beforeDestroy() {
     componentConfig.eventBus.$off('handleTableBorder', this.handleTableBorder)
@@ -483,6 +476,26 @@ export default {
 
       this.refreshData()
     },
+
+    initTableColumWidth() {
+      const { isAverageWidth } = this
+      if (isAverageWidth) true
+
+      const tableWidth = this.$refs.elTable.$el.offsetWidth
+      let totalWidth = 0
+      const { tableConfig } = this.$props
+      tableConfig.forEach((item) => {
+        totalWidth += item.width
+      })
+
+      const sub = tableWidth - totalWidth
+      if (sub > 0) {
+        const aver = sub / tableConfig.length
+        tableConfig.forEach((item) => {
+          item.width += aver
+        })
+      }
+    },
     searchContentHeightChange(height) {
       this.searchContentHeight = height
     },

package/packages/components/style/element/index.css

@@ -9310,6 +9310,8 @@
   bottom: 0px;
   width: 100%;
   height: 14px;
+  z-index: 1;
+  pointer-events: none;
   background: transparent !important;
   border-top: 1px solid var(--color-table-border);
   border-bottom: 1px solid var(--color-table-border);

package/src/component/test.vue

@@ -319,7 +319,7 @@ export default {
       :align="`left`"
       v-model="keyWords"
       :height="pageHeight"
-      :isAverageWidth="true"
+      :isAverageWidth="false"
       :pageProps="pageProps"
       :pageConfig="pageConfig"
       :screenList="screenList"
@@ -328,7 +328,6 @@ export default {
       :headerConfig="headerConfig"
       :totalPropsList="totalPropsList"
       :proScreenConfig="proScreenConfig"
-      :sortByApi="true"
     >
       <template>
         <base-icon
@@ -442,7 +441,7 @@ export default {
         label: '岗位编码',
         key: 'postCode',
         lock: false,
-        width: 150,
+        width: 10,
         template: false,
         screen: false,
       },
@@ -450,7 +449,7 @@ export default {
         label: '岗位名称',
         key: 'postName',
         lock: false,
-        width: 150,
+        width: 10,
         template: false,
         click: () => {},
       },
@@ -458,7 +457,7 @@ export default {
         label: '岗位排序',
         key: 'postSort',
         lock: false,
-        width: 150,
+        width: 10,
         screen: false,
         template: false,
       },
@@ -466,20 +465,27 @@ export default {
         label: '状态',
         key: 'state',
         lock: false,
-        width: 199,
+        width: 10,
         template: true,
       },
       {
         label: '创建时间',
         key: 'createTime',
         lock: false,
-        width: 280,
+        width: 10,
+        template: false,
+      },
+      {
+        label: '创建时间',
+        key: 'createTime',
+        lock: false,
+        width: 10,
         template: false,
       },
       {
         label: '操作',
         key: 'options',
-        lock: false,
+        lock: 'right',
         width: 280,
         template: true,
       },