Browse Source

fix: 点击精准匹配调整跳转订阅设置逻辑

Signed-off-by: tangshizhe <48740614+tangshizhe@users.noreply.github.com>
tangshizhe 1 year ago
parent
commit
ef403207d8

+ 36 - 41
apps/bigmember_pc/src/views/workspace/components/SubscribeList.vue

@@ -1,47 +1,42 @@
 <template>
-  <div class="subscribe-list-container">
-    <ListCard
-      class="subscribe-list"
-      :list="subscribeList"
-      title="我的订阅信息"
-      @clickListItem="clickListItem"
-      @linkMore="linkMore"
-      :loading="loading"
-      :loaded="loaded"
-    >
-      <template #warn-text>
-        <div
-          v-show="subscribeList.length !== 0 && isRecommend"
-          class="warn-text"
+  <ListCard
+    class="subscribe-list"
+    :list="subscribeList"
+    title="我的订阅信息"
+    @clickListItem="clickListItem"
+    @linkMore="linkMore"
+    :loading="loading"
+    :loaded="loaded"
+  >
+    <template #dialog>
+      <FollowOfficialAccountDialog
+        :visible.sync="toFollowOfficialAccount"
+      ></FollowOfficialAccountDialog>
+    </template>
+    <template #warn-text>
+      <div v-show="subscribeList.length !== 0 && isRecommend" class="warn-text">
+        <span>标准匹配不精准?</span>
+        <span @click="addSet">点击设置精准匹配></span>
+      </div>
+    </template>
+    <div slot="empty-content" class="empty-content">
+      <div v-if="emptyButtonShow">
+        <p>暂无订阅信息</p>
+        <button
+          class="empty-button mt12"
+          @click="addSet"
+          v-if="emptyButtonShow"
         >
-          <span>标准匹配不精准?</span>
-          <span @click="addSet">点击设置精准匹配></span>
-        </div>
-      </template>
-      <div slot="empty-content" class="empty-content">
-        <div v-if="emptyButtonShow">
-          <p>暂无订阅信息</p>
-          <button
-            class="empty-button mt12"
-            @click="addSet"
-            v-if="emptyButtonShow"
-          >
-            前往订阅设置
-          </button>
-        </div>
-        <div v-else>
-          <p v-if="hasKey">您尚未设置关键词</p>
-          <p v-else>对不起,没有匹配到数据,请修改订阅设置</p>
-          <button class="empty-button mt12" @click="addSet">
-            前往订阅设置
-          </button>
-        </div>
+          前往订阅设置
+        </button>
+      </div>
+      <div v-else>
+        <p v-if="hasKey">您尚未设置关键词</p>
+        <p v-else>对不起,没有匹配到数据,请修改订阅设置</p>
+        <button class="empty-button mt12" @click="addSet">前往订阅设置</button>
       </div>
-    </ListCard>
-    <FollowOfficialAccountDialog
-      :visible.sync="toFollowOfficialAccount"
-    ></FollowOfficialAccountDialog>
-  </div>
+    </div>
+  </ListCard>
 </template>
 
 <script>

+ 1 - 0
apps/bigmember_pc/src/views/workspace/ui/ListCard.vue

@@ -12,6 +12,7 @@
       </div>
     </slot>
     <div class="list-container" v-loading="loading">
+      <slot name="dialog"></slot>
       <slot name="warn-text"></slot>
       <slot name="default">
         <ArticleItem