lrf402788946 há 5 anos atrás
pai
commit
17a6144791
2 ficheiros alterados com 14 adições e 2 exclusões
  1. 2 0
      components/filter-page-table.md
  2. 12 2
      components/filter-page-table.vue

+ 2 - 0
components/filter-page-table.md

@@ -13,6 +13,7 @@
 |options|Object|null|否|加些属性,不知道能加啥,反正我把合计加上好使了|
 |useSum|Boolean|false|否|使用合计|
 |filter|Array|`[]`|否|额外查询|
+|operaWidth|Number|200|否|操作栏宽度|
 
 >fields
 >>
@@ -25,6 +26,7 @@
 |options|Object|`-`|否|添加额外属性,比如说样式之类的|
 |filter|String|`-`|否|如果填写,则这个字段会查询,这里只填写类型,input/select,select的选项在options插槽中使用|
 |selected|Array|`-`|false|多选选项的数据|
+|showTip|Boolean|false|否|是否使用tooltip显示过长内容|
 
 >opera
 >>

+ 12 - 2
components/filter-page-table.vue

@@ -52,12 +52,21 @@
           </el-table-column>
         </template>
         <template v-else>
-          <el-table-column :key="index" align="center" :label="item.label" :prop="item.prop" :formatter="toFormatter" sortable v-bind="item.options">
+          <el-table-column
+            :key="index"
+            align="center"
+            :label="item.label"
+            :prop="item.prop"
+            :formatter="toFormatter"
+            sortable
+            v-bind="item.options"
+            :show-overflow-tooltip="item.showTip"
+          >
           </el-table-column>
         </template>
       </template>
       <template v-if="opera.length > 0">
-        <el-table-column label="操作" align="center">
+        <el-table-column label="操作" align="center" :width="operaWidth">
           <template v-slot="{ row, $index }">
             <template v-for="(item, index) in opera">
               <template v-if="display(item, row)">
@@ -115,6 +124,7 @@ export default {
     options: null,
     useSum: { type: Boolean, default: false },
     filter: { type: Array, default: () => [] },
+    operaWidth: { type: Number, default: 200 },
   },
   components: {},
   data: () => ({