Skip to content

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

h5财务报表

parent 5fba16b9
Hide 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 @@
"axios": "^0.18.0",
"qs": "^6.5.1",
"vue": "^2.5.2",
"vue-awesome-swiper": "^3.1.3",
"vue-axios": "^2.1.1",
"vue-router": "^3.0.1"
},
......
public/appnew/src/components/priceReport/checkTable.vue
View file @ bf5d9970
......@@ -41,6 +41,7 @@
<script>
import '@/assets/js/layer041002.js';
export default {
name: '',
props: {
......@@ -102,6 +103,12 @@
padding-left:.36rem;
float:left;
}
.lineDiv {
width:6.78rem ;
height : 1px;
background-color : #eeeeee;
padding : 0rem .36rem;
}
.head_text_div{
width :100%;
padding:.24rem 0rem .24rem 0rem ;
......
public/appnew/src/components/priceReport/priceReport.vue
View file @ bf5d9970
<template>
<div>
<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="tabs">
......@@ -115,6 +115,7 @@
commited : 0, //未提交
checkList : [] ,
time : '',
max : '' ,
}
},
created() {
......@@ -141,7 +142,8 @@
var month = date.getMonth() + 1 ;
var day = date.getDate();
var time = year + "-" + (month > 9 ? month : "0"+month) + "-" + (day > 9 ? day : "0" + day );
that.time = time
that.time = time ;
that.max = time ;
},
//切换tab标签
......@@ -176,6 +178,7 @@
"cash": that.dataTotalList.cash,
"pos": that.dataTotalList.pos,
"other_bank": that.dataTotalList.other_bank,
"daily_date" : that.time
};
that.axios({
method: 'get',
......@@ -183,6 +186,7 @@
responseType: 'json',
data: params
}).then(function(res){
that.commited = 1 ;
layer.tipsX(res.data.msg);
}).catch(function(error){
layer.tipsX(error);
......@@ -221,6 +225,7 @@
obj.realin = data.remittance_money ;
obj.commited = data.is_commit;
obj.checkList = check_list ;
obj.agent_name = that.urlParams.agent_name;
that.dataTotalList = obj;
that.checkList = check_list ;
} else {
......@@ -307,6 +312,15 @@
"str1" : list.length > 0 ? (list[0].is_dividend == 1 ? "否" : "是") :"-",
"str2" : list.length > 1 ? (list[1].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;
......@@ -381,6 +395,15 @@
"str1" : list.length > 0 ? (list[0].remark ? list[0].remark : "-") :"-",
"str2" : list.length > 1 ? (list[1].remark ? list[1].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 ;
......@@ -449,6 +472,15 @@
"str1" : list.length > 0 ? (list[0].receipt_number ? list[0].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 : "-") :"-",
},
{
"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
......@@ -511,6 +543,15 @@
"str1" : list.length > 0 ? (list[0].receipt_number ? list[0].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 : "-") :"-",
},
{
"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
......
public/appnew/src/components/priceReport/priceTable.vue
View file @ bf5d9970
......@@ -9,26 +9,43 @@
</div>
<div class="table_text">
<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 class="table_text">
<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 class="table_text3">
<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 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>
</template>
<script>
<script scoped>
import '@/assets/js/layer041002.js';
import { swiper, swiperSlide } from 'vue-awesome-swiper'
export default {
name: '',
props: {
......@@ -43,24 +60,78 @@
default: 0
}
},
components: {
swiper,
swiperSlide
},
data(){
return {
swiperOption: {//swiper3
autoplay: 3000,
speed: 1000,
width:window.screen.width
},
wWidth : window.screen.width,
showPic : false ,
maxWidth : 0,
imges : [],
}
},
created() {
let _this = this;
_this.urlParams = _this.$route.query;
console.log(this.wWidth);
// document.getElementsByClassName("swiper-slide-active").style.height:100%;
},
mounted () {
window.addEventListener('scroll', this.handleScroll, true);
// 监听（绑定）滚轮 滚动事件
},
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: {
......@@ -69,6 +140,64 @@
</script>
<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 {
width : 100%;
text-align:center ;
......
public/appnew/src/components/priceReport/priceTableTotal.vue
View file @ bf5d9970
<template>
<div>
<div class="table-build" v-if="data.commited == 1">
<div class="DivBox" >
<div class="halfDiv" v-if="data.upint!=0">
<div class="table-build" >
<div class="DivBox noBorder" >
<div class="halfDiv" >
以上入账金额:{{ data.upint }}
</div>
<div class="halfDiv" v-if="data.upoutt!=0">
<div class="halfDiv">
以上出账金额:{{ data.upoutt }}
</div>
<div class="halfDiv" v-if="data.souldt!=0">
<div class="halfDiv">
入账应汇款:{{ data.souldt }}
</div>
<div class="halfDiv" v-if="data.realin!=0">
<div class="halfDiv">
实际入账:{{ data.realin }}
</div>
</div>
<div class="DivBox">
<div class="lineDiv"></div>
<div class="DivBox ">
<div class="halfDiv" v-if="data.alipay!=0">
施总支付宝:{{ data.alipay }}
</div>
......@@ -40,6 +41,14 @@
<div class="halfDiv" v-if="data.other_bank!=0">
其他:{{ data.other_bank }}
</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>
......@@ -143,6 +152,19 @@
margin-top:0.12rem;
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>
......
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