| | |
| | | <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> |
| | |
| | | </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="完成" /> |
| | |
| | | </a-card> |
| | | </a-card> |
| | | <a-card title="用户近半年来电记录" class="my-5"> |
| | | <a-empty /> |
| | | <Empty /> |
| | | </a-card> |
| | | <BasicTable @register="registerTimeTable" /> |
| | | </div> |
| | |
| | | </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: '退货进度', |