update: table minwidth

src/views/salesleads/actCodeManage/attractFlowLink/index.vue

@@ -22,8 +22,8 @@
         <el-button type="primary" @click="$router.push('attractFlowLinkAdd')" v-if="$getButtonLimit($buttonCode.addLink)" :limit-code="$buttonCode.addLink">新增链接</el-button>
       </div>
     </div>
-    <el-table :data="tableData" style="width:100%" v-loading="loading" @sort-change="handleSortChange">
-      <el-table-column width="120" prop="linkCode" label="链接ID" />
+    <el-table :data="tableData" style="width:100%" v-loading="loading" :max-height="tableMaxHeight" @sort-change="handleSortChange">
+      <el-table-column min-width="120" prop="linkCode" label="链接ID" />
       <el-table-column minWidth="180" prop="memberId" label="链接信息">
         <template slot-scope="{ row }">
           <p class="overFlow">{{ row.name }}</p>
@@ -42,7 +42,7 @@
           <span v-else>{{ scope.row[v.prop] }}</span>
         </template>
       </el-table-column>
-      <el-table-column label="操作" width="160" fixed="right">
+      <el-table-column label="操作" min-width="160" fixed="right">
         <template slot-scope="{ row }">
           <dm-dropdown ref="drop" :scope-data="row" :configs="btnArr" />
         </template>
@@ -63,7 +63,7 @@ const tableHead = [
   {
     label: '添加好友人数',
     prop: 'addNumT',
-    width: '130',
+    minWidth: '130',
     sortable: 'custom',
     formatter: function(row) {
       return `<span>${row.addNumT ? row.addNumT : '- -'}</span>`;
@@ -72,7 +72,7 @@ const tableHead = [
   {
     label: '今日新增人数',
     prop: 'addNum',
-    width: '130',
+    minWidth: '130',
     sortable: 'custom',
     formatter: function(row) {
       return `<span>${row.addNum ? row.addNum : '- -'}</span>`;
@@ -81,7 +81,7 @@ const tableHead = [
   {
     label: '点击总人次',
     prop: 'clickTimesT',
-    width: '120',
+    minWidth: '120',
     sortable: 'custom',
     formatter: function(row) {
       return `<span>${row.clickTimesT ? row.clickTimesT : '- -'}</span>`;
@@ -90,7 +90,7 @@ const tableHead = [
   {
     label: '今日点击人次',
     prop: 'clickTimes',
-    width: '130',
+    minWidth: '130',
     sortable: 'custom',
     formatter: function(row) {
       return `<span>${row.clickTimes ? row.clickTimes : '- -'}</span>`;
@@ -99,7 +99,7 @@ const tableHead = [
   {
     label: '点击总人数',
     prop: 'clickNumT',
-    width: '120',
+    minWidth: '120',
     sortable: 'custom',
     formatter: function(row) {
       return `<span>${row.clickNumT ? row.clickNumT : '- -'}</span>`;
@@ -108,7 +108,7 @@ const tableHead = [
   {
     label: '今日点击人数',
     prop: 'clickNum',
-    width: '130',
+    minWidth: '130',
     sortable: 'custom',
     formatter: function(row) {
       return `<span>${row.clickNum ? row.clickNum : '- -'}</span>`;
@@ -137,7 +137,9 @@ const tableHead = [
 ];
 export default {
   data() {
+    let tableMaxHeight = document.body.clientHeight - 285 + 'px';
     return {
+      tableMaxHeight,
       activeName: 'first',
       loading: false,
       form: {