dbd-meeting-html/src/views/admin/meeting/ReservationInfo.vue

<template>
  <a-card :body-style="{padding: '24px 32px'}" :bordered="false">

    <div style='display: flex;margin-bottom: 20px'>
      <span style='width: 20px;display: block;font-size: 25px;color: #1890ff;font-weight: bold;'>|</span>
      <span style='display: block;margin-top: 11px;font-size: 15px'>新增优惠卷</span>
    </div>
    <a-form-model :model="form" :label-col="labelCol" :wrapper-col="wrapperCol">
      <a-row>
        <a-col :span="10">
          <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol"  label="会议主题">
            {{form.name}}
          </a-form-item>
        </a-col>
        <a-col :span="10">
          <a-form-item  label="会议室名称" :labelCol="labelCol" :wrapperCol="wrapperCol">
            {{form.name}}
          </a-form-item>
        </a-col>
      </a-row>
      <a-row>
        <a-col :span="10">
          <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol"  label="预约人">
            {{form.name}}
          </a-form-item>
        </a-col>
        <a-col :span="10">
          <a-form-item  label="会议类型" :labelCol="labelCol" :wrapperCol="wrapperCol">
            {{form.name}}
          </a-form-item>
        </a-col>
      </a-row>
      <a-row>
        <a-col :span="10">
          <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol"  label="联系方式">
            {{form.name}}
          </a-form-item>
        </a-col>
        <a-col :span="10">
          <a-form-item  label="所属公司" :labelCol="labelCol" :wrapperCol="wrapperCol">
            {{form.name}}
          </a-form-item>
        </a-col>
      </a-row>
      <a-row>
        <a-col :span="10">
          <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol"  label="会议开始时间">
            {{form.name}}
          </a-form-item>
        </a-col>
        <a-col :span="10">
          <a-form-item  label="会议结束时间" :labelCol="labelCol" :wrapperCol="wrapperCol">
            {{form.name}}
          </a-form-item>
        </a-col>
      </a-row>
      <a-row>
        <a-col :span="10">
          <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol"  label="订单编号">
            {{form.name}}
          </a-form-item>
        </a-col>
        <a-col :span="10">
          <a-form-item  label="实收金额" :labelCol="labelCol" :wrapperCol="wrapperCol">
            {{form.name}}
          </a-form-item>
        </a-col>
      </a-row>
      <a-row>
        <a-col :span="10">
          <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol"  label="订单状态">
            {{form.name}}
          </a-form-item>
        </a-col>
        <a-col :span="10">
          <a-form-item  label="使用优惠劵" :labelCol="labelCol" :wrapperCol="wrapperCol">
            {{form.name}}
          </a-form-item>
        </a-col>
      </a-row>
      <a-row>
        <a-col :span="10">
          <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol"  label="支付时间">
            {{form.name}}
          </a-form-item>
        </a-col>
        <a-col :span="10">
          <a-form-item  label="创建时间" :labelCol="labelCol" :wrapperCol="wrapperCol">
            {{form.name}}
          </a-form-item>
        </a-col>
      </a-row>
    </a-form-model>
    <div style='display: flex;margin-bottom: 20px'>
      <span style='width: 20px;display: block;font-size: 25px;color: #1890ff;font-weight: bold;'>|</span>
      <span style='display: block;margin-top: 11px;font-size: 15px'>新增优惠卷</span>
    </div>
    <div style='display: flex;justify-content: space-between;align-items: center; margin: 20px 0px 20px 80px'>
      <div >
        <span>邀请人数:<span style='margin-left: 20px'>6</span></span>
        <span style='margin-left: 100px'>实到人数:<span style='margin-left: 20px'>6</span></span>
      </div>

      <a-form layout='inline'>
        <a-form-item label='关键词' style='margin-right: 135px'>
          <a-input placeholder='请输入关键词' v-model='queryParam.title' />
        </a-form-item>
      </a-form>
    </div>
    <a-table :columns='columns'
             size='default'
             ref='table'
             style='width: 1000px;margin-left: 80px'
             bordered
             >
<!--:data-source='loadData'-->
    </a-table>
  </a-card>
</template>

<script>
export default {
  name: 'reservationInfo',
  data(){
    return {
      labelCol: { span: 12 },
      wrapperCol: { span: 8 },
      form: {
        name: '111',

      },
      queryParam:{

      },
      columns: [
        {
          title: '参会人员',
          dataIndex: 'name'
        },
        {
          title: '联系电话',
          dataIndex: 'user.nickname',
        },
        {
          title: '邀请人',
          dataIndex: 'user.mobile'
        },
        {
          title: '接收时间',
          dataIndex: 'num'
        },
        {
          title: '是否到访',
          dataIndex: 'num'
        },
        {
          title: '到访时间',
          dataIndex: 'num'
        },
      ],
    }
  }
}
</script>

<style scoped>

</style>