宣传列表自适应

src/views/modules/workSys/promotionTab/index.vue

@@ -29,17 +29,17 @@
       </div>
 
       <el-table class="table" :data="tableData" border v-loading="tableLoading"
-        style="width: 100%">
+      :height="tableHeight"   style="width: 100%">
 
         <el-table-column label="序号" header-align="center" align="center" type="index" width="80"></el-table-column>
-        <el-table-column prop="tagName" header-align="center" align="center" label="标签名称" width="380">
+        <el-table-column prop="tagName" header-align="center" align="center" label="标签名称" >
         </el-table-column>
-        <el-table-column prop="enabled" header-align="center" align="center" label="首页显示" width="380">
+        <el-table-column prop="enabled" header-align="center" align="center" label="首页显示" >
           <template slot-scope="scope">
             <span>{{ scope.row.status === 1 ? '显示' : '关闭' }}</span>
           </template>
         </el-table-column>
-        <el-table-column prop="createdTime" header-align="center" align="center" label="创建时间" width="380">
+        <el-table-column prop="createdTime" header-align="center" align="center" label="创建时间" >
         </el-table-column>
 
         <el-table-column label="操作" fixed="right" width="250" header-align="center" align="center" class="operate">
@@ -80,6 +80,7 @@
 </template>
 
     <script>
+      import { mapGetters } from 'vuex'
      import AddpromotionTab from './AddpromotionTab.vue'
      import viewPromotionalTags from './viewPromotionalTags.vue'
     import { Loading } from 'element-ui' // 引入Loading服务
@@ -109,6 +110,13 @@
         ],
         }
       },
+      computed:{
+        tableHeight() {
+          return this.$store.state.inIframe ? this.clientHeight - 430 + this.iframeHeight : this.clientHeight - 430
+
+        },
+        ...mapGetters(['clientHeight', 'iframeHeight'])
+      },
       components: {
         AddpromotionTab,viewPromotionalTags
       },