<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>
