Skip to content

C
CRM
Commit d91d082d authored by 黄奎's avatar 黄奎
Browse files
Options

111

parents f5a542c6 17fa733e
Hide whitespace changes
Inline Side-by-side
Showing with 661 additions and 329 deletions
src/components/guestManagement/Agreement.vue
View file @ d91d082d
<style scoped> <style scoped>
.add-Enclosure { .add-Enclosure{
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
} }
.add-Enclosure-left{
.add-Enclosure-left { display: flex;
display: flex; }
} .item-but-box{
display: flex;
.item-but-box { }
display: flex; .item-but{
} margin-right: 10px;
}
.item-but { .numIcon{
margin-right: 10px; font-size: 12px;
} padding: 5px;
color: #409eff;
.numIcon { }
font-size: 12px; .tatusText.grey{
padding: 5px; color: grey;
color: #409eff; }
} .tatusText.success{
color: #21BA45;
.tatusText.grey { }
color: grey; .tatusText.error{
} color: #F2C037;
}
.tatusText.success { .tatusText.Black{
color: #21BA45; color: Black;
} }
.ToBeReceived.red{
.tatusText.error { color: #fd397a;
color: #F2C037; }
} .ToBeReceived.blue{
color: #409eff;
.tatusText.Black { }
color: Black; .income_1{
} color: #2961FE;
}
.ToBeReceived.red { .income_2{
color: #fd397a; color: #3FC4FF;
} }
.ToBeReceived.blue {
color: #409eff;
}
</style> </style>
<template> <template>
<div class="Business"> <div class="Business">
<div class="add-Enclosure"> <div class="add-Enclosure">
<el-row :gutter="12"> <el-row :gutter="12">
<el-col :span="8"> <el-col :span="8">
<el-input size="mini" placeholder="输入订单ID" v-model="msg.OrderId" label="订单ID" @keyup.enter.native="getList"> <el-input size="mini" placeholder="输入订单ID" v-model="msg.OrderId" label="订单ID"
</el-input> @keyup.enter.native="getList"></el-input>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
<el-select size="mini" width="200" v-model="msg.TicketStatus" placeholder="请选择" @change="getList"> <el-select size="mini" width="200" v-model="msg.TicketStatus" placeholder="请选择"
<el-option v-for="item in ticketingStatusList" :key="item.Id" :label="item.Name" :value="item.Id"> @change="getList">
</el-option> <el-option
</el-select> v-for="item in ticketingStatusList"
</el-col> :key="item.Id" :label="item.Name" :value="item.Id"></el-option>
<el-col :span="4"> </el-select>
<el-select size="mini" width="200" v-model="msg.OrderStatus" placeholder="请选择" @change="getList"> </el-col>
<el-option v-for="item in orderStatusList" :key="item.Id" :label="item.Name" :value="item.Id"></el-option> <el-col :span="4">
</el-select> <el-select size="mini" width="200" v-model="msg.OrderStatus" placeholder="请选择"
</el-col> @change="getList">
</el-row> <el-option
<el-button plain icon="el-icon-plus" type="primary" size="mini" class="margin-right0" @click="addBusiness">创建订单 v-for="item in orderStatusList"
</el-button> :key="item.Id" :label="item.Name" :value="item.Id"></el-option>
</div> </el-select>
<div class="page-content"> </el-col>
<el-table v-loading="loading" stripe ref="multipleTable" :data="dataList" tooltip-effect="dark" </el-row>
style="width: 100%" row-class-name="font-size-12"> <el-button plain icon="el-icon-plus" type="primary" size="mini" class="margin-right0" @click="addBusiness">创建订单</el-button>
<el-table-column fixed label="订单号" show-overflow-tooltip> </div>
<template slot-scope="scope"> <div class="page-content">
{{scope.row.OrderId}} <el-table
<!-- <p @click="openDetails(scope)" class="font-color-link cp">{{scope.row.OrderId}}</p> --> v-loading="loading"
</template> stripe
ref="multipleTable"
:data="dataList"
tooltip-effect="dark"
style="width: 100%"
row-class-name="font-size-12">
<el-table-column
fixed
label="订单号"
show-overflow-tooltip>
<template slot-scope="scope">
{{scope.row.OrderId}}
<!-- <p @click="openDetails(scope)" class="font-color-link cp">{{scope.row.OrderId}}</p> -->
</template>
</el-table-column> </el-table-column>
<el-table-column fixed label="业务员" show-overflow-tooltip :width="120"> <el-table-column
<template slot-scope="scope"> fixed
<p>{{scope.row.EnterName}}</p> label="业务员"
<p>{{scope.row.CreateTime}}</p> show-overflow-tooltip :width="120">
</template> <template slot-scope="scope">
<p>{{scope.row.EnterName}}</p>
<p>{{scope.row.CreateTime}}</p>
</template>
</el-table-column> </el-table-column>
<el-table-column label="起始城市" show-overflow-tooltip :width="120"> <el-table-column
<template slot-scope="scope"> label="起始城市"
<p>人数：{{scope.row.GuestCount}}人</p> show-overflow-tooltip :width="120">
<p>{{scope.row.StartCityName}}->{{scope.row.EndCityName}}</p> <template slot-scope="scope">
</template> <p>人数：{{scope.row.GuestCount}}人</p>
<p>{{scope.row.StartCityName}}->{{scope.row.EndCityName}}</p>
</template>
</el-table-column> </el-table-column>
<el-table-column label="应收" show-overflow-tooltip> <el-table-column
<template slot-scope="scope"> label="应收"
<p @click="editOrderAmount(scope.row)" class="cp" show-overflow-tooltip>
<template slot-scope="scope">
<p @click="editOrderAmount(scope.row)" class="cp"
:class="scope.row.TicketStatus==1&&scope.row.OrderStatus==1?'font-color-link':''">{{scope.row.Money}}</p> :class="scope.row.TicketStatus==1&&scope.row.OrderStatus==1?'font-color-link':''">{{scope.row.Money}}</p>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="实收" show-overflow-tooltip> <el-table-column
<template slot-scope="scope"> label="实收"
{{scope.row.IncomeMoney}}<i @click="makeAdocument(scope.row,1)" class="iconfont iconjia- numIcon"></i> show-overflow-tooltip>
</template> <template slot-scope="scope">
{{scope.row.IncomeMoney}}<i @click="makeAdocument(scope.row,1)" class="iconfont iconjia- numIcon"></i>
</template>
</el-table-column> </el-table-column>
<el-table-column prop="BackMoney" label="退款" show-overflow-tooltip> <el-table-column
<template slot-scope="scope"> label="退款"
<!-- v-if="scope.row.OrderStatus!=1" --> show-overflow-tooltip>
{{scope.row.BackMoney}}<i @click="makeAdocument(scope.row,2)" class="iconfont iconjia- numIcon"></i> <template slot-scope="scope">
</template> <!-- v-if="scope.row.OrderStatus!=1" -->
{{scope.row.BackMoney}}<i @click="makeAdocument(scope.row,2)" class="iconfont iconjia- numIcon"></i>
</template>
</el-table-column> </el-table-column>
<el-table-column label="成本" show-overflow-tooltip> <el-table-column
<template slot-scope="scope"> label="成本"
{{scope.row.PayMoney}}<i @click="makeAdocument(scope.row,3)" class="iconfont iconjia- numIcon"></i> show-overflow-tooltip>
</template> <template slot-scope="scope">
<!-- v-if="scope.row.OrderStatus!=1" -->
{{scope.row.PayMoney}}<i @click="makeAdocument(scope.row,3)" class="iconfont iconjia- numIcon"></i>
</template>
</el-table-column> </el-table-column>
<el-table-column prop="TaxMoney" label="手续费" show-overflow-tooltip> <el-table-column
prop="TaxMoney"
label="手续费"
show-overflow-tooltip>
</el-table-column> </el-table-column>
<el-table-column label="待收" show-overflow-tooltip> <el-table-column
<template slot-scope="scope"> label="待收"
<p class="ToBeReceived" :class="scope.row.DueinMoney==0?'blue':'red'"> show-overflow-tooltip>
{{scope.row.DueinMoney}} <template slot-scope="scope">
</p> <p class="ToBeReceived" :class="scope.row.DueinMoney==0?'blue':'red'">
</template> {{scope.row.DueinMoney}}
</p>
</template>
</el-table-column> </el-table-column>
<el-table-column label="出票状态" show-overflow-tooltip> <el-table-column
<template slot-scope="scope"> label="出票状态"
<p @click="modifyStatus(scope.row)" class="cp tatusText" :class="scope.row.TicketStatus==1?'grey': show-overflow-tooltip>
<template slot-scope="scope">
<p @click="modifyStatus(scope.row)"
class="cp tatusText"
:class="scope.row.TicketStatus==1?'grey':
(scope.row.TicketStatus==2?'success': (scope.row.TicketStatus==2?'success':
(scope.row.TicketStatus==3?'error': (scope.row.TicketStatus==3?'error':
(scope.row.TicketStatus==4?'Black':'')))"> (scope.row.TicketStatus==4?'Black':'')))">
{{scope.row.TicketStatusName}} {{scope.row.TicketStatusName}}
</p> </p>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="订单状态" show-overflow-tooltip> <el-table-column
<template slot-scope="scope"> label="订单状态"
{{scope.row.OrderStatus==1?"正常":"取消"}} show-overflow-tooltip>
</template> <template slot-scope="scope">
{{scope.row.OrderStatus==1?"正常":"取消"}}
</template>
</el-table-column> </el-table-column>
<el-table-column prop="Remark" label="客户需求" show-overflow-tooltip> <el-table-column
prop="Remark"
label="客户需求"
show-overflow-tooltip>
</el-table-column> </el-table-column>
<el-table-column prop="PayFinance" label="付款单据" show-overflow-tooltip> <el-table-column
label="成本单据"
show-overflow-tooltip>
<template slot-scope="scope">
<p v-for="(item,index) in scope.row.PayFinance" :key="index">
{{item?item:''}}
</p>
</template>
</el-table-column> </el-table-column>
<el-table-column prop="IncomeFinance" label="收入单据" show-overflow-tooltip> <el-table-column
label="收入单据"
show-overflow-tooltip>
<template slot-scope="scope">
<p v-for="(item,index) in scope.row.IncomeFinance" :key="index"
:class="item.Status==1?'income_1':'income_2'">
{{item.FrID}}
</p>
</template>
</el-table-column> </el-table-column>
<el-table-column prop="BackFinance" label="退款单据" show-overflow-tooltip> <el-table-column
label="退款单据"
show-overflow-tooltip>
<template slot-scope="scope">
<p v-for="(item,index) in scope.row.BackFinance" :key="index">
{{item?item:''}}
</p>
</template>
</el-table-column> </el-table-column>
<el-table-column prop="CreateByName" label="创建人" show-overflow-tooltip> <el-table-column
prop="CreateByName"
label="创建人"
show-overflow-tooltip>
</el-table-column> </el-table-column>
<el-table-column fixed="right" label="操作" show-overflow-tooltip> <el-table-column
<template slot-scope="scope"> fixed="right"
<div class="item-but-box"> label="操作"
<el-tooltip v-if="scope.row.TicketStatus==1&&scope.row.OrderStatus==1" class="item-but" effect="dark" show-overflow-tooltip>
content="取消订单" placement="top"> <template slot-scope="scope">
<i class="iconfont iconquxiao cp" @click="cancelOrder(scope.row)"></i> <div class="item-but-box">
</el-tooltip> <el-tooltip
<el-tooltip class="item-but" effect="dark" content="操作日志" placement="top"> v-if="scope.row.TicketStatus==1&&scope.row.OrderStatus==1"
<i class="iconfont iconcopy cp" @click="operationLog(scope.row)"></i> class="item-but" effect="dark" content="取消订单" placement="top">
</el-tooltip> <i class="iconfont iconquxiao cp" @click="cancelOrder(scope.row)"></i>
</el-tooltip>
</div> <el-tooltip
</template> class="item-but" effect="dark" content="操作日志" placement="top">
<i class="iconfont iconcopy cp" @click="operationLog(scope.row)"></i>
</el-tooltip>
</div>
</template>
</el-table-column> </el-table-column>
</el-table> </el-table>
</div>
<div v-if="total>0">
<el-pagination class="Mypagination" background @current-change="handleCurrentChange"
:page-sizes="[30, 60, 90, 100]" :page-size="msg.pageSize" layout="sizes, prev, pager, next"
@size-change="handleSizeChange" :total="total">
</el-pagination>
</div>
</div> </div>
<div v-if="total>0">
<el-pagination class="Mypagination" background @current-change="handleCurrentChange"
:page-sizes="[30, 60, 90, 100]" :page-size="msg.pageSize" layout="sizes, prev, pager, next"
@size-change="handleSizeChange" :total="total">
</el-pagination>
</div>
</div>
</template> </template>
<script> <script>
export default { export default {
props: ["ID", "BusinessType"], props: ["ID", "BusinessType"],
data() { data() {
return { return {
orderStatusList: [{ orderStatusList:[
Name: '正常', {Name:'正常',Id:'1'},
Id: '1' {Name:'取消',Id:'2'}
}, ],//订单状态
{ ticketingStatusList:[],// 出票状态
Name: '取消', dataList: [],
Id: '2' loading: false,
} msg: {
], //订单状态 pageIndex: 1,
ticketingStatusList: [], // 出票状态 pageSize: 30,
dataList: [], OrderId:"",
loading: false, GuestId:"",
msg: { TicketStatus: '0',
pageIndex: 1, OrderStatus:"1",
pageSize: 30, StartCityName: "",
OrderId: "", EndCityName: "",
GuestId: "", EnterID: ""
TicketStatus: '0',
OrderStatus: "1",
StartCityName: "",
EndCityName: "",
EnterID: ""
},
total: 0
};
}, },
watch: { total:0
ID: { };
handler(val, oldVal) { },
this.getList(); watch: {
}, ID: {
deep: true, handler(val, oldVal) {
this.getList();
}, },
deep: true,
}, },
mounted() { },
mounted() {
this.getList();
this.GetTicketStatusEnumList() this.getList();
let $this = this this.GetTicketStatusEnumList()
this.MsgBus.$on("closeGetList", function () { let $this = this
$this.getList() this.MsgBus.$on("closeGetList", function() {
}); $this.getList()
});
},
methods: {
// 制作单据
makeAdocument(row,num){
let type
type = num==1? 1:2 // 1收款 2退款 3成本
let href
let url
if(this.isOnline()){
url = 'http://yx.oytour.com/#/'
}else{
url = 'http://www.test.com:8080/#/'
}
let data = [
{
path:'ChoiceAddFinancialDocuments',
type: type,
OtherType: 55,
ReFinanceId: row.OrderId,
ReFinanceId2: num,
GuestId: row.GuestId
}
]
href = url+'automaticLogin?token='+this.getLocalStorage().token+'&data=' + JSON.stringify(data)
window.open(href);
}, },
methods: { // 操作日志
// 制作单据 operationLog(row){
makeAdocument(row, num) { let $this = this;
let type this.MsgBus.$emit("logTicketOrderBoxOpen", $this.ID, row, true);
type = num == 1 ? 1 : 2 },
let href // 修改出票状态
let url modifyStatus(row){
if (this.isOnline()) { if(row.OrderStatus==2){
url = 'http://yx.oytour.com/#/' let tips = '该订单已取消，不能修改出票状态'
} else { this.$confirm(tips, '提示', {
url = 'http://www.test.com:8081/#/'
}
href = url + 'automaticLogin?token=' + this.getLocalStorage().token + '&type=' + type + '&OtherType=55' +
'&ReFinanceId=' + row.OrderId + '&ReFinanceId2=' + num + '&GuestId=' + row.GuestId
window.open(href);
},
// 操作日志
operationLog(row) {
let $this = this;
this.MsgBus.$emit("logTicketOrderBoxOpen", $this.ID, row, true);
},
// 修改出票状态
modifyStatus(row) {
if (row.OrderStatus == 2) {
let tips = '该订单已取消，不能修改出票状态'
this.$confirm(tips, '提示', {
confirmButtonText: '确定', confirmButtonText: '确定',
cancelButtonText: '取消', cancelButtonText: '取消',
type: 'warning' type: 'warning'
}).then(() => { }).then(() => {
}).catch(() => { }).catch(() => {
}); });
} else { }else{
if (row.TicketStatus == 4) { if(row.TicketStatus==4){
return return
} else { }else{
let $this = this; let $this = this;
this.MsgBus.$emit("reviseTicketOrderBoxOpen", $this.ID, row, true); this.MsgBus.$emit("reviseTicketOrderBoxOpen", $this.ID, row, true);
}
} }
}
},
// 取消订单 },
cancelOrder(row) { // 取消订单
let tips = '此操作将取消该订单，是否继续取消?' cancelOrder(row){
this.$confirm(tips, '提示', { let tips = '此操作将取消该订单，是否继续取消?'
this.$confirm(tips, '提示', {
confirmButtonText: '确定', confirmButtonText: '确定',
cancelButtonText: '取消', cancelButtonText: '取消',
type: 'warning' type: 'warning'
}).then(() => { }).then(() => {
this.apipost('/api/Order/SetGuestOrderState', { this.apipost('/api/Order/SetGuestOrderState', {
OrderId: row.OrderId, OrderId: row.OrderId,
Type: '1', Type: '1',
}, res => { }, res=>{
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
this.$message.success(res.data.message); this.$message.success(res.data.message);
this.getList() this.getList()
} }
}) })
}).catch(() => { }).catch(() => {
this.$message({ this.$message({
type: 'info', type: 'info',
message: '已取消' message: '已取消'
}); });
}); });
}, },
// 编辑订单金额 // 编辑订单金额
editOrderAmount(row) { editOrderAmount(row){
if (row.TicketStatus == 1 && row.OrderStatus == 1) { if(row.TicketStatus==1&&row.OrderStatus==1){
let $this = this; let $this = this;
this.MsgBus.$emit("editTicketOrderBoxOpen", $this.ID, row, true); this.MsgBus.$emit("editTicketOrderBoxOpen", $this.ID, row, true);
} else { }else{
let tips = '' let tips = ''
if (row.TicketStatus == 2 && row.OrderStatus == 1) { if(row.TicketStatus==2&&row.OrderStatus==1){
tips = '已出票' tips = '已出票'
} }
if (row.TicketStatus == 3 && row.OrderStatus == 1) { if(row.TicketStatus==3&&row.OrderStatus==1){
tips = '航班熔断' tips = '航班熔断'
} }
if (row.TicketStatus == 4 && row.OrderStatus == 1) { if(row.TicketStatus==4&&row.OrderStatus==1){
tips = '用户取消航班' tips = '用户取消航班'
} }
if (row.OrderStatus == 2) { if(row.OrderStatus==2){
tips = '已取消' tips = '已取消'
} }
this.$confirm('此订单' + tips + '，无法编辑订单金额?', '提示', { this.$confirm('此订单'+tips+'，无法编辑订单金额?', '提示', {
confirmButtonText: '确定', confirmButtonText: '确定',
cancelButtonText: '取消', cancelButtonText: '取消',
type: 'warning' type: 'warning'
}).then(() => { }).then(() => {
}).catch(() => { }).catch(() => {
}); });
} }
},
openDetails(scope) { },
this.MsgBus.$emit("busnessDrawerShow", scope.row.ID, 1); openDetails(scope) {
}, console.log(scope.row.ID);
// 获取出票状态枚举 this.MsgBus.$emit("busnessDrawerShow", scope.row.ID, 1);
GetTicketStatusEnumList() { },
let $this = this // 获取出票状态枚举
this.msg.GuestId = $this.ID GetTicketStatusEnumList(){
this.apipost( let $this = this
"/api/Order/GetTicketStatusEnumList", {}, this.msg.GuestId = $this.ID
(res) => { this.apipost(
if (res.data.resultCode == 1) { "/api/Order/GetTicketStatusEnumList",
this.ticketingStatusList = res.data.data; {},
let data = { (res) => {
Name: '全部', if (res.data.resultCode == 1) {
Id: '0' this.ticketingStatusList = res.data.data;
} let data = {
this.ticketingStatusList.unshift(data) Name:'全部',
} else { Id:'0'
this.$message.error(res.data.message);
} }
this.ticketingStatusList.unshift(data)
} else {
this.$message.error(res.data.message);
} }
); }
}, );
// 获取订单列表 },
getList() { // 获取订单列表
this.loading = true; getList() {
this.apipost( this.loading = true;
"/api/Order/GetGuestOrderPageList", this.apipost(
this.msg, "/api/Order/GetGuestOrderPageList",
(res) => { this.msg,
if (res.data.resultCode == 1) { (res) => {
this.dataList = res.data.data.pageData; if (res.data.resultCode == 1) {
this.total = res.data.data.count; this.dataList = res.data.data.pageData;
this.loading = false this.total = res.data.data.count;
} else { this.loading = false
this.$message.error(res.data.message); } else {
} this.$message.error(res.data.message);
} }
); }
}, );
// 添加订单 },
addBusiness() { // 添加订单
let $this = this; addBusiness() {
this.MsgBus.$emit("addTicketOrderBoxOpen", $this.ID, 0, true); let $this = this;
}, this.MsgBus.$emit("addTicketOrderBoxOpen", $this.ID, 0, true);
guanlian() {}, },
jiechuguanlian() {}, guanlian() {},
handleSizeChange(val) { jiechuguanlian() {},
handleSizeChange(val) {
this.msg.pageSize = val; this.msg.pageSize = val;
this.getList(); this.getList();
}, },
handleCurrentChange(val) { handleCurrentChange(val) {
this.msg.pageIndex = val; this.msg.pageIndex = val;
this.getList(); this.getList();
},
}, },
}; },
</script> };
\ No newline at end of file </script>
src/components/guestManagement/customerInfoBox.vue
View file @ d91d082d
...@@ -82,8 +82,8 @@ ...@@ -82,8 +82,8 @@
<p>{{detailsData.SurName + detailsData.Name}}</p> <p>{{detailsData.SurName + detailsData.Name}}</p>
</div> </div>
<div class="right" v-if="!hiddenMenu"> <div class="right" v-if="!hiddenMenu">
<el-button class="crm-btn query-btn" @click="editCust" v-if="detailsData.IsCreate==1||detailsData.IsRead==1">编辑 {{detailsData.IsCreate}}
</el-button> <el-button class="crm-btn query-btn" @click="editCust">编辑</el-button>
<el-dropdown @command="handleCommand" style="top: 1px;" v-if="detailsData.IsCreate==1"> <el-dropdown @command="handleCommand" style="top: 1px;" v-if="detailsData.IsCreate==1">
<el-button class="crm-btn crm-btn-more easy-btn margin-right0"> <el-button class="crm-btn crm-btn-more easy-btn margin-right0">
<i class="iconfont icongengduo"></i> <i class="iconfont icongengduo"></i>
...@@ -105,23 +105,30 @@ ...@@ -105,23 +105,30 @@
<span class="info-lable">创建时间：</span><span>{{detailsData.CreateDate ? detailsData.CreateDate : ''}}</span> <span class="info-lable">创建时间：</span><span>{{detailsData.CreateDate ? detailsData.CreateDate : ''}}</span>
</el-col> </el-col>
</el-row> </el-row>
</div> </div>
<div class="content"> <div class="content">
<el-tabs v-model="activeName" @tab-click="handleClick"> <el-tabs v-model="activeName" @tab-click="handleClick">
<el-tab-pane label="活动" name="1"> <el-tab-pane label="活动" name="1">
<Activity v-if="activeName === '1'" :CustomerId="CustomerId" :detailsData="detailsData" :showType="2" /> <Activity v-if="activeName === '1'" :CustomerId="CustomerId" :showType="2" />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="详细资料" name="2"> <el-tab-pane label="详细资料" name="2">
<Details v-if="activeName === '2'" :detailsData="detailsData" /> <Details v-if="activeName === '2'" :detailsData="detailsData" />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="团队" name="10"> <el-tab-pane label="团队" name="10">
<guestTeam v-if="activeName === '10'" :GuestId="CustomerId" :detailsData="detailsData" /> <guestTeam v-if="activeName === '10'" :GuestId="CustomerId" />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="商机" name="5"> <el-tab-pane label="商机" name="5">
<Business v-if="activeName === '5'" :ID="CustomerId" :detailsData="detailsData" /> <Business v-if="activeName === '5'" :ID="CustomerId" />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="订单" name="6"> <el-tab-pane label="订单" name="6">
<Agreement v-if="activeName === '6'" :ID="CustomerId" :detailsData="detailsData" /> <Agreement v-if="activeName === '6'" :ID="CustomerId" />
</el-tab-pane>
<el-tab-pane label="财务单据" name="11">
<finance v-if="activeName === '11'" :ID="CustomerId" />
</el-tab-pane>
<el-tab-pane label="回款" name="7" v-if="false">
<!-- <MoneyBack /> -->
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="附件" name="8"> <el-tab-pane label="附件" name="8">
<Enclosure :ID='CustomerId' :type='1' :isGuest="true" v-if="activeName === '8'" /> <Enclosure :ID='CustomerId' :type='1' :isGuest="true" v-if="activeName === '8'" />
...@@ -139,6 +146,7 @@ ...@@ -139,6 +146,7 @@
import Details from "./Details"; import Details from "./Details";
import Business from "./Business"; import Business from "./Business";
import Agreement from "./Agreement"; import Agreement from "./Agreement";
import finance from "./finance"
import MoneyBack from "./MoneyBack"; import MoneyBack from "./MoneyBack";
import guestTeam from "./guestTeam"; import guestTeam from "./guestTeam";
import Enclosure from "../clueManagement/Enclosure"; import Enclosure from "../clueManagement/Enclosure";
...@@ -149,6 +157,7 @@ ...@@ -149,6 +157,7 @@
Details, Details,
Business, Business,
Agreement, Agreement,
finance,
MoneyBack, MoneyBack,
Enclosure, Enclosure,
Record, Record,
......
src/components/guestManagement/finance.vue 0 → 100644
View file @ d91d082d
<style scoped>
.add-Enclosure{
display: flex;
justify-content: space-between;
}
.add-Enclosure-left{
display: flex;
}
.item-but-box{
display: flex;
}
.item-but{
margin-right: 10px;
}
.numIcon{
font-size: 12px;
padding: 5px;
color: #409eff;
}
.tatusText.grey{
color: grey;
}
.tatusText.success{
color: #21BA45;
}
.tatusText.error{
color: #F2C037;
}
.tatusText.Black{
color: Black;
}
.ToBeReceived.red{
color: #fd397a;
}
.ToBeReceived.blue{
color: #409eff;
}
.income_1{
color: #2961FE;
}
.income_2{
color: #3FC4FF;
}
</style>
<template>
<div class="Business">
<div class="add-Enclosure">
<el-row :gutter="12">
<el-col :span="8">
<el-input size="mini" placeholder="输入单号" v-model="msg.FrID" label="单号"
@keyup.enter.native="getList"></el-input>
</el-col>
<el-col :span="4">
<el-select size="mini" width="200" v-model="msg.Type" placeholder="请选择"
@change="getList">
<el-option
v-for="item in DocumentTypeList"
:key="item.Id" :label="item.Name" :value="item.Id"></el-option>
</el-select>
</el-col>
<el-col :span="4">
<el-select size="mini" width="200" v-model="msg.Status" placeholder="请选择"
@change="getList">
<el-option
v-for="item in ApprovalStatusList"
:key="item.Id" :label="item.Name" :value="item.Id"></el-option>
</el-select>
</el-col>
</el-row>
</div>
<div class="page-content">
<el-table
v-loading="loading"
stripe
ref="multipleTable"
:data="dataList"
tooltip-effect="dark"
style="width: 100%"
row-class-name="font-size-12">
<el-table-column
fixed
label="单号"
show-overflow-tooltip>
<template slot-scope="scope">
<p @click="openDetails(scope.row)" class="font-color-link cp">{{scope.row.FrID}}</p>
</template>
</el-table-column>
<el-table-column
fixed
label="费用类型"
show-overflow-tooltip :width="120">
<template slot-scope="scope">
<p v-for="(item,index) in scope.row.CostTypeList" :key="index">
{{item}}
</p>
</template>
</el-table-column>
<el-table-column
label="单据类型"
show-overflow-tooltip :width="80">
<template slot-scope="scope">
<p>{{scope.row.Type==1?'收入':(scope.row.Type==2?'支出':'不限')}}</p>
</template>
</el-table-column>
<el-table-column
label="金额"
show-overflow-tooltip>
<template slot-scope="scope">
<p>应付：{{scope.row.Money}}</p>
<p>实收：{{scope.row.PayMoney}}</p>
</template>
</el-table-column>
<el-table-column
label="付款对象"
show-overflow-tooltip>
<template slot-scope="scope">
{{scope.row.Type==2?scope.row.ClientTypeName+'：':'汇款人：'}}{{scope.row.RemitterName}}
</template>
</el-table-column>
<el-table-column
label="制单人员"
show-overflow-tooltip :width="80">
<template slot-scope="scope">
{{scope.row.EmName}}
</template>
</el-table-column>
<el-table-column
fixed="right"
label="当前状态"
show-overflow-tooltip :width="80">
<template slot-scope="scope">
{{scope.row.StatusStr}}
</template>
</el-table-column>
</el-table>
</div>
<div v-if="total>0">
<el-pagination class="Mypagination" background @current-change="handleCurrentChange"
:page-sizes="[30, 60, 90, 100]" :page-size="msg.pageSize" layout="sizes, prev, pager, next"
@size-change="handleSizeChange" :total="total">
</el-pagination>
</div>
</div>
</template>
<script>
export default {
props: ["ID", "BusinessType"],
data() {
return {
ApprovalStatusList:[
{Name:'不限',Id:'-1'},
{Name:'暂存',Id:'0'},
{Name:'审核中',Id:'1'},
{Name:'通过',Id:'2'},
{Name:'驳回',Id:'3'},
{Name:'作废',Id:'4'},
{Name:'出纳暂存',Id:'5'},
],//订单状态
DocumentTypeList:[
{Name:'不限',Id:'-1'},
{Name:'收入',Id:'1'},
{Name:'支出',Id:'2'},
],// 单据类型
dataList: [],
loading: false,
msg: {
pageIndex: 1,
pageSize: 30,
FrID:"0",
Type:"-1",
Status: "-1",
GuestId:""
},
total:0
};
},
watch: {
ID: {
handler(val, oldVal) {
this.getList();
},
deep: true,
},
},
mounted() {
this.msg.GuestId = this.ID
this.getList();
let $this = this
this.MsgBus.$on("closeGetList", function() {
$this.getList()
});
},
methods: {
openDetails(row) {
let href
let url
if(this.isOnline()){
url = 'http://yx.oytour.com/#/'
}else{
url = 'http://www.test.com:8080/#/'
}
let data = [
{
path:'FinancialDocumentsDetail',
id: row.FrID
}
]
href = url+'automaticLogin?token='+this.getLocalStorage().token+'&data=' + JSON.stringify(data)
window.open(href);
},
// 获取订单列表
getList() {
if(this.msg.FrID==''){
this.msg.FrID = 0
}
this.loading = true;
this.apipost2(
"Financial_post_GetCRMGuestFinancePageList",
this.msg,
(res) => {
this.msg.FrID=""
if (res.data.resultCode == 1) {
this.dataList = res.data.data.pageData;
this.total = res.data.data.count;
this.loading = false
} else {
this.$message.error(res.data.message);
}
}
);
},
// 添加订单
addBusiness() {
let $this = this;
this.MsgBus.$emit("addTicketOrderBoxOpen", $this.ID, 0, true);
},
guanlian() {},
jiechuguanlian() {},
handleSizeChange(val) {
this.msg.pageSize = val;
this.getList();
},
handleCurrentChange(val) {
this.msg.pageIndex = val;
this.getList();
},
},
};
</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