feat: 组织预警列表

src/views/Jyh/PersonalCenter/Detail/SubscribeList.vue

@@ -1,44 +1,21 @@
 <template>
   <div class="version-info">
-    <Card simple class="jyh-card mt-3">
-      <div class="card-title">订阅列表</div>
-      <div class="mb-3">
-        <d-table
-          class="jyh-table jyh-table-2"
-          :header-bg="true"
-          :data="licenseTableData"
-        >
-          <d-column field="code" header="订阅时间"></d-column>
-          <d-column field="name" header="名称"></d-column>
-          <d-column field="detail" header="版本号"></d-column>
-          <d-column header="操作" width="300">
-            <template #default="scope">
-              <d-button
-                variant="text"
-                color="primary"
-              >
-                取消订阅
-              </d-button>
-            </template>
-          </d-column>
-          <d-column field="detail" header="订阅人"></d-column>
-        </d-table>
-      </div>
-    </Card>
+    <d-tabs class="jyh-tabs jyh-tabs-2 jyh-tabs-4" type="wrapped" v-model="selectTab">
+      <d-tab id="gryj" title="个人订阅列表"></d-tab>
+      <d-tab id="zzyj" title="组织订阅列表"></d-tab>
+    </d-tabs>
+    <OrgSubscription v-if="selectTab === 'zzyj'" />
+    <PersonageSubscription v-else />
   </div>
 </template>
 
 <script setup lang="ts">
-
 import { ref } from 'vue';
-
-const licenseTableData = ref([{code: '05822156', name:'MIT License',detail: 'integer'}]);
-const CopyrightTableData = ref([{code: '05822156',detail: 'integer'}]);
-
+import OrgSubscription from './OrgSubscription.vue';
+import PersonageSubscription from './PersonageSubscription.vue';
+const selectTab = ref('gryj');
 </script>
 
 <style scoped lang="scss">
 @import 'devui-theme/styles-var/devui-var.scss';
-
-
 </style>