1

public/appnew/src/components/receive/receiveDetail.vue

@@ -33,10 +33,10 @@
 			<div class="rightDiv" v-show="anchang || yixiang "> 应收金额: 1000 </div>
 			<div class="woalDiv" v-show="anchang || yixiang "> 多收金额:1000000</div>
 			
-			<div class="leftDiv"> 手续费: 2019.2.1 10:00:00 </div>
-			<div class="rightDiv"> 实付金额: 2019.2.1 </div>
-			<div class="woalDiv"> 备注:</div>
-			<div class="leftDiv"> 最后转定时间: 2019.2.1 10:00:00 </div>
+			<div class="leftDiv"> 手续费: {{item.transaction_fee}}</div>
+			<div class="rightDiv"> 实付金额: {{item.real_money}} </div>
+			<div class="woalDiv"> 备注:{{item.remark}}</div>
+			<div class="woalDiv"> 最后转定时间: {{item.last_transfer_time}}</div>
 		</div>
 		<div style="margin-left:.36rem;width:6.78rem;overflow:hidden;margin-top:.08rem;padding-bottom:.12rem;border-bottom:1px solid #F8F9FB">
 			<div style="font-size:.36rem;font-family:PingFangSC-Semibold;font-weight:600;color:rgba(28,28,28,1);line-height:.50rem;float:left;">
@@ -44,7 +44,7 @@
 			</div>
 		</div>
 		<div style="margin-left:.36rem;width:6.78rem;overflow:hidden;margin-top:.08rem;padding-bottom:.12rem;">
-			<div v-for="item,index in images" style="margin-left;margin-right:.135rem;float:left;margin-bottom:.18rem;">
+			<div v-for="item,index in item.img_arr" style="margin-left;margin-right:.135rem;float:left;margin-bottom:.18rem;">
 				<img :src="tie" style="width:1.55rem;height:1.15rem;border-radius:.1rem;" />
 			</div>
 			<div style="margin-left;margin-right:.135rem;float:left;margin-bottom:.18rem;" @click="addImage">
@@ -52,6 +52,18 @@
 				 <form enctype="multipart/form-data" name="fileinfo"><input id="upload_file" type="file" style="display: none;" accept='image/*' name="file" @change="fileChange($event)"/></form>
 			</div>
 		</div>
+		<div style="position: fixed;bottom:0rem;left:0rem;height:1rem;background-color:#ffffff;width:7.5rem;">
+			<div style="height:.76rem;margin-top:.15rem;">
+				<div style="margin-left:0.35rem;float:left;width:3.30rem;height:.76rem;background:linear-gradient(90deg,rgba(255,160,40,.1) 0%,rgba(255,128,24,.1) 100%);border-radius:.10rem;font-size:.28rem;font-weight:500;color:rgba(255,128,24,1);text-align:center;line-height:.76rem;">
+					退款
+				</div>
+				<div style="margin-left:.2rem;float:left;width:3.30rem;height:.76rem;background:linear-gradient(90deg,rgba(255,160,40,.1) 0%,rgba(255,128,24,.1) 100%);border-radius:.10rem;font-size:.28rem;font-weight:500;color:rgba(255,128,24,1);text-align:center;line-height:.76rem;">
+					退款
+				</div>
+			</div>
+			
+		</div>
+		<div style="width:7.5rem;height:1rem;"></div>
 	</div>
 </template>
 
@@ -67,17 +79,104 @@
 			headerData: {
 				'title': '收款详情',
 				'noborder': true,
-				'isBack': false
+				'isBack': true
 			},
 			addImg,
 			tie : 'http://img.redocn.com/sheji/20141219/zhongguofengdaodeliyizhanbanzhijing_3744115.jpg',
 			images:[,,,,,,,,,],
-			files : [] 
+			files : [] ,
+			item : {}
 		}),
 		mounted () {
-			
+			if ( this.$route.query.from ){
+				this.headerData.isBack = false ;
+			};
+			this.getData();
 		},
 		methods: {
+			getType (t){
+				let str = '' ; 
+				switch(t-0){
+					case 10 : 
+						str = '意向金';
+						break ; 
+					case 20 : 
+						str = '定金';
+						break ; 
+					case 30 : 
+						str = '保管金';
+						break ; 
+					case 90 : 
+						str = '佣金';
+						break ; 
+					case 91 : 
+						str = '中介费';
+						break ; 
+					case 92 : 
+						str = '案场费';
+						break ; 
+				}
+				return str ;
+			},
+			getSource (t) {
+				let str = '' ; 
+				switch(t-0){
+					case 0 : 
+						str = 'app';
+						break ; 
+					case 1 : 
+						str = '智能pos机';
+						break ; 
+					case 2 : 
+						str = '调整';
+						break ; 
+				}
+				return str ;
+			},
+			getPayType (t){
+				let str = '' ; 
+				switch(t-0){
+					case 10 : 
+						str = '支付宝';
+						break ; 
+					case 20 : 
+						str = '微信';
+						break ; 
+					case 30 : 
+						str = 'pos机器';
+						break ; 
+					case 40 : 
+						str = '转账';
+						break ; 
+					case 50 : 
+						str = '现金';
+						break ; 
+					case 60 : 
+						str = '其他';
+						break ; 
+				}
+				return str ;
+			},
+			getData(){
+				let that = this ; 
+				this.axios({
+					method: 'get',
+//					url: '/office/getBuildingRoomH5',
+					url : '/broker/getPayLogDetail',
+					responseType: 'json',
+					data: {
+						AuthToken : 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJkYXRhIjp7ImlkIjo1NzM5LCJuYW1lIjoiXHU2MDNiXHU2ZDRiXHU4YmQ1MSIsInBob25lIjoiMTU2MDE2NTIzNTMiLCJsZXZlbCI6MzB9LCJ0aW1lU3RhbXBfIjoxNTQxNTc2MzQ3fQ.csvXQnqzLdZ-dW3pVGosyPqbCPWPXyECncwD4dD6M6I',
+						pay_id : 1132
+					}
+				}).then(function(res){
+					if(res.data.code == 200) {
+						console.log(res.data.data);
+						that.item = res.data.data
+					} else {
+						layer.tipsX(res.data.msg);
+					}
+				})
+			},
 			addImage (){
 				let that = this ; 
 				document.getElementById('upload_file').click();