Commit b3d0fbdc authored by duxinyuan's avatar duxinyuan

1

parent ac8a6c83
......@@ -23,4 +23,4 @@
if(!doc.addEventListener) return;
win.addEventListener(resizeEvt, recalc, false);
doc.addEventListener('DOMContentLoaded', recalc, false);
})(document, window);</script><link href=./static/css/app.066843991b0212ec06c4718ea9e556bc.css rel=stylesheet></head><body><div id=app></div><script src=https://api.tonglianjituan.com/app/js/libs/vue.min.js></script><script src=https://api.tonglianjituan.com/app/js/libs/vue-router.min.js></script><script type=text/javascript src=./static/js/manifest.3ad1d5771e9b13dbdad2.js></script><script type=text/javascript src=./static/js/vendor.c1544c6e64ebde97066c.js></script><script type=text/javascript src=./static/js/app.64ebb1e54d7064a58781.js></script></body></html>
\ No newline at end of file
})(document, window);</script><link href=./static/css/app.1e1c5e4dd94328eae425b5a9b6522381.css rel=stylesheet></head><body><div id=app></div><script src=https://api.tonglianjituan.com/app/js/libs/vue.min.js></script><script src=https://api.tonglianjituan.com/app/js/libs/vue-router.min.js></script><script type=text/javascript src=./static/js/manifest.3ad1d5771e9b13dbdad2.js></script><script type=text/javascript src=./static/js/vendor.c1544c6e64ebde97066c.js></script><script type=text/javascript src=./static/js/app.e72ec4d520cd20d930ce.js></script></body></html>
\ No newline at end of file
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
<template>
<div>
<header-pulic :data="headerData"></header-pulic>
<div class="center m-t-3">日期:<input type="date" v-model="time" @change="resetData" v-bind:max="max" /></div>
<div class="right m-t-3"><img style="height : .4rem;margin-right :.3rem;position:relative;top:.1rem;" src="./img/rili@2x.png" /><input class="timmer-type" type="date" v-model="time" @change="resetData" v-bind:max="max" /></div>
<div class="center ">
<div class="tabs">
<div class="tab4" :class="status==0?'active':''" data-value="0">
<span @click="changeTabs" >中介费入账</span>
<div class="tab4" :class="status==0?'active':''" >
<span @click="changeTabs(0)" data-value="0">中介费入账</span>
<div class="lineA" v-if="status==0"></div>
</div>
<div class="tab4" :class="status==1?'active':''" data-value="1">
<span @click="changeTabs">案场费入账</span>
<div class="tab4" :class="status==1?'active':''" >
<span @click="changeTabs(1)" data-value="1" >案场费入账</span>
<div class="lineA" v-if="status==1"></div>
</div>
<div class="tab4" :class="status==2?'active':''" data-value="2">
<span @click="changeTabs">意向金入账</span>
<div class="tab4" :class="status==2?'active':''" >
<span @click="changeTabs(2)" data-value="2">意向金入账</span>
<div class="lineA" v-if="status==2"></div>
</div>
<div class="tab4" :class="status==3?'active':''" data-value="3" >
<span @click="changeTabs">保管金入账</span>
<div class="tab4" :class="status==3?'active':''" >
<span @click="changeTabs(3)" data-value="3" >保管金入账</span>
<div class="lineA" v-if="status==3"></div>
</div>
</div>
<table-show :data="dataList"></table-show>
......@@ -147,9 +151,12 @@
},
//切换tab标签
changeTabs : function(e){
changeTabs : function(index){
console.log(index);
// console.log("13212312321321321321312312321321312321312312")
let that = this ;
var status = e.path[1].dataset.value;
// var status = e.path[0].dataset.value;
var status = index ;
that.status = status;
if ( status == 0 ){
that.dataList = that.agencyList ;
......@@ -242,7 +249,7 @@
let that = this ;
console.log(list);
var listArray = [{
"msg" : "成交报告ID" ,
"msg" : "收款ID" ,
"str1" : list.length > 0 ? (list[0].id ? list[0].id : "-") :"-",
"str2" : list.length > 1 ? (list[1].id ? list[1].id : "-") :"-",
"str3" : list.length > 2 ? (list[2].id ? list[2].id : "-") :"-",
......@@ -271,17 +278,23 @@
"str2" : list.length > 1 ? (list[1].money ? list[1].money : "-") :"-",
"str3" : list.length > 2 ? (list[2].money ? list[2].money : "-") :"-",
},
{
"msg" : "之前已收佣" ,
"str1" : list.length > 0 ? (list[0].received_money ? list[0].received_money : "-") :"-",
"str2" : list.length > 1 ? (list[1].received_money ? list[1].received_money : "-") :"-",
"str3" : list.length > 2 ? (list[2].received_money ? list[2].received_money : "-") :"-",
},
{
"msg" : "多收金额" ,
"str1" : list.length > 0 ? (list[0].price - list[0].price * 0.7 ? (list[0].price - list[0].price * 0.7).toFixed(2) : "-") :"-",
"str2" : list.length > 1 ? (list[1].price - list[1].price * 0.7 ? (list[1].price - list[1].price * 0.7).toFixed(2) : "-") :"-",
"str3" : list.length > 2 ? (list[2].price - list[2].price * 0.7 ? (list[2].price - list[2].price * 0.7).toFixed(2) : "-") :"-",
"str1" : list.length > 0 ? (list[0].money - list[0].price * 0.7 ? (list[0].money - list[0].price * 0.7).toFixed(2) : "-") :"-",
"str2" : list.length > 1 ? (list[1].money - list[1].price * 0.7 ? (list[1].money - list[1].price * 0.7).toFixed(2) : "-") :"-",
"str3" : list.length > 2 ? (list[2].money - list[2].price * 0.7 ? (list[2].money - list[2].price * 0.7).toFixed(2) : "-") :"-",
},
{
"msg" : "支付方式" ,
"str1" : list.length > 0 ? (list[0].pay_type ? list[0].pay_type : "-") :"-",
"str2" : list.length > 1 ? (list[1].pay_type ? list[1].pay_type : "-") :"-",
"str3" : list.length > 2 ? (list[2].pay_type ? list[2].pay_type : "-") :"-",
"str1" : list.length > 0 ? (list[0].pay_type ? that.payType(list[0].pay_type) : "-") :"-",
"str2" : list.length > 1 ? (list[1].pay_type ? that.payType(list[1].pay_type) : "-") :"-",
"str3" : list.length > 2 ? (list[2].pay_type ? that.payType(list[2].pay_type) : "-") :"-",
},
{
"msg" : "转账户名" ,
......@@ -356,9 +369,9 @@
},
{
"msg" : "支付方式" ,
"str1" : list.length > 0 ? (list[0].pay_type ? list[0].pay_type : "-") :"-",
"str2" : list.length > 1 ? (list[1].pay_type ? list[1].pay_type : "-") :"-",
"str3" : list.length > 2 ? (list[2].pay_type ? list[2].pay_type : "-") :"-",
"str1" : list.length > 0 ? (list[0].pay_type ? that.payType(list[0].pay_type) : "-") :"-",
"str2" : list.length > 1 ? (list[1].pay_type ? that.payType(list[1].pay_type) : "-") :"-",
"str3" : list.length > 2 ? (list[2].pay_type ? that.payType(list[2].pay_type) : "-") :"-",
},
{
"msg" : "转账户名" ,
......@@ -445,9 +458,9 @@
},
{
"msg" : "支付方式" ,
"str1" : list.length > 0 ? (list[0].pay_type ? list[0].pay_type : "-") :"-",
"str2" : list.length > 1 ? (list[1].pay_type ? list[1].pay_type : "-") :"-",
"str3" : list.length > 2 ? (list[2].pay_type ? list[2].pay_type : "-") :"-",
"str1" : list.length > 0 ? (list[0].pay_type ? that.payType(list[0].pay_type) : "-") :"-",
"str2" : list.length > 1 ? (list[1].pay_type ? that.payType(list[1].pay_type) : "-") :"-",
"str3" : list.length > 2 ? (list[2].pay_type ? that.payType(list[2].pay_type) : "-") :"-",
},
{
"msg" : "转账户名" ,
......@@ -516,9 +529,9 @@
},
{
"msg" : "支付方式" ,
"str1" : list.length > 0 ? (list[0].pay_type ? list[0].pay_type : "-") :"-",
"str2" : list.length > 1 ? (list[1].pay_type ? list[1].pay_type : "-") :"-",
"str3" : list.length > 2 ? (list[2].pay_type ? list[2].pay_type : "-") :"-",
"str1" : list.length > 0 ? (list[0].pay_type ? that.payType(list[0].pay_type) : "-") :"-",
"str2" : list.length > 1 ? (list[1].pay_type ? that.payType(list[1].pay_type) : "-") :"-",
"str3" : list.length > 2 ? (list[2].pay_type ? that.payType(list[2].pay_type) : "-") :"-",
},
{
"msg" : "转账户名" ,
......@@ -577,8 +590,8 @@
},
{
"msg" : "调整类型" ,
"str1" : list.length > 0 ? (list[0].type * 0.7 ? (list[0].type).toFixed(2) : "-") :"-",
"str2" : list.length > 1 ? (list[1].type * 0.7 ? (list[1].type).toFixed(2) : "-") :"-",
"str1" : list.length > 0 ? (list[0].type ? that.changeType(list[0].type) : "-") :"-",
"str2" : list.length > 1 ? (list[1].type ? that.changeType(list[1].type) : "-") :"-",
},
{
"msg" : "入账日期" ,
......@@ -595,13 +608,98 @@
"str1" : list.length > 0 ? (list[0].money ? list[0].money : "-") :"-",
"str2" : list.length > 1 ? (list[1].money ? list[1].money : "-") :"-",
},
// {
// "msg" : "附件" ,
// "str1" : list.length > 0 ? (list[0].pay_log_id ? list[0].pay_log_id : "-") :"-",
// "str2" : list.length > 1 ? (list[1].pay_log_id ? list[1].pay_log_id : "-") :"-",
// },
{
"msg" : "附件" ,
"str1" : list.length > 0 ? (list[0].pay_log_id ? list[0].pay_log_id : "-") :"-",
"str2" : list.length > 1 ? (list[1].pay_log_id ? list[1].pay_log_id : "-") :"-",
"id1" : list.length > 0 ? (list[0].pay_log_id ? list[0].pay_log_id : "-") :"-",
"id2" : list.length > 1 ? (list[1].pay_log_id ? list[1].pay_log_id : "-") :"-",
// "id3" : list.length > 2 ? (list[2].id ? list[2].id : "-") :"-",
"str1" : list.length > 0 ? "查看" :"-",
"str2" : list.length > 1 ? "查看" :"-",
// "str3" : list.length > 2 ? "查看" :"-",
}
]
that.dataChageList = changeArray ;
},
changeType : function(num) {
var that = this ;
var str = '' ;
switch ( num ) {
case 1 :
str = "意向金转中介费" ;
break ;
case 2 :
str = "意向金转案场费" ;
break ;
case 3 :
str = "意向金转意向金" ;
break ;
case 1 :
str = "保管金转中介费" ;
break ;
case 1 :
str = "保管金转案场费" ;
break ;
case 1 :
str = "保管金转保管金" ;
break ;
case 1 :
str = "意向金转保管金" ;
break ;
}
return str ;
},
payType :function(num){
var str = ""
console.log(num)
switch (num) {
case 10:
str = "施总支付宝" ;
break ;
case 11:
str = "林老师支付宝" ;
break ;
case 12 :
str = "韵姐支付宝" ;
break ;
case 20:
str = "施总微信" ;
break ;
case 21:
str = "林老师微信" ;
break ;
case 22:
str = "韵姐微信" ;
break ;
case 30:
str = "pos机器" ;
break ;
case 40:
str = "地产转账" ;
break ;
case 41:
str = "世家公账" ;
break ;
case 42:
str = "3000账号" ;
break ;
case 50:
str = "现金" ;
break ;
case 60:
str = "其他" ;
break ;
case 70:
str = "银满谷银行卡" ;
break ;
}
return str
}
},
computed: {
......@@ -611,10 +709,61 @@
</script>
<style scoped>
/*input[type=date]::-webkit-inner-spin-button {
-webkit-appearance: none;
width :0px !important;
padding:0px !important
}
input::-webkit-search-cancel-button{
display: none;
width :0px !important;
visibility: hidden !important;
padding : 0px !important;
}
input[type=date]::-webkit-inner-spin-button {
visibility: hidden !important;
width :0px !important;
padding:0px !important;
}
::-webkit-datetime-edit-text {
color: #4D90FE;
padding:0px !important }
::-webkit-clear-button {
visibility: hidden !important;
width : 0px !important;
padding:0px !important;
}
::-webkit-calendar-picker-indicator{
width :0px !important;
visibility: hidden !important;
padding:0px !important
}
::-webkit-datetime-edit-year-field {
width : 100%;
z-index : 1000000;
padding:0px !important
}
::-webkit-datetime-edit {
width : 100% !important;
z-index : 1000;
padding:0px !important
}*/
.timmer-type{
border : 1px solid #eeeeee;
width : 2.3rem ;
padding : 0.1rem .15rem;
border-radius : .3rem;
margin-right : .3rem;
}
.center {
width : 100%;
text-align:center ;
}
.right {
width : 100%;
text-align:right ;
}
.m-t-3{
margin-top:.3rem;
}
......@@ -647,6 +796,14 @@
color : #ffffff;
font-size : .44rem;
}
.lineA{
height : 2px ;
width :1.27rem;
margin-left:.29rem;
background-color : #FF9318 ;
border-radius : 1px;
margin-top:.3rem;
}
</style>
......
......@@ -37,9 +37,6 @@
</swiper>
</div>
</div>
</template>
<script scoped>
......
......@@ -9,21 +9,35 @@
</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>
</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" :key="index"><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: {
......@@ -38,70 +52,78 @@
default: 0
}
},
components: {
swiper,
swiperSlide
},
data(){
return {
listArray : []
swiperOption: {//swiper3
autoplay: 3000,
speed: 1000,
width:window.screen.width
},
wWidth : window.screen.width,
showPic : false ,
maxWidth : 0,
imges : [],
}
},
created() {
let that = this;
// that.initData();
let _this = this;
_this.urlParams = _this.$route.query;
console.log(this.wWidth);
// document.getElementsByClassName("swiper-slide-active").style.height:100%;
},
mounted () {
let that = this ;
window.addEventListener('scroll', this.handleScroll, true);
// 监听(绑定)滚轮 滚动事件
},
methods: {
initData : function(){
let that = this ;
let list = that.data;
var listArray = [
{
"msg" : "调整ID" ,
"str1" : list.length > 0 ? (list[0].id ? list[0].id : "-") :"-",
"str2" : list.length > 1 ? (list[1].id ? list[1].id : "-") :"-",
},
{
"msg" : "调整前房源ID" ,
"str1" : list.length > 0 ? (list[0].house_id ? list[0].house_id : "-") :"-",
"str2" : list.length > 1 ? (list[1].house_id ? list[1].house_id: "-") :"-",
},
{
"msg" : "调整前房源地址" ,
"str1" : list.length > 0 ? (list[0].house_address ? list[0].house_address : "-") :"-",
"str2" : list.length > 1 ? (list[1].house_address ? list[1].house_address : "-") :"-",
},
{
"msg" : "调整类型" ,
"str1" : list.length > 0 ? (list[0].type * 0.7 ? (list[0].type).toFixed(2) : "-") :"-",
"str2" : list.length > 1 ? (list[1].type * 0.7 ? (list[1].type).toFixed(2) : "-") :"-",
},
{
"msg" : "入账日期" ,
"str1" : list.length > 0 ? (list[0].create_time ? list[0].create_time : "-") :"-",
"str2" : list.length > 1 ? (list[1].create_time ? list[1].create_time : "-") :"-",
},
{
"msg" : "收据编号" ,
"str1" : list.length > 0 ? (list[0].receipt_number ? list[0].receipt_number: "-") :"-",
"str2" : list.length > 1 ? (list[1].receipt_number ? list[1].receipt_number : "-") :"-",
},
{
"msg" : "调整金额" ,
"str1" : list.length > 0 ? (list[0].money ? list[0].money : "-") :"-",
"str2" : list.length > 1 ? (list[1].money ? list[1].money : "-") :"-",
},
{
"msg" : "附件" ,
"str1" : list.length > 0 ? (list[0].pay_log_id ? list[0].pay_log_id : "-") :"-",
"str2" : list.length > 1 ? (list[1].pay_log_id ? list[1].pay_log_id : "-") :"-",
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);
}
]
that.listArray = listArray ;
}
})
.catch(function(error) {
layer.tipsX(error);
});
},
},
computed: {
......@@ -110,6 +132,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 ;
......@@ -134,7 +214,7 @@
text-align:left;
}
.table_text {
width : 2.70rem ;
width : 2.7rem ;
text-align:center;
border-right:1px solid #eeeeee;
float:left;
......
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