| | |
| | | <template> |
| | | <div> |
| | | <a-modal v-model:open="openDetl" width="60%" @ok="handleOk"> |
| | | <div class="component-header"> |
| | | <div> |
| | | <h3> |
| | | 订单号:{{ orderInfo.orderNo }} |
| | | </h3> |
| | |
| | | <h3> |
| | | 单据状态:{{ orderInfo.orderSettle$ }} |
| | | </h3> |
| | | </div> |
| | | <div class="qrcode"> |
| | | <a-qrcode :value="orderInfo.orderNo" :size="100" :bordered="false" /> |
| | | </div> |
| | | </div> |
| | | <a-table :data-source="tableData" :defaultExpandAllRows="false" :key="TABLE_KEY" rowKey="id" |
| | | :scroll="{ y: 768 }" :columns="state.columns"> |
| | | </a-table> |
| | |
| | | </div> |
| | | </template> |
| | | |
| | | <style></style> |
| | | <style> |
| | | .component-header { |
| | | display: flex; |
| | | } |
| | | |
| | | .component-header > div { |
| | | flex: 1; |
| | | } |
| | | |
| | | .qrcode { |
| | | display: flex; |
| | | justify-content: flex-end; |
| | | margin-right: 30px; |
| | | } |
| | | </style> |