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