冻结方式 UI

src/components/wechatmembers/frozen-member/frozen-list/frozen-list.less

@@ -47,6 +47,20 @@
       margin-right: 10px;
     }
   }
+  .reason-icon-box{
+    width: 24px;
+    height: 24px;
+    line-height: 24px;
+    text-align: center;
+    border-radius: 2px;
+    &:hover{
+      background: #E5E6EB;
+    }
+  }
+  .icon-yuanyin{
+    font-size: 14px;
+    color: #303030;
+  }
 }
 
 .frozen-table {

src/components/wechatmembers/frozen-member/frozen-list/frozen-list.vue

@@ -18,7 +18,7 @@
             <el-select
               v-model="searchData.frozenType"
               style="width: 160px; margin-left: 10px"
-              placeholder="全部会员状态"
+              placeholder="全部冻结方式"
               @change="onSearchDataChange"
               clearable
             >
@@ -262,12 +262,15 @@
 
           <el-table-column label="冻结方式" min-width="150">
             <template slot-scope="{ row }">
-              <el-popover placement="top-start" trigger="hover" :disabled="!row.frozenRemark">
-                <div>{{ row.frozenRemark }}</div>
-                <span slot="reference"
-                  >{{ row.forzenType || '--' }}</span
-                >
-              </el-popover>
+              <el-row type="flex" align="middle">
+                <span style="margin-right: 3px;">{{ row.forzenType || '--' }}</span>
+                <el-popover placement="top" trigger="hover" :disabled="!row.frozenRemark">
+                  <span>{{ row.frozenRemark }}</span>
+                  <div slot="reference" class="reason-icon-box">
+                    <i class="iconfont icon-yuanyin" hover-class="" v-if="row.frozenRemark"></i>
+                  </div>
+                </el-popover>
+              </el-row>
             </template>
           </el-table-column>
           <el-table-column label="最新冻结时间" min-width="150"