Skip to content

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

页面修改

parent 27c7066e
Hide whitespace changes
Inline Side-by-side
Showing with 489 additions and 802 deletions
src/components/scenicSpot/domesticTicketManagement.vue
View file @ dd2ff9f6
<style> <style>
.domesticticketManagement .singeRowTable tr:nth-child(n + 2):hover { .domesticticketManagement .singeRowTable tr:nth-child(n + 2):hover {
background-color: white; background-color: white;
box-shadow: 0px 0px 14px 0px #adadad; box-shadow: 0px 0px 14px 0px #adadad;
z-index: 10; z-index: 10;
position: relative; position: relative;
} }
.domesticticketManagement .DaysInfo span { .domesticticketManagement .DaysInfo span {
display: inline-block; display: inline-block;
background-color: #2aaef2; background-color: #2aaef2;
color: white; color: white;
border-radius: 4px; border-radius: 4px;
padding: 0 10px; padding: 0 10px;
height: 30px; height: 30px;
line-height: 30px; line-height: 30px;
} }
.domesticticketManagement .DaysInfo span i { .domesticticketManagement .DaysInfo span i {
margin-right: 10px; margin-right: 10px;
} }
.domesticticketManagement .singeRowTable tr:nth-child(n + 2) { .domesticticketManagement .singeRowTable tr:nth-child(n + 2) {
height: 80px; height: 80px;
text-align: center; text-align: center;
} }
.domesticticketManagement .detailsIT .singeRowTable tr:nth-child(n + 2):hover { .domesticticketManagement .detailsIT .singeRowTable tr:nth-child(n + 2):hover {
background-color: white; background-color: white;
box-shadow: 0px 0px 14px 0px #adadad; box-shadow: 0px 0px 14px 0px #adadad;
z-index: 10; z-index: 10;
position: relative; position: relative;
} }
.domesticticketManagement .Ldata { .domesticticketManagement .Ldata {
color: #333333; color: #333333;
margin-top: 5px; margin-top: 5px;
} }
.domesticticketManagement .LP { .domesticticketManagement .LP {
color: #e95252; color: #e95252;
} }
.domesticticketManagement .HP { .domesticticketManagement .HP {
color: #2aaef2; color: #2aaef2;
text-align: left; text-align: left;
font-size: 14px; font-size: 14px;
font-weight: bold; font-weight: bold;
padding-left: 5px; padding-left: 5px;
display: inline-block; display: inline-block;
} }
.domesticticketManagement .T1 { .domesticticketManagement .T1 {
text-align: right; text-align: right;
color: #666666; color: #666666;
display: inline-block; display: inline-block;
} }
.domesticticketManagement .T2 { .domesticticketManagement .T2 {
text-align: left; text-align: left;
color: #e95252; color: #e95252;
font-size: 14px; font-size: 14px;
font-weight: bold; font-weight: bold;
padding-left: 5px; padding-left: 5px;
display: inline-block; display: inline-block;
} }
.domesticticketManagement .descripTion { .domesticticketManagement .descripTion {
border-radius: 4px; border-radius: 4px;
width: 266px; width: 266px;
text-align: left; text-align: left;
padding: 3px; padding: 3px;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
display: -webkit-box; display: -webkit-box;
/*! autoprefixer: off */ /*! autoprefixer: off */
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
/* autoprefixer: on */ /* autoprefixer: on */
-webkit-line-clamp: 2; -webkit-line-clamp: 2;
} }
.domesticticketManagement .singeRowTable tr:nth-child(n + 2):hover .descripTion { .domesticticketManagement .singeRowTable tr:nth-child(n + 2):hover .descripTion {
background-color: #ededed; background-color: #ededed;
} }
.domesticticketManagement .roomName { .domesticticketManagement .roomName {
display: inline-block; display: inline-block;
width: 200px; width: 200px;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
text-align: left; text-align: left;
padding-left: 20px; padding-left: 20px;
} }
.domesticticketManagement .el-dialog--center .el-dialog__body { .domesticticketManagement .el-dialog--center .el-dialog__body {
padding: 25px 25px 0; padding: 25px 25px 0;
} }
.ticketinfo_title{
font-size: 16px; .ticketinfo_title {
color: #333; font-size: 16px;
padding-left: 5px; color: #333;
border-left: 5px solid #f00; padding-left: 5px;
border-left: 5px solid #f00;
}
}
</style> </style>
<template> <template>
<div class="flexOne domesticticketManagement"> <div class="flexOne domesticticketManagement">
...@@ -110,63 +112,35 @@ ...@@ -110,63 +112,35 @@
<ul> <ul>
<li> <li>
<label class="">{{ $t("scen.sc_name") }}</label> <label class="">{{ $t("scen.sc_name") }}</label>
<el-input <el-input v-model="msg.TicketName" maxlength="30" @keyup.native.enter="getList"></el-input>
v-model="msg.TicketName"
maxlength="30"
@keyup.native.enter="getList"
></el-input>
</li> </li>
<li> <li>
<input <input type="button" class="hollowFixedBtn" :value="$t('pub.searchBtn')"
type="button" @click="getList(), resetPageIndex()" />
class="hollowFixedBtn" <input type="button" class="normalBtn" @click="(outerVisible = true), (dialogTitle = '添加门票')"
:value="$t('pub.searchBtn')" :value="$t('pub.addBtn')" />
@click="getList(), resetPageIndex()"
/>
<input
type="button"
class="normalBtn"
@click="(outerVisible = true), (dialogTitle = '添加门票')"
:value="$t('pub.addBtn')"
/>
</li> </li>
</ul> </ul>
</div> </div>
<table <table class="singeRowTable centerTable" border="0" cellspacing="0" cellpadding="0" v-loading="loading" style="
class="singeRowTable centerTable"
border="0"
cellspacing="0"
cellpadding="0"
v-loading="loading"
style="
border-collapse: separate; border-collapse: separate;
border-spacing: 0px 10px; border-spacing: 0px 10px;
table-layout: fixed; table-layout: fixed;
" ">
>
<tr> <tr>
<th >{{ $t("scen.sc_name") }}</th> <th>{{ $t("scen.sc_name") }}</th>
<th >门票副标题</th> <th>门票副标题</th>
<th >是否闪入园</th> <th>是否闪入园</th>
<!-- <th>闪入园最晚购买时间</th> --> <th>是否无忧退款</th>
<th >是否无忧退款</th>
<!-- <th >可定时间</th> -->
<th width="200">{{ $t("scen.sc_bjts") }}</th> <th width="200">{{ $t("scen.sc_bjts") }}</th>
<th>{{ $t("scen.sc_dj") }}</th> <th>{{ $t("scen.sc_dj") }}</th>
<th>{{ $t("scen.sc_gj") }}</th> <th>{{ $t("scen.sc_gj") }}</th>
<th>是否上架</th> <th>是否上架</th>
<!-- <th width="300">{{ $t("hotel.hotel_remark") }}</th> -->
<th>{{ $t("system.table_operation") }}</th> <th>{{ $t("system.table_operation") }}</th>
</tr> </tr>
<tr v-for="item in DataList" :key="item.subCode"> <tr v-for="item in DataList" :key="item.subCode">
<td> <td>
<el-tooltip <el-tooltip class="item" effect="dark" :content="item.TicketName" placement="top-start">
class="item"
effect="dark"
:content="item.TicketName"
placement="top-start"
>
<span class="roomName">{{ item.TicketName }}</span> <span class="roomName">{{ item.TicketName }}</span>
</el-tooltip> </el-tooltip>
</td> </td>
...@@ -175,24 +149,19 @@ ...@@ -175,24 +149,19 @@
<div v-if="item.IsSameDayBuy===0">否</div> <div v-if="item.IsSameDayBuy===0">否</div>
<div v-if="item.IsSameDayBuy===1">是</div> <div v-if="item.IsSameDayBuy===1">是</div>
</td> </td>
<!-- <td>{{item.DayBuyTime}}</td> -->
<td> <td>
<div v-if="item.IsWorryFreeRefund===0">是</div> <div v-if="item.IsWorryFreeRefund===0">是</div>
<div v-if="item.IsWorryFreeRefund===1">有条件退</div> <div v-if="item.IsWorryFreeRefund===1">有条件退</div>
</td> </td>
<!-- <td>{{item.AllTime}}</td> -->
<td class="DaysInfo"> <td class="DaysInfo">
<span <span><i class="iconfont icon-kaoqintongji"></i>{{ item.Days
><i class="iconfont icon-kaoqintongji"></i>{{ item.Days }}{{ $t("hotel.hotel_item") }}</span>
}}{{ $t("hotel.hotel_item") }}</span
>
</td> </td>
<td> <td>
<p class="clearfix"> <p class="clearfix">
<span class="tit_name T1">{{ <span class="tit_name T1">{{
getCurrencyCode(item.CurrencyId) getCurrencyCode(item.CurrencyId)
}}</span }}</span><span class="tit_name T2">{{ item.LPrice }}</span>
><span class="tit_name T2">{{ item.LPrice }}</span>
</p> </p>
<p class="Ldata">{{ item.LDate }}</p> <p class="Ldata">{{ item.LDate }}</p>
</td> </td>
...@@ -200,8 +169,7 @@ ...@@ -200,8 +169,7 @@
<p class="clearfix"> <p class="clearfix">
<span class="tit_name T1">{{ <span class="tit_name T1">{{
getCurrencyCode(item.CurrencyId) getCurrencyCode(item.CurrencyId)
}}</span }}</span><span class="tit_name HP">{{ item.HPrice }}</span>
><span class="tit_name HP">{{ item.HPrice }}</span>
</p> </p>
<p class="Ldata">{{ item.HDate }}</p> <p class="Ldata">{{ item.HDate }}</p>
</td> </td>
...@@ -209,105 +177,40 @@ ...@@ -209,105 +177,40 @@
<span v-if="item.IsShelves===0">上架</span> <span v-if="item.IsShelves===0">上架</span>
<span v-if="item.IsShelves===1">下架</span> <span v-if="item.IsShelves===1">下架</span>
</td> </td>
<!-- <td>
<el-tooltip
class="item"
effect="dark"
v-if="item.TicketDesc"
:content="item.TicketDesc"
placement="top-start"
popper-class="max-w250"
>
<span class="descripTion">{{ item.TicketDesc }}</span>
</el-tooltip>
</td> -->
<td> <td>
<el-button-group> <el-button-group>
<el-tooltip <el-tooltip class="item" effect="dark" content="修改" placement="top-start">
class="item" <el-button type="primary" icon="iconfont icon-Edit" @click="
effect="dark"
content="修改"
placement="top-start"
>
<el-button
type="primary"
icon="iconfont icon-Edit"
@click="
(outerVisible = true), (outerVisible = true),
(dialogTitle = '修改门票'), (dialogTitle = '修改门票'),
updateResturant(item.Id) updateResturant(item.Id)
" "></el-button>
></el-button>
</el-tooltip> </el-tooltip>
<el-tooltip <el-tooltip class="item" effect="dark" content="报价管理" placement="top-start">
class="item" <el-button type="primary" icon="iconfont icon-ico_shezhi"
effect="dark" @click="goUrl('domesticScenicSpotPackagePrice', item.Id)"></el-button>
content="报价管理"
placement="top-start"
>
<el-button
type="primary"
icon="iconfont icon-ico_shezhi"
@click="goUrl('domesticScenicSpotPackagePrice', item.Id)"
></el-button>
</el-tooltip> </el-tooltip>
<el-tooltip <el-tooltip class="item" effect="dark" :content="$t('system.table_delete')" placement="top-start">
class="item" <el-button type="danger" icon="el-icon-delete" @click="isDelete(item.Id)"></el-button>
effect="dark"
:content="$t('system.table_delete')"
placement="top-start"
>
<el-button
type="danger"
icon="el-icon-delete"
@click="isDelete(item.Id)"
></el-button>
</el-tooltip> </el-tooltip>
</el-button-group> </el-button-group>
</td> </td>
</tr> </tr>
</table> </table>
<el-dialog <el-dialog custom-class="w500" :visible.sync="outerVisible" :title="dialogTitle" center
custom-class="w500" :before-close="closeChangeMachie">
:visible.sync="outerVisible"
:title="dialogTitle"
center
:before-close="closeChangeMachie"
>
<el-form :model="addMsg" :rules="rules" ref="addMsg" label-width="110px"> <el-form :model="addMsg" :rules="rules" ref="addMsg" label-width="110px">
<el-form-item :label="$t('scen.sc_mpzy')" prop="CouponsId"> <el-form-item :label="$t('scen.sc_mpzy')" prop="CouponsId">
<el-select <el-select :placeholder="$t('pub.pleaseSel')" class="w300" filterable v-model="addMsg.CouponsId" disabled>
:placeholder="$t('pub.pleaseSel')" <el-option v-for="item in TicketCouponsList" :key="item.ID" :label="item.Name" :value="item.ID">
class="w300"
filterable
v-model="addMsg.CouponsId"
disabled
>
<el-option
v-for="item in TicketCouponsList"
:key="item.ID"
:label="item.Name"
:value="item.ID"
>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item :label="$t('scen.sc_name')" prop="TicketName"> <el-form-item :label="$t('scen.sc_name')" prop="TicketName">
<el-input <el-input class="w300" type="text" v-model="addMsg.TicketName" maxlength="20"></el-input>
class="w300"
type="text"
v-model="addMsg.TicketName"
maxlength="20"
></el-input>
</el-form-item> </el-form-item>
<el-form-item label="门票副标题" prop="TicketSubName"> <el-form-item label="门票副标题" prop="TicketSubName">
<el-input <el-input class="w300" type="text" v-model="addMsg.TicketSubName" maxlength="200"></el-input>
class="w300"
type="text"
v-model="addMsg.TicketSubName"
maxlength="200"
></el-input>
</el-form-item> </el-form-item>
<el-form-item :label="$t('scen.sc_type_name')" prop="TicketCouponsType"> <el-form-item :label="$t('scen.sc_type_name')" prop="TicketCouponsType">
<el-select filterable v-model='addMsg.TicketCouponsType' :placeholder="$t('pub.pleaseSel')" class="w300"> <el-select filterable v-model='addMsg.TicketCouponsType' :placeholder="$t('pub.pleaseSel')" class="w300">
...@@ -324,700 +227,484 @@ ...@@ -324,700 +227,484 @@
<el-radio v-model="addMsg.IsSameDayBuy" :label="0">否</el-radio> <el-radio v-model="addMsg.IsSameDayBuy" :label="0">否</el-radio>
</el-form-item> </el-form-item>
<el-form-item label="购买时间" prop="DayBuyTime"> <el-form-item label="购买时间" prop="DayBuyTime">
<el-time-select <el-time-select v-model="addMsg.DayBuyTime" :picker-options="{
v-model="addMsg.DayBuyTime"
:picker-options="{
start: '00:00', start: '00:00',
step: '00:15', step: '00:15',
end: '23:45', end: '23:45',
}" }" placeholder="购买时间">
placeholder="购买时间" </el-time-select>
>
</el-time-select>
</el-form-item> </el-form-item>
<el-form-item label="无忧退款" prop="IsWorryFreeRefund"> <el-form-item label="无忧退款" prop="IsWorryFreeRefund">
<el-radio v-model="addMsg.IsWorryFreeRefund" :label="1" <el-radio v-model="addMsg.IsWorryFreeRefund" :label="1">有条件退</el-radio>
>有条件退</el-radio
>
<el-radio v-model="addMsg.IsWorryFreeRefund" :label="0">是</el-radio> <el-radio v-model="addMsg.IsWorryFreeRefund" :label="0">是</el-radio>
</el-form-item> </el-form-item>
<el-form-item label="可定时间" prop="SubscribeTime"> <el-form-item label="可定时间" prop="SubscribeTime">
<el-input <el-input class="w300" type="text" v-model="addMsg.AllTime" maxlength="200"></el-input>
class="w300"
type="text"
v-model="addMsg.AllTime"
maxlength="200"
></el-input>
</el-form-item> </el-form-item>
<el-form-item label="随买随用" prop="AllTime"> <el-form-item label="随买随用" prop="AllTime">
<el-input <el-input class="w300" type="text" v-model="addMsg.SubscribeTime" maxlength="200"></el-input>
class="w300"
type="text"
v-model="addMsg.SubscribeTime"
maxlength="200"
></el-input>
</el-form-item> </el-form-item>
<el-form-item label="出票速度" prop="OutTicket"> <el-form-item label="出票速度" prop="OutTicket">
<el-input <el-input class="w300" type="text" v-model="addMsg.OutTicket" maxlength="200"></el-input>
class="w300"
type="text"
v-model="addMsg.OutTicket"
maxlength="200"
></el-input>
</el-form-item> </el-form-item>
<el-form-item label="无需换票" prop="ChangeTickets"> <el-form-item label="无需换票" prop="ChangeTickets">
<el-input <el-input class="w300" type="text" v-model="addMsg.ChangeTickets" maxlength="200"></el-input>
class="w300"
type="text"
v-model="addMsg.ChangeTickets"
maxlength="200"
></el-input>
</el-form-item> </el-form-item>
<div class="ticketinfo_title">无忧退票-退票政策</div> <div class="ticketinfo_title">无忧退票-退票政策</div>
<template> <template>
<div v-for="(item,index) in addMsg.ReturnPriceList"> <div v-for="(item,index) in addMsg.ReturnPriceList" :key="index">
<el-form-item prop="title"> <el-form-item prop="title">
<div slot="label"> <div slot="label">
<el-tooltip <el-tooltip class="item" effect="dark" content="新增无忧退票" placement="top-end" style="margin-left: 10px"
class="item" v-if="index===0">
effect="dark" <el-button type="primary" @click="addTicketInfo('ReturnPriceList')" icon="el-icon-plus" circle
content="新增无忧退票" size="mini"></el-button>
placement="top-end"
style="margin-left: 10px"
v-if="index===0"
>
<el-button
type="primary"
@click="addTicketInfo('ReturnPriceList')"
icon="el-icon-plus"
circle
size="mini"
></el-button>
</el-tooltip> </el-tooltip>
<el-tooltip <el-tooltip class="item" effect="dark" content="删除无忧退票" placement="top-end" style="margin-left: 10px"
class="item" v-if="index!=0">
effect="dark" <el-button type="danger" @click="delTicketInfo(index,'ReturnPriceList')" icon="el-icon-delete" circle
content="删除无忧退票" size="mini"></el-button>
placement="top-end"
style="margin-left: 10px"
v-if="index!=0"
>
<el-button
type="danger"
@click="delTicketInfo(index,'ReturnPriceList')"
icon="el-icon-delete"
circle
size="mini"
></el-button>
</el-tooltip> </el-tooltip>
标题 标题
</div> </div>
<el-input <el-input class="w300" type="text" v-model="item.title" maxlength="200"></el-input>
class="w300"
type="text"
v-model="item.title"
maxlength="200"
></el-input>
</el-form-item> </el-form-item>
<el-form-item label="内容" prop="Dec"> <el-form-item label="内容" prop="Dec">
<el-input <el-input class="w300" type="textarea" v-model="item.Dec" maxlength="200"></el-input>
class="w300"
type="textarea"
v-model="item.Dec"
maxlength="200"
></el-input>
</el-form-item> </el-form-item>
</div> </div>
</template> </template>
<div class="ticketinfo_title">条件退款</div> <div class="ticketinfo_title">条件退款</div>
<template> <template>
<div v-for="(item,index) in addMsg.ConditionPriceList" > <div v-for="(item,index) in addMsg.ConditionPriceList" :key="index">
<el-form-item prop="title"> <el-form-item prop="title">
<div slot="label"> <div slot="label">
<el-tooltip <el-tooltip class="item" effect="dark" content="新增条件退款" placement="top-end" style="margin-left: 10px"
class="item" v-if="index===0">
effect="dark" <el-button type="primary" @click="addTicketInfo('ConditionPriceList')" icon="el-icon-plus" circle
content="新增条件退款" size="mini"></el-button>
placement="top-end"
style="margin-left: 10px"
v-if="index===0"
>
<el-button
type="primary"
@click="addTicketInfo('ConditionPriceList')"
icon="el-icon-plus"
circle
size="mini"
></el-button>
</el-tooltip> </el-tooltip>
<el-tooltip <el-tooltip class="item" effect="dark" content="删除条件退款" placement="top-end" style="margin-left: 10px"
class="item" v-if="index!=0">
effect="dark" <el-button type="danger" @click="delTicketInfo(index,'ConditionPriceList')" icon="el-icon-delete"
content="删除条件退款" circle size="mini"></el-button>
placement="top-end"
style="margin-left: 10px"
v-if="index!=0"
>
<el-button
type="danger"
@click="delTicketInfo(index,'ConditionPriceList')"
icon="el-icon-delete"
circle
size="mini"
></el-button>
</el-tooltip> </el-tooltip>
标题 标题
</div> </div>
<el-input <el-input class="w300" type="text" v-model="item.title" maxlength="200"></el-input>
class="w300"
type="text"
v-model="item.title"
maxlength="200"
></el-input>
</el-form-item> </el-form-item>
<el-form-item label="内容" prop="Dec"> <el-form-item label="内容" prop="Dec">
<el-input <el-input class="w300" type="textarea" v-model="item.Dec" maxlength="200"></el-input>
class="w300"
type="textarea"
v-model="item.Dec"
maxlength="200"
></el-input>
</el-form-item> </el-form-item>
</div> </div>
</template> </template>
<div class="ticketinfo_title">使用说明</div> <div class="ticketinfo_title">使用说明</div>
<template> <template>
<div v-for="(item,index) in addMsg.UseInstructionsList" > <div v-for="(item,index) in addMsg.UseInstructionsList" :key="index">
<el-form-item prop="title"> <el-form-item prop="title">
<div slot="label"> <div slot="label">
<el-tooltip <el-tooltip class="item" effect="dark" content="新增使用说明" placement="top-end" style="margin-left: 10px"
class="item" v-if="index===0">
effect="dark" <el-button type="primary" @click="addTicketInfo('UseInstructionsList')" icon="el-icon-plus" circle
content="新增使用说明" size="mini"></el-button>
placement="top-end"
style="margin-left: 10px"
v-if="index===0"
>
<el-button
type="primary"
@click="addTicketInfo('UseInstructionsList')"
icon="el-icon-plus"
circle
size="mini"
></el-button>
</el-tooltip> </el-tooltip>
<el-tooltip <el-tooltip class="item" effect="dark" content="删除使用说明" placement="top-end" style="margin-left: 10px"
class="item" v-if="index!=0">
effect="dark" <el-button type="danger" @click="delTicketInfo(index,'UseInstructionsList')" icon="el-icon-delete"
content="删除使用说明" circle size="mini"></el-button>
placement="top-end"
style="margin-left: 10px"
v-if="index!=0"
>
<el-button
type="danger"
@click="delTicketInfo(index,'UseInstructionsList')"
icon="el-icon-delete"
circle
size="mini"
></el-button>
</el-tooltip> </el-tooltip>
标题 标题
</div> </div>
<el-input <el-input class="w300" type="text" v-model="item.title" maxlength="200"></el-input>
class="w300"
type="text"
v-model="item.title"
maxlength="200"
></el-input>
</el-form-item> </el-form-item>
<el-form-item label="内容" prop="Dec"> <el-form-item label="内容" prop="Dec">
<el-input <el-input class="w300" type="textarea" v-model="item.Dec" maxlength="200"></el-input>
class="w300"
type="textarea"
v-model="item.Dec"
maxlength="200"
></el-input>
</el-form-item> </el-form-item>
</div> </div>
</template> </template>
<div class="ticketinfo_title">费用说明</div> <div class="ticketinfo_title">费用说明</div>
<template> <template>
<div v-for="(item,index) in addMsg.PriceInstructionsList"> <div v-for="(item,index) in addMsg.PriceInstructionsList" :key="index">
<el-form-item prop="title"> <el-form-item prop="title">
<div slot="label"> <div slot="label">
<el-tooltip <el-tooltip class="item" effect="dark" content="新增费用说明" placement="top-end" style="margin-left: 10px"
class="item" v-if="index===0">
effect="dark" <el-button type="primary" @click="addTicketInfo('PriceInstructionsList')" icon="el-icon-plus" circle
content="新增费用说明" size="mini"></el-button>
placement="top-end"
style="margin-left: 10px"
v-if="index===0"
>
<el-button
type="primary"
@click="addTicketInfo('PriceInstructionsList')"
icon="el-icon-plus"
circle
size="mini"
></el-button>
</el-tooltip> </el-tooltip>
<el-tooltip <el-tooltip class="item" effect="dark" content="删除费用说明" placement="top-end" style="margin-left: 10px"
class="item" v-if="index!=0">
effect="dark" <el-button type="danger" @click="delTicketInfo(index,'PriceInstructionsList')" icon="el-icon-delete"
content="删除费用说明" circle size="mini"></el-button>
placement="top-end"
style="margin-left: 10px"
v-if="index!=0"
>
<el-button
type="danger"
@click="delTicketInfo(index,'PriceInstructionsList')"
icon="el-icon-delete"
circle
size="mini"
></el-button>
</el-tooltip> </el-tooltip>
标题 标题
</div> </div>
<el-input <el-input class="w300" type="text" v-model="item.title" maxlength="200"></el-input>
class="w300"
type="text"
v-model="item.title"
maxlength="200"
></el-input>
</el-form-item> </el-form-item>
<el-form-item label="内容" prop="Dec"> <el-form-item label="内容" prop="Dec">
<el-input <el-input class="w300" type="textarea" v-model="item.Dec" maxlength="200"></el-input>
class="w300"
type="textarea"
v-model="item.Dec"
maxlength="200"
></el-input>
</el-form-item> </el-form-item>
</div> </div>
</template> </template>
<div class="ticketinfo_title">其他信息</div> <div class="ticketinfo_title">其他信息</div>
<template> <template>
<div v-for="(item,index) in addMsg.OtherDescList" > <div v-for="(item,index) in addMsg.OtherDescList" :key="index">
<el-form-item prop="title"> <el-form-item prop="title">
<div slot="label"> <div slot="label">
<el-tooltip <el-tooltip class="item" effect="dark" content="新增其他信息" placement="top-end" style="margin-left: 10px"
class="item" v-if="index===0">
effect="dark" <el-button type="primary" @click="addTicketInfo('OtherDescList')" icon="el-icon-plus" circle
content="新增其他信息" size="mini"></el-button>
placement="top-end"
style="margin-left: 10px"
v-if="index===0"
>
<el-button
type="primary"
@click="addTicketInfo('OtherDescList')"
icon="el-icon-plus"
circle
size="mini"
></el-button>
</el-tooltip> </el-tooltip>
<el-tooltip <el-tooltip class="item" effect="dark" content="删除其他信息" placement="top-end" style="margin-left: 10px"
class="item" v-if="index!=0">
effect="dark" <el-button type="danger" @click="delTicketInfo(index,'OtherDescList')" icon="el-icon-delete" circle
content="删除其他信息" size="mini"></el-button>
placement="top-end"
style="margin-left: 10px"
v-if="index!=0"
>
<el-button
type="danger"
@click="delTicketInfo(index,'OtherDescList')"
icon="el-icon-delete"
circle
size="mini"
></el-button>
</el-tooltip> </el-tooltip>
标题 标题
</div> </div>
<el-input <el-input class="w300" type="text" v-model="item.title" maxlength="200"></el-input>
class="w300"
type="text"
v-model="item.title"
maxlength="200"
></el-input>
</el-form-item> </el-form-item>
<el-form-item label="内容" prop="Dec"> <el-form-item label="内容" prop="Dec">
<el-input <el-input class="w300" type="textarea" v-model="item.Dec" maxlength="200"></el-input>
class="w300"
type="textarea"
v-model="item.Dec"
maxlength="200"
></el-input>
</el-form-item> </el-form-item>
</div> </div>
</template> </template>
<!-- <el-form-item :label="$t('hotel.hotel_produceDes')" prop="TicketDesc">
<el-input
class="w300"
type="textarea"
v-model="addMsg.TicketDesc"
maxlength="200"
></el-input>
</el-form-item> -->
</el-form> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<button <input class="hollowFixedBtn" type="button" @click="clearMsg(), (outerVisible = false)"
class="hollowFixedBtn" :value="$t('pub.cancelBtn')" />
@click="resetForm('addMsg'), (outerVisible = false)"
>
{{ $t("pub.cancelBtn") }}
</button>
&nbsp; &nbsp;
<button class="normalBtn" type="primary" @click="submitForm('addMsg')"> <input class="normalBtn" type="button" @click="submitForm('addMsg')" :value="$t('pub.saveBtn')" />
{{ $t("pub.saveBtn") }}
</button>
</div> </div>
</el-dialog> </el-dialog>
<div class="noData" v-show="noData"> <div class="noData" v-show="noData">
{{ $t("system.content_noData") }} {{ $t("system.content_noData") }}
</div> </div>
<el-pagination <el-pagination background @current-change="handleCurrentChange" :current-page.sync="currentPage"
background layout="total,prev, pager, next, jumper" :page-size="msg.pageSize" :total="msg.total">
@current-change="handleCurrentChange"
:current-page.sync="currentPage"
layout="total,prev, pager, next, jumper"
:page-size="msg.pageSize"
:total="msg.total"
>
</el-pagination> </el-pagination>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {
msg: { msg: {
pageIndex: 1, pageIndex: 1,
pageSize: 6, pageSize: 6,
CouponsId: "", CouponsId: "",
TicketName: "", TicketName: "",
Status: "-1", Status: "-1",
}, },
addMsg: { addMsg: {
Id: "0", Id: "0",
CouponsId: "", CouponsId: "",
TicketName: "", TicketName: "",
TicketDesc: "", TicketDesc: "",
TicketCouponsType: "", TicketCouponsType: "",
IsShelves:0, IsShelves: 0,
TicketSubName:"",//门票副标题 TicketSubName: "", //门票副标题
IsSameDayBuy:0,// 是否闪入园 IsSameDayBuy: 0, // 是否闪入园
DayBuyTime:"",//闪入园最晚购买时间 DayBuyTime: "", //闪入园最晚购买时间
IsWorryFreeRefund:0,//是否无忧退款 IsWorryFreeRefund: 0, //是否无忧退款
SubscribeTime:"",//可定时间 SubscribeTime: "", //可定时间
AllTime:"",//随买随用 AllTime: "", //随买随用
OutTicke:"",//出票速度 OutTicke: "", //出票速度
ChangeTickets:"",//无需换票 ChangeTickets: "", //无需换票
ReturnPriceList:[{title:"",Dec:""}],//无忧退票-退票政策 ReturnPriceList: [{
ConditionPriceList:[{title:"",Dec:""}],//条件退款 title: "",
UseInstructionsList:[{title:"",Dec:""}],//使用说明 Dec: ""
PriceInstructionsList:[{title:"",Dec:""}],//费用说明 }], //无忧退票-退票政策
OtherDescList:[{title:"",Dec:""}],//其他信息 ConditionPriceList: [{
}, title: "",
TicketID: "", Dec: ""
TickettTypeList: [], }], //条件退款
loading: true, UseInstructionsList: [{
total: 0, title: "",
currentPage: 1, Dec: ""
outerVisible: false, }], //使用说明
dialogTitle: "", PriceInstructionsList: [{
noData: false, title: "",
DataList: "", Dec: ""
TicketCouponsList: "", }], //费用说明
rules: { OtherDescList: [{
//表单必填验证 title: "",
CouponsId: [ Dec: ""
{ }], //其他信息
},
TicketID: "",
TickettTypeList: [],
loading: true,
total: 0,
currentPage: 1,
outerVisible: false,
dialogTitle: "",
noData: false,
DataList: "",
TicketCouponsList: "",
rules: {
//表单必填验证
CouponsId: [{
required: true, required: true,
message: "请选择门票资源", message: "请选择门票资源",
}, }, ],
], TicketName: [{
TicketName: [
{
required: true, required: true,
message: "请输入门票标题", message: "请输入门票标题",
}, }, ],
], TicketSubName: [{
TicketSubName: [
{
required: true, required: true,
message: "请输入门票副标题", message: "请输入门票副标题",
}, }, ],
],
// TicketCouponsType: [
// {
// required: true,
// message: "请选择门票类型",
// },
// ],
},
allCurrencyList: [],
};
},
methods: {
getList() {
this.loading = true;
this.apipost(
"appletsticketcouponsticket_post_GetPageList",
this.msg,
(res) => {
this.loading = false;
if (res.data.resultCode == 1) {
this.total = res.data.data.count;
this.DataList = res.data.data.pageData;
this.noData = !this.total > 0;
}
},
null
);
},
saveResource() {
this.apipost(
"appletsticketcouponsticket_post_Set",
this.addMsg,
(res) => {
if (res.data.resultCode == 1) {
this.getList();
this.Success("保存成功!");
this.outerVisible = false;
this.resetForm("addMsg");
} else {
this.Error(res.data.message);
}
}, },
null allCurrencyList: [],
);
},
updateResturant(Id) {
let msg = {
ID: Id,
}; };
this.addMsg.Id = Id; },
this.apipost( methods: {
"appletsticketcouponsticket_post_Get", getList() {
msg, this.loading = true;
(res) => { this.apipost(
if (res.data.resultCode == 1) { "appletsticketcouponsticket_post_GetPageList",
this.addMsg = res.data.data; this.msg,
(res) => {
if(this.addMsg.ConditionPriceList.length===0){ this.loading = false;
this.addMsg.ConditionPriceList.push({ if (res.data.resultCode == 1) {
title: "", this.total = res.data.data.count;
Dec: "" this.DataList = res.data.data.pageData;
}) this.noData = !this.total > 0;
}
if(this.addMsg.OtherDescList.length===0){
this.addMsg.OtherDescList.push({
title: "",
Dec: ""
})
}
if(this.addMsg.PriceInstructionsList.length===0){
this.addMsg.PriceInstructionsList.push({
title: "",
Dec: ""
})
} }
if(this.addMsg.ReturnPriceList.length===0){ },
this.addMsg.ReturnPriceList.push({ null
title: "", );
Dec: "" },
}) saveResource() {
this.apipost(
"appletsticketcouponsticket_post_Set",
this.addMsg,
(res) => {
if (res.data.resultCode == 1) {
this.getList();
this.Success("保存成功!");
this.outerVisible = false;
this.clearMsg();
} else {
this.Error(res.data.message);
} }
if(this.addMsg.UseInstructionsList.length===0){ },
this.addMsg.UseInstructionsList.push({ null
title: "", );
Dec: "" },
}) updateResturant(Id) {
let msg = {
ID: Id,
};
this.addMsg.Id = Id;
this.apipost(
"appletsticketcouponsticket_post_Get",
msg,
(res) => {
if (res.data.resultCode == 1) {
this.addMsg = res.data.data;
if (this.addMsg.ConditionPriceList.length === 0) {
this.addMsg.ConditionPriceList.push({
title: "",
Dec: ""
})
}
if (this.addMsg.OtherDescList.length === 0) {
this.addMsg.OtherDescList.push({
title: "",
Dec: ""
})
}
if (this.addMsg.PriceInstructionsList.length === 0) {
this.addMsg.PriceInstructionsList.push({
title: "",
Dec: ""
})
}
if (this.addMsg.ReturnPriceList.length === 0) {
this.addMsg.ReturnPriceList.push({
title: "",
Dec: ""
})
}
if (this.addMsg.UseInstructionsList.length === 0) {
this.addMsg.UseInstructionsList.push({
title: "",
Dec: ""
})
}
} else {
this.Error(res.data.message);
} }
} else { },
this.Error(res.data.message); null
} );
}, },
null isDelete(ID) {
); var that = this
}, that.Confirm("是否删除此数据,删除后将不能恢复?", function () {
isDelete(ID) { that.apipost(
this.$confirm("是否删除?", "提示", { "appletsticketcouponsticket_post_Remove", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(() => {
this.$message({
type: "success",
message: "删除成功!",
});
this.apipost(
"appletsticketcouponsticket_post_Remove",
{
ID: ID, ID: ID,
}, }, res => {
(res) => {
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
this.getList(); that.Success(res.data.message);
that.getList();
} else { } else {
that.Error(res.data.message);
} }
}, }
(err) => {}
); );
})
.catch(() => {
this.$message({
type: "info",
message: "已取消删除",
});
}); });
}, },
goUrl(path, id) { goUrl(path, id) {
this.$router.push({ this.$router.push({
path: path, path: path,
query: { query: {
TicketID: id, TicketID: id,
CouponsId: this.TicketID, CouponsId: this.TicketID,
blank: "y", blank: "y",
tab: "报价管理", tab: "报价管理",
}, },
}); });
}, },
GetTicketType() { GetTicketType() {
this.apipost( this.apipost(
"ticketcouponsprice_post_GetTicketType", "ticketcouponsprice_post_GetTicketType", {},
{}, (res) => {
(res) => { if (res.data.resultCode == 1) {
if (res.data.resultCode == 1) { this.TickettTypeList = res.data.data;
this.TickettTypeList = res.data.data; }
},
(err) => {}
);
},
//翻页功能按钮
handleCurrentChange(val) {
this.msg.pageIndex = val;
this.getList();
},
//查询初始化页码
resetPageIndex() {
this.msg.pageIndex = 1;
this.currentPage = 1;
},
//初始化门票资源
initResrestaurant() {
let msg = {};
this.apipost(
"ticketcoupons_post_GetList",
msg,
(res) => {
if (res.data.resultCode == 1) {
this.TicketCouponsList = res.data.data;
}
},
null
);
},
submitForm(addMsg) {
let that = this;
that.$refs[addMsg].validate((valid) => {
if (valid) {
that.saveResource();
} else {
return false;
} }
}, });
(err) => {} },
); clearMsg() {
}, let newMsg = {
//翻页功能按钮 Id: "0",
handleCurrentChange(val) { CouponsId: parseInt(this.$route.query.id),
this.msg.pageIndex = val; TicketName: "",
this.getList(); TicketDesc: "",
}, TicketCouponsType: "",
//查询初始化页码 IsShelves: 0,
resetPageIndex() { TicketSubName: "", //门票副标题
this.msg.pageIndex = 1; IsSameDayBuy: 0, // 是否闪入园
this.currentPage = 1; DayBuyTime: "", //闪入园最晚购买时间
}, IsWorryFreeRefund: 0, //是否无忧退款
//初始化门票资源 SubscribeTime: "", //可定时间
initResrestaurant() { AllTime: "", //随买随用
let msg = {}; OutTicke: "", //出票速度
this.apipost( ChangeTickets: "", //无需换票
"ticketcoupons_post_GetList", ReturnPriceList: [{
msg, title: "",
(res) => { Dec: ""
if (res.data.resultCode == 1) { }], //无忧退票-退票政策
this.TicketCouponsList = res.data.data; ConditionPriceList: [{
title: "",
Dec: ""
}], //条件退款
UseInstructionsList: [{
title: "",
Dec: ""
}], //使用说明
PriceInstructionsList: [{
title: "",
Dec: ""
}], //费用说明
OtherDescList: [{
title: "",
Dec: ""
}], //其他信息
};
this.addMsg = newMsg;
},
closeChangeMachie(done) {
//弹出框关闭初始化弹框内表单
done();
this.clearMsg();
this.addMsg.CouponsId = parseInt(this.$route.query.id);
},
//获取所有币种
getAllCurrency() {
this.apipost(
"financeinfo_post_GetList", {},
(res) => {
if (res.data.resultCode == 1) {
this.allCurrencyList = res.data.data;
}
},
(err) => {}
);
},
//获取币种编码
getCurrencyCode(currencyId) {
let currencyCode = "CNY";
this.allCurrencyList.forEach((x) => {
if (x.ID == currencyId) {
currencyCode = x.Code;
} }
}, });
null return currencyCode;
); },
}, //新增门票信息
submitForm(addMsg) { addTicketInfo(field) {
//提交创建、修改表单 let obj = {
this.TickettTypeList.forEach((item) => { title: "",
if (this.addMsg.TicketCouponsType == item.ID) { Dec: "",
// HK 2020-05-06注释 };
//this.addMsg.TicketName = item.Name this.addMsg[field].push(obj);
} },
}); //删除门票信息
let that = this; delTicketInfo(index, field) {
that.$refs[addMsg].validate((valid) => { this.addMsg[field].splice(index, 1);
if (valid) { },
that.saveResource();
} else {
return false;
}
});
},
clearMsg() {
let newMsg = {
Id: "0",
CouponsId: parseInt(this.$route.query.id),
TicketName: "",
TicketDesc: "",
TicketCouponsType: "",
IsShelves:0,
TicketSubName:"",//门票副标题
IsSameDayBuy:0,// 是否闪入园
DayBuyTime:"",//闪入园最晚购买时间
IsWorryFreeRefund:0,//是否无忧退款
SubscribeTime:"",//可定时间
AllTime:"",//随买随用
OutTicke:"",//出票速度
ChangeTickets:"",//无需换票
ReturnPriceList:[{title:"",Dec:""}],//无忧退票-退票政策
ConditionPriceList:[{title:"",Dec:""}],//条件退款
UseInstructionsList:[{title:"",Dec:""}],//使用说明
PriceInstructionsList:[{title:"",Dec:""}],//费用说明
OtherDescList:[{title:"",Dec:""}],//其他信息
};
this.addMsg = newMsg;
}, },
closeChangeMachie(done) { mounted() {
//弹出框关闭初始化弹框内表单 this.msg.CouponsId = this.$route.query.id;
done();
this.resetForm("addMsg");
this.addMsg.CouponsId = parseInt(this.$route.query.id); this.addMsg.CouponsId = parseInt(this.$route.query.id);
this.initResrestaurant();
this.TicketID = this.$route.query.id;
this.getAllCurrency();
this.getList();
this.GetTicketType();
}, },
resetForm(formName) { };
this.clearMsg();
this.$refs[formName].resetFields(); </script>
},
//获取所有币种
getAllCurrency() {
this.apipost(
"financeinfo_post_GetList",
{},
(res) => {
if (res.data.resultCode == 1) {
this.allCurrencyList = res.data.data;
}
},
(err) => {}
);
},
//获取币种编码
getCurrencyCode(currencyId) {
let currencyCode = "CNY";
this.allCurrencyList.forEach((x) => {
if (x.ID == currencyId) {
currencyCode = x.Code;
}
});
return currencyCode;
},
//新增门票信息
addTicketInfo(field) {
let obj = {
title: "",
Dec: "",
};
this.addMsg[field].push(obj);
},
//删除门票信息
delTicketInfo(index,field) {
this.addMsg[field].splice(index,1);
},
},
mounted() {
this.msg.CouponsId = this.$route.query.id;
this.addMsg.CouponsId = parseInt(this.$route.query.id);
this.initResrestaurant();
this.TicketID = this.$route.query.id;
this.getAllCurrency();
this.getList();
this.GetTicketType();
},
};
</script>
\ No newline at end of file
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