Skip to content

S
SuperMan
Commit bfa857ff authored by 华国豪's avatar 华国豪 🙄
Browse files
Options

客户联盟客户联盟客户联盟客户联盟客户联盟

parent 74134e13
Hide whitespace changes
Inline Side-by-side
Showing with 387 additions and 38 deletions
src/components/Details.vue
View file @ bfa857ff
......@@ -572,6 +572,12 @@ export default {
case "/LianMengManagementList": //客户联盟客户列表
path = "/LianMengManagement";
break;
case "/happyMoneyDetails": // 红包结算
path = "/LianMengManagement";
break;
case "/happyMoney": // 红包结算
path = "/LianMengManagement";
break;
}
//找到Root
......@@ -795,6 +801,12 @@ export default {
case "/LianMengManagementList": //客户联盟客户列表
path = "/LianMengManagement";
break;
case "/happyMoneyDetails": // 红包结算
path = "/LianMengManagement";
break;
case "/happyMoney": // 红包结算
path = "/LianMengManagement";
break;
}
//找到Root
......
src/components/SalesModule/CustomerAnalysis.vue
View file @ bfa857ff
......@@ -97,7 +97,7 @@
<p style="color:#93959A;font-size:10px">本年预计收益</p>
</div>
<div style="margin-top:20px">
<p style="color:#2C3343"><span style="font-size:14px">￥</span><span style="font-size:20px">{{datainfo.totalYearPrice}}</span></p>
<p style="color:#2C3343"><span style="font-size:14px">￥</span><span style="font-size:20px">{{datainfo.allianceTotalYearPrice}}</span></p>
<p style="color:#93959A;font-size:10px">本年交易金额</p>
</div>
<div style="margin-top:20px">
......
src/components/SalesModule/CustomerCertification.vue
View file @ bfa857ff
......@@ -128,6 +128,7 @@
<th width="10%">电话</th>
<th width="10%">交易金额</th>
<th width="10%">地址</th>
<th width="10%">所属联盟</th>
<th width="10%">申请时间</th>
<th width="10%">申请状态</th>
<th width="10%">操作</th>
......@@ -141,6 +142,7 @@
<td>{{item.ContactPhone}}</td>
<td>{{item.TradeMoney}}</td>
<td>{{item.Addres}}</td>
<td>{{item.AllianceName}}</td>
<td>{{item.CreateDateStr}}</td>
<td>
<span v-if="item.ApplyState === 0" class="_status_str _status_str_y">审核中</span>
......
src/components/SalesModule/MyCustomer.vue
View file @ bfa857ff
......@@ -7,7 +7,7 @@
z-index: 50; bottom:0;left: 0;border-top:3px solid #38425d;background-color:#f9f9f9; padding: 10px;width: 100%;min-width: 1146px;}
.page_MyCustomer .edHeightOne{display: block!important;height: 450px;}
.page_MyCustomer ._mc_list{overflow-x: auto; background: #fff; padding-top: 20px; padding-left: 15px;}
.page_MyCustomer ._mc_list>ul>li{padding: 20px 20px 0 20px;width: 260px;box-sizing: border-box; height:386px;
.page_MyCustomer ._mc_list>ul>li{padding: 20px 20px 0 20px;width: 260px;box-sizing: border-box; height:410px;
float: left;border: 1px solid #F1F2F5;background: #fff; margin-right:10px;margin-bottom: 20px; border-radius: 10px; position: relative; cursor: pointer;}
.page_MyCustomer ._mc_list>ul>li:hover{box-shadow:0px 0px 10px rgba(191,191,191,1);transition: all linear 0.3s;}
.page_MyCustomer ._mc_list>ul>li .iconDelete{cursor: pointer; display: none; position: absolute; top: -4px; right: 0; color: #E95252; z-index: 5; }
......@@ -148,8 +148,9 @@
<div class="_bt">
<el-row :gutter="24">
<el-col :span="18">
<p>累计交易额度 <span> {{item.tradeTotal}}</span></p>
<p>询价与需求 <span> {{item.inquireCount}}</span></p>
<p>累计交易额度 <span> {{item.tradeTotal}}</span></p>
<p>询价与需求 <span> {{item.inquireCount}}</span></p>
<p>所属联盟 <span> {{item.allianceName}}</span></p>
</el-col>
<el-col :span="6" style="text-align:right;padding:0">
<span class="xqBtn" @click.stop="goUrC('CustomerAnalysis',item.customerId)">详情</span>
......
src/components/SalesModule/customerTransfer.vue
View file @ bfa857ff
......@@ -110,6 +110,7 @@
<th width="7%">联系人</th>
<th width="10%">联系电话</th>
<th width="20%">地址</th>
<th width="7%">所属联盟</th>
<th width="8%">所属销售</th>
<th width="8%">客户状态</th>
<th width="5%">交易额</th>
......@@ -140,6 +141,7 @@
{{item.ContactNumber}}
</td>
<td>{{item.Address}}</td>
<td>{{item.AllianceName}}</td>
<td>{{item.EmName}}</td>
<td>{{valueToWord(item.CustomerStatus)}}</td>
<td>{{item.TotalPrice}}</td>
......
src/components/SalesModule/publicCustomer.vue
View file @ bfa857ff
......@@ -56,6 +56,7 @@
</th>
<th width="17%">联系电话</th>
<th width="20%">地址</th>
<th width="10%">所属联盟</th>
<th width="10%">来源</th>
<th width="8%">拜访次数</th>
<th width="10%">交易金额</th>
......@@ -72,7 +73,8 @@
<label><input type="checkbox" :value="item.CustomerId" v-model="customerList" @change="ckeckedOne" style="vertical-align: middle;"/>{{item.CustomerName}}<i class="iconfont icon-shimingrenzheng" :class="{'_class_b': item.RealNameAuthentication===1}"></i></label>
</td>
<td><i class="iconfont icon-img_dianhua fz14" style="color:#09D49D;margin-right: 5px;"></i>{{item.ContactNumber}}</td>
<td>{{item.Address}}</td>
<td>{{item.Address}}</td>
<td>{{item.AllianceName}}</td>
<td>{{item.MarkOverType=='1'?'离职':item.MarkOverType=='2'?'申请注册':"自动释放"}}</td>
<td>{{item.VisiteCount}}</td>
<td style="color: #FF9C00;">￥{{moneyFormat(item.TotalPrice)}}</td>
......
src/components/administrative/LianMengManagement.vue
View file @ bfa857ff
......@@ -5,6 +5,7 @@
.LianMengManagement ._icon_btn i{width: 30px;height: 30px;display: inline-block;color: white !important;border-radius: 50%;text-align: center;line-height: 30px;margin-right: 10px;cursor: pointer;outline: none;}
.LianMengManagement ._icon_btn i.el-icon-edit{background-color: #47BF8C;}
.LianMengManagement ._icon_btn i.el-icon-check{background-color: #E95252;}
.LianMengManagement ._icon_btn i.el-icon-search{background-color: #E6A23C;}
</style>
<template>
<div class="LianMengManagement">
......@@ -41,8 +42,11 @@
<el-tooltip class="item" effect="dark" content="新增客户" placement="top">
<i class="edit el-icon-edit"@click="addCustorm(item)"></i>
</el-tooltip>
<el-tooltip class="item" effect="dark" content="结算" placement="top">
<i class="edit el-icon-check"@click="addCustorm(item)" v-if="item.IsClearing == 1"></i>
<el-tooltip class="item" effect="dark" content="结算" placement="top">
<i class="edit el-icon-check" v-if="item.IsClearing == 1" @click="jiesuan(item.ID, 'happyMoney')" ></i>
</el-tooltip>
<el-tooltip class="item" effect="dark" content="详情" placement="top">
<i class="edit el-icon-search" v-if="item.IsClearing == 2" @click="jiesuan(item.ID, 'happyMoneyDetails')" ></i>
</el-tooltip>
</td>
</tr>
......@@ -102,8 +106,8 @@
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button class="hollowFixedBtn" @click="dialogFormVisible=false, iniTAddMsg">{{$t('pub.cancelBtn')}}</el-button>
<el-button class="normalBtn" type="primary" @click="UpdateDate('addMsg')">{{$t('pub.sureBtn')}}</el-button>
<button class="hollowFixedBtn" @click="dialogFormVisible=false, iniTAddMsg">{{$t('pub.cancelBtn')}}</button>
<button class="normalBtn" type="primary" @click="UpdateDate('addMsg')">{{$t('pub.sureBtn')}}</button>
</div>
</el-dialog>
<el-pagination
......@@ -182,15 +186,25 @@ export default {
this.employeeMsg.GroupId = userInfo.RB_Group_id; //集团ID
this.getEmployee()
},methods: {
jiesuan: function (ID, path){
this.$router.push({
name: path,
query: {
id: ID,
blank: "y",
tab: '大红包结算'
}
});
},
goCustomerList: function (ID) {
this.$router.push({
name: 'LianMengManagementList',
query: {
id: ID,
blank: "y",
tab: '客户列表'
}
});
name: 'LianMengManagementList',
query: {
id: ID,
blank: "y",
tab: '客户列表'
}
});
},
EndYearChange: function () {
let Eyear = this.addMsg.EndYear ? parseInt(this.addMsg.EndYear) : 0
......
src/components/administrative/happyMoney.vue
View file @ bfa857ff
......@@ -110,27 +110,37 @@
.happyMoney .avatar-uploader-icon {
height: 30px;
}
.happyMoney .normalBtn{
margin-top: 20px;
}
.happyMoney .normalBtn2{
background-color: #a0a0a0;
}
.happyMoney .normalBtn2:hover{
background-color: #a0a0a0;
border-color: #a0a0a0;
}
</style>
<template>
<div class="happyMoney">
<div class="happyMoney" v-if="show">
<div class="tit">
<div class="name">XXXXXXXXXXX2019年度大红包结算</div>
<div class="name">{{dataList.model.AllianceName + dataList.model.EndYear}}年度大红包结算</div>
</div>
<el-row>
<el-col span="16">
<el-col :span="16">
<div class="content-box">
<div class="content-box-tit">
<p>
经系统统计本联盟在
<span class="blod">2009年</span>
<span class="red">销售额为¥500万</span>,
<span class="blod">{{dataList.model.StartYear + '-' + dataList.model.EndYear}}年</span>
<span class="red">销售额为¥{{moneyFormat(dataList.model.TradeMoney)}}万</span>,
<span>合计</span>
<span class="red">人头数200人</span>
<span class="red">人头数{{dataList.model.TotalGuestNum}}人</span>
</p>
<p>
按大红包规则获得《
<span class="blod">50万-90万》返4%</span>，因而将
<span class="red">返回给本联盟50000元</span>到幸福存折，以下为所有门店交易明细，请及时确认
<span class="blod">{{dataList.commissionRatioModel.MinPrice}}元-{{dataList.commissionRatioModel.Money}}元》返{{dataList.commissionRatioModel.Ratio}}}‰</span>，因而将
<span class="red">返回给本联盟{{dataList.model.PredictPrice}}元</span>到幸福存折，以下为所有门店交易明细，请及时确认
</p>
</div>
<table
......@@ -147,13 +157,13 @@
<th>预计返现</th>
<th width="200">确认返现</th>
</tr>
<tr>
<td>XXXXXXXX旅行社</td>
<td>¥12653.00</td>
<td>1256人</td>
<td>¥9856.00</td>
<tr v-for="(item, index) in dataList.model.CustomerList">
<td>{{item.CustomerName}}</td>
<td>¥{{moneyFormat(item.TradeMoney)}}</td>
<td>{{item.TotalGuestNum}}人</td>
<td>¥{{moneyFormat(item.PredictPrice)}}</td>
<td>
<input type="number" placeholder="请输入返现金额" />
<input type="number" v-model="item.ClosePrice" @change="maxMoney(index)" placeholder="请输入返现金额" />
</td>
</tr>
</table>
......@@ -194,6 +204,9 @@
</div>
</el-col>
</el-row>
<el-row>
<input type="button" class="normalBtn" :value="$t('fnc.tijiao')" @click="subData" />
</el-row>
<div v-if="picIsShow" class="_show_img_box" @click="picIsShow=false,picObj=[]">
<div
style="position: absolute; width: 800px; height: 600px; left: 50%; top: 50%; margin-left: -400px; margin-top: -300px;"
......@@ -215,21 +228,65 @@
export default {
data() {
return {
loading: false,
saveMsg: []
loading: false,
saveMsg: [],
picIsShow: false,
show: false,
dataList: {},
};
},
mounted() {
// this.getList();
let id = this.$route.query.id
this.getList(id);
},
methods: {
getList: function() {
maxMoney: function (index) {
let allMoney = 0
this.dataList.model.CustomerList.map(x=>{
allMoney = x.ClosePrice ? parseFloat(x.ClosePrice) + allMoney : allMoney + 0
})
console.log(allMoney)
if (allMoney > this.dataList.model.PredictPrice) {
this.dataList.model.CustomerList[index].ClosePrice = 0;
this.$message.error('返现金额有误，请仔细核对');
return
}
},
subData: function () {
let allMoney = 0
this.dataList.model.CustomerList.map(x=>{
allMoney = x.ClosePrice ? parseFloat(x.ClosePrice) + allMoney : allMoney + 0
})
if (allMoney > this.dataList.model.PredictPrice) {
this.$message.error('返现金额有误，请仔细核对');
return
}
this.dataList.model.FileList = this.saveMsg
this.apipost(
"app_customer_UpdateClearingAlliance",
this.dataList,
res => {
if (res.data.resultCode === 1) {
this.$router.push({
name: 'LianMengManagement',
});
} else {
this.$message.error(res.data.message);
}
},
null
);
},
getList: function(id) {
this.show = false
this.apipost(
"",
{ TCID: TCID, OrderID: OrderID },
"app_customer_GetClearingAllianceList",
{ Id: id},
res => {
if (res.data.resultCode === 1) {
this.dataList = res.data.data;
console.log(res)
this.show = true;
this.dataList = res.data.data
}
},
null
......
src/components/administrative/happyMoneyDetails.vue 0 → 100644
View file @ bfa857ff
<style>
.happyMoney .tit {
margin: 20px 0;
}
.happyMoney .tit .name {
width: 284px;
height: 28px;
background: #e3e3e3;
line-height: 28px;
font-size: 14px;
font-weight: bold;
color: rgba(51, 51, 51, 1);
text-align: center;
}
.happyMoney .content-box {
background-color: white;
padding: 30px 20px;
}
.happyMoney .content-box-tit {
font-size: 14px;
}
.happyMoney .content-box-tit p {
margin-bottom: 10px;
}
.happyMoney .content-box-tit p .blod {
font-weight: 800;
}
.happyMoney .content-box-tit p .red {
color: #e95252;
}
.happyMoney table tr td input {
border: none;
}
.happyMoney ._addUpload_box {
display: block;
margin-top: 15px;
}
.happyMoney ._addUpload_box img {
width: 100%;
}
.happyMoney ._addUpload_box > div {
float: left;
width: 138px;
height: 92px;
border: 1px dashed rgba(210, 210, 210, 1);
border-radius: 2px;
cursor: pointer;
margin-bottom: 10px;
padding: 5px;
margin-right: 10px;
position: relative;
}
.happyMoney ._addUpload_box > div:hover {
background-color: #f5f5f5;
}
.happyMoney ._addFile_name {
padding-left: 15px;
max-width: 450px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.happyMoney ._addUpload_box .icon-guanbi1 {
font-size: 12px;
color: white;
display: inline-block;
margin-left: 15px;
position: absolute;
right: -6px;
top: -9px;
background-color: #f56c6c;
border-radius: 50%;
height: 20px;
width: 20px;
text-align: center;
line-height: 20px;
}
.happyMoney ._addUpload_box .icon-guanbi1:hover {
font-size: 12px;
color: #c94052;
}
.happyMoney ._addUpload_box .icon-excel,
.happyMoney ._addUpload_box .icon-pdf {
text-align: center;
font-size: 38px;
color: green;
line-height: 75px;
}
.happyMoney ._show_img_box {
position: fixed;
background: rgba(0, 0, 0, 0.6);
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 999;
text-align: center;
}
.happyMoney ._pic_upload .el-upload-dragger {
font-size: 28px;
color: #8c939d;
width: 126px;
height: 80px;
line-height: 41px;
text-align: center;
}
.happyMoney ._pic_upload .el-upload--text.el-upload .el-upload__text {
font-size: 14px;
}
.happyMoney .avatar-uploader-icon {
height: 30px;
}
.happyMoney .normalBtn{
margin-top: 20px;
}
.happyMoney .normalBtn2{
background-color: #a0a0a0;
}
.happyMoney .normalBtn2:hover{
background-color: #a0a0a0;
border-color: #a0a0a0;
}
</style>
<template>
<div class="happyMoney" v-if="show">
<div class="tit">
<div class="name">{{dataList.AllianceName + dataList.EndYear}}年度大红包结算</div>
</div>
<el-row>
<el-col :span="16">
<div class="content-box">
<div class="content-box-tit">
{{dataList.Remarks}}
</div>
<table
class="singeRowTable"
border="0"
cellspacing="0"
cellpadding="0"
v-loading="loading"
>
<tr>
<th>名称</th>
<th>交易金额</th>
<th>交易人头</th>
<th>预计返现</th>
<th width="200">确认返现</th>
</tr>
<tr v-for="(item, index) in dataList.CustomerList">
<td>{{item.CustomerName}}</td>
<td>¥{{moneyFormat(item.TradeMoney)}}</td>
<td>{{item.TotalGuestNum}}人</td>
<td>¥{{moneyFormat(item.PredictPrice)}}</td>
<td>¥{{moneyFormat(item.PredictPrice)}}</td>
</tr>
</table>
<div class="_addUpload_box clearfix">
<template v-for="(file,fIndex) in dataList.FileList">
<div v-if="file.Type==3">
<div style="width:100%;height:100%;overflow: hidden;">
<img :src="file.Url?file.Url:file.Content" @click="showUpLoadFile(file)" />
</div>
</div>
<div v-if="file.Type==1">
<div
class="iconfont"
:class="file.Content.substring(file.Content.lastIndexOf('.')+1,file.Content.length).toUpperCase()=='PDF'? 'icon-pdf' : 'icon-excel'"
@click="showUpLoadFile(file)"
></div>
</div>
<div v-if="file.Type==2">
<div class="iconfont icon-excel" @click="showUpLoadFile(file)"></div>
</div>
</template>
</div>
</div>
</el-col>
</el-row>
<div v-if="picIsShow" class="_show_img_box" @click="picIsShow=false,picObj=[]">
<div
style="position: absolute; width: 800px; height: 600px; left: 50%; top: 50%; margin-left: -400px; margin-top: -300px;"
>
<el-carousel :initial-index="initialIndex" height="600px" :interval="5000" trigger="click">
<el-carousel-item
style="height: 600px;overflow:auto;"
v-for="(item,index) in picObj"
:key="index"
>
<img :src="item" style />
</el-carousel-item>
</el-carousel>
</div>
</div>
</div>
</template>
<script>
export default {
data() {
return {
loading: false,
noBtn: false,
saveMsg: [],
picIsShow: false,
show: false,
dataList: {},
};
},
mounted() {
let id = this.$route.query.id
this.getList(id);
},
methods: {
getList: function(id) {
this.show = false
this.apipost(
"app_customer_GetClearingAllianceDetails",
{ Id: id},
res => {
if (res.data.resultCode === 1) {
console.log(res)
this.show = true
this.dataList = res.data.data
}
},
null
);
},
showUpLoadFile(i) {
// 预览上传文件
if (i.Type == 3) {
this.picObj.push(i.Url);
this.imgList.push(i.Url);
this.picIsShow = true;
} else {
if (
i.Content.substring(
i.Content.lastIndexOf(".") + 1,
i.Content.length
).toUpperCase() == "PDF"
) {
this.previewPDF(i.Url);
} else {
window.open(
"https://view.officeapps.live.com/op/view.aspx?src=" + i.Url
);
}
}
},
}
};
</script>
src/router/config.js
View file @ bfa857ff
......@@ -563,7 +563,15 @@ export default {
name: 'happyMoney',
component: resolve => require(['@/components/administrative/happyMoney'], resolve),
meta: {
title: '联盟管理'
title: '大红包结算'
},
},
{
path: '/happyMoneyDetails', //幸福存折
name: 'happyMoneyDetails',
component: resolve => require(['@/components/administrative/happyMoneyDetails'], resolve),
meta: {
title: '大红包结算详情'
},
},
{
......
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