Skip to content

S
SuperMan
Commit 190656c6 authored by 黄奎's avatar 黄奎
Browse files
Options

门票修改

parent 16c77812
Show whitespace changes
Inline Side-by-side
Showing with 2024 additions and 2028 deletions
src/components/scenicSpot/Singleticket/SingleticketList.vue
View file @ 190656c6
<style scoped> <style scoped>
.listone-box{ .listone-box {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
.listone-box,.listtwo-card{
.listone-box,
.listtwo-card {
margin-top: 15px; margin-top: 15px;
} }
.listone-form{
.listone-form {
padding: 10px; padding: 10px;
border-radius: 5px; border-radius: 5px;
background: #ffffff; background: #ffffff;
...@@ -15,92 +18,111 @@ ...@@ -15,92 +18,111 @@
justify-content: space-between; justify-content: space-between;
margin-bottom: 10px; margin-bottom: 10px;
overflow: hidden; overflow: hidden;
} }
.listone-img{
.listone-img {
width: 130px; width: 130px;
flex-shrink: 0; flex-shrink: 0;
margin-right: 15px; margin-right: 15px;
border-radius: 5px; border-radius: 5px;
display: block; display: block;
} }
.listone-list{
.listone-list {
flex-grow: 1; flex-grow: 1;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
} }
.list-left h6,.card-centent h6{
.list-left h6,
.card-centent h6 {
font-size: 16px; font-size: 16px;
margin-bottom: 5px; margin-bottom: 5px;
cursor: pointer; cursor: pointer;
} }
.list-left div{
.list-left div {
color: #7E8299; color: #7E8299;
font-size: 13px; font-size: 13px;
margin-top: 7px; margin-top: 7px;
} }
.list-left div a{
.list-left div a {
color: #009EF7; color: #009EF7;
font-size: 12px; font-size: 12px;
margin-left: 15px; margin-left: 15px;
cursor: pointer; cursor: pointer;
} }
.list-right{
.list-right {
flex-shrink: 1; flex-shrink: 1;
margin-left: 15px; margin-left: 15px;
} }
.list-right p{
.list-right p {
margin-bottom: 10px; margin-bottom: 10px;
} }
.list-right p b{
.list-right p b {
font-size: 18px; font-size: 18px;
color: #F1416C; color: #F1416C;
} }
.list-right p span{
.list-right p span {
color: #8A8C9F; color: #8A8C9F;
font-size: 12px; font-size: 12px;
margin-left: 10px; margin-left: 10px;
} }
.listtwo-form{
.listtwo-form {
height: 100%; height: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
padding: 10px; padding: 10px;
background: #ffffff; background: #ffffff;
border-radius: 5px; border-radius: 5px;
} }
.card-centent{
.card-centent {
padding: 10px; padding: 10px;
} }
.card-centent p{
.card-centent p {
color: #7E8299; color: #7E8299;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
font-size: 13px; font-size: 13px;
} }
.card-text{
.card-text {
margin-top: 20px; margin-top: 20px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: inherit; align-items: inherit;
} }
.card-text b{
.card-text b {
font-size: 14px; font-size: 14px;
} }
.card-form{
.card-form {
display: flex; display: flex;
align-items: inherit; align-items: inherit;
flex-wrap: wrap; flex-wrap: wrap;
} }
.listtwo-col{
.listtwo-col {
margin-bottom: 15px; margin-bottom: 15px;
} }
.listtwo-img{
.listtwo-img {
height: 200px; height: 200px;
border-radius: 5px; border-radius: 5px;
display: block; display: block;
} }
.iconfont{
.iconfont {
cursor: pointer; cursor: pointer;
background-color: #E95252; background-color: #E95252;
color: white; color: white;
...@@ -112,21 +134,22 @@ ...@@ -112,21 +134,22 @@
border-radius: 50%; border-radius: 50%;
margin-left: 10px; margin-left: 10px;
} }
.image-slot{
.image-slot {
height: 100%; height: 100%;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
</style> </style>
<template> <template>
<div class="flexOne domesticScenic"> <div class="flexOne domesticScenic">
<div class="query-box"> <div class="query-box">
<ul> <ul>
<li> <li>
<span> <span>
<em>{{$t('system.quety_area')}}</em> <em>{{ $t('system.quety_area') }}</em>
<el-select v-model="msg.QProvince" filterable @change="getProvinceList(msg.QProvince,2)" <el-select v-model="msg.QProvince" filterable @change="getProvinceList(msg.QProvince, 2)"
:placeholder="$t('hotel.hotel_province')"> :placeholder="$t('hotel.hotel_province')">
<el-option :key="0" :value="0" label="请选择"></el-option> <el-option :key="0" :value="0" label="请选择"></el-option>
<el-option v-for="item in provinceList" :key="item.ID" :label="item.Name" :value="item.ID"></el-option> <el-option v-for="item in provinceList" :key="item.ID" :label="item.Name" :value="item.ID"></el-option>
...@@ -145,7 +168,7 @@ ...@@ -145,7 +168,7 @@
</li> </li>
<li> <li>
<span class="hotel_name"> <span class="hotel_name">
<em>{{$t('scen.sc_resName')}}</em> <em>{{ $t('scen.sc_resName') }}</em>
<el-input maxlength="50" @keyup.native.enter="resetPageIndex()" v-model="msg.Name"> <el-input maxlength="50" @keyup.native.enter="resetPageIndex()" v-model="msg.Name">
</el-input> </el-input>
</span> </span>
...@@ -159,20 +182,21 @@ ...@@ -159,20 +182,21 @@
</span> </span>
</li> </li>
<li> <li>
<button class="hollowFixedBtn" type="button" <button class="hollowFixedBtn" type="button" @click="getList()">{{ $t('pub.searchBtn') }}</button>
@click="getList()">{{$t('pub.searchBtn')}}</button>
<el-tooltip class="item" effect="dark" :content="$t('fnc.qhpaiban')" placement="top-end"> <el-tooltip class="item" effect="dark" :content="$t('fnc.qhpaiban')" placement="top-end">
<i v-if="ViewType==1" class="iconfont icon-biaoge" @click="ViewType=2,msg.pageSize=16,getList()"></i> <i v-if="ViewType == 1" class="iconfont icon-biaoge"
<i v-if="ViewType==2" class="iconfont icon-icon-ssan" @click="ViewType=1,msg.pageSize=10,getList()"></i> @click="ViewType = 2, msg.pageSize = 16, getList()"></i>
<i v-if="ViewType == 2" class="iconfont icon-icon-ssan"
@click="ViewType = 1, msg.pageSize = 10, getList()"></i>
</el-tooltip> </el-tooltip>
<!-- <button class="normalBtn" type="button" <!-- <button class="normalBtn" type="button"
@click="$router.push('domesticScenicSpotInfoManage')">{{$t('pub.addBtn')}}</button> --> @click="$router.push('domesticScenicSpotInfoManage')">{{$t('pub.addBtn')}}</button> -->
</li> </li>
</ul> </ul>
</div> </div>
<div :style="{'height':tableHeight+'px'}" style="overflow: auto;" v-loading="loading"> <div :style="{ 'height': tableHeight + 'px' }" style="overflow: auto;" v-loading="loading">
<div v-if="ViewType==1" class="listone-box"> <div v-if="ViewType == 1" class="listone-box">
<div class="listone-form" v-for="(x,index) in tableData"> <div class="listone-form" v-for="(x, index) in tableData">
<el-image v-if="x.PicPathList" class="listone-img" :src="x.PicPathList[0]" fit="contain"> <el-image v-if="x.PicPathList" class="listone-img" :src="x.PicPathList[0]" fit="contain">
<div slot="placeholder" class="image-slot"> <div slot="placeholder" class="image-slot">
<span> <span>
...@@ -185,15 +209,15 @@ ...@@ -185,15 +209,15 @@
</el-image> </el-image>
<div class="listone-list"> <div class="listone-list">
<div class="list-left"> <div class="list-left">
<h6 @click="showCardHandler(x)">{{x.Name}}</h6> <h6 @click="showCardHandler(x)">{{ x.Name }}</h6>
<div> <div>
<span>地址： {{x.CityName}} {{x.Address}}</span> <span>地址： {{ x.CityName }} {{ x.Address }}</span>
<a><i class="el-icon-map-location"></i> 地图</a> <a><i class="el-icon-map-location"></i> 地图</a>
</div> </div>
</div> </div>
<div class="list-right"> <div class="list-right">
<p> <p>
<b>{{x.MinPrice.toFixed(2)}}</b> <b>{{ x.MinPrice.toFixed(2) }}</b>
<span>日元起</span> <span>日元起</span>
</p> </p>
<div> <div>
...@@ -208,7 +232,7 @@ ...@@ -208,7 +232,7 @@
</div> </div>
<div v-else class="listtwo-card"> <div v-else class="listtwo-card">
<el-row :gutter="30" class="card-form"> <el-row :gutter="30" class="card-form">
<template v-for="(x,index) in tableData"> <template v-for="(x, index) in tableData">
<el-col :xl="6" :lg="6" :md="8" :sm="12" :xs="24" class="listtwo-col"> <el-col :xl="6" :lg="6" :md="8" :sm="12" :xs="24" class="listtwo-col">
<div class="listtwo-form"> <div class="listtwo-form">
<div> <div>
...@@ -222,10 +246,10 @@ ...@@ -222,10 +246,10 @@
</el-image> </el-image>
</div> </div>
<div class="card-centent"> <div class="card-centent">
<h6 @click="showCardHandler(x)">{{x.Name}}</h6> <h6 @click="showCardHandler(x)">{{ x.Name }}</h6>
<p>地址: 日本 {{x.ProvinceName}} {{x.CityName}} {{x.Address}}</p> <p>地址: 日本 {{ x.ProvinceName }} {{ x.CityName }} {{ x.Address }}</p>
<div class="card-text"> <div class="card-text">
<b>共{{x.TicketPriceList.length}}种票型</b> <b>共{{ x.TicketPriceList.length }}种票型</b>
<div> <div>
<button class="normalBtn" type="button" @click="toPreviewOrderHandler(x.ID)"> <button class="normalBtn" type="button" @click="toPreviewOrderHandler(x.ID)">
<i class="el-icon-s-goods"></i> <i class="el-icon-s-goods"></i>
...@@ -240,18 +264,19 @@ ...@@ -240,18 +264,19 @@
</el-row> </el-row>
</div> </div>
</div> </div>
<div v-if="tableData.length==0&&!loading" style="margin-top: 10px;text-align: center;">暂无数据</div> <div v-if="tableData.length == 0 && !loading" style="margin-top: 10px;text-align: center;">暂无数据</div>
<el-pagination v-if="total>0" background @current-change="handleCurrentChange" :current-page.sync="msg.currentPage" <el-pagination v-if="total > 0" background @current-change="handleCurrentChange"
:page-size="msg.pageSize" layout="total,prev, pager, next, jumper" :total="total"></el-pagination> :current-page.sync="msg.currentPage" :page-size="msg.pageSize" layout="total,prev, pager, next, jumper"
:total="total"></el-pagination>
<!-- 门票详情信息 --> <!-- 门票详情信息 -->
<el-dialog custom-class="w800" title="门票详情" :visible.sync="showDetails" center @close="showDetails=false"> <el-dialog custom-class="w800" title="门票详情" :visible.sync="showDetails" center @close="showDetails = false">
<ticket-card :ticket="detailsObj"></ticket-card> <ticket-card :ticket="detailsObj"></ticket-card>
</el-dialog> </el-dialog>
</div> </div>
</template> </template>
<script> <script>
import TicketCard from './components/OrderDetails.vue' import TicketCard from './components/OrderDetails.vue'
export default { export default {
components: { TicketCard }, components: { TicketCard },
data() { data() {
return { return {
...@@ -269,19 +294,19 @@ ...@@ -269,19 +294,19 @@
QProvince: 0, QProvince: 0,
QCity: 0, QCity: 0,
QDistrict: 0, QDistrict: 0,
Name:'', Name: '',
OpenTime: this.getBeforeDate(-1,new Date().Format("yyyy-MM-dd")), OpenTime: this.getBeforeDate(0, new Date().Format("yyyy-MM-dd")),
StartPrice: '', StartPrice: '',
EndPrice: '', EndPrice: '',
}, },
ViewType:2, ViewType: 2,
beforeCheck: { beforeCheck: {
disabledDate: time => { disabledDate: time => {
let endTime = new Date(this.getBeforeDate(-1,new Date().Format("yyyy-MM-dd"))); let endTime = new Date(this.getBeforeDate(0, new Date().Format("yyyy-MM-dd")));
return time && endTime.getTime() >= time.getTime(); return time && endTime.getTime() >= time.getTime();
} }
}, },
detailsObj:{}, detailsObj: {},
showDetails: false, showDetails: false,
}; };
}, },
...@@ -298,7 +323,7 @@ ...@@ -298,7 +323,7 @@
}, },
}, },
methods: { methods: {
toPreviewOrderHandler(id){ toPreviewOrderHandler(id) {
this.$router.push({ this.$router.push({
name: 'SingleticketOrderPreview', name: 'SingleticketOrderPreview',
query: { query: {
...@@ -310,9 +335,9 @@ ...@@ -310,9 +335,9 @@
}); });
}, },
// 详情 // 详情
showCardHandler(x){ showCardHandler(x) {
this.detailsObj=x this.detailsObj = x
this.showDetails=true this.showDetails = true
}, },
getProvinceList(ID, type) { getProvinceList(ID, type) {
//根据省份获取城市 //根据省份获取城市
...@@ -338,10 +363,10 @@ ...@@ -338,10 +363,10 @@
this.cityList = res.data.data; this.cityList = res.data.data;
} }
}, },
err => {} err => { }
); );
}, },
getList(){ getList() {
this.loading = true; this.loading = true;
if (this.msg.OpenTime == null) { if (this.msg.OpenTime == null) {
this.msg.OpenTime = new Date() this.msg.OpenTime = new Date()
...@@ -356,7 +381,7 @@ ...@@ -356,7 +381,7 @@
this.Error(res.data.message); this.Error(res.data.message);
} }
}, },
err => {this.loading = false;} err => { this.loading = false; }
); );
}, },
handleCurrentChange(val) { handleCurrentChange(val) {
...@@ -381,16 +406,16 @@ ...@@ -381,16 +406,16 @@
var w = clientWidth; var w = clientWidth;
//设置table的屏幕宽度 //设置table的屏幕宽度
this.tableWidth = w; this.tableWidth = w;
if(this.ViewType==1) return if (this.ViewType == 1) return
if(this.tableWidth>=1920){ if (this.tableWidth >= 1920) {
this.msg.pageSize = 16 this.msg.pageSize = 16
}else if(this.tableWidth>=1200){ } else if (this.tableWidth >= 1200) {
this.msg.pageSize = 16 this.msg.pageSize = 16
}else if(this.tableWidth>=992){ } else if (this.tableWidth >= 992) {
this.msg.pageSize = 12 this.msg.pageSize = 12
}else if(this.tableWidth>=768){ } else if (this.tableWidth >= 768) {
this.msg.pageSize = 12 this.msg.pageSize = 12
}else if(this.tableWidth<768){ } else if (this.tableWidth < 768) {
this.msg.pageSize = 10 this.msg.pageSize = 10
} }
this.getList() this.getList()
...@@ -402,7 +427,7 @@ ...@@ -402,7 +427,7 @@
}, },
created() { created() {
this.getProvinceList("651", 1); this.getProvinceList("651", 1);
if(this.ViewType==1) this.getList() if (this.ViewType == 1) this.getList()
this.com_onresize(); this.com_onresize();
window.onresize = () => { window.onresize = () => {
this.com_onresize(); this.com_onresize();
...@@ -412,7 +437,6 @@ ...@@ -412,7 +437,6 @@
} }
} }
}; };
</script>
</script>
src/components/scenicSpot/reservation/OrderList.vue
View file @ 190656c6
<style scoped> <style scoped>
.row { .row {
display: flex; display: flex;
} }
.row-c {
.row-c {
display: flex; display: flex;
align-items: center; align-items: center;
} }
.column {
.column {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
.column-jac {
.column-jac {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
.column-ac {
.column-ac {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
} }
.wrap {
.wrap {
flex-wrap: wrap; flex-wrap: wrap;
} }
.justify-sb {
.justify-sb {
justify-content: space-between; justify-content: space-between;
} }
.justify-c {
.justify-c {
justify-content: center; justify-content: center;
} }
.justify-e {
.justify-e {
justify-content: flex-end; justify-content: flex-end;
align-items: flex-end; align-items: flex-end;
} }
.flex-g {
.flex-g {
flex-grow: 1; flex-grow: 1;
} }
.flex-s {
.flex-s {
flex-shrink: 0; flex-shrink: 0;
} }
.align-c {
.align-c {
align-items: center; align-items: center;
} }
.cblack {
.cblack {
color: black; color: black;
} }
.cf {
.cf {
color: #ffffff; color: #ffffff;
} }
.c9e {
.c9e {
color: #9e9e9e; color: #9e9e9e;
} }
.c20C997 {
.c20C997 {
color: #20c997; color: #20c997;
} }
.c02C854 {
.c02C854 {
color: #02c854; color: #02c854;
} }
.cff9800 {
.cff9800 {
color: #ff9800; color: #ff9800;
} }
.cF1416C { .cF1416C {
color: #f1416c; color: #f1416c;
} }
.cF57A98 {
.cF57A98 {
color: #f57a98; color: #f57a98;
} }
.c04C8C8 {
.c04C8C8 {
color: #04c8c8; color: #04c8c8;
} }
.c059FF6 {
.c059FF6 {
color: #059ff6; color: #059ff6;
} }
.c3FC4FF {
.c3FC4FF {
color: #3fc4ff; color: #3fc4ff;
} }
.fz10 {
.fz10 {
font-size: 10px; font-size: 10px;
} }
.fz11 {
.fz11 {
font-size: 11px; font-size: 11px;
} }
.fz12 {
.fz12 {
font-size: 12px; font-size: 12px;
} }
.fz13 {
.fz13 {
font-size: 13px; font-size: 13px;
} }
.fz14 {
.fz14 {
font-size: 14px; font-size: 14px;
} }
.fz15 {
.fz15 {
font-size: 15px; font-size: 15px;
} }
.fz16 {
.fz16 {
font-size: 16px; font-size: 16px;
} }
.fz17 {
.fz17 {
font-size: 17px; font-size: 17px;
} }
.fz18 {
.fz18 {
font-size: 18px; font-size: 18px;
} }
.fbold {
.fbold {
font-weight: bold; font-weight: bold;
} }
.ml {
.ml {
margin-left: 10px; margin-left: 10px;
} }
.mr {
.mr {
margin-right: 10px; margin-right: 10px;
} }
.mt {
.mt {
margin-top: 10px; margin-top: 10px;
} }
.mt20 {
.mt20 {
margin-top: 20px; margin-top: 20px;
} }
.mb {
.mb {
margin-bottom: 10px; margin-bottom: 10px;
} }
.mb20 {
.mb20 {
margin-bottom: 20px; margin-bottom: 20px;
} }
.mx {
.mx {
margin-left: 10px; margin-left: 10px;
margin-right: 10px; margin-right: 10px;
} }
.mx5 {
.mx5 {
margin-left: 5px; margin-left: 5px;
margin-right: 5px; margin-right: 5px;
} }
.mb5 {
.mb5 {
margin-bottom: 5px; margin-bottom: 5px;
} }
.py {
.py {
padding: 15px 0; padding: 15px 0;
} }
.py5 {
.py5 {
padding: 5px 0; padding: 5px 0;
} }
.px5 {
.px5 {
padding: 0 5px; padding: 0 5px;
} }
.px15 {
.px15 {
padding: 0 15px; padding: 0 15px;
} }
.pa15 {
.pa15 {
padding: 15px; padding: 15px;
} }
.py20 {
.py20 {
padding: 20px 0; padding: 20px 0;
} }
.pb5 {
.pb5 {
padding: 0 0 5px 0; padding: 0 0 5px 0;
} }
.pa {
.pa {
padding: 10px 20px; padding: 10px 20px;
} }
.pa20 {
.pa20 {
padding: 20px; padding: 20px;
} }
.pt20 {
.pt20 {
padding: 20px 0; padding: 20px 0;
} }
.borderD {
.borderD {
border-bottom: 1px dashed #dddddd; border-bottom: 1px dashed #dddddd;
} }
.bgf {
.bgf {
background: #ffffff; background: #ffffff;
} }
.bgf5 {
.bgf5 {
background: #f5f5f5; background: #f5f5f5;
} }
.bgE8F5E9 {
.bgE8F5E9 {
background: #e8f5e9; background: #e8f5e9;
} }
.bgD9F3FF {
.bgD9F3FF {
background: #d9f3ff; background: #d9f3ff;
} }
.bgFAEAED {
.bgFAEAED {
background: #faeaed; background: #faeaed;
} }
.bj {
.bj {
background: #ffffff; background: #ffffff;
} }
.bjFFF3E0 {
.bjFFF3E0 {
background: #FFF3E0; background: #FFF3E0;
} }
.radius5 {
.radius5 {
border-radius: 5px; border-radius: 5px;
} }
.cursor-pointer {
.cursor-pointer {
cursor: pointer; cursor: pointer;
} }
.relative {
.relative {
position: relative; position: relative;
} }
.absolute {
.absolute {
position: absolute; position: absolute;
} }
.left0 {
.left0 {
left: 0; left: 0;
} }
.right0 {
.right0 {
right: 0; right: 0;
} }
.top0 {
.top0 {
top: 0; top: 0;
} }
.bottom0 {
.bottom0 {
bottom: 0; bottom: 0;
} }
.left20 {
.left20 {
left: 020px; left: 020px;
} }
.right20 {
.right20 {
right: 20px; right: 20px;
} }
.top20 {
.top20 {
top: 20px; top: 20px;
} }
.bottom20 {
.bottom20 {
bottom: 20px; bottom: 20px;
} }
.text-center {
.text-center {
text-align: center; text-align: center;
} }
.orderType {
.orderType {
padding: 3px 15px; padding: 3px 15px;
border-radius: 3px; border-radius: 3px;
background: #f57a98; background: #f57a98;
margin-right: 15px; margin-right: 15px;
} }
.orderType.active {
.orderType.active {
background: #4dd0e1; background: #4dd0e1;
} }
.copy {
.copy {
display: inline-block; display: inline-block;
padding: 3px 15px; padding: 3px 15px;
border-radius: 3px; border-radius: 3px;
margin-left: 20px; margin-left: 20px;
} }
.copy:hover {
.copy:hover {
background: #f5f5f5; background: #f5f5f5;
} }
.see-rec div {
.see-rec div {
padding: 1px 5px; padding: 1px 5px;
border-radius: 3px; border-radius: 3px;
} }
.see {
.see {
border: 1px solid #04c8c8; border: 1px solid #04c8c8;
} }
.seeLK {
.seeLK {
border: 1px solid #059ff6; border: 1px solid #059ff6;
} }
.see:hover {
.see:hover {
background-color: rgba(4, 200, 200, 0.1); background-color: rgba(4, 200, 200, 0.1);
} }
.rec {
.rec {
border: 1px solid #04c8c8; border: 1px solid #04c8c8;
background-color: rgba(4, 200, 200, 1); background-color: rgba(4, 200, 200, 1);
} }
.rec:hover {
.rec:hover {
border: 1px solid rgba(4, 200, 200, 0.9); border: 1px solid rgba(4, 200, 200, 0.9);
background-color: rgba(4, 200, 200, 0.9); background-color: rgba(4, 200, 200, 0.9);
} }
.cancel:hover {
.cancel:hover {
background-color: #f3dce2; background-color: #f3dce2;
} }
.confirm:hover {
.confirm:hover {
background-color: #dcedc8; background-color: #dcedc8;
} }
.change:hover {
.change:hover {
background-color: #d7e9f3; background-color: #d7e9f3;
} }
.change1:hover {
.change1:hover {
background-color: #dcedc8; background-color: #dcedc8;
} }
.orderop {
.orderop {
text-align: center; text-align: center;
} }
.orderop div {
.orderop div {
width: 100px; width: 100px;
height: 50%; height: 50%;
display: flex; display: flex;
justify-content: center; justify-content: center;
} }
.RoomList div {
.RoomList div {
border-bottom: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7;
} }
.RoomList div:last-child {
.RoomList div:last-child {
border: 0; border: 0;
} }
.el-table {
.el-table {
font-size: 13px; font-size: 13px;
} }
.shezhifrom {
.shezhifrom {
position: relative; position: relative;
} }
.shebox {
.shebox {
position: absolute; position: absolute;
top: 0; top: 0;
left: -100px; left: -100px;
display: none; display: none;
} }
.shezhifrom:hover .shebox {
.shezhifrom:hover .shebox {
display: block; display: block;
} }
.flexOne-form-bj h3{
.flexOne-form-bj h3 {
font-size: 18px; font-size: 18px;
color: black; color: black;
padding: 0 0 20px 0; padding: 0 0 20px 0;
font-weight: 400; font-weight: 400;
} }
.flexOne-type{
.flexOne-type {
display: flex; display: flex;
align-items: center; align-items: center;
padding: 0 0 20px 0; padding: 0 0 20px 0;
} }
.flexOne-type b{
.flexOne-type b {
font-size: 13px; font-size: 13px;
width: 100px; width: 100px;
flex-shrink: 0; flex-shrink: 0;
} }
.flexOne-type div{
.flexOne-type div {
display: flex; display: flex;
} }
.flexOne-description{
.flexOne-description {
padding: 15px 15px; padding: 15px 15px;
border-radius: 5px; border-radius: 5px;
background: #E1F5FE; background: #E1F5FE;
margin-bottom: 20px; margin-bottom: 20px;
} }
.flexOne-description b{
.flexOne-description b {
font-size: 14px; font-size: 14px;
} }
.flexOne-description p{
.flexOne-description p {
font-size: 12px; font-size: 12px;
color: #4C5759; color: #4C5759;
padding: 10px 0 0 0; padding: 10px 0 0 0;
} }
.flexOne-infor-box b{
.flexOne-infor-box b {
font-size: 13px; font-size: 13px;
} }
.infor-list{
.infor-list {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
.list-title{
.list-title {
padding: 20px 0; padding: 20px 0;
border-bottom: 1px dashed #eeeeee; border-bottom: 1px dashed #eeeeee;
color: #7E8299; color: #7E8299;
font-size: 13px; font-size: 13px;
} }
.list-title,.list-centent{
.list-title,
.list-centent {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
margin-top: 20px; margin-top: 20px;
} }
.infor-list li{
.infor-list li {
width: 25%; width: 25%;
} }
.list-centent li {
.list-centent li {
width: 33.33%; width: 33.33%;
} }
.list-centent.active li {
.list-centent.active li {
width: 25%; width: 25%;
} }
/deep/.el-table tr td:first-child{
/deep/.el-table tr td:first-child {
border-bottom: 0; border-bottom: 0;
} }
/deep/.el-table tr:last-child td{
/deep/.el-table tr:last-child td {
border-bottom: 1px solid #EBEEF5; border-bottom: 1px solid #EBEEF5;
} }
/deep/.el-table tr td{
/deep/.el-table tr td {
border-bottom: 1px solid #EBEEF5; border-bottom: 1px solid #EBEEF5;
} }
</style> </style>
<template> <template>
<div> <div>
<div <div v-for="(item, index) in OrderList" class="column bgf radius5 px15 mb20">
v-for="(item, index) in OrderList"
class="column bgf radius5 px15 mb20"
>
<div class="row-c justify-sb align-c py"> <div class="row-c justify-sb align-c py">
<div class="row-c"> <div class="row-c">
<div> <div>
<div <div class="orderType cf fz12" :class="{ active: item.MailingState == 1 }">
class="orderType cf fz12" <template v-if="item.MailingState == 1">自行取件</template>
:class="{ active: item.MailingState == 1 }" <template v-if="item.MailingState > 1">邮寄票券</template>
>
<template v-if="item.MailingState==1">自行取件</template>
<template v-if="item.MailingState>1">邮寄票券</template>
</div> </div>
</div> </div>
<div class="c9e fz12"> <div class="c9e fz12">
<span>订单编号：</span> <span>订单编号：</span>
<span>{{ item.OrderNo }}</span> <span>{{ item.OrderNo }}</span>
<span <span class="copy cblack cursor-pointer" v-if="copyId != item.OrderId" @click="CopyHandler(item)">复制</span>
class="copy cblack cursor-pointer" <span class="copy c059FF6 bgD9F3FF cursor-pointer" v-else><i class="el-icon-check mr"></i>已复制</span>
v-if="copyId != item.OrderId"
@click="CopyHandler(item)"
>复制</span
>
<span class="copy c059FF6 bgD9F3FF cursor-pointer" v-else
><i class="el-icon-check mr"></i>已复制</span
>
</div> </div>
</div> </div>
<div class="c9e fz12"> <div class="c9e fz12">
...@@ -423,32 +521,24 @@ ...@@ -423,32 +521,24 @@
{{ item.SaleName }} {{ item.SaleName }}
</span> </span>
<span class="mr" v-if="item.CustomerName">创建人：</span> <span class="mr" v-if="item.CustomerName">创建人：</span>
<span class="mr" v-if="item.CustomerName" <span class="mr" v-if="item.CustomerName">{{ item.CustomerName }} ({{ item.CustomerContact }}/{{
>{{ item.CustomerName }} ({{ item.CustomerContact }}/{{
item.CustomerTel item.CustomerTel
}})</span }})</span>
>
<span>下单时间：</span> <span>下单时间：</span>
<span class="mr">{{ item.CreateTime }}</span> <span class="mr">{{ item.CreateTime }}</span>
<div class=""> <div class="">
<i <i class="mx5" :class="{
class="mx5"
:class="{
'el-icon-alarm-clock c20C997': item.OrderStatus == 1, 'el-icon-alarm-clock c20C997': item.OrderStatus == 1,
'el-icon-check cblack': item.OrderStatus == 2, 'el-icon-check cblack': item.OrderStatus == 2,
'el-icon-warning cff9800': item.OrderStatus == 3, 'el-icon-warning cff9800': item.OrderStatus == 3,
'el-icon-refresh cF1416C': item.OrderStatus == 4 'el-icon-refresh cF1416C': item.OrderStatus == 4
}" }"></i>
></i> <span class="fz12 cblack" :class="{
<span
class="fz12 cblack"
:class="{
c20C997: item.OrderStatus == 1, c20C997: item.OrderStatus == 1,
cblack: item.OrderStatus == 2, cblack: item.OrderStatus == 2,
cff9800: item.OrderStatus == 3, cff9800: item.OrderStatus == 3,
cF1416C: item.OrderStatus == 4 cF1416C: item.OrderStatus == 4
}" }">
>
{{ item.OrderStatusName }} {{ item.OrderStatusName }}
</span> </span>
</div> </div>
...@@ -456,15 +546,11 @@ ...@@ -456,15 +546,11 @@
</div> </div>
<div class="mb"> <div class="mb">
<el-table :data="item.DetailList" style="width:100%" border> <el-table :data="item.DetailList" style="width:100%" border>
<el-table-column <el-table-column label="景区名称(日期)" min-width="100" style="background:#EAEAEA">
label="景区名称(日期)" <template slot-scope="scope" v-if="scope.$index == 0" :row="item.DetailList.length">
min-width="100"
style="background:#EAEAEA"
>
<template slot-scope="scope" v-if="scope.$index==0" :row="item.DetailList.length">
<template> <template>
<div>{{ item.CouponsName }}</div> <div>{{ item.CouponsName }}</div>
<span style="color: #999999;">{{item.UseDate}}</span> <span style="color: #999999;">{{ item.UseDate }}</span>
</template> </template>
</template> </template>
</el-table-column> </el-table-column>
...@@ -478,17 +564,13 @@ ...@@ -478,17 +564,13 @@
{{ scope.row.Num }} {{ scope.row.Num }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column label="小计" min-width="70" style="background:#EAEAEA">
label="小计"
min-width="70"
style="background:#EAEAEA"
>
<template slot-scope="scope"> <template slot-scope="scope">
{{ scope.row.Money.toFixed(2) }} {{ scope.row.Money.toFixed(2) }}
</template> </template>
</el-table-column> </el-table-column>
<template slot="append" v-if="item.Remark"> <template slot="append" v-if="item.Remark">
<div style="padding:10px;color:#f1416c">客户备注：{{item.Remark}}</div> <div style="padding:10px;color:#f1416c">客户备注：{{ item.Remark }}</div>
</template> </template>
</el-table> </el-table>
</div> </div>
...@@ -519,101 +601,66 @@ ...@@ -519,101 +601,66 @@
<div class="row justify-sb mt mb20"> <div class="row justify-sb mt mb20">
<div class="column px15 bjFFF3E0 radius5 flex-g pa relative"> <div class="column px15 bjFFF3E0 radius5 flex-g pa relative">
<div class="fz12 row justify-sb"> <div class="fz12 row justify-sb">
<span>{{item.MailingState>1?'收货地址：':'自取地址：'}}</span> <span>{{ item.MailingState > 1 ? '收货地址：' : '自取地址：' }}</span>
<div :class="{'cF1416C':item.MailingState==2,'c02C854':item.MailingState==3}"> <div :class="{ 'cF1416C': item.MailingState == 2, 'c02C854': item.MailingState == 3 }">
<template v-if="item.MailingState==2"> <template v-if="item.MailingState == 2">
等待配送 等待配送
</template> </template>
<template v-if="item.MailingState==3"> <template v-if="item.MailingState == 3">
已配送 已配送
</template> </template>
</div> </div>
</div> </div>
<div class="row wrap orderNo fz12 py c9e"> <div class="row wrap orderNo fz12 py c9e">
<template v-if="item.MailingState==2||item.MailingState==3"> <template v-if="item.MailingState == 2 || item.MailingState == 3">
{{ item.MailingAddress}} {{ item.MailingAddress }}
</template> </template>
<template v-else> <template v-else>
{{ item.SelffetchAddress?item.SelffetchAddress:'等待客服确认后，才能看到自取地址，我们将会第一时间通过邮件告知您' }} {{ item.SelffetchAddress ? item.SelffetchAddress : '等待操作后，才能看到自取地址' }}
</template> </template>
</div> </div>
</div> </div>
<div class="column px15 bgf5 radius5 ml flex-g pa relative"> <div class="column px15 bgf5 radius5 ml flex-g pa relative">
<div class="fz12">收款单据</div> <div class="fz12">收款单据</div>
<div class="row wrap orderNo fz12 py c3FC4FF"> <div class="row wrap orderNo fz12 py c3FC4FF">
<span <span class="cursor-pointer radius5 bgD9F3FF mr px5" v-for="(x, i) in item.IncomeList"
class="cursor-pointer radius5 bgD9F3FF mr px5" @click="openDetails(x)">{{ x.FrID }}</span>
v-for="(x, i) in item.IncomeList"
@click="openDetails(x)"
>{{ x.FrID }}</span
>
<span v-if="item.IncomeList.length == 0" class="c9e fz12"> <span v-if="item.IncomeList.length == 0" class="c9e fz12">
暂无收款单据 暂无收款单据
</span> </span>
</div> </div>
<el-tooltip <el-tooltip v-if="item.OrderStatus == 2" class="item" effect="dark" content="制单" placement="top">
v-if="item.OrderStatus == 2" <i class="absolute right20 bottom20 el-icon-circle-plus cursor-pointer c059FF6"
class="item" @click="makeAdocument(item, index, 1)"></i>
effect="dark"
content="制单"
placement="top"
>
<i
class="absolute right20 bottom20 el-icon-circle-plus cursor-pointer c059FF6"
@click="makeAdocument(item, index, 1)"
></i>
</el-tooltip> </el-tooltip>
</div> </div>
<div class="column px15 bgf5 radius5 ml flex-g pa relative"> <div class="column px15 bgf5 radius5 ml flex-g pa relative">
<div class="fz12">退款单据</div> <div class="fz12">退款单据</div>
<div class="row wrap orderNo fz12 py c3FC4FF"> <div class="row wrap orderNo fz12 py c3FC4FF">
<span <span class="cursor-pointer radius5 bgD9F3FF mr px5" v-for="(x, i) in item.RefundList"
class="cursor-pointer radius5 bgD9F3FF mr px5" @click="openDetails(x)">{{ x.FrID }}</span>
v-for="(x, i) in item.RefundList"
@click="openDetails(x)"
>{{ x.FrID }}</span
>
<span v-if="item.RefundList.length == 0" class="c9e fz12"> <span v-if="item.RefundList.length == 0" class="c9e fz12">
暂无退款单据 暂无退款单据
</span> </span>
</div> </div>
<el-tooltip <el-tooltip v-if="item.OrderStatus == 2" class="item" effect="dark" content="制单" placement="top">
v-if="item.OrderStatus == 2" <i class="absolute right20 bottom20 el-icon-circle-plus cursor-pointer c059FF6"
class="item" @click="makeAdocument(item, index, 2)"></i>
effect="dark"
content="制单"
placement="top"
>
<i
class="absolute right20 bottom20 el-icon-circle-plus cursor-pointer c059FF6"
@click="makeAdocument(item, index, 2)"
></i>
</el-tooltip> </el-tooltip>
</div> </div>
<div class="column px15 bgf5 radius5 ml flex-g pa relative"> <div class="column px15 bgf5 radius5 ml flex-g pa relative">
<div class="fz12">成本单据</div> <div class="fz12">成本单据</div>
<div class="row wrap orderNo fz12 py c3FC4FF"> <div class="row wrap orderNo fz12 py c3FC4FF">
<span <span class="cursor-pointer radius5 bgD9F3FF mr px5" v-for="(x, i) in item.CostList"
class="cursor-pointer radius5 bgD9F3FF mr px5" @click="openDetails(x)">{{ x.FrID }}</span>
v-for="(x, i) in item.CostList"
@click="openDetails(x)"
>{{ x.FrID }}</span
>
<span v-if="item.CostList.length == 0" class="c9e fz12"> <span v-if="item.CostList.length == 0" class="c9e fz12">
暂无成本单据 暂无成本单据
</span> </span>
</div> </div>
<el-tooltip <el-tooltip v-if="item.OrderStatus == 2 && pagesTitle != '销售'" class="item" effect="dark" content="制单"
v-if="item.OrderStatus == 2&&pagesTitle!='销售'" placement="top">
class="item" <i class="absolute right20 bottom20 el-icon-circle-plus cursor-pointer c059FF6"
effect="dark" @click="makeAdocument(item, index, 2)"></i>
content="制单"
placement="top"
>
<i
class="absolute right20 bottom20 el-icon-circle-plus cursor-pointer c059FF6"
@click="makeAdocument(item, index, 2)"
></i>
</el-tooltip> </el-tooltip>
</div> </div>
<div class="column justify-c px15 bgf5 radius5 ml flex-g pa20"> <div class="column justify-c px15 bgf5 radius5 ml flex-g pa20">
...@@ -627,44 +674,29 @@ ...@@ -627,44 +674,29 @@
</div> </div>
</div> </div>
</div> </div>
<div <div v-if="item.OrderStatus > 0 && item.OrderStatus < 4 && item.OrderStatus != 3"
v-if="item.OrderStatus > 0 && item.OrderStatus < 4 && item.OrderStatus!=3" class="column justify-c px15 bgE8F5E9 radius5 ml fz12 orderop pa20 flex-s">
class="column justify-c px15 bgE8F5E9 radius5 ml fz12 orderop pa20 flex-s" <div v-if="
>
<div
v-if="
item.OrderStatus == 1 && item.OrderStatus == 1 &&
item.IncomeList.length == 0 && item.IncomeList.length == 0 &&
item.RefundList.length == 0 && item.RefundList.length == 0 &&
item.CostList.length == 0 item.CostList.length == 0
" " class="row-c cursor-pointer radius5 cancel py5" @click="clickRightButtom(item, 0)">
class="row-c cursor-pointer radius5 cancel py5" <i v-loading="msg.OrderId == item.OrderId && loading0"></i>
@click="clickRightButtom(item, 0)"
>
<i v-loading="msg.OrderId==item.OrderId&&loading0"></i>
<span class="cF1416C">取消订单</span> <span class="cF1416C">取消订单</span>
</div> </div>
<div <div v-if="item.OrderStatus == 1 && pagesTitle != '销售'" class="row-c cursor-pointer radius5 confirm py5"
v-if="item.OrderStatus == 1&&pagesTitle!='销售'" @click="clickRightButtom(item, 1)">
class="row-c cursor-pointer radius5 confirm py5" <i v-loading="msg.OrderId == item.OrderId && loading1"></i>
@click="clickRightButtom(item, 1)"
>
<i v-loading="msg.OrderId==item.OrderId&&loading1"></i>
<span class="c20C997">确认订单</span> <span class="c20C997">确认订单</span>
</div> </div>
<div <div v-if="item.OrderStatus == 2 && item.MailingState == 2 && pagesTitle != '销售'"
v-if="item.OrderStatus == 2&&item.MailingState == 2&&pagesTitle!='销售'" class="row-c cursor-pointer radius5 cancel py5" @click="clickRightButtom(item, 2)">
class="row-c cursor-pointer radius5 cancel py5" <i v-loading="msg.OrderId == item.OrderId && loading1"></i>
@click="clickRightButtom(item, 2)"
>
<i v-loading="msg.OrderId==item.OrderId&&loading1"></i>
<span class="cF1416C">邮寄</span> <span class="cF1416C">邮寄</span>
</div> </div>
<div <div v-if="item.OrderStatus == 2 && item.MailingState == 1 && pagesTitle != '销售'"
v-if="item.OrderStatus == 2&&item.MailingState == 1&&pagesTitle!='销售'" class="row-c cursor-pointer radius5 cancel py5" @click="clickRightButtom(item, 3)">
class="row-c cursor-pointer radius5 cancel py5"
@click="clickRightButtom(item, 3)"
>
<i v-loading="loading1"></i> <i v-loading="loading1"></i>
<span class="cF1416C">设置自提地址</span> <span class="cF1416C">设置自提地址</span>
</div> </div>
...@@ -675,19 +707,13 @@ ...@@ -675,19 +707,13 @@
> >
<span class="c059FF6">明细/编辑</span> <span class="c059FF6">明细/编辑</span>
</div> --> </div> -->
<div <div v-if="item.OrderStatus == 1 && pagesTitle == '销售'" class="row-c cursor-pointer radius5 change py5"
v-if="item.OrderStatus == 1&&pagesTitle=='销售'" @click="goRoomDetails(item, '门票预定变更')">
class="row-c cursor-pointer radius5 change py5"
@click="goRoomDetails(item, '门票预定变更')"
>
<span class="c059FF6">订单变更</span> <span class="c059FF6">订单变更</span>
</div> </div>
<div <div v-if="item.OrderStatus > 1" class="row-c cursor-pointer radius5 change1 py5"
v-if="item.OrderStatus > 1" @click="clickRightButtom(item, 4)">
class="row-c cursor-pointer radius5 change1 py5" <i v-loading="msg.OrderId == item.OrderId && loading2"></i>
@click="clickRightButtom(item, 4)"
>
<i v-loading="msg.OrderId==item.OrderId&&loading2"></i>
<span class="c20C997">收损</span> <span class="c20C997">收损</span>
</div> </div>
<!-- <template v-if="item.OrderStatus==2"> <!-- <template v-if="item.OrderStatus==2">
...@@ -703,18 +729,15 @@ ...@@ -703,18 +729,15 @@
</div> </div>
<div class="mt mb20 bgf5 pa15 row-c" v-if="item.CancelRemark"> <div class="mt mb20 bgf5 pa15 row-c" v-if="item.CancelRemark">
<div style="font-size:16px;font-weight:bold;font-family: pingfangR;">取消理由：</div> <div style="font-size:16px;font-weight:bold;font-family: pingfangR;">取消理由：</div>
<div style="margin-left:12px;font-size:12px;color: grey; font-family: microsoft yahei;">{{item.CancelRemark}}</div> <div style="margin-left:12px;font-size:12px;color: grey; font-family: microsoft yahei;">{{ item.CancelRemark }}
</div>
<div style="margin-left:12px;font-size:12px;font-family: microsoft yahei;"> <div style="margin-left:12px;font-size:12px;font-family: microsoft yahei;">
{{item.CancelEmpName}} {{item.CancelTime}} {{ item.CancelEmpName }} {{ item.CancelTime }}
</div> </div>
</div> </div>
</div> </div>
<el-dialog <el-dialog custom-class="w400" :title="typeState == 3 ? '设置自提地址' : '设置收损金额'" :visible.sync="outerVisible">
custom-class="w400"
:title="typeState==3?'设置自提地址':'设置收损金额'"
:visible.sync="outerVisible"
>
<div> <div>
<el-form label-width="80px" :model="msg" :rules="rules" ref="msg"> <el-form label-width="80px" :model="msg" :rules="rules" ref="msg">
<el-row :gutter="20"> <el-row :gutter="20">
...@@ -725,79 +748,42 @@ ...@@ -725,79 +748,42 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> --> </el-col> -->
<el-col :span="20" v-if="typeState==3"> <el-col :span="20" v-if="typeState == 3">
<el-form-item label="自提地址" prop="SelffetchAddress"> <el-form-item label="自提地址" prop="SelffetchAddress">
<el-input type="textarea" :autosize="{ minRows: 2, maxRows: 4}" v-model="msg.SelffetchAddress"></el-input> <el-input type="textarea" :autosize="{ minRows: 2, maxRows: 4 }"
v-model="msg.SelffetchAddress"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="20" v-if="typeState==4"> <el-col :span="20" v-if="typeState == 4">
<el-form-item label="收损金额" prop="LossMoney"> <el-form-item label="收损金额" prop="LossMoney">
<el-input-number <el-input-number class="w200" v-model="msg.LossMoney" :min="0" :max="10000000"></el-input-number>
class="w200"
v-model="msg.LossMoney"
:min="0"
:max="10000000"
></el-input-number>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20" style="margin-top: 20px;margin-bottom: 20px;"> <el-row :gutter="20" style="margin-top: 20px;margin-bottom: 20px;">
<el-col :span="24" style="text-align: right;"> <el-col :span="24" style="text-align: right;">
<input <input type="button" class="normalBtn" value="保存" @click="submitForm('msg')" />
type="button" <input type="button" class="hollowFixedBtn" value="取消"
class="normalBtn" @click="(outerVisible = false), $refs['msg'].resetFields()" />
value="保存"
@click="submitForm('msg')"
/>
<input
type="button"
class="hollowFixedBtn"
value="取消"
@click="(outerVisible = false), $refs['msg'].resetFields()"
/>
</el-col> </el-col>
</el-row> </el-row>
</el-form> </el-form>
</div> </div>
</el-dialog> </el-dialog>
<el-dialog <el-dialog custom-class="w600" title="取消订单" :visible.sync="cancelOrderDialog">
custom-class="w600"
title="取消订单"
:visible.sync="cancelOrderDialog"
>
<div style="padding-bottom:20px"> <div style="padding-bottom:20px">
<el-input <el-input type="textarea" autofocus rows="5" placeholder="请填写取消订单的缘由" clear="w300"
type="textarea" v-model="cancelRemark"></el-input>
autofocus
rows="5"
placeholder="请填写取消订单的缘由"
clear="w300"
v-model="cancelRemark"
></el-input>
<el-row :gutter="20" style="margin-top: 20px;"> <el-row :gutter="20" style="margin-top: 20px;">
<el-col :span="24" style="text-align: right;"> <el-col :span="24" style="text-align: right;">
<input <input type="button" class="normalBtn" value="取消订单" @click="cancelOrderHandler" />
type="button" <input type="button" class="hollowFixedBtn" value="关闭" @click="cancelOrderDialog = false" />
class="normalBtn"
value="取消订单"
@click="cancelOrderHandler"
/>
<input
type="button"
class="hollowFixedBtn"
value="关闭"
@click="cancelOrderDialog = false"
/>
</el-col> </el-col>
</el-row> </el-row>
</div> </div>
</el-dialog> </el-dialog>
<!-- 变更订单 --> <!-- 变更订单 -->
<el-dialog <el-dialog custom-class="w800" title="变更订单" :visible.sync="ChangeOrderDialog">
custom-class="w800"
title="变更订单"
:visible.sync="ChangeOrderDialog"
>
<div style="padding-bottom:20px"> <div style="padding-bottom:20px">
<div class="flexOne-form-bj"> <div class="flexOne-form-bj">
<h3>取票方式</h3> <h3>取票方式</h3>
...@@ -805,7 +791,7 @@ ...@@ -805,7 +791,7 @@
<b>取票方式：</b> <b>取票方式：</b>
<div> <div>
<el-radio v-model="msgParameter.MailingState" label="1">自行取票</el-radio> <el-radio v-model="msgParameter.MailingState" label="1">自行取票</el-radio>
<el-radio v-model="msgParameter.MailingState" label="2" >邮寄票券</el-radio> <el-radio v-model="msgParameter.MailingState" label="2">邮寄票券</el-radio>
</div> </div>
</div> </div>
<div class="flexOne-description"> <div class="flexOne-description">
...@@ -824,66 +810,57 @@ ...@@ -824,66 +810,57 @@
<li>收件地址</li> <li>收件地址</li>
</div> --> </div> -->
</span> </span>
<div class="list-centent" :class="{'active':msg.MailingState==1}"> <div class="list-centent" :class="{ 'active': msg.MailingState == 1 }">
<li> <li>
<el-form-item label="中文名" prop="Name"> <el-form-item label="中文名" prop="Name">
<el-input v-model="msgParameter.Name" placeholder="请输入名称"/> <el-input v-model="msgParameter.Name" placeholder="请输入名称" />
</el-form-item> </el-form-item>
</li> </li>
<li> <li>
<el-form-item label="英文名" prop="EName"> <el-form-item label="英文名" prop="EName">
<el-input v-model="msgParameter.EName" placeholder="请输入英文名"/> <el-input v-model="msgParameter.EName" placeholder="请输入英文名" />
</el-form-item> </el-form-item>
</li> </li>
<li> <li>
<el-form-item label="电话" prop="Mobile"> <el-form-item label="电话" prop="Mobile">
<el-input type="Number" v-model="msgParameter.Mobile" placeholder="请输入电话"/> <el-input type="Number" v-model="msgParameter.Mobile" placeholder="请输入电话" />
</el-form-item> </el-form-item>
</li> </li>
<li v-if="msgParameter.MailingState==2"> <li v-if="msgParameter.MailingState == 2">
<el-form-item label="地址" prop="MailingAddress"> <el-form-item label="地址" prop="MailingAddress">
<el-input style="border-radius: 3px;" v-model="msgParameter.MailingAddress" placeholder="请输入邮寄地址"/> <el-input style="border-radius: 3px;" v-model="msgParameter.MailingAddress"
placeholder="请输入邮寄地址" />
</el-form-item> </el-form-item>
</li> </li>
<li class="bottom"> <li class="bottom">
<el-form-item label="性别" prop="Sex"> <el-form-item label="性别" prop="Sex">
<el-radio v-model="msgParameter.Sex" label="1">男</el-radio> <el-radio v-model="msgParameter.Sex" label="1">男</el-radio>
<el-radio v-model="msgParameter.Sex" label="2" >女</el-radio> <el-radio v-model="msgParameter.Sex" label="2">女</el-radio>
</el-form-item> </el-form-item>
</li> </li>
</div> </div>
</div> </div>
</el-form> </el-form>
<div style="margin-top: 20px;"> <div style="margin-top: 20px;">
<el-input style="width: 100%;" type="textarea" :autosize="{ minRows: 2, maxRows: 4}" <el-input style="width: 100%;" type="textarea" :autosize="{ minRows: 2, maxRows: 4 }"
v-model="msgParameter.Remark" placeholder="订单备注"/> v-model="msgParameter.Remark" placeholder="订单备注" />
</div> </div>
</div> </div>
</div> </div>
<el-row :gutter="20" style="margin-top: 20px;"> <el-row :gutter="20" style="margin-top: 20px;">
<el-col :span="24" style="text-align: right;"> <el-col :span="24" style="text-align: right;">
<input <input type="button" class="hollowFixedBtn" value="取消" @click="ChangeOrderDialog = false" />
type="button" <input type="button" class="normalBtn" value="确定" @click="submit2" />
class="normalBtn"
value="取消"
@click="ChangeOrderDialog=false"
/>
<input
type="button"
class="hollowFixedBtn"
value="确定"
@click="submit2"
/>
</el-col> </el-col>
</el-row> </el-row>
</div> </div>
</el-dialog> </el-dialog>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
props: ["OrderList","pagesTitle"], props: ["OrderList", "pagesTitle"],
data() { data() {
return { return {
copyId: 0, copyId: 0,
...@@ -913,16 +890,16 @@ ...@@ -913,16 +890,16 @@
Remark: '', Remark: '',
MailingState: '1',//邮寄状态 1自取 2邮寄 MailingState: '1',//邮寄状态 1自取 2邮寄
MailingAddress: '',//MailingState =2 填写邮寄 MailingAddress: '',//MailingState =2 填写邮寄
UseDate:'',//门票日期 UseDate: '',//门票日期
Name:'', Name: '',
EName:'', EName: '',
Sex: '1',//1男2女 Sex: '1',//1男2女
Birthday: '', Birthday: '',
Mobile:'', Mobile: '',
CouponsId:'',//景点id CouponsId: '',//景点id
DetailList:[], DetailList: [],
}, },
rules2:{ rules2: {
Name: [{ Name: [{
required: true, required: true,
message: '请输入中文名', message: '请输入中文名',
...@@ -972,35 +949,35 @@ ...@@ -972,35 +949,35 @@
}, },
cancelOrderDialog: false, cancelOrderDialog: false,
cancelRemark: "", cancelRemark: "",
cancelOrderId:0, cancelOrderId: 0,
uploadOrderId: 0, uploadOrderId: 0,
loading: false, loading: false,
fileList:[], fileList: [],
GuestFile: '', GuestFile: '',
ChangeOrderDialog: false, ChangeOrderDialog: false,
OrderStatusType:[ OrderStatusType: [
{Name: this.$t('OrderList.orderStatus.apply'),ID:'1'}, { Name: this.$t('OrderList.orderStatus.apply'), ID: '1' },
{Name: this.$t('OrderList.orderStatus.check'),ID:'2'}, { Name: this.$t('OrderList.orderStatus.check'), ID: '2' },
{Name: this.$t('OrderList.orderStatus.cancel'),ID:'3'}, { Name: this.$t('OrderList.orderStatus.cancel'), ID: '3' },
{Name: this.$t('OrderList.orderStatus.sun'),ID:'4'}, { Name: this.$t('OrderList.orderStatus.sun'), ID: '4' },
], ],
items: null, items: null,
typeState: '' typeState: ''
}; };
}, },
watch: { watch: {
pagesTitle(val,oldval){ pagesTitle(val, oldval) {
}, },
OrderList:{ OrderList: {
handler(val, oldVal){ handler(val, oldVal) {
} }
} }
}, },
methods: { methods: {
submit2(){ submit2() {
if(this.loading3) return if (this.loading3) return
this.$refs['msgParameter'].validate((valid) => { this.$refs['msgParameter'].validate((valid) => {
if (valid) { if (valid) {
this.setFormMsg2() this.setFormMsg2()
...@@ -1009,8 +986,8 @@ ...@@ -1009,8 +986,8 @@
} }
}); });
}, },
setFormMsg2(){ setFormMsg2() {
if(this.msgParameter.MailingState=='1'){ if (this.msgParameter.MailingState == '1') {
this.msgParameter.MailingAddress = '' this.msgParameter.MailingAddress = ''
} }
let m = { let m = {
...@@ -1046,10 +1023,10 @@ ...@@ -1046,10 +1023,10 @@
this.Error(err.message) this.Error(err.message)
}); });
}, },
uploadFileBtn(file){ uploadFileBtn(file) {
let ft = file.file.name.substring(file.file.name.lastIndexOf('.') + 1, file.file.name.length).toUpperCase(); let ft = file.file.name.substring(file.file.name.lastIndexOf('.') + 1, file.file.name.length).toUpperCase();
let typeOk = false; let typeOk = false;
let FileName = file.file.name.substring(0,file.file.name.lastIndexOf(".")) let FileName = file.file.name.substring(0, file.file.name.lastIndexOf("."))
let newArr = []; let newArr = [];
newArr.push(file.file) newArr.push(file.file)
let path = "/Upload/Temporary/" let path = "/Upload/Temporary/"
...@@ -1060,21 +1037,21 @@ ...@@ -1060,21 +1037,21 @@
}, 1); }, 1);
}, },
// 上传旅客名单 // 上传旅客名单
uploadHandleChange(){ uploadHandleChange() {
if(this.loading) return if (this.loading) return
let msg = { let msg = {
OrderId: this.uploadOrderId, OrderId: this.uploadOrderId,
GuestFileList: [this.GuestFile] GuestFileList: [this.GuestFile]
} }
this.loading = true this.loading = true
this.apipost( this.apipost(
"dict_post_SetSaleOrderGuestFile",msg, "dict_post_SetSaleOrderGuestFile", msg,
res => { res => {
this.loading = false; this.loading = false;
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
this.Success(res.data.message); this.Success(res.data.message);
this.uploadOrderId=0 this.uploadOrderId = 0
this.GuestFile='' this.GuestFile = ''
this.$emit("success"); this.$emit("success");
} else { } else {
this.Error(res.data.message); this.Error(res.data.message);
...@@ -1126,7 +1103,7 @@ ...@@ -1126,7 +1103,7 @@
// 订单明细 // 订单明细
goRoomDetails(obj, title) { goRoomDetails(obj, title) {
var path var path
if(title==='订房详情'){ if (title === '订房详情') {
path = "roomReservationsDetails"; path = "roomReservationsDetails";
if (this.userInfo.RB_Group_id == 91) { if (this.userInfo.RB_Group_id == 91) {
path = "roomReservationsDetails_swt"; path = "roomReservationsDetails_swt";
...@@ -1140,7 +1117,7 @@ ...@@ -1140,7 +1117,7 @@
tab: title tab: title
} }
}); });
}else{//变更门票预定 } else {//变更门票预定
this.msgParameter = JSON.parse(JSON.stringify(obj)) this.msgParameter = JSON.parse(JSON.stringify(obj))
this.msgParameter.MailingState = JSON.stringify(this.msgParameter.MailingState) this.msgParameter.MailingState = JSON.stringify(this.msgParameter.MailingState)
this.msgParameter.Sex = JSON.stringify(this.msgParameter.Sex) this.msgParameter.Sex = JSON.stringify(this.msgParameter.Sex)
...@@ -1157,9 +1134,9 @@ ...@@ -1157,9 +1134,9 @@
if (!this.loading0) { if (!this.loading0) {
this.cancelOrderId = item.OrderId this.cancelOrderId = item.OrderId
// 销售 OP // 销售 OP
if(this.pagesTitle!='销售'){ if (this.pagesTitle != '销售') {
this.cancelOrderDialog = true; this.cancelOrderDialog = true;
}else{ } else {
this.cancelOrderHandler() this.cancelOrderHandler()
} }
...@@ -1195,22 +1172,22 @@ ...@@ -1195,22 +1172,22 @@
this.loading0 = true this.loading0 = true
this.apipost("ticket_post_CancelSaleTicketOrder", { this.apipost("ticket_post_CancelSaleTicketOrder", {
OrderId: this.cancelOrderId, OrderId: this.cancelOrderId,
IsOPCancel: this.pagesTitle!='销售'?1:0, IsOPCancel: this.pagesTitle != '销售' ? 1 : 0,
Remark: this.cancelRemark Remark: this.cancelRemark
}, },
res => { res => {
this.loading0= false this.loading0 = false
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
this.Success(res.data.message); this.Success(res.data.message);
this.$emit("success"); this.$emit("success");
} else { } else {
this.Error(res.data.message); this.Error(res.data.message);
} }
}).catch(err=>{ }).catch(err => {
this.Error(err.message) this.Error(err.message)
this.loading0= false this.loading0 = false
}) })
}).catch(()=>{ }).catch(() => {
this.loading0 = false this.loading0 = false
}) })
}, },
...@@ -1229,7 +1206,7 @@ ...@@ -1229,7 +1206,7 @@
}); });
}, },
cancelOrderHandler() { cancelOrderHandler() {
if (this.cancelRemark == ""&&this.pagesTitle!='销售') { if (this.cancelRemark == "" && this.pagesTitle != '销售') {
this.Error("请填写取消订单的缘由"); this.Error("请填写取消订单的缘由");
return; return;
} }
...@@ -1239,15 +1216,15 @@ ...@@ -1239,15 +1216,15 @@
"ticket_post_CancelSaleTicketOrder", "ticket_post_CancelSaleTicketOrder",
{ {
OrderId: this.cancelOrderId, OrderId: this.cancelOrderId,
IsOPCancel: this.pagesTitle!='销售'?1:0, IsOPCancel: this.pagesTitle != '销售' ? 1 : 0,
Remark: this.pagesTitle!='销售'?this.cancelRemark:'' Remark: this.pagesTitle != '销售' ? this.cancelRemark : ''
}, },
res => { res => {
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
this.Success(res.data.message); this.Success(res.data.message);
this.cancelOrderDialog=false this.cancelOrderDialog = false
this.cancelOrderId=0 this.cancelOrderId = 0
this.cancelRemark='' this.cancelRemark = ''
this.$emit("success"); this.$emit("success");
} else { } else {
this.Error(res.data.message); this.Error(res.data.message);
...@@ -1263,10 +1240,10 @@ ...@@ -1263,10 +1240,10 @@
saveUpdate() { saveUpdate() {
let text let text
if(this.typeState==3){ if (this.typeState == 3) {
text = '是否确认设置自取地址?' text = '是否确认设置自取地址?'
} }
if(this.typeState==4){ if (this.typeState == 4) {
text = '是否确认设置收损?' text = '是否确认设置收损?'
} }
this.$confirm(text, "提示", { this.$confirm(text, "提示", {
...@@ -1281,8 +1258,8 @@ ...@@ -1281,8 +1258,8 @@
{ {
OrderId: this.msg.OrderId, OrderId: this.msg.OrderId,
State: this.typeState, State: this.typeState,
SelffetchAddress: this.typeState==3?this.msg.SelffetchAddress:'', SelffetchAddress: this.typeState == 3 ? this.msg.SelffetchAddress : '',
LossMoney: this.typeState==4?this.msg.LossMoney:'', LossMoney: this.typeState == 4 ? this.msg.LossMoney : '',
}, },
res => { res => {
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
...@@ -1299,14 +1276,14 @@ ...@@ -1299,14 +1276,14 @@
} }
); );
}) })
.catch(() => {}); .catch(() => { });
}, },
confirmFun(item,type) { confirmFun(item, type) {
let text let text
if(type==1){ if (type == 1) {
text = '是否确认订单?' text = '是否确认订单?'
} }
if(type==2){ if (type == 2) {
text = '是否确认邮寄?' text = '是否确认邮寄?'
} }
this.$confirm(text, "提示", { this.$confirm(text, "提示", {
...@@ -1321,8 +1298,8 @@ ...@@ -1321,8 +1298,8 @@
{ {
OrderId: item.OrderId, OrderId: item.OrderId,
State: type, State: type,
SelffetchAddress: type==3?this.msg.SelffetchAddress:'', SelffetchAddress: type == 3 ? this.msg.SelffetchAddress : '',
LossMoney: type==4?this.msg.LossMoney:'', LossMoney: type == 4 ? this.msg.LossMoney : '',
}, },
res => { res => {
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
...@@ -1382,8 +1359,9 @@ ...@@ -1382,8 +1359,9 @@
this.com_onresize(); this.com_onresize();
}; };
} }
}; };
</script> </script>
<style></style> <style>
</style>
src/components/scenicSpot/reservation/ReservationOrder.vue
View file @ 190656c6
<style> <style>
.HotelWorkList .has-gutter tr th, .HotelWorkList .has-gutter tr th,
.el-table th.is-leaf { .el-table th.is-leaf {
background-color: #EAEAEA !important; background-color: #EAEAEA !important;
} }
.HotelWorkList .HW_hotelDialog { .HotelWorkList .HW_hotelDialog {
width: 900px; width: 900px;
} }
.HotelWorkList .Hw_tableOne { .HotelWorkList .Hw_tableOne {
width: 100%; width: 100%;
height: 40px; height: 40px;
background-color: #EAEAEA; background-color: #EAEAEA;
} }
.HotelWorkList .Hw_tableOne th { .HotelWorkList .Hw_tableOne th {
text-align: center; text-align: center;
} }
.HotelWorkList .HotelWorkInput .el-input { .HotelWorkList .HotelWorkInput .el-input {
width: 223px; width: 223px;
} }
.HotelWorkList .HworkInput .el-input { .HotelWorkList .HworkInput .el-input {
width: 110px; width: 110px;
} }
</style>
</style> <template>
<template>
<div class="HotelWorkList"> <div class="HotelWorkList">
<div class="query-box HotelWorkInput" style="border-bottom: none;"> <div class="query-box HotelWorkInput" style="border-bottom: none;">
<ul> <ul>
<li> <li>
<span> <span>
<em>{{$t('OrderList.search.status')}}</em> <em>{{ $t('OrderList.search.status') }}</em>
<el-select v-model="msg.OrderStatus" class="w110 HworkInput"> <el-select v-model="msg.OrderStatus" class="w110 HworkInput">
<el-option :key="0" :value="0" :label="$t('OrderList.orderStatus.normal')"></el-option> <el-option :key="0" :value="0" :label="$t('OrderList.orderStatus.normal')"></el-option>
<el-option v-for="item in OrderStatusType" :key="item.ID" :label="item.Name" :value="item.ID"></el-option> <el-option v-for="item in OrderStatusType" :key="item.ID" :label="item.Name" :value="item.ID"></el-option>
...@@ -42,28 +41,39 @@ ...@@ -42,28 +41,39 @@
</span> </span>
</li> </li>
<li> <li>
<span><em>{{$t('OrderList.search.orderNum')}}</em> <span><em>{{ $t('OrderList.search.orderNum') }}</em>
<el-input clearable type="Number" v-model="msg.OrderNo" :placeholder="$t('OrderList.search.orderNum')" class="w200"/> <el-input class="w110 HworkInput" clearable type="Number" v-model="msg.OrderNo"
:placeholder="$t('OrderList.search.orderNum')" />
</span> </span>
</li> </li>
<li> <li>
<span><em>订单ID</em> <span><em>订单ID</em>
<el-input clearable type="Number" v-model="msg.OrderId" placeholder="订单ID" class="w100"/> <el-input clearable type="Number" v-model="msg.OrderId" placeholder="订单ID" class="w110 HworkInput" />
</span> </span>
</li> </li>
<li> <li>
<span><em>客人名称</em> <span><em>客人名称</em>
<el-input clearable v-model="msg.Name" placeholder="客人名称" class="w110"/> <el-input clearable v-model="msg.Name" placeholder="客人名称" class="w110 HworkInput" />
</span> </span>
</li> </li>
<li> <li>
<span><em>景区名称</em> <span><em>景区名称</em>
<el-input clearable v-model="msg.CouponsName" placeholder="景区名称" class="w150"/> <el-input clearable v-model="msg.CouponsName" placeholder="景区名称" class="w110 HworkInput" />
</span> </span>
</li> </li>
<li> <li>
<span><em>电话</em> <span><em>电话</em>
<el-input clearable v-model="msg.ContactNumber" placeholder="电话" class="w150"/> <el-input clearable v-model="msg.ContactNumber" placeholder="电话" class="w110 HworkInput" />
</span>
</li>
<li>
<span>
<em>取券方式</em>
<el-select v-model="msg.MailingState" placeholder="取券方式" class="w110 HworkInput">
<el-option :key="-1" :value="-1" label="所有类型"></el-option>
<el-option v-for="item in MailingStateType" :key="item.ID" :label="item.Name"
:value="item.ID"></el-option>
</el-select>
</span> </span>
</li> </li>
<!-- <li> <!-- <li>
...@@ -78,14 +88,9 @@ ...@@ -78,14 +88,9 @@
</li> --> </li> -->
<li> <li>
<span> <span>
<em>{{$t('OrderList.search.daterange')}}</em> <em>{{ $t('OrderList.search.daterange') }}</em>
<el-date-picker <el-date-picker style="height: 34px;" value-format="yyyy-MM-dd" v-model="Datelist" type="daterange"
style="height: 34px;" :range-separator="$t('OrderList.zhi')" :start-placeholder="$t('OrderList.star')"
value-format="yyyy-MM-dd"
v-model="Datelist"
type="daterange"
:range-separator="$t('OrderList.zhi')"
:start-placeholder="$t('OrderList.star')"
:end-placeholder="$t('OrderList.end')" @change="getDates"> :end-placeholder="$t('OrderList.end')" @change="getDates">
</el-date-picker> </el-date-picker>
</span> </span>
...@@ -93,43 +98,32 @@ ...@@ -93,43 +98,32 @@
<li> <li>
<span> <span>
<em>门票时间</em> <em>门票时间</em>
<el-date-picker <el-date-picker style="height: 34px;" value-format="yyyy-MM-dd" v-model="DatelistUse" type="daterange"
style="height: 34px;" :range-separator="$t('OrderList.zhi')" :start-placeholder="$t('OrderList.star')"
value-format="yyyy-MM-dd"
v-model="DatelistUse"
type="daterange"
:range-separator="$t('OrderList.zhi')"
:start-placeholder="$t('OrderList.star')"
:end-placeholder="$t('OrderList.end')" @change="getDates"> :end-placeholder="$t('OrderList.end')" @change="getDates">
</el-date-picker> </el-date-picker>
</span> </span>
</li> </li>
<li> <li>
<span> <input type="button" class="normalBtn" :value="$t('pub.searchBtn')"
<em>取券方式</em> @click="msg.pageIndex = 1, currentPage = 1, GetList()" />
<el-select v-model="msg.MailingState" placeholder="取券方式" class="w110 HworkInput">
<el-option :key="-1" :value="-1" label="所有类型"></el-option>
<el-option v-for="item in MailingStateType" :key="item.ID" :label="item.Name" :value="item.ID"></el-option>
</el-select>
</span>
</li>
<li>
<input type="button" class="normalBtn" :value="$t('pub.searchBtn')" @click="msg.pageIndex=1,currentPage=1,GetList()" />
</li> </li>
</ul> </ul>
</div> </div>
<template> <template>
<OrderList :pagesTitle="pagesTitle" :OrderList="OrderList" v-loading="loading" @success="GetList"> </OrderList> <OrderList :pagesTitle="pagesTitle" :OrderList="OrderList" v-loading="loading" @success="GetList"> </OrderList>
<el-pagination background @current-change="handleCurrentChange" :current-page.sync="currentPage" layout="total,prev, pager, next, jumper" :page-size=msg.pageSize :total=total> <el-pagination background @current-change="handleCurrentChange" :current-page.sync="currentPage"
layout="total,prev, pager, next, jumper" :page-size=msg.pageSize :total=total>
</el-pagination> </el-pagination>
</template> </template>
</div> </div>
</template> </template>
<script> <script>
import OrderList from './OrderList.vue'; import OrderList from './OrderList.vue';
export default { export default {
props:['pagesTitle'], props: ['pagesTitle'],
components: { OrderList }, components: { OrderList },
data() { data() {
return { return {
...@@ -142,7 +136,7 @@ ...@@ -142,7 +136,7 @@
OrderList: [], OrderList: [],
//默认高度 //默认高度
tableHeight: 0, tableHeight: 0,
msg:{ msg: {
pageIndex: 1, pageIndex: 1,
pageSize: 5, pageSize: 5,
Name: '', Name: '',
...@@ -159,44 +153,44 @@ ...@@ -159,44 +153,44 @@
}, },
total: 0, total: 0,
currentPage: 1, currentPage: 1,
OrderStatusType:[ OrderStatusType: [
{Name: this.$t('OrderList.orderStatus.apply'),ID:'1'}, { Name: this.$t('OrderList.orderStatus.apply'), ID: '1' },
{Name: this.$t('OrderList.orderStatus.check'),ID:'2'}, { Name: this.$t('OrderList.orderStatus.check'), ID: '2' },
{Name: this.$t('OrderList.orderStatus.cancel'),ID:'3'}, { Name: this.$t('OrderList.orderStatus.cancel'), ID: '3' },
{Name: this.$t('OrderList.orderStatus.sun'),ID:'4'}, { Name: this.$t('OrderList.orderStatus.sun'), ID: '4' },
], ],
MailingStateType:[ MailingStateType: [
{Name: '自行取票',ID:'1'}, { Name: '自行取票', ID: '1' },
{Name: '邮寄票券',ID:'2'}, { Name: '邮寄票券', ID: '2' },
// {Name: '已邮寄票券',ID:'3'}, // {Name: '已邮寄票券',ID:'3'},
], ],
orderType:[ orderType: [
{Name: this.$t('OrderList.orderType.tour'),ID:'1'}, { Name: this.$t('OrderList.orderType.tour'), ID: '1' },
{Name: this.$t('OrderList.orderType.guest'),ID:'2'}, { Name: this.$t('OrderList.orderType.guest'), ID: '2' },
], ],
Datelist:'', Datelist: '',
DatelistUse:'', DatelistUse: '',
}; };
}, },
watch: { watch: {
pagesTitle(val,oldval){ pagesTitle(val, oldval) {
} }
}, },
methods: { methods: {
getDatesUse(){ getDatesUse() {
console.log(this.Datelist) console.log(this.Datelist)
if(this.DatelistUse[0]){ if (this.DatelistUse[0]) {
this.msg.UseSTime = this.DatelistUse[0] this.msg.UseSTime = this.DatelistUse[0]
}if(this.DatelistUse[1]){ } if (this.DatelistUse[1]) {
this.msg.UseETime = this.DatelistUse[1] this.msg.UseETime = this.DatelistUse[1]
} }
}, },
getDates(){ getDates() {
console.log(this.Datelist) console.log(this.Datelist)
if(this.Datelist[0]){ if (this.Datelist[0]) {
this.msg.StartTime = this.Datelist[0] this.msg.StartTime = this.Datelist[0]
}if(this.Datelist[1]){ } if (this.Datelist[1]) {
this.msg.EndTime = this.Datelist[1] this.msg.EndTime = this.Datelist[1]
} }
}, },
...@@ -221,27 +215,27 @@ ...@@ -221,27 +215,27 @@
message.errorMsg(res.data.message); message.errorMsg(res.data.message);
} }
}, },
err => {} err => { }
); );
}, },
getyMDOne(){ getyMDOne() {
let myDate = new Date() let myDate = new Date()
let myYear = myDate.getFullYear();//获取完整的年份(4位,1970-????) let myYear = myDate.getFullYear();//获取完整的年份(4位,1970-????)
let myMonth = myDate.getMonth()+ 1;//获取当前月份(0-11,8代表1月) let myMonth = myDate.getMonth() + 1;//获取当前月份(0-11,8代表1月)
let myToday = myDate.getDate(); //获取当前日(1-31) let myToday = myDate.getDate(); //获取当前日(1-31)
myMonth = myMonth > 9 ? myMonth : '0'+ myMonth myMonth = myMonth > 9 ? myMonth : '0' + myMonth
myToday = myToday > 9 ? myToday : '0'+ myToday myToday = myToday > 9 ? myToday : '0' + myToday
let nowDate = myYear +'-'+ myMonth +'-01' let nowDate = myYear + '-' + myMonth + '-01'
return nowDate return nowDate
}, },
getyMDTwo(){ getyMDTwo() {
let myDate = new Date() let myDate = new Date()
let myYear = myDate.getFullYear();//获取完整的年份(4位,1970-????) let myYear = myDate.getFullYear();//获取完整的年份(4位,1970-????)
let myMonth = myDate.getMonth()+ 1;//获取当前月份(0-11,8代表1月) let myMonth = myDate.getMonth() + 1;//获取当前月份(0-11,8代表1月)
let myToday = myDate.getDate(); //获取当前日(1-31) let myToday = myDate.getDate(); //获取当前日(1-31)
myMonth = myMonth > 9 ? myMonth : '0'+ myMonth myMonth = myMonth > 9 ? myMonth : '0' + myMonth
myToday = myToday > 9 ? myToday : '0'+ myToday myToday = myToday > 9 ? myToday : '0' + myToday
let nowDate = myYear +'-'+ myMonth +'-'+ myToday let nowDate = myYear + '-' + myMonth + '-' + myToday
return nowDate return nowDate
}, },
//获取酒店订单列表 //获取酒店订单列表
...@@ -249,9 +243,9 @@ ...@@ -249,9 +243,9 @@
this.loading = true this.loading = true
let url let url
// 销售 OP // 销售 OP
if(this.pagesTitle=='销售'){ if (this.pagesTitle == '销售') {
url = "ticket_post_GetMySaleTicketOrderPageList" url = "ticket_post_GetMySaleTicketOrderPageList"
}else{ } else {
url = "ticket_post_GetAdminTicketOrderPageList" url = "ticket_post_GetAdminTicketOrderPageList"
} }
this.apipost(url, this.msg, this.apipost(url, this.msg,
...@@ -260,19 +254,19 @@ ...@@ -260,19 +254,19 @@
let data = res.data.data.pageData let data = res.data.data.pageData
data.forEach((x) => { data.forEach((x) => {
x.Money = 0 x.Money = 0
x.DetailList.forEach((y)=>{ x.DetailList.forEach((y) => {
x.Money+=y.Money x.Money += y.Money
}) })
}) })
this.OrderList = data; this.OrderList = data;
this.total = res.data.data.count; this.total = res.data.data.count;
}else { } else {
this.Error(res.data.message); this.Error(res.data.message);
} }
this.loading = false this.loading = false
}, },
err => {this.loading = false} err => { this.loading = false }
); );
}, },
handleCurrentChange(val) { handleCurrentChange(val) {
...@@ -291,8 +285,8 @@ ...@@ -291,8 +285,8 @@
}, },
}, },
created() { created() {
if(this.$route.query.OrderId){ if (this.$route.query.OrderId) {
this.msg.OrderId=this.$route.query.OrderId this.msg.OrderId = this.$route.query.OrderId
} }
}, },
mounted() { mounted() {
...@@ -307,10 +301,10 @@ ...@@ -307,10 +301,10 @@
this.com_onresize(); this.com_onresize();
} }
}, },
}; };
</script> </script>
<style> <style>
</style> </style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment