Commit d91d082d authored by 黄奎's avatar 黄奎

111

parents f5a542c6 17fa733e
......@@ -82,8 +82,8 @@
<p>{{detailsData.SurName + detailsData.Name}}</p>
</div>
<div class="right" v-if="!hiddenMenu">
<el-button class="crm-btn query-btn" @click="editCust" v-if="detailsData.IsCreate==1||detailsData.IsRead==1">编辑
</el-button>
{{detailsData.IsCreate}}
<el-button class="crm-btn query-btn" @click="editCust">编辑</el-button>
<el-dropdown @command="handleCommand" style="top: 1px;" v-if="detailsData.IsCreate==1">
<el-button class="crm-btn crm-btn-more easy-btn margin-right0">
<i class="iconfont icongengduo"></i>
......@@ -105,23 +105,30 @@
<span class="info-lable">创建时间:</span><span>{{detailsData.CreateDate ? detailsData.CreateDate : ''}}</span>
</el-col>
</el-row>
</div>
<div class="content">
<el-tabs v-model="activeName" @tab-click="handleClick">
<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 label="详细资料" name="2">
<Details v-if="activeName === '2'" :detailsData="detailsData" />
</el-tab-pane>
<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 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 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 label="附件" name="8">
<Enclosure :ID='CustomerId' :type='1' :isGuest="true" v-if="activeName === '8'" />
......@@ -139,6 +146,7 @@
import Details from "./Details";
import Business from "./Business";
import Agreement from "./Agreement";
import finance from "./finance"
import MoneyBack from "./MoneyBack";
import guestTeam from "./guestTeam";
import Enclosure from "../clueManagement/Enclosure";
......@@ -149,6 +157,7 @@
Details,
Business,
Agreement,
finance,
MoneyBack,
Enclosure,
Record,
......
<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