Skip to content

S
SuperMan
Commit 4768fc30 authored by liudong1993's avatar liudong1993
Browse files
Options

Merge branch 'master' of http://gitlab.oytour.com/luochao/superman

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