|
@@ -26,16 +26,22 @@ |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="accountBox numBox"> |
|
|
<div class="accountBox numBox"> |
|
|
<div class="numBox_left">{{item.sourceStr+" "+item.typeStr}}</div> |
|
|
|
|
|
|
|
|
<div class="numBox_left"> |
|
|
|
|
|
{{ item.sourceStr + " " + item.typeStr }} |
|
|
|
|
|
</div> |
|
|
<div class="numBox_right" style="color: rgba(255, 106, 106, 1)"> |
|
|
<div class="numBox_right" style="color: rgba(255, 106, 106, 1)"> |
|
|
{{`应收:${item.subsidyStr}`}} |
|
|
|
|
|
|
|
|
{{ `应收:${item.subsidyStr}` }} |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="backStatus_2" v-if="item.statusStr&&item.status==0">{{item.statusStr}}</div> |
|
|
|
|
|
<div class="backStatus_1" v-if="item.statusStr&&item.status!==0">{{item.statusStr}}</div> |
|
|
|
|
|
|
|
|
<div class="backStatus_2" v-if="item.statusStr && item.status == 0"> |
|
|
|
|
|
{{ item.statusStr }} |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="backStatus_1" v-if="item.statusStr && item.status !== 0"> |
|
|
|
|
|
{{ item.statusStr }} |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="status2_Box" v-if="navigationIndex == 1&&showTiem"> |
|
|
|
|
|
|
|
|
<div class="status2_Box" v-if="navigationIndex == 1 && showTiem"> |
|
|
<div class="beginDate" @click="beginDateShow = !beginDateShow"> |
|
|
<div class="beginDate" @click="beginDateShow = !beginDateShow"> |
|
|
{{ beginDateText }} |
|
|
{{ beginDateText }} |
|
|
</div> |
|
|
</div> |
|
@@ -45,7 +51,7 @@ |
|
|
</div> |
|
|
</div> |
|
|
<div class="dateCha" @click="search()">查询</div> |
|
|
<div class="dateCha" @click="search()">查询</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="status3_Box" v-if="navigationIndex == 2&&showTiem"> |
|
|
|
|
|
|
|
|
<div class="status3_Box" v-if="navigationIndex == 2 && showTiem"> |
|
|
<div |
|
|
<div |
|
|
:class="status3_index == 1 ? 'status3_activity' : 'my'" |
|
|
:class="status3_index == 1 ? 'status3_activity' : 'my'" |
|
|
@click="settleWay(1)" |
|
|
@click="settleWay(1)" |
|
@@ -59,7 +65,10 @@ |
|
|
微信分账 |
|
|
微信分账 |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="status4_Box status3_Box" v-if="navigationIndex == 3&&showTiem"> |
|
|
|
|
|
|
|
|
<div |
|
|
|
|
|
class="status4_Box status3_Box" |
|
|
|
|
|
v-if="navigationIndex == 3 && showTiem" |
|
|
|
|
|
> |
|
|
<div |
|
|
<div |
|
|
:class="status4_index == 1 ? 'status3_activity' : 'my'" |
|
|
:class="status4_index == 1 ? 'status3_activity' : 'my'" |
|
|
@click="settleType(1)" |
|
|
@click="settleType(1)" |
|
@@ -73,42 +82,45 @@ |
|
|
已结算 |
|
|
已结算 |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="status5_Box status3_Box" v-if="navigationIndex == 4"> |
|
|
|
|
|
|
|
|
<div |
|
|
|
|
|
class="status5_Box status3_Box" |
|
|
|
|
|
v-if="navigationIndex == 4 && showTiem" |
|
|
|
|
|
> |
|
|
<div |
|
|
<div |
|
|
:class="status5_index == 1 ? 'status3_activity' : 'my'" |
|
|
|
|
|
@click="status5_index = 1" |
|
|
|
|
|
|
|
|
:class="status5_index == 0 ? 'status3_activity' : 'my'" |
|
|
|
|
|
@click="setSource(0)" |
|
|
> |
|
|
> |
|
|
未结算 |
|
|
|
|
|
|
|
|
补贴 |
|
|
</div> |
|
|
</div> |
|
|
<div |
|
|
<div |
|
|
:class="status5_index == 2 ? 'status3_activity' : 'wx'" |
|
|
|
|
|
@click="status5_index = 2" |
|
|
|
|
|
|
|
|
:class="status5_index == 1 ? 'status3_activity' : 'wx'" |
|
|
|
|
|
@click="setSource(1)" |
|
|
> |
|
|
> |
|
|
已结算 |
|
|
|
|
|
|
|
|
卡消费 |
|
|
</div> |
|
|
</div> |
|
|
<div |
|
|
<div |
|
|
:class="status5_index == 3 ? 'status3_activity' : 'my'" |
|
|
|
|
|
@click="status5_index = 3" |
|
|
|
|
|
|
|
|
:class="status5_index == 2 ? 'status3_activity' : 'my'" |
|
|
|
|
|
@click="setSource(2)" |
|
|
> |
|
|
> |
|
|
未结算 |
|
|
|
|
|
|
|
|
券核销 |
|
|
</div> |
|
|
</div> |
|
|
<div |
|
|
<div |
|
|
:class="status5_index == 4 ? 'status3_activity' : 'wx'" |
|
|
|
|
|
@click="status5_index = 4" |
|
|
|
|
|
|
|
|
:class="status5_index == 3 ? 'status3_activity' : 'wx'" |
|
|
|
|
|
@click="setSource(3)" |
|
|
> |
|
|
> |
|
|
已结算 |
|
|
|
|
|
|
|
|
砍价核销 |
|
|
</div> |
|
|
</div> |
|
|
<div |
|
|
<div |
|
|
:class="status5_index == 5 ? 'status3_activity' : 'my'" |
|
|
|
|
|
@click="status5_index = 5" |
|
|
|
|
|
|
|
|
:class="status5_index == 4 ? 'status3_activity' : 'my'" |
|
|
|
|
|
@click="setSource(4)" |
|
|
> |
|
|
> |
|
|
未结算 |
|
|
|
|
|
|
|
|
拼团核销 |
|
|
</div> |
|
|
</div> |
|
|
<div |
|
|
<div |
|
|
:class="status5_index == 6 ? 'status3_activity' : 'wx'" |
|
|
|
|
|
@click="status5_index = 6" |
|
|
|
|
|
|
|
|
:class="status5_index == 5 ? 'status3_activity' : 'wx'" |
|
|
|
|
|
@click="setSource(5)" |
|
|
> |
|
|
> |
|
|
已结算 |
|
|
|
|
|
|
|
|
收银分账 |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
@@ -116,7 +128,7 @@ |
|
|
|
|
|
|
|
|
<div class="bott_sum"> |
|
|
<div class="bott_sum"> |
|
|
<div class="text">总计应收</div> |
|
|
<div class="text">总计应收</div> |
|
|
<div class="sum_num">{{`¥${aggregate/100}`}}</div> |
|
|
|
|
|
|
|
|
<div class="sum_num">{{ `¥${aggregate / 100}` }}</div> |
|
|
</div> |
|
|
</div> |
|
|
<van-popup v-model="beginDateShow" position="bottom"> |
|
|
<van-popup v-model="beginDateShow" position="bottom"> |
|
|
<van-datetime-picker |
|
|
<van-datetime-picker |
|
@@ -169,8 +181,8 @@ export default { |
|
|
name: "来源", |
|
|
name: "来源", |
|
|
}, |
|
|
}, |
|
|
], |
|
|
], |
|
|
showTiem:false, |
|
|
|
|
|
noData:false, |
|
|
|
|
|
|
|
|
showTiem: false, |
|
|
|
|
|
noData: false, |
|
|
navigationIndex: 0, |
|
|
navigationIndex: 0, |
|
|
beginDateShow: false, |
|
|
beginDateShow: false, |
|
|
endDateShow: false, |
|
|
endDateShow: false, |
|
@@ -188,7 +200,8 @@ export default { |
|
|
pageSize: 10, |
|
|
pageSize: 10, |
|
|
list: [], |
|
|
list: [], |
|
|
aggregate: "", |
|
|
aggregate: "", |
|
|
type:"", |
|
|
|
|
|
|
|
|
type: "", |
|
|
|
|
|
source: "", |
|
|
billtypes: [ |
|
|
billtypes: [ |
|
|
{ |
|
|
{ |
|
|
name: "自主结算", |
|
|
name: "自主结算", |
|
@@ -214,55 +227,69 @@ export default { |
|
|
}, |
|
|
}, |
|
|
], |
|
|
], |
|
|
auditWayOptions: [ |
|
|
auditWayOptions: [ |
|
|
/* { |
|
|
|
|
|
|
|
|
/* { |
|
|
name: "全部", |
|
|
name: "全部", |
|
|
value: '' |
|
|
value: '' |
|
|
}, */ |
|
|
}, */ |
|
|
{ |
|
|
|
|
|
name: "补贴", |
|
|
|
|
|
value: 0, |
|
|
|
|
|
id: 0 |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
name: "卡消费", |
|
|
|
|
|
value: 1, |
|
|
|
|
|
id: 1 |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
name: "券核销", |
|
|
|
|
|
value: 2, |
|
|
|
|
|
id: 2 |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
name: "砍价核销", |
|
|
|
|
|
value: 3, |
|
|
|
|
|
id: 3 |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
name: "拼团核销", |
|
|
|
|
|
value: 4, |
|
|
|
|
|
id: 4 |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
name: "收银分账", |
|
|
|
|
|
value: 5, |
|
|
|
|
|
id: 5 |
|
|
|
|
|
}, |
|
|
|
|
|
], |
|
|
|
|
|
|
|
|
{ |
|
|
|
|
|
name: "补贴", |
|
|
|
|
|
value: 0, |
|
|
|
|
|
id: 0, |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
name: "卡消费", |
|
|
|
|
|
value: 1, |
|
|
|
|
|
id: 1, |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
name: "券核销", |
|
|
|
|
|
value: 2, |
|
|
|
|
|
id: 2, |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
name: "砍价核销", |
|
|
|
|
|
value: 3, |
|
|
|
|
|
id: 3, |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
name: "拼团核销", |
|
|
|
|
|
value: 4, |
|
|
|
|
|
id: 4, |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
name: "收银分账", |
|
|
|
|
|
value: 5, |
|
|
|
|
|
id: 5, |
|
|
|
|
|
}, |
|
|
|
|
|
], |
|
|
}; |
|
|
}; |
|
|
}, |
|
|
}, |
|
|
methods: { |
|
|
methods: { |
|
|
settleWay(value){ |
|
|
|
|
|
this.status3_index = value |
|
|
|
|
|
this.type = value |
|
|
|
|
|
this.search() |
|
|
|
|
|
|
|
|
itiLsitData() {//初始化查询列表参数 |
|
|
|
|
|
this.pageNum1 = 1; |
|
|
|
|
|
this.pageSize = 10; |
|
|
|
|
|
this.beginDateText = ""; |
|
|
|
|
|
this.endDateText = ""; |
|
|
|
|
|
this.source = ""; |
|
|
|
|
|
this.type = ""; |
|
|
|
|
|
this.status = ""; |
|
|
|
|
|
}, |
|
|
|
|
|
settleWay(value) { |
|
|
|
|
|
this.status3_index = value; |
|
|
|
|
|
this.type = value; |
|
|
|
|
|
this.search(); |
|
|
}, |
|
|
}, |
|
|
settleType(value){ |
|
|
|
|
|
status4_index=1 |
|
|
|
|
|
this.type = value |
|
|
|
|
|
this.search() |
|
|
|
|
|
|
|
|
settleType(value) { |
|
|
|
|
|
this.status4_index = value; |
|
|
|
|
|
this.type = value; |
|
|
|
|
|
this.search(); |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
setSource(value) { |
|
|
|
|
|
this.status5_index = value; |
|
|
|
|
|
this.source = value; |
|
|
|
|
|
this.search(); |
|
|
|
|
|
}, |
|
|
|
|
|
|
|
|
//时间处理 |
|
|
//时间处理 |
|
|
setTiem(temp, format) { |
|
|
setTiem(temp, format) { |
|
|
//第一个参数是时间戳 第二个参数是格式 参考momentJS |
|
|
//第一个参数是时间戳 第二个参数是格式 参考momentJS |
|
@@ -270,16 +297,41 @@ export default { |
|
|
}, |
|
|
}, |
|
|
switchover(index) { |
|
|
switchover(index) { |
|
|
this.navigationIndex = index; |
|
|
this.navigationIndex = index; |
|
|
this.list=''; |
|
|
|
|
|
|
|
|
this.list = ""; |
|
|
switch (index) { |
|
|
switch (index) { |
|
|
case 0:this.noData = false;this.search();this.beginDateText= "";this.endDateText="";break; |
|
|
|
|
|
case 1:this.noData = false;this.showTiem=true;this.beginDateText= "开始时间";this.endDateText="结束时间";break; |
|
|
|
|
|
case 2:this.noData = false;this.showTiem=true;this.beginDateText= "";this.endDateText="";break; |
|
|
|
|
|
case 3:this.noData = false;this.showTiem=true;this.beginDateText= "";this.endDateText="";break; |
|
|
|
|
|
case 4:this.noData = false;this.showTiem=true;this.beginDateText= "";this.endDateText="";break; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
case 0: |
|
|
|
|
|
this.noData = false; |
|
|
|
|
|
this.search(); |
|
|
|
|
|
this.beginDateText = ""; |
|
|
|
|
|
this.endDateText = ""; |
|
|
|
|
|
break; |
|
|
|
|
|
case 1: |
|
|
|
|
|
this.noData = false; |
|
|
|
|
|
this.showTiem = true; |
|
|
|
|
|
this.beginDateText = "开始时间"; |
|
|
|
|
|
this.endDateText = "结束时间"; |
|
|
|
|
|
break; |
|
|
|
|
|
case 2: |
|
|
|
|
|
this.noData = false; |
|
|
|
|
|
this.showTiem = true; |
|
|
|
|
|
this.beginDateText = ""; |
|
|
|
|
|
this.endDateText = ""; |
|
|
|
|
|
break; |
|
|
|
|
|
case 3: |
|
|
|
|
|
this.noData = false; |
|
|
|
|
|
this.showTiem = true; |
|
|
|
|
|
this.beginDateText = ""; |
|
|
|
|
|
this.endDateText = ""; |
|
|
|
|
|
break; |
|
|
|
|
|
case 4: |
|
|
|
|
|
this.noData = false; |
|
|
|
|
|
this.showTiem = true; |
|
|
|
|
|
this.beginDateText = ""; |
|
|
|
|
|
this.endDateText = ""; |
|
|
|
|
|
break; |
|
|
|
|
|
|
|
|
default: |
|
|
default: |
|
|
console.log("全部") |
|
|
|
|
|
|
|
|
console.log("全部"); |
|
|
break; |
|
|
break; |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
@@ -300,9 +352,9 @@ export default { |
|
|
params: { |
|
|
params: { |
|
|
pageNum: this.pageNum, |
|
|
pageNum: this.pageNum, |
|
|
pageSize: this.pageSize, |
|
|
pageSize: this.pageSize, |
|
|
startdate: this.beginDateText+' 00:00:00', |
|
|
|
|
|
enddate: this.endDateText+' 23:59:59', |
|
|
|
|
|
source: "", |
|
|
|
|
|
|
|
|
startdate: this.beginDateText + " 00:00:00", |
|
|
|
|
|
enddate: this.endDateText + " 23:59:59", |
|
|
|
|
|
source: this.source, |
|
|
type: this.type, |
|
|
type: this.type, |
|
|
status: "", |
|
|
status: "", |
|
|
}, |
|
|
}, |
|
@@ -310,21 +362,33 @@ export default { |
|
|
.then((res) => { |
|
|
.then((res) => { |
|
|
const { code, data, message } = res; |
|
|
const { code, data, message } = res; |
|
|
if (code == 200) { |
|
|
if (code == 200) { |
|
|
if(data.list.length==0){ |
|
|
|
|
|
this.noData = true |
|
|
|
|
|
|
|
|
if (data.list.length == 0) { |
|
|
|
|
|
this.noData = true; |
|
|
} |
|
|
} |
|
|
data.list.map(item=>{ |
|
|
|
|
|
item.sourceStr = this.auditWayOptions.filter(e => e.value == item.source).length > 0 ? this.auditWayOptions.filter(e => e.value == item.source)[0].name : ''; |
|
|
|
|
|
item.typeStr = this.billtypes.filter(e => e.id == item.type).length > 0 ? this.billtypes.filter(e => e.id == item.type)[0].name : ''; |
|
|
|
|
|
item.statusStr = item.status===0?'未结算' : "已结算"; |
|
|
|
|
|
}) |
|
|
|
|
|
|
|
|
data.list.map((item) => { |
|
|
|
|
|
item.sourceStr = |
|
|
|
|
|
this.auditWayOptions.filter((e) => e.value == item.source) |
|
|
|
|
|
.length > 0 |
|
|
|
|
|
? this.auditWayOptions.filter( |
|
|
|
|
|
(e) => e.value == item.source |
|
|
|
|
|
)[0].name |
|
|
|
|
|
: ""; |
|
|
|
|
|
item.typeStr = |
|
|
|
|
|
this.billtypes.filter((e) => e.id == item.type).length > 0 |
|
|
|
|
|
? this.billtypes.filter((e) => e.id == item.type)[0].name |
|
|
|
|
|
: ""; |
|
|
|
|
|
item.statusStr = item.status === 0 ? "未结算" : "已结算"; |
|
|
|
|
|
}); |
|
|
this.list = data.list; |
|
|
this.list = data.list; |
|
|
|
|
|
this.itiLsitData() |
|
|
} else { |
|
|
} else { |
|
|
Toast(message); |
|
|
Toast(message); |
|
|
|
|
|
this.itiLsitData() |
|
|
} |
|
|
} |
|
|
}) |
|
|
}) |
|
|
.catch((res) => { |
|
|
.catch((res) => { |
|
|
Toast(res); |
|
|
Toast(res); |
|
|
|
|
|
this.itiLsitData() |
|
|
}); |
|
|
}); |
|
|
}, |
|
|
}, |
|
|
getTotal() { |
|
|
getTotal() { |
|
@@ -332,9 +396,9 @@ export default { |
|
|
.getSubsidySummary({ |
|
|
.getSubsidySummary({ |
|
|
method: "get", |
|
|
method: "get", |
|
|
params: { |
|
|
params: { |
|
|
startdate: this.beginDateText+' 00:00:00', |
|
|
|
|
|
enddate:this.endDateText+' 23:59:59', |
|
|
|
|
|
source: "", |
|
|
|
|
|
|
|
|
startdate: this.beginDateText + " 00:00:00", |
|
|
|
|
|
enddate: this.endDateText + " 23:59:59", |
|
|
|
|
|
source: this.source, |
|
|
type: this.type, |
|
|
type: this.type, |
|
|
status: "", |
|
|
status: "", |
|
|
}, |
|
|
}, |
|
@@ -351,14 +415,14 @@ export default { |
|
|
Toast(res); |
|
|
Toast(res); |
|
|
}); |
|
|
}); |
|
|
}, |
|
|
}, |
|
|
search(){ |
|
|
|
|
|
this.showTiem = false |
|
|
|
|
|
|
|
|
search() { |
|
|
|
|
|
this.showTiem = false; |
|
|
this.getLsit(); |
|
|
this.getLsit(); |
|
|
this.getTotal(); |
|
|
|
|
|
|
|
|
this.getTotal(); |
|
|
}, |
|
|
}, |
|
|
}, |
|
|
}, |
|
|
mounted() { |
|
|
mounted() { |
|
|
this.search() |
|
|
|
|
|
|
|
|
this.search(); |
|
|
}, |
|
|
}, |
|
|
}; |
|
|
}; |
|
|
</script> |
|
|
</script> |
|
|