123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107 |
- <template>
- <a-card :bordered="false">
- <div class="orderDetail-content">
- <a-form layout="inline">
- <a-row :gutter="24">
- <a-col :span="8">
- <a-form-item label="创建时间">
- <span>{{"123456789"}}</span>
- </a-form-item>
- </a-col>
- <a-col :span="8">
- <a-form-item label="单号">
- <span>{{"123456789"}}</span>
- </a-form-item>
- </a-col>
- <a-col :span="8">
- <a-form-item label="门店名称">
- <span>{{"123456789"}}</span>
- </a-form-item>
- </a-col>
- </a-row>
- <a-row :gutter="24">
- <a-col :span="8">
- <a-form-item label="服务名称">
- <span>{{"123456789"}}</span>
- </a-form-item>
- </a-col>
- <a-col :span="8">
- <a-form-item label="手机号码">
- <span>{{"123456789"}}</span>
- </a-form-item>
- </a-col>
- <a-col :span="8">
- <a-form-item label="状态">
- <span>{{"123456789"}}</span>
- </a-form-item>
- </a-col>
- </a-row>
- <a-row :gutter="24">
- <a-col :span="8">
- <a-form-item label="应付(¥)">
- <span>{{"123456789"}}</span>
- </a-form-item>
- </a-col>
- <a-col :span="8">
- <a-form-item label="优惠(¥)">
- <span>{{"123456789"}}</span>
- </a-form-item>
- </a-col>
- <a-col :span="8">
- <a-form-item label="优惠券名称:">
- <span>{{"123456789"}}</span>
- </a-form-item>
- </a-col>
- </a-row>
- <a-row :gutter="24">
- <a-col :span="8">
- <a-form-item label="实付(¥)">
- <span>{{"123456789"}}</span>
- </a-form-item>
- </a-col>
- <a-col :span="8">
- <a-form-item label="洗车照片">
- <div style="display: flex;">
- <div style="margin-right: 20px;">
- <div style="border: 1px solid #eee;overflow: hidden;padding: 8px">
- <img :src="advertisementImg" style="width: 100px; height: 100px;" alt=""/>
- </div>
- <div>洗车前</div>
- </div>
- <div>
- <div style="border: 1px solid #eee;overflow: hidden;padding: 8px">
- <img :src="advertisementImg" style="width: 100px; height: 100px;" alt=""/>
- </div>
- <div>洗车后</div>
- </div>
- </div>
-
- </a-form-item>
- </a-col>
- </a-row>
- <a-row style="text-align: center;margin-top: 100px;">
- <a-col>
- <a-form-item>
- <a-button type="default">返回列表</a-button>
- </a-form-item>
- </a-col>
- </a-row>
- </a-form>
- </div>
- </a-card>
- </template>
- <script>
- export default{
- data(){
- return{
-
- }
- }
- }
- </script>
- <style>
- .orderDetail-content .ant-form-inline .ant-form-item{
- margin-bottom: 20px;
- }
- </style>
|