mirror of
https://gitee.com/elegant_wings/dbd-meeting-html.git
synced 2025-06-21 06:49:37 +08:00
描述：预约记录详情
This commit is contained in:
SelfRidicule
parent
800d2f531a
commit
ac5c652f03
@ -12,6 +12,14 @@ export function getReservationList (parameter) {
|
|||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
export function personList (parameter) {
|
||||||
|
return axios({
|
||||||
|
url: '/person/list',
|
||||||
|
method: 'get',
|
||||||
|
params: parameter
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
export function get (id) {
|
export function get (id) {
|
||||||
return axios({
|
return axios({
|
||||||
url: api.reservation + '/get/'+id,
|
url: api.reservation + '/get/'+id,
|
||||||
@ -20,6 +28,7 @@ export function get (id) {
|
|||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
export function saveReservation (parameter) {
|
export function saveReservation (parameter) {
|
||||||
return axios({
|
return axios({
|
||||||
url: api.reservation + (parameter.id > 0 ? '/update' : '/save'),
|
url: api.reservation + (parameter.id > 0 ? '/update' : '/save'),
|
||||||
|
|||||||
@ -1,168 +1,247 @@
|
|||||||
<template>
|
<template>
|
||||||
<a-card :body-style="{padding: '24px 32px'}" :bordered="false">
|
<a-card :body-style="{padding: '24px 32px'}" :bordered='false'>
|
||||||
|
|
||||||
|
<div class='back' @click='backPage'>
|
||||||
|
<a-icon type='rollback' />
|
||||||
|
<div class='label'>返回</div>
|
||||||
|
</div>
|
||||||
<div style='display: flex;margin-bottom: 20px'>
|
<div style='display: flex;margin-bottom: 20px'>
|
||||||
<span style='width: 20px;display: block;font-size: 25px;color: #1890ff;font-weight: bold;'>|</span>
|
<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>
|
<span style='display: block;margin-top: 11px;font-size: 15px'>预约详情</span>
|
||||||
</div>
|
</div>
|
||||||
<a-form-model :model="form" :label-col="labelCol" :wrapper-col="wrapperCol">
|
<a-form-model :model='form' :label-col='labelCol' :wrapper-col='wrapperCol'>
|
||||||
<a-row>
|
<a-row>
|
||||||
<a-col :span="10">
|
<a-col :span='10'>
|
||||||
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="会议主题">
|
<a-form-item :labelCol='labelCol' :wrapperCol='wrapperCol' label='会议主题'>
|
||||||
{{form.name}}
|
{{ form.title }}
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
</a-col>
|
</a-col>
|
||||||
<a-col :span="10">
|
<a-col :span='10'>
|
||||||
<a-form-item label="会议室名称" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
<a-form-item label='会议室名称' :labelCol='labelCol' :wrapperCol='wrapperCol'>
|
||||||
{{form.name}}
|
{{ form.roomContent.meetingName }}
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
</a-col>
|
</a-col>
|
||||||
</a-row>
|
</a-row>
|
||||||
<a-row>
|
<a-row>
|
||||||
<a-col :span="10">
|
<a-col :span='10'>
|
||||||
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="预约人">
|
<a-form-item :labelCol='labelCol' :wrapperCol='wrapperCol' label='预约人'>
|
||||||
{{form.name}}
|
{{ form.userName }}
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
</a-col>
|
</a-col>
|
||||||
<a-col :span="10">
|
<a-col :span='10'>
|
||||||
<a-form-item label="会议类型" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
<a-form-item label='会议类型' :labelCol='labelCol' :wrapperCol='wrapperCol'>
|
||||||
{{form.name}}
|
{{ form.roomContent.typeName }}
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
</a-col>
|
</a-col>
|
||||||
</a-row>
|
</a-row>
|
||||||
<a-row>
|
<a-row>
|
||||||
<a-col :span="10">
|
<a-col :span='10'>
|
||||||
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="联系方式">
|
<a-form-item :labelCol='labelCol' :wrapperCol='wrapperCol' label='联系方式'>
|
||||||
{{form.name}}
|
{{ form.phone }}
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
</a-col>
|
</a-col>
|
||||||
<a-col :span="10">
|
<a-col :span='10'>
|
||||||
<a-form-item label="所属公司" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
<a-form-item label='所属公司' :labelCol='labelCol' :wrapperCol='wrapperCol'>
|
||||||
{{form.name}}
|
{{ form.customerName }}
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
</a-col>
|
</a-col>
|
||||||
</a-row>
|
</a-row>
|
||||||
<a-row>
|
<a-row>
|
||||||
<a-col :span="10">
|
<a-col :span='10'>
|
||||||
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="会议开始时间">
|
<a-form-item :labelCol='labelCol' :wrapperCol='wrapperCol' label='会议开始时间'>
|
||||||
{{form.name}}
|
{{ form.startTime }}
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
</a-col>
|
</a-col>
|
||||||
<a-col :span="10">
|
<a-col :span='10'>
|
||||||
<a-form-item label="会议结束时间" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
<a-form-item label='会议结束时间' :labelCol='labelCol' :wrapperCol='wrapperCol'>
|
||||||
{{form.name}}
|
{{ form.endDate }}
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
</a-col>
|
</a-col>
|
||||||
</a-row>
|
</a-row>
|
||||||
<a-row>
|
<a-row>
|
||||||
<a-col :span="10">
|
<a-col :span='10'>
|
||||||
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="订单编号">
|
<a-form-item :labelCol='labelCol' :wrapperCol='wrapperCol' label='订单编号'>
|
||||||
{{form.name}}
|
{{ form.oderNumber }}
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
</a-col>
|
</a-col>
|
||||||
<a-col :span="10">
|
<a-col :span='10'>
|
||||||
<a-form-item label="实收金额" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
<a-form-item label='实收金额' :labelCol='labelCol' :wrapperCol='wrapperCol'>
|
||||||
{{form.name}}
|
{{ form.orderMoney }}
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
</a-col>
|
</a-col>
|
||||||
</a-row>
|
</a-row>
|
||||||
<a-row>
|
<a-row>
|
||||||
<a-col :span="10">
|
<a-col :span='10'>
|
||||||
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="订单状态">
|
<a-form-item :labelCol='labelCol' :wrapperCol='wrapperCol' label='订单状态'>
|
||||||
{{form.name}}
|
{{ form.statusName }}
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
</a-col>
|
</a-col>
|
||||||
<a-col :span="10">
|
<a-col :span='10'>
|
||||||
<a-form-item label="使用优惠劵" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
<a-form-item label='使用优惠劵' :labelCol='labelCol' :wrapperCol='wrapperCol'>
|
||||||
{{form.name}}
|
{{ form.ticketName }}
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
</a-col>
|
</a-col>
|
||||||
</a-row>
|
</a-row>
|
||||||
<a-row>
|
<a-row>
|
||||||
<a-col :span="10">
|
<a-col :span='10'>
|
||||||
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="支付时间">
|
<a-form-item :labelCol='labelCol' :wrapperCol='wrapperCol' label='支付时间'>
|
||||||
{{form.name}}
|
{{ form.orderTime }}
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
</a-col>
|
</a-col>
|
||||||
<a-col :span="10">
|
<a-col :span='10'>
|
||||||
<a-form-item label="创建时间" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
<a-form-item label='创建时间' :labelCol='labelCol' :wrapperCol='wrapperCol'>
|
||||||
{{form.name}}
|
{{ form.createTime }}
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
</a-col>
|
</a-col>
|
||||||
</a-row>
|
</a-row>
|
||||||
</a-form-model>
|
</a-form-model>
|
||||||
<div style='display: flex;margin-bottom: 20px'>
|
<div style='display: flex;margin-bottom: 20px'>
|
||||||
<span style='width: 20px;display: block;font-size: 25px;color: #1890ff;font-weight: bold;'>|</span>
|
<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>
|
<span style='display: block;margin-top: 11px;font-size: 15px'>邀请记录</span>
|
||||||
</div>
|
</div>
|
||||||
<div style='display: flex;justify-content: space-between;align-items: center; margin: 20px 0px 20px 80px'>
|
<div class='recordHeadView'>
|
||||||
<div >
|
<div>
|
||||||
<span>邀请人数:<span style='margin-left: 20px'>6</span></span>
|
<span>邀请人数：{{actualNum}}</span>
|
||||||
<span style='margin-left: 100px'>实到人数:<span style='margin-left: 20px'>6</span></span>
|
<span class='shidarenshu'>实到人数：{{attainNum}}</span>
|
||||||
</div>
|
</div>
|
||||||
|
<!-- <div class='search'>-->
|
||||||
<a-form layout='inline'>
|
<!-- <div>关键词：</div>-->
|
||||||
<a-form-item label='关键词' style='margin-right: 135px'>
|
<!-- <a-input class='searchInput' placeholder='请输入关键词' v-model='queryParam.title' />-->
|
||||||
<a-input placeholder='请输入关键词' v-model='queryParam.title' />
|
<!-- </div>-->
|
||||||
</a-form-item>
|
|
||||||
</a-form>
|
|
||||||
</div>
|
</div>
|
||||||
<a-table :columns='columns'
|
<s-table
|
||||||
size='default'
|
class='dataTable'
|
||||||
ref='table'
|
:columns='columns'
|
||||||
style='width: 1000px;margin-left: 80px'
|
:data='loadData'
|
||||||
bordered
|
size='default'
|
||||||
>
|
ref='table'
|
||||||
<!--:data-source='loadData'-->
|
bordered
|
||||||
</a-table>
|
>
|
||||||
|
</s-table>
|
||||||
</a-card>
|
</a-card>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
import { STable } from '@/components'
|
||||||
|
import { get, personList } from '@/api/admin/meeting/reservation'
|
||||||
|
// import ReservationModal from '@/views/admin/meeting/modules/ReservationModal'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'reservationInfo',
|
name: 'reservationInfo',
|
||||||
data(){
|
components: {
|
||||||
|
STable
|
||||||
|
},
|
||||||
|
data() {
|
||||||
return {
|
return {
|
||||||
labelCol: { span: 12 },
|
labelCol: { span: 12 },
|
||||||
wrapperCol: { span: 8 },
|
wrapperCol: { span: 8 },
|
||||||
form: {
|
form: {
|
||||||
name: '111',
|
roomContent: {}
|
||||||
|
|
||||||
},
|
},
|
||||||
queryParam:{
|
queryParam: {
|
||||||
|
reservationId: this.$route.query.id
|
||||||
},
|
},
|
||||||
columns: [
|
columns: [
|
||||||
{
|
{
|
||||||
title: '参会人员',
|
title: '参会人员',
|
||||||
dataIndex: 'name'
|
dataIndex: 'participantName'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: '联系电话',
|
title: '联系电话',
|
||||||
dataIndex: 'user.nickname',
|
dataIndex: 'participantPhone'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: '邀请人',
|
title: '邀请人',
|
||||||
dataIndex: 'user.mobile'
|
dataIndex: 'userName'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: '接收时间',
|
title: '接收时间',
|
||||||
dataIndex: 'num'
|
dataIndex: 'createTime'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: '是否到访',
|
title: '是否到访',
|
||||||
dataIndex: 'num'
|
dataIndex: 'status'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: '到访时间',
|
title: '到访时间',
|
||||||
dataIndex: 'num'
|
dataIndex: 'joinTime'
|
||||||
},
|
}
|
||||||
],
|
],
|
||||||
|
dataList: [
|
||||||
|
{
|
||||||
|
name: 'wqc'
|
||||||
|
}
|
||||||
|
],
|
||||||
|
// 加载数据方法 必须为 Promise 对象
|
||||||
|
loadData: parameter => {
|
||||||
|
return personList(Object.assign(parameter, this.queryParam))
|
||||||
|
},
|
||||||
|
actualNum : null,
|
||||||
|
attainNum : null
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.getDetail()
|
||||||
|
personList({
|
||||||
|
reservationId: this.$route.query.id
|
||||||
|
}).then(res => {
|
||||||
|
this.actualNum = res.actualNum
|
||||||
|
this.attainNum = res.attainNum
|
||||||
|
})
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
getDetail() {
|
||||||
|
get(this.$route.query.id).then(res => {
|
||||||
|
console.log('getDetail', res)
|
||||||
|
this.form = res
|
||||||
|
})
|
||||||
|
},
|
||||||
|
backPage() {
|
||||||
|
this.$router.back()
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
|
.back {
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-end;
|
||||||
|
align-items: center;
|
||||||
|
padding-right: 100px;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.back .label {
|
||||||
|
margin-left: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.recordHeadView {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
width: 1000px;
|
||||||
|
margin: 14px auto;
|
||||||
|
color: black;
|
||||||
|
}
|
||||||
|
|
||||||
|
.recordHeadView .shidarenshu {
|
||||||
|
margin-left: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.recordHeadView .search {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.recordHeadView .search .searchInput {
|
||||||
|
flex: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dataTable {
|
||||||
|
width: 1000px;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
Loading…
x
Reference in New Issue
Block a user