vben
2021-08-24 56a966cfbf8db5b29a42185f0f25a0e800c30dbb
src/views/demo/page/desc/high/index.vue
@@ -1,9 +1,9 @@
<template>
  <PageWrapper title="单号:234231029431" contentBackgrond>
  <PageWrapper title="单号:234231029431" contentBackground>
    <template #extra>
      <a-button key="3"> 操作一 </a-button>
      <a-button key="2"> 操作二 </a-button>
      <a-button key="1" type="primary"> 主操作 </a-button>
      <a-button> 操作一 </a-button>
      <a-button> 操作二 </a-button>
      <a-button type="primary"> 主操作 </a-button>
    </template>
    <template #footer>
@@ -13,22 +13,29 @@
      </a-tabs>
    </template>
    <div class="m-4 pt-4 desc-wrap">
    <div class="pt-4 m-4 desc-wrap">
      <a-descriptions size="small" :column="2">
        <a-descriptions-item label="创建人"> 曲丽丽 </a-descriptions-item>
        <a-descriptions-item label="订购产品"> XX 服务 </a-descriptions-item>
        <a-descriptions-item label="创建时间"> 2017-01-10 </a-descriptions-item>
        <a-descriptions-item label="关联单据"> <a>12421</a> </a-descriptions-item>
        <a-descriptions-item label="关联单据">
          <a>12421</a>
        </a-descriptions-item>
        <a-descriptions-item label="生效日期"> 2017-07-07 ~ 2017-08-08 </a-descriptions-item>
        <a-descriptions-item label="备注"> 请于两个工作日内确认 </a-descriptions-item>
      </a-descriptions>
      <a-card title="流程进度" :bordered="false">
        <a-steps :current="1" progress-dot size="small">
          <a-step title="创建项目">
            <template #description> <div>Vben</div> <p>2016-12-12 12:32</p> </template>
            <template #description>
              <div>Vben</div>
              <p>2016-12-12 12:32</p>
            </template>
          </a-step>
          <a-step title="部门初审">
            <template #description> <p>Chad</p> </template>
            <template #description>
              <p>Chad</p>
            </template>
          </a-step>
          <a-step title="财务复核" />
          <a-step title="完成" />
@@ -79,7 +86,7 @@
        </a-card>
      </a-card>
      <a-card title="用户近半年来电记录" class="my-5">
        <a-empty />
        <Empty />
      </a-card>
      <BasicTable @register="registerTimeTable" />
    </div>
@@ -87,13 +94,25 @@
</template>
<script lang="ts">
  import { defineComponent } from 'vue';
  import { Description } from '/@/components/Description/index';
  import { BasicTable, useTable } from '/@/components/Table';
  import { PageWrapper } from '/@/components/Page';
  import { Divider, Card, Empty, Descriptions, Steps, Tabs } from 'ant-design-vue';
  import { refundTimeTableSchema, refundTimeTableData } from './data';
  export default defineComponent({
    components: { Description, BasicTable, PageWrapper },
    components: {
      BasicTable,
      PageWrapper,
      [Divider.name]: Divider,
      [Card.name]: Card,
      Empty,
      [Descriptions.name]: Descriptions,
      [Descriptions.Item.name]: Descriptions.Item,
      [Steps.name]: Steps,
      [Steps.Step.name]: Steps.Step,
      [Tabs.name]: Tabs,
      [Tabs.TabPane.name]: Tabs.TabPane,
    },
    setup() {
      const [registerTimeTable] = useTable({
        title: '退货进度',