Skip to content

S
SuperMan
Commit df94f4bc authored by 吴春's avatar 吴春
Browse files
Options

1

parent ddf0358d
Hide whitespace changes
Inline Side-by-side
Showing with 313 additions and 0 deletions
src/components/SalesModule/travelGLDOrder.vue 0 → 100644
View file @ df94f4bc
<style>
.WebSiteCustomer .el-button.is-circle {
padding: 6px;
}
.WebSiteCustomer .preview {
color: #409eff;
text-decoration: underline
}
.webSitePageName {
cursor: pointer;
color: #409eff;
}
</style>
<template>
<!--自定义页面-->
<div class="WebSiteCustomer">
<div class="query-box">
<ul>
<!-- <li>
<span>
<em>{{ $t("visa.v_tuanhao") }}</em>
<el-input v-model="msg.TCNUM" class="w150"></el-input>
</span>
</li> -->
<li>
<span>
<em>{{$t('visa.v_yewuyuan')}}</em>
<el-select filterable v-model='msg.EnterID' class="w200">
<el-option :value="0" :label="$t('pub.unlimitedSel')"></el-option>
<el-option v-for='item in EmployeeList' :label='item.EmName' :value='item.EmployeeId'
:key='item.EmployeeId'>
</el-option>
</el-select>
</span>
</li>
<li>
<span><em>{{ $t("scen.sc_ftTime") }}</em>
<DateLimit :clearable="false" :StartGroupDate="msg.QStartDate" :EndGroupDate="msg.QEndDate" @change="(date)=> {msg.QStartDate = date,dataDui2()}"></DateLimit>
-
<el-date-picker v-model="msg.QEndDate" @change="dataDui2()" class="w150" value-format="yyyy-MM-dd"
type="date":picker-options="pickerBeginDateAfter"></el-date-picker>
</span>
</li>
<li>
<span><em>{{ $t("fnc.khxinxi") }}</em>
<el-select v-model="msg.CustomerId" class="w150" filterable remote reserve-keyword :placeholder="$t('pub.PleaseKeyWords')"
:remote-method="GetCustomerListByKeyWord">
<el-option :label="$t('pub.unlimitedSel')" value="0"></el-option>
<el-option v-for="item in customerList" :label="item.customerName" :value="item.customerId" :key="item.customerId">
<div>
<span>{{`${item.customerName}`}}</span>
<span style="margin-left: 15px;">
<el-tag size="mini" >({{item.contact}}{{item.contactNumber}})</el-tag>
</span>
</div>
</el-option>
</el-select>
</span>
</li>
<!-- <li>
<span><em>{{ $t("fnc.khleixing") }}</em>
<el-select v-model="msg.CustomerType" filterable :placeholder="$t('pub.pleaseSel')">
<el-option :label="$t('pub.unlimitedSel')" value="-1"></el-option>
<el-option v-for="item in khlxList" :label="item.Name" :value="item.Id" :key="item.Id">
</el-option>
</el-select>
</span>
</li>
<li>
<span>
<em>{{ $t("visa.v_tuanhao") }}</em>
<el-input v-model="msg.TCNUM" class="w150"></el-input>
</span>
</li> -->
<li>
<input type="button" class="hollowFixedBtn" :value="$t('pub.searchBtn')"
@click="resetPageIndex(),getData()" />
</li>
</ul>
</div>
<div>
<!-- 订单时间、同行、销售、成交单价、实际成交单价((实收+税金)/人数)、订单人数、应收、实收、幸福存折金额 -->
<el-table :data="dataList" style="width: 100%" v-loading="loading"
:default-sort="{prop: 'date', order: 'descending'}">
<el-table-column width="150" prop="OrderId" :label="$t('fnc.dingdan')" header-align="center" align="center">
<template slot-scope="scope">
<span class="webSitePageName" @click="goDetails(scope.row)"><el-tag type="info" size="mini" style="margin-right:5px;">{{scope.row.GroupType}}</el-tag>{{scope.row.OrderId}}</span>
<p>{{scope.row.CreateDate}}</p>
</template>
</el-table-column>
<el-table-column prop="TCNUM" :label="$t('visa.v_tuanhao')" header-align="center" align="center">
<template slot-scope="scope">
<span class="webSitePageName" @click="scope.row.OrderType == 1 ? goTuanDetails(scope.row) : ''" >{{scope.row.TCNUM}}</span>
</template>
</el-table-column>
<!-- <el-table-column prop="GroupType" width="100":label="$t('objFill.v101.commissonBill.col.t3')" header-align="center" align="center">
</el-table-column> -->
<el-table-column prop="ContactName" :label="$t('fnc.khxinxi')" header-align="center" align="center">
<template slot-scope="scope">
<p>{{scope.row.ContactName}}</p>
<p>{{scope.row.ContactMobile}}</p>
</template>
</el-table-column>
<el-table-column prop="Unit_Price" width="120" :label="$t('fnc.cjdanjia')" header-align="center" align="center">
</el-table-column>
<el-table-column prop="Unit_Price" width="120" :label="$t('op.IsSelfGuidedTour')" header-align="center" align="center">
<!-- (实收+税金)/人数 -->
<template slot-scope="scope">
{{((scope.row.Income+scope.row.PlatformTax+scope.row.ZaiTuMoney-scope.row.Refund)/scope.row.GuestNum).toFixed(2)}}
</template>
</el-table-column>
<el-table-column prop="GuestNum" width="120" :label="$t('admin.admin_personNumber')" header-align="center" align="center">
</el-table-column>
<el-table-column prop="PreferPrice" width="120" :label="$t('fnc.yingshou')" header-align="center" align="center">
</el-table-column>
<el-table-column prop="Income" width="120" :label="$t('fnc.shishou')" header-align="center" align="center">
</el-table-column>
<el-table-column prop="PlatformTax" width="120" :label="$t('fnc.ptshuijin')" header-align="center" align="center">
</el-table-column>
<el-table-column prop="ZaiTuMoney" width="120" :label="$t('fnc.ztjine')" header-align="center" align="center">
</el-table-column>
<el-table-column prop="Refund" width="120" :label="$t('fnc.tkjine')" header-align="center" align="center">
</el-table-column>
<el-table-column width="120" :label="$t('salesModule.HappinessPassbook')" header-align="center" align="center">
<template slot-scope="scope">
{{scope.row.GuestNum*88}}
</template>
</el-table-column>
<el-table-column prop="EnterName" :label="$t('visaT.sale')" header-align="center" align="center">
</el-table-column>
<!-- <el-table-column prop="CreateDate" width="150" :label="$t('OrderList.search.daterange')" header-align="center" align="center">
</el-table-column> -->
</el-table>
<el-pagination background @current-change="handleCurrentChange" :current-page.sync="currentPage"
layout="total,prev, pager, next, jumper" :page-size='msg.pageSize' :total=total>
</el-pagination>
</div>
</div>
</template>
<script>
import DateLimit from '../public/DateLimit.vue';
export default {
data() {
return {
pickerBeginDateAfter: {
disabledDate: time => {
let startTime = new Date(this.msg.QStartDate);
return startTime.getTime() >= time.getTime();
}
},
loading: false,
msg: {
EnterID: '',
CustomerId: '',
QStartDate: '',
TCNUM:"",
QEndDate: '',
pageSize: 15,
pageIndex: 1,
},
khlxList: [],
EmployeeList:[],
customerList:[],
total: 0,
currentPage: 1,
dataList: [],
//当前登录用户信息
CurrentUserInfo: {},
}
},
components: {
DateLimit
},
mounted() {
let userInfo = this.getLocalStorage();
this.CurrentUserInfo = userInfo;
this.getEmployee();
this.getData();
this.getKhlxList();
},
methods: {
GetCustomerListByKeyWord(query) {
if (query !== '') {
// this.employeeMsg.KeyWord = query;
this.apipost(
"app_get_GetCustomerListByKeyWord",
{KeyWord:query},
res => {
if (res.data.resultCode == 1) {
this.customerList = res.data.data;
}
},
err => {}
);
}
},
getEmployee() { //员工
this.apipost('admin_get_EmployeeGetList', this.employeeMsg, res => {
if (res.data.resultCode == 1) {
this.EmployeeList = res.data.data;
}
}, err => {})
},
goDetails(row) {
let data = [{
path: "",
OrderId: row.OrderId,
Type: ""
}];
let href;
let url = this.domainManager().crmRoutingUrl;
let name = "enrollTotal";
//跟团 一日游
if (name) {
this.$router.push({
name: name,
query: {
OrderId: row.OrderId,
OrderType: data[0].Type ? data[0].Type : null,
blank: "y"
}
});
}
},
goTuanDetails(row) {
let name = "RegistrationList";
// if (row.IsOneDay == 1) {
// name = "groupTourOrderByTuanOne";
// } else {
// name = "groupTourOrderByTuan";
// }
// console.log("this.CurrentUserInfo",this.CurrentUserInfo);
// if (this.CurrentUserInfo.EmployeeId == 1 || this.CurrentUserInfo.RB_Department_Id == 2) {
// name = "RegistrationList";
// }
this.$router.push({
name: name,
query: {
id: row.TCID,
tcmun: row.TCNUM,
blank: "y"
}
});
},
// 结束日期不能大于开始日期
dataDui() {
if (this.msg.CStartDate > this.msg.CEndDate && this.msg.CEndDate !== "") {
this.$message.error(this.$t('tips.jsrqbndyksriqi'));
this.msg.CEndDate = "";
}
},
// 结束日期不能大于开始日期
dataDui2() {
if (this.msg.QStartDate > this.msg.QEndDate && this.msg.QEndDate !== "") {
this.$message.error(this.$t('tips.jsrqbndyksriqi'));
this.msg.QEndDate = "";
}
},
getKhlxList() {
this.apipost(
"sellorder_get_GetSellClientTypeEnumList", {},
(res) => {
if (res.data.resultCode == 1) {
this.khlxList = res.data.data;
}
},
(err) => {}
);
},
//获取配置
getData() {
//获取现有线路列表
this.loading = true;
this.apipost(
"TravelOrder_post_GetTravelGLDOrderList",
this.msg,
res => {
this.loading = false;
if (res.data.resultCode == 1) {
res.data.data.pageData.forEach(x=>{
x.IsIndex=x.IsIndex==1
})
this.dataList = res.data.data.pageData;
this.total = res.data.data.count
} else {
this.loading = false;
}
},
err => {}
);
},
handleCurrentChange(val) {
//翻页功能按钮
this.msg.pageIndex = val;
this.getData();
},
resetPageIndex() {
//查询初始化页码
this.msg.pageIndex = 1;
this.currentPage = 1;
},
}
}
</script>
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