成交报告修改

public/appnew/src/components/reportDetails/reportDetails.vue

@@ -9,22 +9,32 @@
 		<main class="main-content">
 			<section v-show="0 === initTabNumMain">
 				<ul>
-					<li class="deal-shop">
+					<li class="main-sec-li">
+						<div class="bottom-border">成交报告ID<span class="left">{{bargainInfo_id}}</span></div>
+					</li>
+					<li class="deal-shop" @click="shopReturn">
 						<div class="bottom-border">
 							<div class="deal-shop-top right">成交商铺</div>
+							<div class="deal-shop-top left left-01-rem">
+								<img-error :datasrc="urlImg('inat.png')" ></img-error>
+							</div>
 							<div class="left deal-shop-adress">
-								<div class="left">{{internal_title}}</div>
-								<div class="left clear font-24">{{internal_address}}</div>
+								<div class="left">商铺编号 ： {{house_id}}</div>
+								<div class="left clear font-20">{{internal_address}}</div>
 							</div>
 						</div>
 					</li>
-					<li class="deal-shop">
+					<li class="deal-shop" @click="customReturn">
 						<div class="bottom-border">
 							<div class="deal-shop-top right">成交客源</div>
+							<div class="deal-shop-top left left-01-rem">
+								<img-error :datasrc="urlImg('inat.png')" ></img-error>
+							</div>
 							<div class="left deal-shop-adress">
-								<div class="left">{{user_name}}</div>
-								<div class="left clear font-24">{{user_phone}}</div>
+								<div class="left">{{user_name}}  <span class="clear font-20">{{user_phone}}</span></div>
+								<div class="left clear font-20">客户编号 ： {{user_id}}</div>
 							</div>
+							
 						</div>
 					</li>
 					<li class="main-sec-li">
@@ -192,6 +202,9 @@
 			account_statement: '',
 			account_time: '',
 			industry_type:'',
+			bargainInfo_id : '',
+			house_id : '',
+			user_id : ''
 
 		}),
 		created() {
@@ -205,6 +218,11 @@
 			_this.loadMain();
 		},
 		methods: {
+			urlImg(u) {
+				let _this = this;
+				console.log(_this.common.ServerHost + '/app/images/' +u);
+				return _this.common.ServerHost + '/app/images/' +u;
+			},
 			loadMain() {
 				let _this = this;
 				_this.ajaxUl();
@@ -271,6 +289,10 @@
 							_this.Datas = response.data.data.cent_commission;
 							_this.taxDatas = response.data.data.taxes;
 							_this.is_open = response.data.data.bargainInfo.is_open;
+							console.log(response);
+							_this.bargainInfo_id = response.data.data.bargainInfo.id;
+							_this.house_id = response.data.data.bargainInfo.house_id;
+							_this.user_id = response.data.data.bargainInfo.user_id;
 							//判断开业类型
 							_this.trade_type = response.data.data.bargainInfo.trade_type;
 							if(_this.trade_type == '10') {
@@ -304,7 +326,33 @@
 					.catch(function(error) {
 						layer.tipsX(error);
 					});
-			}
+			},
+			customReturn : function() {
+				this.common.Compatible({
+					paraIos: {
+						'route': "onClientClick"
+					},
+					fnAndroid: function() {
+						window.android.onClientClick();
+					},
+					fn: function() {
+						console.warn('error');
+					}
+				});
+			},
+			shopReturn : function() {
+				this.common.Compatible({
+					paraIos: {
+						'route': "onShopClick",
+					},
+					fnAndroid: function() {
+						window.android.onShopClick();
+					},
+					fn: function() {
+						console.warn('error');
+					}
+				});
+			},
 		}
 	}
 </script>
@@ -414,6 +462,11 @@
 		font-size: .28rem;
 	}
 	
+	.font-20 {
+		color: #999;
+		font-size: .23rem;
+	}
+	
 	.width-170 {
 		width: 25%;
 		height: .9rem;
@@ -452,4 +505,8 @@
 		border-bottom: 1px solid #fff;
 		/*box-sizing: border-box;*/
 	}
+	
+	.left-01-rem {
+		margin-left : 0.1rem;
+	}
 </style>