个人中心页面-预警通知列表、订阅列表开发

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

@@ -0,0 +1,44 @@
+<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>
+  </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'}]);
+
+</script>
+
+<style scoped lang="scss">
+@import 'devui-theme/styles-var/devui-var.scss';
+
+
+</style>