Skip to content

T
tl_estate
Commit bf5d9970 authored by duxinyuan's avatar duxinyuan
Browse files
Options

h5财务报表

parent 5fba16b9
Show whitespace changes
Inline Side-by-side
Showing with 217 additions and 17 deletions
public/appnew/package-lock.json
View file @ bf5d9970
This source diff could not be displayed because it is too large. You can view the blob instead.
public/appnew/package.json
View file @ bf5d9970
...@@ -13,6 +13,7 @@ ...@@ -13,6 +13,7 @@
"axios": "^0.18.0", "axios": "^0.18.0",
"qs": "^6.5.1", "qs": "^6.5.1",
"vue": "^2.5.2", "vue": "^2.5.2",
"vue-awesome-swiper": "^3.1.3",
"vue-axios": "^2.1.1", "vue-axios": "^2.1.1",
"vue-router": "^3.0.1" "vue-router": "^3.0.1"
}, },
......
public/appnew/src/components/priceReport/checkTable.vue
View file @ bf5d9970
...@@ -41,6 +41,7 @@ ...@@ -41,6 +41,7 @@
<script> <script>
import '@/assets/js/layer041002.js'; import '@/assets/js/layer041002.js';
export default { export default {
name: '', name: '',
props: { props: {
...@@ -102,6 +103,12 @@ ...@@ -102,6 +103,12 @@
padding-left:.36rem; padding-left:.36rem;
float:left; float:left;
} }
.lineDiv {
width:6.78rem ;
height : 1px;
background-color : #eeeeee;
padding : 0rem .36rem;
}
.head_text_div{ .head_text_div{
width :100%; width :100%;
padding:.24rem 0rem .24rem 0rem ; padding:.24rem 0rem .24rem 0rem ;
......
public/appnew/src/components/priceReport/priceReport.vue
View file @ bf5d9970
<template> <template>
<div> <div>
<header-pulic :data="headerData"></header-pulic> <header-pulic :data="headerData"></header-pulic>
<div class="center m-t-3">日期：<input type="date" v-model="time" @change="resetData"/></div> <div class="center m-t-3">日期：<input type="date" v-model="time" @change="resetData" v-bind:max="max" /></div>
<div class="center "> <div class="center ">
<div class="tabs"> <div class="tabs">
...@@ -115,6 +115,7 @@ ...@@ -115,6 +115,7 @@
commited : 0, //未提交 commited : 0, //未提交
checkList : [] , checkList : [] ,
time : '', time : '',
max : '' ,
} }
}, },
created() { created() {
...@@ -141,7 +142,8 @@ ...@@ -141,7 +142,8 @@
var month = date.getMonth() + 1 ; var month = date.getMonth() + 1 ;
var day = date.getDate(); var day = date.getDate();
var time = year + "-" + (month > 9 ? month : "0"+month) + "-" + (day > 9 ? day : "0" + day ); var time = year + "-" + (month > 9 ? month : "0"+month) + "-" + (day > 9 ? day : "0" + day );
that.time = time that.time = time ;
that.max = time ;
}, },
//切换tab标签 //切换tab标签
...@@ -176,6 +178,7 @@ ...@@ -176,6 +178,7 @@
"cash": that.dataTotalList.cash, "cash": that.dataTotalList.cash,
"pos": that.dataTotalList.pos, "pos": that.dataTotalList.pos,
"other_bank": that.dataTotalList.other_bank, "other_bank": that.dataTotalList.other_bank,
"daily_date" : that.time
}; };
that.axios({ that.axios({
method: 'get', method: 'get',
...@@ -183,6 +186,7 @@ ...@@ -183,6 +186,7 @@
responseType: 'json', responseType: 'json',
data: params data: params
}).then(function(res){ }).then(function(res){
that.commited = 1 ;
layer.tipsX(res.data.msg); layer.tipsX(res.data.msg);
}).catch(function(error){ }).catch(function(error){
layer.tipsX(error); layer.tipsX(error);
...@@ -221,6 +225,7 @@ ...@@ -221,6 +225,7 @@
obj.realin = data.remittance_money ; obj.realin = data.remittance_money ;
obj.commited = data.is_commit; obj.commited = data.is_commit;
obj.checkList = check_list ; obj.checkList = check_list ;
obj.agent_name = that.urlParams.agent_name;
that.dataTotalList = obj; that.dataTotalList = obj;
that.checkList = check_list ; that.checkList = check_list ;
} else { } else {
...@@ -307,6 +312,15 @@ ...@@ -307,6 +312,15 @@
"str1" : list.length > 0 ? (list[0].is_dividend == 1 ? "否" : "是") :"-", "str1" : list.length > 0 ? (list[0].is_dividend == 1 ? "否" : "是") :"-",
"str2" : list.length > 1 ? (list[1].is_dividend == 1 ? "否" : "是") :"-", "str2" : list.length > 1 ? (list[1].is_dividend == 1 ? "否" : "是") :"-",
"str3" : list.length > 2 ? (list[2].is_dividend == 1 ? "否" : "是") :"-", "str3" : list.length > 2 ? (list[2].is_dividend == 1 ? "否" : "是") :"-",
},
{
"msg" : "资料" ,
"id1" : list.length > 0 ? (list[0].id ? list[0].id : "-") :"-",
"id2" : list.length > 1 ? (list[1].id ? list[1].id : "-") :"-",
"id3" : list.length > 2 ? (list[2].id ? list[2].id : "-") :"-",
"str1" : list.length > 0 ? "查看" :"-",
"str2" : list.length > 1 ? "查看" :"-",
"str3" : list.length > 2 ? "查看" :"-",
} }
] ]
that.agencyList = listArray; that.agencyList = listArray;
...@@ -381,6 +395,15 @@ ...@@ -381,6 +395,15 @@
"str1" : list.length > 0 ? (list[0].remark ? list[0].remark : "-") :"-", "str1" : list.length > 0 ? (list[0].remark ? list[0].remark : "-") :"-",
"str2" : list.length > 1 ? (list[1].remark ? list[1].remark : "-") :"-", "str2" : list.length > 1 ? (list[1].remark ? list[1].remark : "-") :"-",
"str3" : list.length > 2 ? (list[2].remark ? list[2].remark : "-") :"-", "str3" : list.length > 2 ? (list[2].remark ? list[2].remark : "-") :"-",
},
{
"msg" : "资料" ,
"id1" : list.length > 0 ? (list[0].id ? list[0].id : "-") :"-",
"id2" : list.length > 1 ? (list[1].id ? list[1].id : "-") :"-",
"id3" : list.length > 2 ? (list[2].id ? list[2].id : "-") :"-",
"str1" : list.length > 0 ? "查看" :"-",
"str2" : list.length > 1 ? "查看" :"-",
"str3" : list.length > 2 ? "查看" :"-",
} }
] ]
that.caseFeeList = caseFeeList ; that.caseFeeList = caseFeeList ;
...@@ -449,6 +472,15 @@ ...@@ -449,6 +472,15 @@
"str1" : list.length > 0 ? (list[0].receipt_number ? list[0].receipt_number : "-") :"-", "str1" : list.length > 0 ? (list[0].receipt_number ? list[0].receipt_number : "-") :"-",
"str2" : list.length > 1 ? (list[1].receipt_number ? list[1].receipt_number : "-") :"-", "str2" : list.length > 1 ? (list[1].receipt_number ? list[1].receipt_number : "-") :"-",
"str3" : list.length > 2 ? (list[2].receipt_number ? list[2].receipt_number : "-") :"-", "str3" : list.length > 2 ? (list[2].receipt_number ? list[2].receipt_number : "-") :"-",
},
{
"msg" : "资料" ,
"id1" : list.length > 0 ? (list[0].id ? list[0].id : "-") :"-",
"id2" : list.length > 1 ? (list[1].id ? list[1].id : "-") :"-",
"id3" : list.length > 2 ? (list[2].id ? list[2].id : "-") :"-",
"str1" : list.length > 0 ? "查看" :"-",
"str2" : list.length > 1 ? "查看" :"-",
"str3" : list.length > 2 ? "查看" :"-",
} }
] ]
that.earnestMoneyList = earnestMoneyList that.earnestMoneyList = earnestMoneyList
...@@ -511,6 +543,15 @@ ...@@ -511,6 +543,15 @@
"str1" : list.length > 0 ? (list[0].receipt_number ? list[0].receipt_number : "-") :"-", "str1" : list.length > 0 ? (list[0].receipt_number ? list[0].receipt_number : "-") :"-",
"str2" : list.length > 1 ? (list[1].receipt_number ? list[1].receipt_number : "-") :"-", "str2" : list.length > 1 ? (list[1].receipt_number ? list[1].receipt_number : "-") :"-",
"str3" : list.length > 2 ? (list[2].receipt_number ? list[2].receipt_number : "-") :"-", "str3" : list.length > 2 ? (list[2].receipt_number ? list[2].receipt_number : "-") :"-",
},
{
"msg" : "资料" ,
"id1" : list.length > 0 ? (list[0].id ? list[0].id : "-") :"-",
"id2" : list.length > 1 ? (list[1].id ? list[1].id : "-") :"-",
"id3" : list.length > 2 ? (list[2].id ? list[2].id : "-") :"-",
"str1" : list.length > 0 ? "查看" :"-",
"str2" : list.length > 1 ? "查看" :"-",
"str3" : list.length > 2 ? "查看" :"-",
} }
] ]
that.custodyMoneyList = custodyMoneyList that.custodyMoneyList = custodyMoneyList
......
public/appnew/src/components/priceReport/priceTable.vue
View file @ bf5d9970
...@@ -9,26 +9,43 @@ ...@@ -9,26 +9,43 @@
</div> </div>
<div class="table_text"> <div class="table_text">
<div class="table_text_div"> <div class="table_text_div">
<span>{{ item.str1 }}</span> <span v-if="item.str1 == '查看'" style="color:blue" @click="show" :data-id="item.id1">{{ item.str1 }}</span>
<span v-else >{{ item.str1 }}</span>
</div> </div>
</div> </div>
<div class="table_text"> <div class="table_text">
<div class="table_text_div" > <div class="table_text_div" >
<span>{{ item.str2 }}</span> <span v-if="item.str2 == '查看'" style="color:blue" @click="show" :data-id="item.id2">{{ item.str2 }}</span>
<span v-else >{{ item.str2 }}</span>
</div> </div>
</div> </div>
<div class="table_text3"> <div class="table_text3">
<div class="table_text_div" > <div class="table_text_div" >
<span>{{ item.str3 }}</span> <span v-if="item.str3 == '查看'" style="color:blue" @click="show" :data-id="item.id3">{{ item.str3 }}</span>
<span v-else >{{ item.str3 }}</span>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="allBack" :style="{width:maxWidth+'px'}" v-if="showPic">
<div class="close" @click="close" >
<span >X</span>
</div>
<swiper :options="swiperOption">
<swiper-slide v-for="(item,index) in imges"><img :src="item.url" class="picStyle" /></swiper-slide>
</swiper>
</div> </div>
</div>
</template> </template>
<script> <script scoped>
import '@/assets/js/layer041002.js'; import '@/assets/js/layer041002.js';
import { swiper, swiperSlide } from 'vue-awesome-swiper'
export default { export default {
name: '', name: '',
props: { props: {
...@@ -43,24 +60,78 @@ ...@@ -43,24 +60,78 @@
default: 0 default: 0
} }
}, },
components: {
swiper,
swiperSlide
},
data(){ data(){
return { return {
swiperOption: {//swiper3
autoplay: 3000,
speed: 1000,
width:window.screen.width
},
wWidth : window.screen.width,
showPic : false ,
maxWidth : 0,
imges : [],
} }
}, },
created() { created() {
let _this = this; let _this = this;
_this.urlParams = _this.$route.query;
console.log(this.wWidth);
// document.getElementsByClassName("swiper-slide-active").style.height:100%;
}, },
mounted () { mounted () {
window.addEventListener('scroll', this.handleScroll, true); window.addEventListener('scroll', this.handleScroll, true);
// 监听（绑定）滚轮 滚动事件 // 监听（绑定）滚轮 滚动事件
}, },
methods: { methods: {
close : function(){
var that = this ;
that.showPic = false ;
},
show : function(e){
var that = this ;
that.showPic = true ;
var id = e.target.dataset.id;
console.log(id);
var params = {
'pay_log_id' : id ,
'AuthToken': that.urlParams.token,
};
that.axios({
method: 'get',
url: '/broker/getPayLogImg',
responseType: 'json',
data: params
})
.then(function(res) {
if(res.data.code == 200) {
console.log(res.data.data);
var picName = [];
for ( let i = 0 ; i < res.data.data.img_info.length ; i++){
let urlS = res.data.data.img_path + res.data.data.img_info[i].img_name;
var obj = {
url : urlS
};
picName.push(obj);
}
console.log(picName);
that.maxWidth = that.wWidth * (picName.length)
that.imges = picName;
} else {
layer.tipsX(res.data.msg);
}
})
.catch(function(error) {
layer.tipsX(error);
});
},
}, },
computed: { computed: {
...@@ -69,6 +140,64 @@ ...@@ -69,6 +140,64 @@
</script> </script>
<style scoped> <style scoped>
.close{
width : 0.4rem ;
height :0.4rem ;
border-radius : 50%;
border : 1px solid #ffffff;
position:fixed ;
top : 0.95rem ;
right :0.1rem ;
color : #ffffff;
z-index : 1000;
text-align:center ;
}
.swiper-slide{
float:left;
height:100%;
}
/*.swiper-slide-active{
position:fixed;
top:100%;
}*/
.swiper-container{
height:100%;
}
.swiper-wrapper{
height:100% !important;
}
.allBack{
/*width : 7.5rem;*/
height:100%;
background-color : #1a1a1a;
position : fixed;
top:0rem;
left:0rem;
opacity: 1;
}
.picStyle1{
/*position:relative;*/
/*left:50%;*/
/*top:50%;*/
/*transform: translate(-62.5%,-50%);*/
width :6rem;
/*opacity: 1;*/
}
.picStyle{
position:relative;
/*left:50%;*/
top:6rem;
/*left:0.75rem;*/
transform: translateY(-50%);
width :6rem;
opacity: 1;
}
.w100{
width:80%;
height : 100%;
}
.center { .center {
width : 100%; width : 100%;
text-align:center ; text-align:center ;
......
public/appnew/src/components/priceReport/priceTableTotal.vue
View file @ bf5d9970
<template> <template>
<div> <div>
<div class="table-build" v-if="data.commited == 1"> <div class="table-build" >
<div class="DivBox" > <div class="DivBox noBorder" >
<div class="halfDiv" v-if="data.upint!=0"> <div class="halfDiv" >
以上入账金额:{{ data.upint }} 以上入账金额:{{ data.upint }}
</div> </div>
<div class="halfDiv" v-if="data.upoutt!=0"> <div class="halfDiv">
以上出账金额:{{ data.upoutt }} 以上出账金额:{{ data.upoutt }}
</div> </div>
<div class="halfDiv" v-if="data.souldt!=0"> <div class="halfDiv">
入账应汇款:{{ data.souldt }} 入账应汇款:{{ data.souldt }}
</div> </div>
<div class="halfDiv" v-if="data.realin!=0"> <div class="halfDiv">
实际入账:{{ data.realin }} 实际入账:{{ data.realin }}
</div> </div>
</div> </div>
<div class="DivBox"> <div class="lineDiv"></div>
<div class="DivBox ">
<div class="halfDiv" v-if="data.alipay!=0"> <div class="halfDiv" v-if="data.alipay!=0">
施总支付宝:{{ data.alipay }} 施总支付宝:{{ data.alipay }}
</div> </div>
...@@ -40,6 +41,14 @@ ...@@ -40,6 +41,14 @@
<div class="halfDiv" v-if="data.other_bank!=0"> <div class="halfDiv" v-if="data.other_bank!=0">
其他:{{ data.other_bank }} 其他:{{ data.other_bank }}
</div> </div>
<div class="center next" v-if="data.commited == 1">
<div class="halfDiv">
提交人:{{ data.agent_name }}
</div>
<div class="halfDiv" >
提交时间:{{ }}
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -143,6 +152,19 @@ ...@@ -143,6 +152,19 @@
margin-top:0.12rem; margin-top:0.12rem;
text-align:left; text-align:left;
} }
.next{
width : 750rem!important;
float:left;
}
.lineDiv {
width:6.78rem ;
height : 1px;
background-color : #eeeeee;
margin : 0rem .36rem;
}
.noBorder {
border:none !important
}
</style> </style>
......
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