Skip to content

S
SuperMan
Commit 0232c40f authored by zhengke's avatar zhengke
Browse files
Options

修改

parent 69b775ce
Show whitespace changes
Inline Side-by-side
Showing with 785 additions and 725 deletions
src/components/Ticketing/IndividualTicketOrder.vue
View file @ 0232c40f
<template> <template>
<div class="flexOne" style="min-width: 1200px;"> <div class="flexOne groupts">
<div class="groupTourOrderSearch"> <div class="enrollTotalSearch">
<ul> <ul>
<li> <li><span><em>{{$t('advmanager.v_line')}}</em>
<span> <el-select class='w200' v-model="msg.LineId" filterable :placeholder="$t('pub.pleaseSel')">
<em>机票编码</em><el-input v-model='msg.AirTicketId' class='w150'></el-input> <el-option :label="$t('pub.unlimitedSel')" value='-1'></el-option>
<el-option v-for="item in LineList" :label='item.LineName' :value='item.LineID' :key='item.LineID'>
</el-option>
</el-select>
</span> </span>
</li> </li>
<li> <li>
<span> <span>
<em>订单号</em><el-input v-model='msg.AirOrderId' class='w150'></el-input> <em>出团公司</em>
<el-select class="w135" v-model="msg.BranchId" filterable :placeholder="$t('pub.pleaseSel')"
@change="getDepartmentMsg.RB_Branch_Id=msg.BranchId,msg.RB_Department_Id='',msg.CreateBy='',getDepartment()">
<el-option :label="$t('pub.unlimitedSel')" value="-1"></el-option>
<el-option v-for="item in companyList" :label='item.BName' :value='item.Id' :key='item.Id'></el-option>
</el-select>
</span> </span>
</li> </li>
<li> <li>
<span> <span>
<em>报名公司</em> <em>{{$t('fnc.bmxuanze')}}</em>
<el-select class="w200" v-model="msg.RB_Branch_Id" filterable :placeholder="$t('pub.pleaseSel')"> <el-select class="w135" filterable v-model='msg.RB_Department_Id'
<el-option label="不限" :value="-1"></el-option> @change="employeeMsg.DepartmentId=msg.RB_Department_Id,getEmployee(),msg.CreateBy=''">
<el-option v-for="item in companyList" :label='item.BName' :value='item.Id' :key='item.Id'></el-option> <el-option :value="0" :label="$t('pub.unlimitedSel')"></el-option>
<el-option v-for='item in departmentList' :label='item.DepartmentName' :value='item.DepartmentID'
:key='item.DepartmentID'>
</el-option>
</el-select> </el-select>
</span> </span>
</li> </li>
<li> <li>
<span> <span>
<em>人员选择</em> <em>{{$t('Operation.Op_peopleChoice')}}</em>
</span> </span>
<el-select <el-select class="w135" v-model="msg.CreateBy" filterable :placeholder="$t('pub.pleaseSel')">
class="w200" <el-option :label="$t('pub.unlimitedSel')" value="-1"></el-option>
v-model="msg.EnterID" <el-option v-for="item in employeeList" :label="item.EmName" :value="item.EmployeeId"
filterable :key="item.EmployeeId"></el-option>
:placeholder="$t('pub.pleaseSel')"
>
<el-option label="不限" value="-1"></el-option>
<el-option
v-for="item in employeeList"
:label="item.name"
:value="item.empId"
:key="item.empId"
></el-option>
</el-select> </el-select>
</li> </li>
<li><span><em>{{$t('fnc.ctleixing')}}</em>
<el-select class='w200' v-model="msg.GroupType" filterable :placeholder="$t('pub.pleaseSel')">
<el-option :label="$t('pub.unlimitedSel')" value='-1'></el-option>
<el-option v-for="item in ctlxList" :key='item.Id' :label='item.Name' :value='item.Id'></el-option>
</el-select>
</span>
</li>
<li> <li>
<span> <span><em>{{$t('visa.v_tuanhao')}}</em></span>
<em>状态</em> <el-input class='w200' v-model='msg.TCNUM'></el-input>
<el-select v-model="msg.Status" placeholder="请选择"> </li>
<el-option <li>
v-for="item in status" <span><em>{{$t('hotel.order_Number')}}</em></span>
:key="item.num" <el-input class='w200' v-model='msg.tempOrderId'></el-input>
:label="item.title" </li>
:value="item.num"> <li>
<span><em>{{$t('hotel.hotel_OrderStates')}}</em></span>
<el-select v-model='msg.OrderState' filterable :placeholder="$t('pub.pleaseSel')" style="width:180px">
<el-option :label="$t('pub.unlimitedSel')" value='-1'></el-option>
<el-option v-for="item in ddztList" :label='item.Name' :value='item.Id' :key='item.Id'>
</el-option> </el-option>
</el-select> </el-select>
</span>
</li> </li>
<li> <li>
<span><em>报名日期</em> <span><em>{{$t('active.cl_orderType')}}</em></span>
<el-date-picker v-model='msg.StartTime' @change="dataDui()" class='w150' value-format="yyyy-MM-dd" <el-select v-model='msg.IsOneDay' filterable :placeholder="$t('pub.pleaseSel')" style="width:180px">
type="date"></el-date-picker> <el-option :label="$t('pub.unlimitedSel')" value='-1'></el-option>
<el-option :label="$t('salesModule.TourOrder')" :value='0'></el-option>
<el-option :label="$t('salesModule.OneDayOrder')" :value='1'></el-option>
</el-select>
</li>
<li>
<span><em>{{$t('salesModule.PaymentStatus')}}</em></span>
<el-select v-model='msg.IsCollectMoney' filterable :placeholder="$t('pub.pleaseSel')" style="width:180px">
<el-option :label="$t('pub.unlimitedSel')" :value='0'></el-option>
<el-option :label="$t('salesModule.Collect')" :value='1'></el-option>
<el-option :label="$t('salesModule.NoCollect')" :value='2'></el-option>
</el-select>
</li>
<li><span><em>{{$t('scen.sc_ftTime')}}</em>
<el-date-picker v-model='msg.QStartDate' @change="dataDuiQ()" class='w135' value-format="yyyy-MM-dd" type="date"></el-date-picker>
- -
<el-date-picker v-model='msg.EndTime' @change="dataDui()" class='w150' <el-date-picker v-model='msg.QEndDate' @change="dataDuiQ()" class='w135' value-format="yyyy-MM-dd" type="date"></el-date-picker>
value-format="yyyy-MM-dd" type="date"></el-date-picker>
</span> </span>
</li> </li>
<li><span><em>{{$t('fnc.bmriqi')}}</em>
<el-date-picker v-model='msg.CStartDate' @change="dataDui()" class='w135' value-format="yyyy-MM-dd" type="date"></el-date-picker>
-
<el-date-picker v-model='msg.CEndDate' @change="dataDui()" class='w135' value-format="yyyy-MM-dd" type="date"></el-date-picker>
</span>
</li>
<li>
<span><em>订单状态</em></span>
<el-select v-model='msg.AirConfirm' filterable :placeholder="$t('pub.pleaseSel')" style="width:180px">
<el-option :label="$t('pub.unlimitedSel')" :value='0'></el-option>
<el-option label="已确认" :value='1'></el-option>
<el-option label="未确认" :value='2'></el-option>
</el-select>
</li>
<li> <li>
<input type="button" class="hollowFixedBtn" value="查询" @click="getList();resetPageIndex()"/> <input type="button" class="hollowFixedBtn" :value="$t('pub.searchBtn')" @click="getList();resetPageIndex()" />
</li> </li>
</ul> </ul>
</div> </div>
<!-- 表格 --> <!-- 表格 -->
<div style="width: 100%; height: auto;min-height:500px;overflow-x: auto;" class="ownScrollbarStyle"> <div style="clear: both; width: 100%;height: 20px;"></div>
<table class="groupTourOrderSearchTable" border="0" cellspacing="0" cellpadding="0" v-loading='loading'> <table class="enrollTotalSearchTable" border="0" cellspacing="0" cellpadding="0" v-loading='loading'>
<tr class="title_tr"> <tr>
<th>单号</th> <th width="160">{{$t('fnc.danhao')}}&{{$t('visa.v_tuanhao')}}</th>
<th>客户信息</th> <th width="60">{{$t('fnc.khxinxi')}}</th>
<th>机票编码</th> <th width="70">{{$t('salesModule.Type')}}</th>
<th>客人数量</th> <th width="180">{{$t('advmanager.v_xilie')}}&{{$t('advmanager.v_line')}}</th>
<th>单价</th> <th width="100">{{$t('Airticket.Air_Number')}}/{{$t('salesModule.AirNum')}}{{$t('salesModule.AirNum')}}</th>
<th>成交单价</th> <th width="80">{{$t('fnc.danjia')}}</th>
<th>应收总额</th> <th width="80">{{$t('fnc.cjdanjia')}}</th>
<th>实收</th> <th width="80">{{$t('fnc.yszonge')}}</th>
<th>退款</th> <th width="80">{{$t('fnc.shishou')}}</th>
<th>平台税金</th> <th width="70">{{$t('fnc.youhui')}}</th>
<!-- <th width="80">平台在途</th> --> <th width="70">{{$t('salesModule.HappinessPassbook')}}</th>
<!-- <th width="80">待收金额</th> --> <th width="70">{{$t('fnc.xiaofei')}}</th>
<th>状态</th> <th width="70">{{$t('fnc.tuikuan')}}</th>
<th width="70">{{$t('fnc.ptshuijin')}}</th>
<th width="80">{{$t('Operation.Op_platZaitu')}}</th>
<th width="80">{{$t('Operation.Op_daishou')}}</th>
<th width="60">{{$t('admin.admin_status')}}</th>
<th width="140">{{$t('admin.admin_operate')}}</th>
</tr> </tr>
<tr> <tr>
<td v-show="dataList.length==0" colspan="16" align="center">暂无数据</td> <td v-show="list.length==0" colspan="18" align="center">{{$t('system.content_noData')}}</td>
</tr> </tr>
<tbody v-for="(item,index) in dataList" :key="index"> <tbody v-for="(item,index) in list" :key="index">
<tr> <tr>
<td>{{item.Id}}<br/>{{item.EnterName}}<br/>{{item.CreateDate}} </td> <td rowspan="3">
<td><p class="fz12 over_ellipsis" style="width: 120px;">{{item.CustomerName}}<br/>{{item.CustomerMobile}}</p></td> <p v-if="item.isChargeLossOrders==1" style="color:red">{{$t('fnc.sun')}}</p>
<td><span @click="goUrl('散客机票','individualTicket',item.AirTicketId)" class="guest_num">{{item.AirTicketId}}</span></td> <p class="fbold over_ellipsis" style="width: 100%;cursor:pointer;" :title="item.orderId" @click="goUrlX('团报名清单', item.isOneDay === 1 ? 'groupTourOrderByTuanOne' : 'groupTourOrderByTuan',item.tcid,item.tcnum)">
<span>{{item.orderId}}</span>
<span style="font-weight: 100;" v-if="item.scoreNum >= 0" @click='goInvetig("investigationList", item.tcid, item.orderId)'>({{$t('salesModule.ScoreNUM')}}{{item.scoreNum}})</span>
<el-tooltip class="item" effect="dark" :content="$t('salesModule.ByProgram')" placement="top" v-show="item.orderForm==4"> <i class="iconfont icon-xiaochengxu" style="font-size:22px;color:red;"></i></el-tooltip>
<el-tooltip class="item" effect="dark" :content="$t('salesModule.ByB2b')" placement="top"
v-show="item.isFormB2B ==1"> <i class="iconfont icon-tiaozheng"
style="font-size:22px;color:#297BEF;"></i></el-tooltip>
</p>
<p class="fz12 over_ellipsis" style="width: 100%;text-decoration:underline;cursor:pointer;" :title="item.alName"
@click="goUrlX('产品查询', item.isOneDay === 1 ? 'productQueryOne' : 'productQuery',item.tcid,item.tcnum)">{{item.tcnum}}</p>
<p class="fz12 over_ellipsis" style="width: 100%;">{{item.createBy}}<span v-if="item.leaveStr!=''" style="color:red">({{item.leaveStr}})</span></p>
<p class="fz12 over_ellipsis" style="width: 100%;">{{item.commissionSPeopleName=='无'?'':item.commissionSPeopleName}}</p>
<p>{{$t('hotel.hotel_StartTeam')}}：{{item.startDate}}</p>
<p v-if="item.tradeWay ==1">{{item.platformOrder}}</p>
<p v-if='item.commissionMoney' style="color:red">{{$t('salesModule.CommissionNum')}}：{{item.commissionMoney}}</p>
<p v-else-if="item.latestCommissionMoney" style="color:red">{{$t('salesModule.CommissionNum')}}：{{item.latestCommissionMoney}}</p>
<div>
<div style="color:green" v-if="item.commissionMoney==''||item.commissionMoney=='-1'">
<p v-if="item.extraRewardMoney>0">{{$t('salesModule.EWJLJE')}}：{{item.extraRewardMoney}}</p>
<p v-if="item.extraDeductMoney>0">{{$t('salesModule.EWKCJE')}}：{{item.extraDeductMoney}}</p>
</div>
<div style="color:red" v-else>
<p v-if="item.extraRewardMoney>0">{{$t('salesModule.EWJLJE')}}：{{item.extraRewardMoney}}</p>
<p v-if="item.extraDeductMoney>0">{{$t('salesModule.EWKCJE')}}：{{item.extraDeductMoney}}</p>
</div>
<div style="color:red">
<p v-if="item.unionExtraMoney!=0">{{$t('salesModule.LYEWFY')}}：{{item.unionExtraMoney}}</p>
</div>
</div>
</td>
<td> <td>
<span class="guest_num">{{item.GuestNum}}/{{item.SeatNum}}{{item.FreightSpace}}</span> <p class="over_ellipsis" style="width: 150px;" :title="item.contactName">{{item.contactName}}</p>
<p>{{item.contactMobile}}</p>
<p v-if="item.industryCategory!==''" style="color:green">{{$t('salesModule.HYLB')}}：{{item.industryCategory}}</p>
</td> </td>
<td class="fz12">{{item.TC_Price}}</td>
<td class="fz12">{{item.Unit_Price}}</td>
<td style="color:#E95252">{{item.PreferPrice}}</td>
<td style="color:#E95252">{{item.Income}}</td>
<td>{{item.Refund}}</td>
<td>{{item.PlatformTax}}</td>
<td> <td>
<p v-if="item.RefundStatus!=1"> <p class="fz12 over_ellipsis" style="width: 100%;">{{item.orderTypeName}}</p>
<span v-if="item.RefundStatus==2">退款中</span> </td>
<span v-if="item.RefundStatus==3">已退款</span> <td class="fz12">
</p> <p style="max-width: 160px;display: block;" class="over_ellipsis" :title="item.lineName">
<p v-else> <span>{{item.lineName}}</span>
<span v-if="item.Status==1">正常</span>
<span v-if="item.Status==2">取消</span>
<span v-if="item.Status==3">待付款</span>
</p> </p>
<p style="max-width: 160px;display: block;" class="over_ellipsis" :title="item.ltName">{{item.ltName}}</p>
</td>
<td>
{{item.guestNum}}/{{item.ySeatNum>0? item.ySeatNum+'Y ':''}}{{item.eSeatNum>0? item.eSeatNum+'E ':''}}{{item.fSeatNum>0? item.fSeatNum+'F ':''}}
<br/>
<span v-if="item.refuseVisaNum>0" style="color:red">
({{$t('salesModule.RefuseQ')}}{{item.refuseVisaNum}}{{$t('salesModule.PeoPle')}})
</span>
</td>
<td style="color:#FF9C00">{{item.tC_Price}}</td>
<td style="color:#FF9C00">￥{{item.unit_Price}}</td>
<td>
<p style="color:#FF9C00">￥{{item.preferPrice}}</p>
</td>
<td>
<span v-if='item.isEnd==0' style="cursor: pointer;">{{item.income}}</span>
<span v-if='item.isEnd!=0' style="cursor: pointer;color: #e95252;">{{item.income}}</span>
</td> </td>
<!-- 优惠 -->
<td>
<el-popover style='padding: 0;' width="600" trigger="click">
<div class="personNolayer">
<table border="0" cellspacing="1" cellpadding="1">
<tr>
<th>{{$t('active.cl_couponName')}}</th>
<th>{{$t('active.cl_couponType')}}</th>
<th>{{$t('active.cl_dkjezk')}}</th>
<th>{{$t('active.cl_sytiaojian')}}</th>
<th>{{$t('active.cl_huoqufangshi')}}</th>
<th>{{$t('active.cl_hqriqi')}}</th>
</tr> </tr>
<tr style="height:20px"> <tr v-if='item.couponAllotList.length>0' v-for="(item2,index2) in item.couponAllotList" :key="index2">
<td colspan="15" class="RL_Order" style="height:20px"> <td>{{item2.couponsName}}</td>
<span class="RL-remarkTitle">名单:</span> <td>
<span class="RL-redType RL-remarkCon" v-if="item.GuestList.length>0"> <span v-if="item2.couponsType==1">{{$t('active.cl_dyquan')}}</span>
<span v-if="item2.couponsType==2">{{$t('active.cl_zkquan')}}</span>
<el-popover </td>
placement="right" <td>{{item2.denomination}}</td>
width="1000" <td>{{$t('active.cl_man')}}{{item2.useCondition}}{{$t('active.cl_keyong')}}</td>
trigger="click"> <td>
<el-table :data="item.GuestList"> <span v-if="item2.accessType==1">{{$t('active.cl_choujiang')}}</span>
<el-table-column property="Id" label="排号"></el-table-column> <span v-else></span>
<el-table-column property="Name" label="姓名"></el-table-column> </td>
<el-table-column property="Sex" label="性别"> <td>{{item2.acessDate}}</td>
<template slot-scope="scope"> </tr>
<span v-if="scope.row.Sex=='1'">男</span> <tr v-if='item.couponAllotList.length==0'>
<span v-if="scope.row.Sex=='2'">女</span> <td colspan="6" align="center">{{$t('system.content_noData')}}</td>
</template> </tr>
</el-table-column> </table>
<el-table-column property="Birthday" label="生日"></el-table-column> </div>
<el-table-column property="PassportNo" label="护照号码"></el-table-column> <span style="cursor: pointer;color: #e95252;text-decoration: underline;" slot="reference">{{moneyFormat(item.discountMoney)}}</span>
<el-table-column property="NationalityName" label="国籍"></el-table-column>
<el-table-column width="120" property="MobilePhone" label="手机号码"></el-table-column>
<el-table-column property="AgeType" label="年龄类型">
<template slot-scope="scope">
<span v-if="scope.row.AgeType=='1'">成人</span>
<span v-if="scope.row.AgeType=='2'">孩子</span>
<span v-if="scope.row.AgeType=='3'">婴儿</span>
<span v-if="scope.row.AgeType=='4'">老人</span>
</template>
</el-table-column>
</el-table>
<span slot="reference">
<span style="cursor:pointer" v-for="(childItem) in item.GuestList" :key="childItem.Name">{{childItem.Name}}&nbsp;&nbsp;</span>
</span>
</el-popover> </el-popover>
</td>
</span> <td>
<span class="RL-redType RL-remarkCon" v-else> <el-popover v-if="item.customerId || item.customerId==0" style='padding: 0;' width="600" trigger="click">
<span>暂无名单</span> <div class="personNolayer">
<table border="0" cellspacing="1" cellpadding="1">
<tr>
<th>{{$t('fnc.jine')}}</th>
<th>{{$t('admin.admin_type')}}</th>
<th>{{$t('system.label_info')}}</th>
<th>{{$t('salesModule.Time')}}（<span @click="goUrlHappy(item)" style="cursor: pointer;" colspan="4" align="center">{{$t('salesModule.LookMore')}}</span>）</th>
</tr>
<tr v-for="(item2,index2) in redBagList"
:key="index2">
<td>{{item2.Money}}</td>
<td>
{{item2.Type==1?"收入":"折扣"}}
</td>
<td>{{item2.Description}}</td>
<td>{{item2.UpdateTime}}</td>
</tr>
<tr v-if='redBagList.length==0'>
<td colspan="4" align="center">{{$t('system.content_noData')}}</td>
</tr>
<tr>
<!-- <td @click="goUrlHappy(item)" style="cursor: pointer;" colspan="4" align="center">查看更多</td> -->
</tr>
</table>
</div>
<span @click="getRedBag(item)" style="cursor: pointer;color: #e95252;text-decoration: underline;" slot="reference">{{item.redEnvelopeMoney}}</span>
</el-popover>
<span v-else style="color: #e95252;text-decoration: underline;">{{item.redEnvelopeMoney}}</span>
</td>
<td v-if="item.tipMoney">{{item.tipMoney}}</td>
<td v-else>0.00</td>
<td>{{item.refund}}</td>
<td>{{item.platformTax}}</td>
<td>{{item.zaiTuMoney}}</td>
<td><span :class="{color_red_order:item.dueInMoney!==item.preferPrice}">{{item.dueInMoney}}</span></td>
<td v-if="item.isChargeLossOrders==1" class="fz12" style="color: #e95252">{{$t('fnc.shousun')}}</td>
<td v-else class="fz12" :style="item.orderState===3?'color: #e95252;':''">{{item.statsstr}}</td>
<td>
<button v-if="item.airConfirm==2" class="normalBtn" style="margin-left:0;width:95px;padding:0" @click="getSureInfo(item)">确认</button>
</td>
</tr>
<tr style="height:20px">
<td :colspan="17" class="RL_Order" style="height:20px">
<span style="font-size: 14px;color: #333333">{{$t('salesModule.MD')}}:</span>
<span v-for="(childItem) in item.guestList" style="font-size: 14px;color: blue">{{childItem.userName}}&nbsp;&nbsp;</span>
<p v-if="item.cancelGuestList && item.cancelGuestList.length>0">
<span class="" >{{$t('salesModule.CancelOrder')}}:</span>
<span class="RL-redType RL-remarkCon">
<span style="color: red;" v-for="(childItem) in item.cancelGuestList">{{childItem.userName}} &nbsp;&nbsp;</span>
</span> </span>
</p>
<span style="display: block;font-size: 14px;color: #333333">{{$t('salesModule.RoomInfo')}}<span v-if="item.oneSex>0" style="color: #e95252">（{{item.oneSex==1?'单男':'单女'}}）</span>：{{item.orderGuestHouseStr}}</span>
</td> </td>
</tr> </tr>
<tr> <tr>
<td colspan="5" class="groupTourOrder_remarks" style="height: 40px;"> <td colspan="4" class="groupTourOrder_remarks" style="height: 40px;">
<div>
<div><span>{{$t('pub.pubRemark')}}：</span>
<span v-if="item.tsIdList.length>0">{{$t('salesModule.ComplaintNum')}}：
<a class="underline" v-for="ts in item.tsIdList" href="javascript:void(0);" @click="goUrlTS('ComplaintsDetail',ts,item.orderId,'投诉详情')">{{ts}} </a> ;
</span>
<p><span v-if='item.clientSource==1&&item.brandName!=""'>{{item.brandName}}{{$t('fnc.dingdan')}} {{item.platformOrder}};</span>{{item.remarks}}</p>
</div>
<div> <div>
<span>{{item.remarksName}}&ensp;{{item.rematksTime}}</span>
<el-popover width="600" placement="bottom-end" trigger="click">
<div class="groupTourOrder_remarks_popover">
<div>{{$t('fnc.lsbeizhu')}}</div>
<p v-if="item.remarksList.length !== 0" v-for="(item2, index2) in item.remarksList" :key="index2">
<span>{{item2.remarks}}</span>
<span>{{item2.createByName}} <span style="color: #666666;">{{item2.createDate}}</span></span>
</p>
<span v-if="item.remarksList.length === 0">{{$t('system.content_noData')}}</span>
</div>
<el-button slot="reference" icon="iconfont icon-gengduo" style="padding:0px;border:none;background-color:transparent;"
class="groupTourOrder_remarks_btn"></el-button>
</el-popover>
</div>
</div>
</td>
<td colspan="4" class="groupTourOrder_remarks" style="height: 40px;">
<div> <div>
<span>备注:</span> <div>
<p>{{item.Remarks}}</p> <span>{{$t('Operation.Op_remark')}}:</span>
<p>{{item.oP_Remarks ? item.oP_Remarks : '无'}}</p>
</div> </div>
</div> </div>
</td> </td>
<td colspan="7" class="groupTourOrder_tickets" style="height: 40px;"> <td colspan="9" class="groupTourOrder_tickets" style="height: 40px;cursor: pointer;">
<div @click="goUrlSFD('SalesFinancialDetail', '销售财务单据', item)">
<div>{{$t('fnc.skdanju')}}：</div>
<div> <div>
<div>收款单据：</div> <span v-for="(item2,index2) in item.financeList" :key="index2">
<div style="cursor: pointer;"> <span v-if="item2.colorState===1" class="groupTourOrder_tickets_blue">{{item2.frID}}</span>
<span v-else-if="item2.colorState===2" class="groupTourOrder_tickets_green">{{item2.frID}}</span>
<span v-for="(item2,index2) in item.FinanceList" :key="index2"> <span v-else-if="item2.colorState===3" class="groupTourOrder_tickets_red">{{item2.frID}}</span>
<span @click="goUrl('财务单据','FinancialDocumentsDetail',item2.FrID)" v-if="item2.ColorState===1" class="groupTourOrder_tickets_blue">{{item2.FrID}}</span> <span v-else-if="item2.colorState===4" class="groupTourOrder_tickets_black">{{item2.frID}}</span>
<span @click="goUrl('财务单据','FinancialDocumentsDetail',item2.FrID)" v-else-if="item2.ColorState===2" class="groupTourOrder_tickets_green">{{item2.FrID}}</span>
<span @click="goUrl('财务单据','FinancialDocumentsDetail',item2.FrID)" v-else-if="item2.ColorState===3" class="groupTourOrder_tickets_red">{{item2.FrID}}</span>
<span @click="goUrl('财务单据','FinancialDocumentsDetail',item2.FrID)" v-else-if="item2.ColorState===4" class="groupTourOrder_tickets_black">{{item2.FrID}}</span>
<!-- @click="goUrl('财务单据','FinancialDocumentsDetail',item2.frID,'')" -->
</span> </span>
<span v-if="item.financeList.length===0" style="cursor: default;">{{$t('system.content_noData')}}</span>
<span v-if="item.FinanceList.length==0"> </div>
暂无数据 </div>
<div @click="goUrlSFD('SalesFinancialDetail', '销售财务单据', item)">
<div>{{$t('fnc.fkdanju')}}：</div>
<div>
<span v-for="(item2,index2) in item.refundFinanceList" :key="index2">
<span v-if="item2.colorState===1" class="groupTourOrder_tickets_blue">{{item2.frID}}</span>
<span v-else-if="item2.colorState===2" class="groupTourOrder_tickets_green">{{item2.frID}}</span>
<span v-else-if="item2.colorState===3" class="groupTourOrder_tickets_red">{{item2.frID}}</span>
<span v-else-if="item2.colorState===4" class="groupTourOrder_tickets_black">{{item2.frID}}</span>
</span> </span>
<span v-if="item.financeList.length===0" style="cursor: default;">{{$t('system.content_noData')}}</span>
</div> </div>
</div> </div>
<div> <div>
<div>付款单据：</div> <div>{{$t('salesModule.Invoice')}}：</div>
<div> <div>
<span style="cursor: pointer;"> <span v-for="(item2,index2) in item.invoiceApplyList" :key="index2">
<span v-for="(fina,fin) in item.RefundFinanceList" :key="fin"> <span v-if="item2.invoiceApplyState === 6" class="groupTourOrder_tickets_blue" @click="goIisDetail(item2.id)">{{item2.id}}</span>
<span @click="goUrl('财务单据','FinancialDocumentsDetail',fina.FrID)" v-if="fina.ColorState===1" class="groupTourOrder_tickets_blue">{{fina.FrID}}</span> <span v-else-if="item2.invoiceApplyState === 1 || item2.invoiceApplyState === 3 || item2.invoiceApplyState === 6" class="groupTourOrder_tickets_green" @click="goIisDetail(item2.id)">{{item2.id}}</span>
<span @click="goUrl('财务单据','FinancialDocumentsDetail',fina.FrID)" v-else-if="fina.ColorState===2" class="groupTourOrder_tickets_green">{{fina.FrID}}</span> <span v-else-if="item2.invoiceApplyState === 5 || item2.invoiceApplyState === 4 " class="groupTourOrder_tickets_red" @click="goIisDetail(item2.id)">{{item2.id}}</span>
<span @click="goUrl('财务单据','FinancialDocumentsDetail',fina.FrID)" v-else-if="fina.ColorState===3" class="groupTourOrder_tickets_red">{{fina.FrID}}</span> <span v-else-if="item2.invoiceApplyState === 2" class="groupTourOrder_tickets_black" @click="goIisDetail(item2.id)">{{item2.id}}</span>
<span @click="goUrl('财务单据','FinancialDocumentsDetail',fina.FrID)" v-else-if="fina.ColorState===4" class="groupTourOrder_tickets_black">{{fina.FrID}}</span>
<!-- <span @click="goUrl('财务单据','FinancialDocumentsDetail',fina.FrID)">{{fina.FrID}}</span> -->
</span>
<span v-if="item.RefundFinanceList.length==0">
暂无数据
</span>
</span> </span>
<span v-if="item.invoiceApplyList.length===0" style="cursor: default;">{{$t('system.content_noData')}}</span>
</div> </div>
</div> </div>
</td> </td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div> <el-pagination background @current-change="handleCurrentChange" :current-page.sync="currentPage" layout="total,prev, pager, next, jumper"
<el-pagination background @current-change="handleCurrentChange" :current-page.sync="currentPage" :page-size=msg.pageSize :total=total></el-pagination>
layout="total,prev, pager, next, jumper" :page-size="msg.pageSize" :total="total"></el-pagination> <el-dialog
title="确认订单"
:visible.sync="sureVisible"
width="400px">
<el-form ref="form" label-width="100px">
<el-form-item label="操作">
<el-radio v-model="sureMsg.Type" :label="1">通过</el-radio>
<el-radio v-model="sureMsg.Type" :label="2">不通过</el-radio>
</el-form-item>
<el-form-item label="票号" v-if="sureMsg.Type==1">
<el-input class="w180" v-model="sureMsg.AirTicketNum"></el-input>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button size="small" @click="sureVisible = false">取 消</el-button>
<el-button size="small" type="danger" @click="sureOrderStatus()">确 定</el-button>
</span>
</el-dialog>
</div> </div>
</template> </template>
<script> <script>
import moment from 'moment' export default {
export default {
data() { data() {
return { return {
normalizer(node) {
var obj = {
id: node.DepartmentId,
label: node.DepartmentName,
};
if (node.ChildList != null && node.ChildList.length > 0) {
obj.children = node.ChildList;
}
return obj;
},
redBagList:[],
happy:false,
defaultImg: 'this.src="' + require("../../assets/img/litheader.png") + '"',
currentPage: 1,
total: 0,
loading: false,
msg: { msg: {
LineId: "-1",
RB_Department_Id: 0,
CreateBy: "-1",
OrderState: "-1",
CStartDate: "",
CEndDate: "",
QStartDate: "",
QEndDate: "",
pageIndex: 1, pageIndex: 1,
pageSize: 10, pageSize: 10,
AirTicketId: 0, tempOrderId: "",
AirOrderId: 0, SellFormEmp: 0,
Status: 0, GroupType: '-1',
StartTime: moment().format("YYYY-MM-DD"), TCNUM: '',
EndTime: "" BranchId:'-1',
IsOneDay: '-1',
IsCollectMoney:0,
AirConfirm:0
}, },
status: [{ title: "不限", num: 0 },{ title: "待付款", num: 3 },{ title: "正常", num: 1 }, { title: "取消", num: 2 }], employeeMsg: {
dataList:[], RB_Group_id: "0",
loading:false, RB_Branch_id: "-1",
total:0, departmentId: "0",
currentPage: 1, IsLeave: "-1"
companyList:[],
employeeList:[],
};
}, },
components: {}, getCompanyMsg: {
created(){ RB_Group_Id: '0',
this.getEmployee(); Status: '0',
this.getCompanyList(); },
getDepartmentMsg: {
RB_Group_Id: '0',
RB_Branch_Id: '-1',
Status: '0',
},
isOwn: false,
list: [],
LineList: [],
LineTeamList: [],
departmentList: [],
employeeList: [],
companyList: [],
ddztList: [],
ctlxList: [],
//订单编号及业务员信息
sureVisible:false,
sureMsg:{
OrderId:0,
Type:1,
AirTicketNum:''
}
};
}, },
methods: { methods: {
goUrlHappy(item){
this.happy=false;
this.$router.push({
name: "HappyPassbook",
query: {
CustomerId: item.customerId,
blank: "y",
}
});
},
getRedBag(item){
let msg={
CustomerId:item.customerId,
pageIndex: 1,
pageSize: 4,
};
if(item.customerId){
this.apipost('customer_post_GetC_BigRedEnvelopeInfoList',msg, res => {
if (res.data.resultCode == 1) {
this.redBagList = res.data.data.pageData;
} else {
}
}, err => {
})
}else{
this.redBagList =[];
}
},
//跳转
goUrlTS (path, id, orderId, title) {
this.$router.push({
name: path,
query: {
'id': id,
'orderId': orderId,
blank: 'y',
tab: title
}
})
},
goUrlSFD: function (path, name, item) {
let obj = JSON.parse(JSON.stringify(item))
obj.oP_Remarks = ''
obj.remarksList = []
obj.refundFinanceList = []
obj.remarks = []
obj.ltName = []
obj.lineName = []
obj.financeList = []
obj.guestList = []
obj.description = []
this.$router.push({
name: path,
query: { blank: 'y', tab: name, item: JSON.stringify(obj)}
});
},
// 结束日期不能大于开始日期
dataDui() {
if (this.msg.CStartDate > this.msg.CEndDate && this.msg.CEndDate !== "") {
this.$message.error("结束日期不能大于开始日期");
this.msg.CEndDate = "";
}
},
dataDuiQ() {
if (this.msg.QStartDate > this.msg.QEndDate && this.msg.QEndDate !== "") {
this.$message.error("结束日期不能大于开始日期");
this.msg.QEndDate = "";
}
},
// 跳转调查列表
goInvetig: function (path, tcid, orderId) {
this.$router.push({
name: path,
query: {
OrderId: orderId,
TCID: tcid,
blank: "y",
}
});
},
goUrl(name, path, id, tcmun) {
this.$router.push({
name: path,
query: {
id: id,
tcmun: tcmun,
blank: 'y',
tab: name
}
});
},
goUrlX(name, path, id, tcmun) {
this.$router.push({
name: path,
query: {
id: id,
tcmun: tcmun,
blank: 'y',
tab: name
}
});
},
getDdztList() {
this.apipost(
"sellorder_post_GetSellOrderStatusEnumList", {},
res => {
if (res.data.resultCode == 1) {
this.ddztList = res.data.data;
}
},
err => {}
);
},
getEmployee() { getEmployee() {
this.apipost( this.apipost(
"app_get_company_employee", "admin_get_EmployeeGetList",
this.employeeMsg, this.employeeMsg,
res => { res => {
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
...@@ -258,188 +590,141 @@ export default { ...@@ -258,188 +590,141 @@ export default {
err => {} err => {}
); );
}, },
getCompanyList() { getLineList() {
let userInfo = this.getLocalStorage(); this.apipost("line_post_GetAllList", {}, res => {
let RB_Group_id = userInfo.RB_Group_id; if (res.data.resultCode == 1) {
let msg = { this.LineList = res.data.data;
Status: 0, } else {
is_show: 0, this.$message.error(res.data.message);
RB_Group_Id: RB_Group_id
}
this.apipost('admin_get_BranchGetList', msg, res => {
if(res.data.resultCode == 1) {
this.companyList=res.data.data;
} }
}, err => {}) });
}, },
goUrl: function (name, path, id ) { //获取公司
this.$router.push({ name: path, query: { id: id, blank: 'y', tab: name} }); getCompany() {
this.apipost('admin_get_BranchGetList', this.getCompanyMsg, res => {
if (res.data.resultCode == 1) {
this.companyList = res.data.data;
} else {}
}, err => {})
}, },
handleCurrentChange (val) { getDepartment() {
this.msg.pageIndex = val this.apipost(
this.getList() "admin_get_DepartmentGetList",
this.getDepartmentMsg,
res => {
if (res.data.resultCode == 1) {
this.departmentList = res.data.data;
} else {
this.Error(res.data.message);
}
}, },
resetPageIndex(){ err => {}
this.msg.pageIndex = 1 );
this.currentPage = 1
}, },
getList() { getList() {
this.loading=true; this.loading = true;
this.apipost( this.apipost(
"ticket_get_GetAirTicketScatteringOrderPageList", "sellorder_get_GetAirToDayOrderList",
this.msg, this.msg,
res => { res => {
this.loading=false; console.log('res',res);
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
this.loading = false;
this.total = res.data.data.count; this.total = res.data.data.count;
this.dataList = res.data.data.pageData; this.list = res.data.data.pageData;
} else { } else {
this.loading = false;
this.$message.error(res.data.message); this.$message.error(res.data.message);
} }
}, },
err => {} err => {}
); );
}, },
// 结束日期不能大于开始日期 handleCurrentChange(val) {
dataDui () { this.msg.pageIndex = val;
if (this.msg.StartTime > this.msg.EndTime && this.msg.EndTime !== '') { this.getList();
this.$message.error('结束日期不能大于开始日期') },
this.msg.CEndDate = '' resetPageIndex() {
this.msg.pageIndex = 1;
this.currentPage = 1;
},
// 获取参团类型
getCtlxList() {
this.apipost('sellorder_get_GetOrderJoinEnumList', {}, res => {
if (res.data.resultCode == 1) {
this.ctlxList = res.data.data
} }
}, err => {})
}, },
goIisDetail: function (id) { // 跳转发票详情页面
this.$router.push({
name: 'invoicesManagerDetail',
query: { id: id,noDetail: 1,blank: "y",}
});
}, },
mounted() { //点击列表确认
getSureInfo(item){
this.sureMsg.OrderId=item.orderId;
this.sureVisible=true;
},
//确认
sureOrderStatus(){
this.apipost('sellorder_get_SetAirOrderConfirm', this.sureMsg, res => {
if (res.data.resultCode == 1) {
this.getList(); this.getList();
this.sureVisible=false;
}else{
this.Error(res.data.message);
} }
}; }, err => {})
</script>
<style scoped>
@import "../../assets/css/newTravelManager.css";
.guest_num:hover{
font-weight: bold;
}
.guest_num{
text-decoration: underline;
cursor: pointer;
color: rgb(26, 168, 107);
}
.tickets_green {
color: #008000;
text-decoration: underline;
margin-right: 6px;
}
.title_tr th{
width:9%;
}
.color_red_order {
color: #e95252 !important;
}
.groupTourOrderSearch {
width: 100%;
min-height: auto;
padding: 0 0 20px 0;
}
.groupTourOrderSearch li {
float: left;
font-size: 12px;
color: #666;
margin: 20px 0 0px 0;
}
.groupTourOrderSearch li > span {
display: inline-block;
}
.groupTourOrderSearch li span > em {
display: inline-block;
min-width: 60px;
text-align: right;
font-style: normal;
margin: 0 12px 0 0;
}
.groupTourOrderSearch li:last-child {
position: fixed;
z-index: 10;
top: 36px;
right: 20px;
}
.groupTourOrderSearch ul {
overflow: hidden;
}
.groupTourOrderSearchTable {
width: 100%;
min-width: 1500px;
font-size: 14px;
color: #333;
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
/* border-collapse: collapse; */
}
.groupTourOrderSearchTable tbody tr:last-child {
/* border-bottom: 2px solid #333; */
}
.groupTourOrderSearchTable tr:first-child td:first-child {
/* border-bottom: 2px solid #333; */
}
.groupTourOrderSearchTable tbody {
}
.groupTourOrderSearchTable tr th {
background: #e6e6e6;
height: 30px;
font-size: 12px;
text-align: left;
text-indent: 15px;
border-top: 1px solid #cccccc;
border-left: 1px solid #cccccc;
}
.groupTourOrderSearchTable tr {
background: #fff;
text-align: left;
}
.groupTourOrderSearchTable tr td {
padding: 8px;
border-top: 1px solid #cccccc;
border-left: 1px solid #cccccc;
}
.groupTourOrderSearchTable tr td p {
line-height: 20px;
} }
},
mounted() {
let userInfo = this.getLocalStorage();
this.userId = userInfo.EmployeeId;
this.getCompanyMsg.RB_Group_Id = this.getDepartmentMsg.RB_Group_Id = userInfo.RB_Group_id; //集团
this.getCompany();
.groupTourOrderSearchTable .dowloadSpan:hover { this.getCtlxList()
text-decoration: underline; this.getEmployee();
cursor: pointer; this.getLineList();
this.getDepartment();
this.getDdztList();
if (this.$route.query.id) {
this.msg.tempOrderId = this.$route.query.id;
}
if (this.$route.query.isOwn) {
this.isOwn = true;
this.msg.SellFormEmp = 1;
}
this.msg.CreateBy = this.$route.query.EmployeeId === undefined ? "-1" : this.$route.query.EmployeeId;
this.msg.QStartDate = this.$route.query.starTime === undefined ? "" : this.$route.query.starTime;
this.msg.QEndDate = this.$route.query.endTime === undefined ? "" : this.$route.query.endTime;
if (this.msg.QStartDate === "" && this.msg.QEndDate === "" && !this.msg.tempOrderId) {
let nowDay = new Date().toLocaleDateString();
// this.msg.QStartDate = nowDay;
// this.msg.QEndDate = nowDay;
}
if (this.$route.query.orderId) {
this.msg.tempOrderId = this.$route.query.orderId;
this.msg.QStartDate = "";
this.msg.QEndDate = "";
} }
this.getList();
.groupTourOrderSearchTable span.personNo {
text-decoration: underline;
cursor: pointer;
} }
};
.groupTourOrderSearchTable span.personNo:hover { </script>
font-weight: bold;
color: #e95252;
}
<style>
.personNolayer p { .personNolayer p {
height: 28px; height: 28px;
line-height: 28px; line-height: 28px;
padding-left: 15px; padding-left: 15px;
} }
.personNolayer p > span { .personNolayer p>span {
font-size: 12px; font-size: 12px;
color: #333; color: #333;
margin-right: 15px; margin-right: 15px;
...@@ -475,143 +760,141 @@ export default { ...@@ -475,143 +760,141 @@ export default {
padding: 9px 15px; padding: 9px 15px;
} }
.groupSuperSearchLayer { .personNolayer table th{
} background-color: #ededed;
height: 34px;
.groupSuperSearchLayer > p { text-indent: 15px;
padding: 20px 0; }
font-size: 14px; .personNolayer table td {
color: #333; background-color: #ffffff;
font-weight: bold; padding: 9px 15px;
color: #333333;
border: 1px solid #d2d2d2;
} }
.groupSuperSearchLayerTable { .personNolayer table ._color_666 {
font-size: 12px; color: #666666;
color: #666;
} }
.groupSuperSearchLayerTable tr { .personNolayer table tr._color_666 th {
height: 50px; padding: 9px 15px;
} }
.groupSuperSearchLayerTable td { .groupts .underline{
padding-right: 15px; text-decoration: underline;
margin: 5px;
text-align: center;
} }
.color_red_order{
.groupTourOrderIcon button { color: #e95252 !important;
width: 30px;
height: 30px;
border-radius: 4px;
} }
.enrollTotalSearch {
.groupTourOrderIcon .el-button--primary { width: 100%;
padding: 5px; min-height: auto;
margin: 0; padding: 0 0 20px 0;
font-size: 14px !important;
} }
.groupTourOrderIcon .el-button + .el-button { .enrollTotalSearch::after {
margin-left: 0 !important; display: block;
clear: both;
content: "";
visibility: hidden;
height: 0;
} }
.productQuerybottomLayer { .enrollTotalSearch li {
overflow: auto; float: left;
position: fixed; font-size: 12px;
min-height: 300px; height: 40px;
z-index: 50; color: #666;
bottom: 0; margin: 20px 10px 10px 0;
left: 0;
border-top: 3px solid #38425d;
background-color: #ffffff;
padding: 10px 10px 0;
width: 100%;
} }
.productQuerybottomLayer .el-form-item__label { .enrollTotalSearch li>span {
font-size: 12px !important; display: inline-block;
} }
.productQuerybottomLayer > p { .enrollTotalSearch li span>em {
border-left: 3px solid #e95252; display: inline-block;
text-indent: 15px; min-width: 60px;
height: 16px; text-align: right;
font-family: "PingFangSc-Fine"; font-style: normal;
font-size: 16px; margin: 0 12px 0 0;
margin-bottom: 20px;
line-height: 14px;
color: #000;
} }
.productQuerybottomLayer .el-input-number { .enrollTotalSearch li:last-child {
width: auto !important; float: right;
position: fixed;
top: 36px;
right: 20px;
text-align: right;
z-index: 50;
} }
.groupTourOrder_count_green { .enrollTotalSearchTable {
color: #1BC594; width: 100%;
font-size: 14px;
color: #333;
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-collapse: collapse;
} }
.groupTourOrder_count_blue { .enrollTotalSearchTable tr th {
color: #4D7AFD; background: #bdbdbd;
height: 30px;
font-size: 12px;
text-align: center;
border-top: 1px solid #cccccc;
border-left: 1px solid #cccccc;
} }
.groupTourOrder_count_yellow { .enrollTotalSearchTable tr {
color: #FF9C00; background: #fff;
text-align: left;
} }
.enrollTotalSearchTable tbody tr:last-child {
.groupTourOrder_count_gray { border-bottom: 2px solid #333;
color: #999999;
} }
.enrollTotalSearchTable tr:first-child td:first-child {
.groupTourOrder_count { border-bottom: 2px solid #333;
margin: 0 0 20px 0;
width: 100%;
height: auto;
} }
.enrollTotalSearchTable tr td {
.groupTourOrder_count_col {
height: 80px; height: 80px;
}
.groupTourOrder_count_item {
font-weight: 400;
padding: 10px; padding: 10px;
height: 100%; border-top: 1px solid #cccccc;
border: 1px solid #E6E6E6; border-left: 1px solid #cccccc;
background-color: #FFFFFF;
color: #333333;
} }
.groupTourOrder_count_item > div > i { .enrollTotalSearchTable tr td>img {
font-size: 12px; width: 32px;
vertical-align: bottom; height: 32px;
border-radius: 16px;
vertical-align: middle;
margin-right: 5px;
} }
.groupTourOrder_count_item > div > span:nth-child(2) { .enrollTotalSearchTable tr td p {
font-size: 14px; line-height: 20px;
vertical-align: bottom;
} }
.groupTourOrder_count_item > div > span:nth-child(3) { .groupTourOrder_count_green {
font-weight: bold; color: #1BC594;
font-size: 16px;
vertical-align: bottom;
} }
.groupTourOrder_count_item > p { .groupTourOrder_count_blue {
font-size: 12px; color: #4D7AFD;
line-height: 18px;
} }
.groupTourOrder_count_item > p > span { .groupTourOrder_count_yellow {
margin: 0 5px 0 0; color: #FF9C00;
white-space: nowrap;
} }
.groupTourOrder_more { .groupTourOrder_more {
margin: 0 -12px; margin: 0 -12px;
} }
.groupTourOrder_more > div { .groupTourOrder_more>div {
width: 100%; width: 100%;
height: 30px; height: 30px;
line-height: 30px; line-height: 30px;
...@@ -622,7 +905,7 @@ export default { ...@@ -622,7 +905,7 @@ export default {
cursor: pointer; cursor: pointer;
} }
.groupTourOrder_more > div:hover { .groupTourOrder_more>div:hover {
color: #297BEF; color: #297BEF;
background-color: #DCEBFF; background-color: #DCEBFF;
} }
...@@ -631,41 +914,38 @@ export default { ...@@ -631,41 +914,38 @@ export default {
font-size: 0px; font-size: 0px;
} }
.groupTourOrder_remarks > div { .groupTourOrder_remarks>div>div:nth-child(1) {
}
.groupTourOrder_remarks > div > div:nth-child(1) {
float: left; float: left;
display: flex; display: flex;
align-items: flex-start; align-items: flex-start;
} }
.groupTourOrder_remarks > div > div:nth-child(1) > span { .groupTourOrder_remarks>div>div:nth-child(1)>span {
line-height: 20px; line-height: 20px;
font-size: 12px; font-size: 12px;
color: #e95252; color: #e95252;
white-space: nowrap; white-space: nowrap;
} }
.groupTourOrder_remarks > div > div:nth-child(1) > p { .groupTourOrder_remarks>div>div:nth-child(1)>p {
line-height: 20px; line-height: 20px;
font-size: 12px; font-size: 12px;
color: #e95252; color: #e95252;
} }
.groupTourOrder_remarks > div > div:nth-child(2) { .groupTourOrder_remarks>div>div:nth-child(2) {
float: right; float: right;
text-align: right; text-align: right;
font-size: 12px; font-size: 12px;
color: #e95252; color: #e95252;
} }
.groupTourOrder_remarks > div > div:nth-child(2) > i { .groupTourOrder_remarks>div>div:nth-child(2)>i {
font-size: 10px; font-size: 10px;
cursor: pointer; cursor: pointer;
} }
.groupTourOrder_remarks > div::after { .groupTourOrder_remarks>div::after {
display: block; display: block;
clear: both; clear: both;
content: ""; content: "";
...@@ -681,18 +961,18 @@ export default { ...@@ -681,18 +961,18 @@ export default {
background-color: transparent; background-color: transparent;
} }
.groupTourOrder_remarks_btn > i { .groupTourOrder_remarks_btn>i {
color: #e95252; color: #e95252;
font-size: 12px; font-size: 12px;
} }
.groupTourOrder_remarks_popover > div { .groupTourOrder_remarks_popover>div {
display: inline-block; display: inline-block;
font-size: 14px; font-size: 14px;
color: #000000; color: #000000;
} }
.groupTourOrder_remarks_popover > div::before { .groupTourOrder_remarks_popover>div::before {
content: ''; content: '';
display: inline-block; display: inline-block;
margin: 0 5px 0 0; margin: 0 5px 0 0;
...@@ -701,7 +981,7 @@ export default { ...@@ -701,7 +981,7 @@ export default {
background-color: #e95252; background-color: #e95252;
} }
.groupTourOrder_remarks_popover > span { .groupTourOrder_remarks_popover>span {
display: block; display: block;
margin: 0 0 0 0; margin: 0 0 0 0;
width: 100%; width: 100%;
...@@ -710,7 +990,7 @@ export default { ...@@ -710,7 +990,7 @@ export default {
color: #000000; color: #000000;
} }
.groupTourOrder_remarks_popover > p { .groupTourOrder_remarks_popover>p {
margin: 5px 0 0 0; margin: 5px 0 0 0;
padding: 3px; padding: 3px;
width: 100%; width: 100%;
...@@ -720,41 +1000,27 @@ export default { ...@@ -720,41 +1000,27 @@ export default {
color: #000000; color: #000000;
} }
.groupTourOrder_remarks_popover > p:nth-child(even) { .groupTourOrder_remarks_popover>p:nth-child(even) {
background-color: #E6E6E6; background-color: #E6E6E6;
} }
.groupTourOrder_remarks_popover > p > span:nth-child(1) { .groupTourOrder_remarks_popover>p>span:nth-child(1) {
float: left; float: left;
} }
.groupTourOrder_remarks_popover > p > span:nth-child(2) { .groupTourOrder_remarks_popover>p>span:nth-child(2) {
margin: 0 10px 0 0; margin: 0 10px 0 0;
float: right; float: right;
} }
.groupTourOrder_remarks_popover > p::after { .groupTourOrder_remarks_popover>p::after {
display: block; display: block;
clear: both; clear: both;
content: ""; content: "";
visibility: hidden; visibility: hidden;
height: 0; height: 0;
} }
.groupTourOrder_tickets>div>div>span {
.groupTourOrder_tickets > div {
display: table;
}
.groupTourOrder_tickets > div > div {
display: table-cell;
cursor: pointer;
}
.groupTourOrder_tickets > div > div:nth-child(1) {
width: 80px;
}
.groupTourOrder_tickets > div > div > span {
display: inline-block; display: inline-block;
margin: 0 10px 0 0; margin: 0 10px 0 0;
} }
...@@ -783,7 +1049,7 @@ export default { ...@@ -783,7 +1049,7 @@ export default {
margin: 0 10px 0 0; margin: 0 10px 0 0;
} }
.groupTourOrderByTuan_ico > i { .groupTourOrderByTuan_ico>i {
display: inline-block; display: inline-block;
margin: 0 2px 0 0; margin: 0 2px 0 0;
width: 8px; width: 8px;
...@@ -792,228 +1058,22 @@ export default { ...@@ -792,228 +1058,22 @@ export default {
vertical-align: middle; vertical-align: middle;
} }
.groupTourOrderByTuan_ico > span { .groupTourOrderByTuan_ico>span {
vertical-align: middle; vertical-align: middle;
} }
/* 出团通知书打印选择 */ .groupTourOrder_tickets>div>div {
.travelControlTripLayer { display: table-cell;
position: fixed;
z-index: 99;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.3);
left: 0;
top: 0;
}
.travelControlTripLayerCont {
position: absolute;
left: 50%;
margin-left: -300px;
background: #fff;
top: 50%;
margin-top: -180px;
width: 600px;
}
.travelControlTripLayerCont > div {
padding: 0 30px;
}
.travelControlTripLayerCont > div label {
cursor: pointer;
vertical-align: middle;
}
.travelControlTripLayerCont > div label input {
vertical-align: middle;
}
.travelControlTripBtn {
color: #fff;
width: 90px;
height: 30px;
background: #E95252;
border: 1px solid #E95252;
cursor: pointer;
border-radius: 15px;
margin-left: 10px;
}
.travelControlTripLayer input[type="checkbox"] + label::before {
content: "\A0";
display: inline-block;
width: 15px;
height: 15px;
margin-right: 5px;
border-radius: 4px;
background-color: white;
text-indent: .15em;
line-height: 15px;
color: white;
border: 1px solid #e95252;
}
.travelControlTripLayer input[type="checkbox"]:checked + label::before {
content: "\2713";
background-color: #e95252;
}
.travelControlTripLayer input[type="checkbox"] {
position: absolute;
clip: rect(0, 0, 0, 0);
}
.travelControlTripLayer input[type="checkbox"]:focus + label::before {
box-shadow: none;
}
.travelControlTripLayer input[type="checkbox"]:disabled + label::before {
background-color: gray;
box-shadow: none;
color: #555;
}
.groupTourOrder_transfer {
position: fixed;
z-index: 50;
bottom: 0;
left: 50px;
padding: 10px 10px;
width: 100%;
min-width: 1366px;
min-height: 200px;
border-top: 3px solid #38425d;
background-color: #ffffff;
overflow-y: auto;
}
.groupTourOrder_transfer > .transfer_header {
position: relative;
width: 100%;
height: 30px;
}
.groupTourOrder_transfer > .transfer_header > div:nth-child(1) {
display: inline-block;
padding: 0 10px;
width: 200px;
height: 30px;
line-height: 30px;
border-left: 3px solid #e95252;
text-indent: 10px;
font-size: 16px;
color: #000000;
}
.groupTourOrder_transfer > .transfer_header > div:nth-child(2) {
position: absolute;
top: 0px;
right: 80px;
height: 30px;
}
.groupTourOrder_transfer > .transfer_header > div:nth-child(2) > div:nth-child(1) {
display: inline-block;
padding: 0 15px;
height: 30px;
line-height: 28px;
font-size: 14px;
color: #E95252;
border: 1px solid #E95252;
background: #fff;
border-radius: 15px;
cursor: pointer;
vertical-align: top;
}
.groupTourOrder_transfer > .transfer_header > div:nth-child(2) > div:nth-child(2) {
display: inline-block;
margin: 0 0 0 10px;
padding: 0 15px;
height: 30px;
line-height: 28px;
font-size: 14px;
color: #fff;
border: 1px solid #E95252;
background: #E95252;
border-radius: 15px;
cursor: pointer; cursor: pointer;
vertical-align: top;
}
.groupTourOrder_transfer > .transfer_info {
padding: 20px 0;
width: 100%;
font-size: 0px;
border-bottom: 1px dashed #999999;
} }
.groupTourOrder_transfer > .transfer_info > div { .groupTourOrder_tickets>div>div:nth-child(1) {
display: inline-block; width: 80px;
padding: 0 10px;
width: 25%;
height: 30px;
vertical-align: top;
}
.groupTourOrder_transfer > .transfer_info > div > em {
display: inline-block;
padding: 0 10px;
width: 35%;
height: 30px;
line-height: 30px;
text-align: right;
font-size: 16px;
vertical-align: top;
}
.groupTourOrder_transfer > .transfer_info > div > span {
display: inline-block;
padding: 0 10px;
width: 65%;
height: 30px;
line-height: 30px;
text-align: left;
font-size: 16px;
border-radius: 3px;
background-color: #E5E5E5;
vertical-align: top;
}
.groupTourOrder_transfer > .transfer_input {
padding: 20px 0;
width: 100%;
font-size: 0px;
}
.groupTourOrder_transfer > .transfer_input > div {
display: inline-block;
padding: 0 10px;
width: 25%;
height: 30px;
vertical-align: top;
} }
.groupTourOrder_transfer > .transfer_input > div > em { .groupTourOrder_tickets>div>div>span {
display: inline-block; display: inline-block;
padding: 0 10px; margin: 0 10px 0 0;
width: 35%;
height: 30px;
line-height: 30px;
text-align: right;
font-size: 16px;
vertical-align: top;
} }
.groupTourOrder_transfer > .transfer_input > div > .el-input {
display: inline-block;
width: 65%;
height: 30px;
line-height: 30px;
text-align: left;
font-size: 14px;
vertical-align: top;
}
</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