定向推送管理列表页

src/components/apass-list.vue

@@ -50,7 +50,7 @@
         <div class="header-center">
           <slot name="header-center"></slot>
         </div>
-        <div class="header-right">
+        <div class="header-right" v-if="!hideSearch">
           <el-input
             v-model="searchValue"
             prefix-icon="el-icon-search"
@@ -138,6 +138,10 @@ export default {
       type: Boolean,
       default: () => false,
     },
+    hideSearch: {
+      type: Boolean,
+      default: () => false,
+    },
     searchPlaceholder: {
       type: String,
       default: () => "请输入关键字",
@@ -277,3 +281,42 @@ export default {
   margin-bottom: 20px;
 }
 </style>
+
+<style>
+.top_fliter {
+  display: flex;
+}
+.top_fliter > .filter_list {
+  flex-grow: 1;
+}
+.filter_list > .filter_item {
+  display: inline-block;
+  vertical-align: middle;
+  margin-top: 15px;
+}
+.filter_list > .filter_item + .filter_item {
+  margin-left: 25px;
+}
+.filter_list > .filter_item > .filter_title {
+  font-size: 14px;
+  font-weight: 700;
+  color: #242c43;
+  margin-right: 10px;
+  white-space: nowrap;
+}
+.filter_list > .filter_item > .filter_title + * {
+  width: 300px;
+}
+.top_fliter > .filter_action {
+  flex-shrink: 0;
+  margin-left: 25px;
+  text-align: right;
+}
+.filter_action > .el-button {
+  min-width: 90px;
+  margin-top: 15px;
+}
+.filter_action > .el-button + .el-button {
+  margin-left: 10px;
+}
+</style>

src/components/apass-table.vue

 <template>
   <div class="apass_table">
     <el-table :data="data" @sort-change="sortChange">
-      <el-table-column
-        v-if="paddingLeft > 10"
-        :width="paddingLeft - 10"
-      ></el-table-column>
+      <el-table-column v-if="paddingLeft > 10" :width="paddingLeft - 10">{{
+        paddingLeft
+      }}</el-table-column>
       <el-table-column
         v-for="(item, index) in header"
         :label="item.label"
@@ -75,13 +74,14 @@
             />
           </div>
           <div v-else-if="item.type === 'tag'" class="table_tag">
-            <el-tag
-              v-for="(item, index) in scope.row[item.prop]"
-              v-if="index <= 1 || tag_flag_arr[scope.$index] == 1"
-              :key="index + 5515"
-            >
-              {{ item }}
-            </el-tag>
+            <template v-for="(item, index) in scope.row[item.prop]">
+              <el-tag
+                v-if="index <= 1 || tag_flag_arr[scope.$index] == 1"
+                :key="'tag_' + index"
+              >
+                {{ item }}
+              </el-tag>
+            </template>
             <div
               class="tagclo btn_down"
               v-if="
@@ -122,6 +122,18 @@
               :width="item.size"
             />
           </div>
+          <div v-else-if="item.type === 'image-tooltip'" class="img_content">
+            <el-tooltip
+              effect="dark"
+              :content="item.getTooltip ? item.getTooltip(scope.row) : item.tooltip"
+              placement="top"
+            >
+              <img
+                :src="item.getImage && item.getImage(scope.row)"
+                :width="item.size"
+              />
+            </el-tooltip>
+          </div>
           <div
             v-else-if="
               item.type === 'tooltip' &&

src/components/table/table-filter.vue

@@ -24,7 +24,6 @@
             @click.prevent="selectFilter(item.prop, v)"
           >
             <el-tooltip
-              class="item"
               effect="dark"
               :content="v.name"
               placement="top"

src/pages/message-management/message.vue

@@ -81,11 +81,11 @@ export default {
   align-items: stretch;
 }
 .side_nav_bar {
-  width: 180px;
+  width: 200px;
   flex-shrink: 0;
 }
 .main_container {
-  width: calc(100% - 180px);
+  width: calc(100% - 200px);
   flex-grow: 1;
   flex-shrink: 1;
   background-color: #f6f7fb;