ljh il y a 2 ans
Parent
commit
e0e5c18a25
1 fichiers modifiés avec 509 ajouts et 509 suppressions
  1. 509 509
      src/main/resources/static/main/mobilepage/institutions.html

+ 509 - 509
src/main/resources/static/main/mobilepage/institutions.html

@@ -2,517 +2,517 @@
 <html lang="en">
 
 <head>
-	<meta charset="UTF-8">
-	<meta http-equiv="X-UA-Compatible" content="IE=edge">
-	<meta name="viewport" content="width=device-width, initial-scale=1.0">
-	<title>渝快住 住愉快 - 经纪机构公示</title>
-	<link rel="stylesheet" href="layui/css/layui.css">
-	<link rel="stylesheet" href="css/herder.css">
-	<link rel="stylesheet" href="css/footer.css">
-	<link rel="stylesheet" href="css/nav.css">
-	<link rel="stylesheet" href="css/search.css">
-	<link rel="stylesheet" href="css/signregister.css">
-	<link rel="stylesheet" href="element-ui/lib/theme-chalk/index.css" />
-	<link rel="stylesheet" href="css/houseListChoice.css">
-	<link rel="stylesheet" href="css/logintop.css">
-	<style>
-		/*
-.nav {
-				background-color: white !important;
-				border-bottom: 1px solid rgba(119, 132, 151, 0.12);
-				box-shadow: 0 0 15px rgb(119, 132, 151);
-				margin-bottom: 15px
-			}
-            */
-
-		.nav {
-			background-color: white !important;
-			border-bottom: 1px solid #ccc;
-		}
-
-		.institutions_middle {
-			width: 1200px;
-			margin: 21px auto 0;
-		}
-
-		.institutions_middle>p {
-			font-size: 12px;
-			font-weight: 400;
-			color: #999999;
-		}
-
-		#detailed {
-			margin-top: 28px;
-
-		}
-
-		/* #detailed .el-table {
-			cursor: pointer
-		} */
-
-		.el-rate__text {
-			cursor: default;
-			font-size: 16px;
-			margin-left: 5px;
-		}
-		.el-rate__icon{
-			margin-right: 0;
-			font-size: 25px;
-
-		}
-
-		.cell {
-			text-align: center;
-			color: #333;
-			font-size: 16px;
-			cursor: default;
-		}
-
-		.el-button>span>a {
-			font-size: 16px;
-			color: #409EFF;
-		}
-
-		.el-button>span>div {
-			color: #000;
-		}
-
-		.el-table th.el-table__cell {
-			background-color: #E6EDF5;
-		}
-
-		.el-table th.el-table__cell:nth-child(1) {
-			padding-left: 21px;
-		}
-
-		.el-table_1_column_1 .cell {
-			text-align: start;
-			padding-left: 30px;
-		}
-
-		.el-table__row>td:nth-child(1) .cell {
-			width: 300px;
-			text-align: start;
-			overflow: hidden;
-			text-overflow: ellipsis;
-			white-space: nowrap;
-		}
-
-		.el-table th.el-table__cell {
-			background-color: #D7DEE5;
-		}
-
-
-		.el-table__header {
-			margin-bottom: 10px;
-		}
-
-		/* 3.15做的修改 */
-		.el-table tr:nth-child(even) {
-			/* background: #F7FAFF; */
-			background-color: #FAFAFA;
-		}
-
-		.el-table tr:nth-child(odd) {
-			/* background: #F3F6FA; */
-			background-color: #FFFFFF;
-		}
-
-		.has-gutter tr .el-table_1_column_1>.cell {
-			width: 125px;
-		}
-
-		.has-gutter tr .el-table_1_column_4>.cell {
-			width: 158px;
-		}
-
-		.detailed_page {
-			display: flex;
-			justify-content: space-between;
-			margin-top: 55px;
-			color: #999999;
-			margin-bottom: 37px;
-
-		}
-
-		.detailed_page p {
-			cursor: default;
-		}
-
-		/* 面包屑 */
-		.crumbs_e {
-			width: 1200px;
-			margin: 20px auto 0;
-			font-size: 14px;
-			font-family: Microsoft YaHei;
-			font-weight: 400;
-			color: #999999;
-			text-align: left;
-			cursor: default;
-		}
-
-		.crumb-text_e {
-			cursor: pointer;
-		}
-
-		.el-table th.el-table__cell.is-leaf {
-			text-align: center;
-		}
-
-
-		/* 全重庆的样式 */
-		.tangchu {
-			width: 575px;
-			background-color: #FFF;
-			border: 1px solid #CDE1F0;
-			padding: 20px 10px 20px 20px;
-			box-sizing: border-box;
-			position: absolute;
-			display: none;
-			max-height: 400px;
-			overflow-y: auto;
-			top: 198px;
-			/* left: 583px; */
-			z-index: 999;
-		}
-
-		.tangchu-item {
-			display: inline-block;
-			width: 120px;
-			height: 50px;
-			font-size: 16px;
-			background-color: #CDE1F0;
-			color: #0C67B0;
-			margin: 0px 15px 15px 0px;
-			overflow: hidden;
-			text-overflow: ellipsis;
-			white-space: nowrap;
-			line-height: 50px;
-			text-align: center;
-			cursor: pointer;
-		}
-
-		/* 全重庆 */
-
-		.all {
-			float: left;
-			margin-right: 24px;
-			cursor: pointer;
-			height: 60px;
-			line-height: 60px;
-		}
-
-		.brokerageManageSerch .vCode {
-			width: 122px;
-			display: inline-block;
-		}
-
-		/* 表格表头颜色修改 */
-		.el-table th.el-table__cell.is-leaf {
-			background: #547295;
-		}
-
-		.el-table th.el-table__cell>.cell {
-			color: #FFFFFF;
-		}
-
-		.el-table .el-table__cell {
-			padding: 6px 0;
-		}
-
-		.el-table__header-wrapper {
-			height: 35px;
-		}
-	</style>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="/zfjyjgfwpt/main/layui/css/layui.css">
+    <link rel="stylesheet" type="text/css" href="element-ui/lib/theme-chalk/index.css" />
+    <title>渝快住 住愉快 - 经纪机构公示</title>
+    <link rel="stylesheet" href="css/logobaner.css">
+    <link rel="stylesheet" href="css/scrolltopBaner.css">
+    <link rel="stylesheet" href="css/institutions.css">
+    <link rel="stylesheet" href="css/footer.css">
 </head>
 
-<body>
-	<div class="institutions_box" id="app">
-		<!--蒙层-->
-		<div class="mask"></div>
-		<!--登录-->
-		<div class="contentLogin"></div>
-		<!--注册-->
-		<div class="contentLoginz"></div>
-		<!-- 忘记密码 -->
-		<div class="forgetPass"></div>
-		<!--弹出选择-->
-		<div class="chiocegp" style="display: none;">
-		</div>
-		<div class="nav">
-		</div>
-		<div class="institutions_head">
-			<div class="nav_head">
-				<ul>
-					<li class="nav_head_active"><a href="institutions.html">经纪机构公示</a></li>
-					<li><a href="broker.html">经纪人员公示</a></li>
-					<li style="width: 120px;"><a href="tradingranking.html">交易排行榜</a></li>
-				</ul>
-			</div>
-			<div class="brokerageManageSerchbg">
-				<div class="brokerageManageSerch">
-					<div class="index_serch">
-						<div class="vCode">
-							<div class="all">全重庆</div>
-							<span
-								style="color: #000;opacity: 0.35;margin-right: 18px;float: left;line-height: 60px;">|</span>
-							<!-- 全重庆的弹窗 -->
-							<div class="tangchu"></div>
-						</div>
-						<input type="text" placeholder="请输入经纪机构名称" max="65" id="compenypost">
-						<div class="map">
-							<a href="map.html">
-								<img src="image/map.png" alt="">
-								<p>地图</p>
-							</a>
-						</div>
-						<div class="btn" @click="btnSearch">
-							<img src="image/search.png" alt="">
-						</div>
-					</div>
-				</div>
-			</div>
-		</div>
-		<div class="institutions_middle">
-			<!-- 面包屑 -->
-			<div class="crumbs_e">
-				<span class="crumb-text_e" onclick="location.href = 'institutions.html'">经纪管理</span>
-				<span class="crumb-icon">></span>
-				<span class="crumb-text_e" onclick="location.href = 'institutions.html'">经纪机构公示</span>
-			</div>
-			<div id="detailed">
-				<el-table :data="tableData" style="width:100%" v-loading="loading">
-					<el-table-column label="经纪机构名称" prop="DWQCH">
-					</el-table-column>
-					<el-table-column prop="compositeScore" label="综合分数">
-						<template slot-scope="scope">
-							<el-rate v-if="scope.row.compositeScore==-1" v-model="scope.row.compositeScore" disabled
-								show-score text-color="#ff9900" score-template="0">
-							</el-rate>
-							<el-rate v-else="scope.row.compositeScore" v-model="scope.row.compositeScore" disabled
-								show-score text-color="#ff9900" score-template="{value}">
-							</el-rate>
-						</template>
-					</el-table-column>
-					<el-table-column prop="favorableRate" label="好评率">
-						<template slot-scope="scope">
-							<div>{{(scope.row.favorableRate==-1)?'积累中':scope.row.favorableRate+'%'}}</div>
-						</template>
-					</el-table-column>
-					<el-table-column label="信用档案">
-						<template slot-scope="scope">
-							<el-button type="text"><a :href="scope.row.basicinfourl">基本信息</a></el-button>
-							<el-button type="text"><a :href="scope.row.goodinformationurl">良好信息</a></el-button>
-							<el-button type="text"><a :href="scope.row.badInformationurl">不良信息</a></el-button>
-						</template>
-					</el-table-column>
-				</el-table>
-				<div class="detailed_page">
-					<p>共{{Math.ceil(total/limit)}}页</p>
-					<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
-						:current-page="page" :page-size="limit" :page-sizes="[10, 20, 30,50]" background
-						layout="sizes,prev, pager, next" :total="total">
-					</el-pagination>
-				</div>
-			</div>
-		</div>
-		<div class="foot">
-		</div>
-	</div>
-	<script src="js/jquery-3.5.1.min.js"></script>
-	<script src="/zfjyjgfwpt/main/js/sm2/crypto-js.js" type="text/javascript" charset="utf-8"></script>
-	<script src="/zfjyjgfwpt/main/js/sm2/sm2.js" type="text/javascript" charset="utf-8"></script>
-	<script src="js/vue.js"></script>
-	<script src="element-ui/lib/index.js" type="text/javascript" charset="utf-8"></script>
-	<script src="layui/layui.js"></script>
-	<script src="js/constants.js"></script>
-	<script type="application/javascript">
-		// 引入header
-		$.get('/zfjyjgfwpt/html/header/index.html', function (data, status) {
-			$('.nav').append(data);
-			// 移除所有选中
-			$('.nav div .home ul li').removeClass('selct');
-			// 添加选中
-			$('.nav div .home ul li:nth-child(6)').addClass('selct');
-		}, 'html');
-
-		// 引入footer
-		$.get('/zfjyjgfwpt/html/footer/index.html', function (data, status) {
-			$('.foot').append(data);
-		}, 'html');
-
-		// 输入框的限制
-		$(".btn").click(function () {
-			// var reg= /[^\w\u4e00-\u9fa5\/\-]/gi;
-			var reg = /[^\w\u4e00-\u9fa5]/gi;
-			var val = $('#compenypost').val();
-			if (reg.test(val)) {
-				$('#compenypost').val($('#compenypost').val().replace(reg, ''));
-				layer.msg('输入内容包含非法字符,请重新输入!');
-			}
-		});
-	</script>
-	<script>
-		const detaile = new Vue({
-			el: '#app',
-			data: function () {
-				return {
-					page: 1,
-					limit: 10,
-					tableData: [],
-					loading: '',
-					total: 0,
-				}
-			},
-			methods: {
-				// pageSize改变时触发 每条页数
-				handleSizeChange(newSize) {
-					this.limit = newSize;
-					this.getAjax(this.page = 1, this.limit)
-				},
-				// currentPage改变时触发  当前页
-				handleCurrentChange(newPage) {
-					this.page = newPage;
-					this.getAjax(this.page, this.limit)
-				},
-				btnSearch() {
-					var _this = this
-					var area = ''
-					if ($('.all').text() != '全重庆') {
-						area = $('.all').text()
-					}
-					$.ajax({
-						type: 'GET',
-						url: PATH + '/front/getBrokerAgencyPublicityList',
-						data: {
-							page: 1,
-							limit: 10,
-							DWQCH: $('#compenypost').val(),
-							QY: area
-						},
-						success: function (json) {
-							var tableArr1 = []
-
-							for (let i = 0; i < json.data.length; i++) {
-								obj = {
-									DWQCH: json.data[i].DWQCH,
-									MYD: json.data[i].MYD,
-									HPL: json.data[i].HPL,
-									favorableRate: json.data[i].favorableRate,
-									compositeScore: json.data[i].compositeScore,
-									basicinfourl: 'basicinfo.html?id=' + json.data[i].COMPANYID,
-									goodinformationurl: 'goodinformation.html?id=' + json.data[i].COMPANYID,
-									badInformationurl: 'badInformation.html?id=' + json.data[i].COMPANYID
-								}
-								tableArr1.push(obj)
-							}
-							_this.page = 1
-							_this.tableData = tableArr1
-							_this.total = json.count
-							if (this.limit < 5 || tableArr1.length < 5) {
-								$('#detailed').css({ "height": "calc(100vh - 442px)" })
-							} else {
-								$('#detailed').removeAttr("style");
-							}
-						},
-						error: function (err) {
-							layer.msg('网络错误!');
-						}
-					});
-				},
-				getAjax() {
-					var _this = this
-					$.ajax({
-						type: 'GET',
-						url: PATH + '/front/getBrokerAgencyPublicityList',
-						data: {
-							"page": this.page,
-							"limit": this.limit,
-							DWQCH: $('#compenypost').val(),
-							QY: $('.all').text()
-						},
-						success: function (json) {
-							console.log(json)
-							_this.total = json.count
-							var arr = []
-							for (var i = 0; i < json.data.length; i++) {
-								var obj = {
-									DWQCH: json.data[i].DWQCH,
-									MYD: json.data[i].MYD,
-									favorableRate: json.data[i].favorableRate,
-									compositeScore: json.data[i].compositeScore,
-									basicinfourl: 'basicinfo.html?id=' + json.data[i].COMPANYID,
-									goodinformationurl: 'goodinformation.html?id=' + json.data[i].COMPANYID,
-									badInformationurl: 'badInformation.html?id=' + json.data[i].COMPANYID
-								}
-								arr.push(obj)
-								_this.tableData = arr
-							}
-							if (_this.limit < 5 || _this.tableData.length < 5) {
-								$('#detailed').css({ "height": "calc(100vh - 442px)" })
-							} else {
-								$('#detailed').removeAttr("style");
-							}
-							_this.loading = false
-						},
-						error: function (err) {
-							layer.msg('网络错误!');
-							_this.loading = false
-						}
-					});
-				},
-				getUrl(url) {
-					return url || "#";
-				}
-			},
-			created: function () {
-				this.loading = true;
-				this.getAjax()
-			},
-			watch: {
-				limit: function () {
-					if (this.limit < 5 || this.tableData.lenght < 5) {
-						$('#detailed').css({ "height": "calc(100vh - 442px)" })
-					} else {
-						$('#detailed').removeAttr("style");
-					}
-				},
-				page: function () {
-					if ((this.tableData.length % this.limit) < 5 && ((this.tableData.length) % this.limit) != 0) {
-						$('#detailed').css({ "height": "calc(100vh - 442px)" })
-					} else {
-						$('#detailed').removeAttr("style");
-					}
-
-				}
-			}
-		})
-
-
-		var data = ["万州", "黔江", "涪陵", "渝中", "大渡口", "江北", "沙坪坝", "九龙坡", "南岸", "北碚", "渝北", "巴南", "长寿", "江津", "合川", "永川", "南川",
-			"綦江", "大足", "璧山", "铜梁", "潼南", "荣昌", "开州", "梁平", "武隆", "城口", "丰都", "垫江", "忠县", "云阳", "奉节", "巫山", "巫溪", "石柱",
-			"秀山", "酉阳", "彭水"
-		]
-		var html = '<div class="tangchu-item">全重庆</div>';
-		$(".all").mouseenter(function () {
-			$(".tangchu").css("display", "block");
-		});
-		$(".tangchu").mouseenter(function () {
-			$(".tangchu").css("display", "block");
-		});
-		$(".all").mouseleave(function () {
-			$(".tangchu").css("display", "none");
-		});
-		$(".tangchu").mouseleave(function () {
-			$(".tangchu").css("display", "none");
-		});
-		for (var i = 0; i < data.length; i++) {
-			html += '<div class="tangchu-item">' + data[i] + '</div>';
-		}
-		$('.tangchu').empty().append(html);
-	</script>
-	<script src="./js/security.js"></script>
-	<script src="./js/signregister.js"></script>
+<body style="display: none;">
+    <!-- <div class="popUp" style="display: none;">
+        <ul>
+            <li><a href="index.html">首页</a></li>
+			<li><a href="informationverification.html">房源验真</a></li>
+			<li><a href="housingresourceslist-new.html">我要买房</a></li>
+			<li><a href="javascript:;">我要卖房</a></li>
+            <li><a href="fundsupervision.html">资金监管</a></li>
+			<li><a href="organization.html">经纪管理</a></li>
+			<li><a href="login.html">登录</a></li>
+			<li><a href="register.html">注册</a></li>
+			<li><a href="mail.html">个人中心</a></li>
+			<li><a href="">切换角色</a></li>
+            <li id="backuser"><a href="javascript:;">退出</a></li>
+        </ul>
+    </div> -->
+    <div class="mtop">
+        <div class="logo">
+            <img src="image/logo .png" alt="">
+        </div>
+        <div class="listbanner" id="rich">
+            <div class="listbanner-btn">
+                <img src="image/listbanner1.png" alt="" class="line" @click="drawers()">
+            </div>
+
+            <el-drawer :visible.sync="drawer" :with-header="false">
+                <ul id="listbanner-nav">
+                    <li><a href="index.html">首页</a></li>
+                    <li><a href="informationverification.html">房源验真</a></li>
+                    <li><a href="housingresourceslist-new1.html">我要买房</a></li>
+                    <li @click="open"><a href="javascript:;">我要卖房</a></li>
+                    <li><a href="fundsupervision.html">资金监管</a></li>
+                    <li><a href="organization.html">经纪管理</a></li>
+                    <li><a href="login.html">登录</a></li>
+                    <li><a href="register.html">注册</a></li>
+                    <li><a href="mail.html">个人中心</a></li>
+                    <li><a href="">切换角色</a></li>
+                    <li @click="quit"><a href="javascript:;">退出</a></li>
+                </ul>
+
+            </el-drawer>
+        </div>
+    </div>
+    <div class="top-nav">
+        <a href="organization.html" class="select">经纪机构公示</a>
+        <a href="pinstitution.html">经纪人员公示</a>
+        <!-- <a href="dealevaluate.html">交易评价公示</a> -->
+        <a href="trading.html">交易排行榜</a>
+        <!-- <a href="starLevel.html">星级公示</a> -->
+    </div>
+    <div id="information">
+        <el-tabs v-model="activeName" @tab-click="handleClick">
+            <el-tab-pane label="基本信息" name="first">
+                <!-- 面包屑 -->
+                <div class="crumbs_e">
+                    <span class="crumb-text_e" onclick="location.href = ''">经纪管理</span>
+                    <span class="crumb-icon">></span>
+                    <span class="crumb-text_e" onclick="location.href = 'organization.html'">经纪机构公示</span>
+                    <span class="crumb-icon">></span>
+                    <span class="crumb-text_e">基本信息</span>
+                </div>
+                <div class="information_content">
+                    <div class="first-blue">
+                        <h4><a href="https://m.lianjia.com/cq/">{{companyInfo.ENTNAME ? companyInfo.ENTNAME : '无'}}</a>
+                        </h4>
+                        <h5>地址:{{companyInfo.DOM ? companyInfo.DOM : '无'}}</h5>
+                        <h5>电话:{{companyInfo.TEL ? companyInfo.TEL : '无'}}</h5>
+                        <div class="through-line"></div>
+                         <ul class="six-num">
+                            <li>
+                                <h3>{{companyInfo.favorableRate == -1 ? '暂无数据' : companyInfo.favorableRate}}</h3>
+                                <p>满意率</p>
+                            </li>
+                            <li>
+                                <h3>无</h3>
+                                <p>交易数(次)</p>
+                            </li>
+                            <li>
+                                <h3>{{companyInfo.companyAppraisalNum == -1 ? '暂无数据' : companyInfo.companyAppraisalNum}}</h3>
+                                <p>评价数(次)</p>
+                            </li>
+                            <li>
+                                <h3>{{(companyInfo.CFQK=='暂无处罚信息' ? 0 : companyInfo.CFQK)}}</h3>
+                                <p>处罚情况(次)</p>
+                            </li>
+                            <li>
+                                <h3>{{companyInfo.complaints == -1 ? '暂无数据' : companyInfo.complaints}}</h3>
+                                <p>投诉情况(次)</p>
+                            </li>
+                            <li></li>
+                        </ul>
+                    </div>
+                    <div class="first-second">
+                        <div class="jyfw">
+                            经营范围
+                        </div>
+                    </div>
+                    <div class="first-third">
+                        <p>{{companyInfo.OPSCOPE ? companyInfo.OPSCOPE : '无'}}</p>
+                    </div>
+                    <ul class="first-fourth">
+                        <li>
+                            固定经营场所:<span>{{companyInfo.DOM ? companyInfo.DOM : '无'}}</span>
+                        </li>
+                        <li>
+                            营业执照号:<span>{{companyInfo.UNISCID ? companyInfo.UNISCID : '无'}}</span>
+                        </li>
+                        <li>
+                            门店数量:<span>{{count}}</span>
+                            <div class="map-img">
+                                <a @click="lock_door">查看门店</a>
+                                <!-- <img src="image/map.png"> -->
+                            </div>
+                        </li>
+                        <li>
+                            注册资金:<span>{{companyInfo.REGCAP ? companyInfo.REGCAP + '万' : '无'}}</span>
+                        </li>
+                        <li>
+                            法人代表:<span>{{companyInfo.NAME ? companyInfo.NAME : '无'}}</span>
+                        </li>
+                        <li>
+                            综合分数:<span>{{companyInfo.compositeScore || '无'}}</span>
+                        </li>
+                        <li>
+                            员工总人数:<span>无</span>
+                        </li>
+                        <li>
+                            已备案房地产经纪执业人员数量:<span>无</span>
+                        </li>
+                    </ul>
+                    <div class="five-grey"></div>
+                    <div class="deal">
+                        <div style="display: flex;align-items: center;height: 22px;padding-left: 10px;margin-top: 10px;">
+                        <span style="width: 6px;height: 15px;background: #EF6A19;display:inline-block;margin-right: 3px;"></span>
+                        <span style="height: 16px;line-height: 16px;">交易评价明细</span>
+                        </div>
+                        <ul id="dealDetail" v-if="tradeEvalute.length>0">
+                            <li v-for="item in tradeEvalute">
+                                <div class="purchaser">
+                                    <p>买方</p><span>{{item.createTime}}</span>
+                                </div>
+                                <div class="grade">
+                                    <el-rate v-model="item.satisfaction" disabled show-score text-color="#ff9900" score-template="{value}">
+                                    </el-rate>
+                                </div>
+                                <div class="address">坐落地址:{{item.address}}</div>
+                            </li>
+                        </ul>
+                        <div v-if="tradeEvalute.length==0" style="height: 100px;line-height: 100px;text-align: center;">
+                            暂无数据</div>
+                        <div class="through-grey"></div>
+                        <!-- 分页 -->
+                        <div class="pageing">
+                            <ul>
+                                <li class="backend" @click="backend">
+                                    <img src="image/back_end.png">
+                                </li>
+                                <li class="back" @click="back">
+                                    <img src="image/back.png">
+                                </li>
+                                <li class="num">
+                                    第{{tradeEvaluatePage.page}}页
+                                </li>
+                                <li class="next" @click="next">
+                                    <img src="image/next.png">
+                                </li>
+                                <li class="nextend" @click="nextend">
+                                    <img src="image/next_end.png">
+                                </li>
+                            </ul>
+                        </div>
+                        <div class="through-grey"></div>
+                    </div>
+                </div>
+            </el-tab-pane>
+            <el-tab-pane label="良好信息" name="second">
+                <!-- 面包屑 -->
+                <div class="crumbs_e">
+                    <span class="crumb-text_e" onclick="location.href = ''">经纪管理</span>
+                    <span class="crumb-icon">></span>
+                    <span class="crumb-text_e" onclick="location.href = 'organization.html'">经纪机构公示</span>
+                    <span class="crumb-icon">></span>
+                    <span class="crumb-text_e">良好信息</span>
+                </div>
+                <div class="information_content">
+                    <div style="display: flex;align-items: center;height: 22px;padding-left: 10px;margin-top: 10px;">
+                    <span style="width: 6px;height: 15px;background: #EF6A19;display:inline-block;margin-right: 3px;"></span>
+                    <span style="height: 16px;line-height: 16px;">良好信息</span>
+                    </div>
+                    <ul v-if="goodinfoList.length>0">
+                        <li v-for="index in goodinfoList" class="information_content_list">
+                            <div class="information_content_list_state">
+                                <p>{{index.companyName}}</p>
+                                <div>评价方:买方</div>
+                                <div>公示日期:{{index.createTime}}</div>
+                            </div>
+                            <div class="information_content_list_grade">
+                                <p>评定星级</p>
+                                <el-rate :value='index.satisfaction' disabled text-color="#ff9900">
+                                </el-rate>
+                            </div>
+                        </li>
+                    </ul>
+                    <div v-if="goodinfoList.length==0" style="height: 100px;line-height: 100px;text-align: center;">暂无数据
+                    </div>
+                    <div class="through-grey"></div>
+                    <!-- 分页 -->
+                    <div class="pageing">
+                        <ul>
+                            <li class="backend" @click="backend">
+                                <img src="image/back_end.png">
+                            </li>
+                            <li class="back" @click="back">
+                                <img src="image/back.png">
+                            </li>
+                            <li class="num">
+                                第{{tradeEvaluatePage.page}}页
+                            </li>
+                            <li class="next" @click="next">
+                                <img src="image/next.png">
+                            </li>
+                            <li class="nextend" @click="nextend">
+                                <img src="image/next_end.png">
+                            </li>
+                        </ul>
+                    </div>
+                    <div class="through-grey"></div>
+                </div>
+            </el-tab-pane>
+            <el-tab-pane label="不良信息" name="third">
+                <!-- 面包屑 -->
+                <div class="crumbs_e">
+                    <span class="crumb-text_e" onclick="location.href = ''">经纪管理</span>
+                    <span class="crumb-icon">></span>
+                    <span class="crumb-text_e" onclick="location.href = 'organization.html'">经纪机构公示</span>
+                    <span class="crumb-icon">></span>
+                    <span class="crumb-text_e">不良信息</span>
+                    <span class="crumb-icon detail" style="display: none;">></span>
+                    <span class="crumb-text_e detail1" style="display: none;">详情</span>
+                </div>
+                <div class="information_content badinfo">
+                    <div style="display: flex;align-items: center;height: 22px;padding-left: 10px;margin-top: 10px;">
+                    <span style="width: 6px;height: 15px;background: #EF6A19;display:inline-block;margin-right: 3px;"></span>
+                    <span style="height: 16px;line-height: 16px;">不良信息</span>
+                    </div>
+                    <ul v-if="goodinfoList.length>0">
+                        <li v-for="index in goodinfoList" class="information_content_ctiy">
+                            <div>
+                                <p>{{index.companyName}}</p>
+                                <span>{{index.createTime}}</span>
+                            </div>
+                        </li>
+                    </ul>
+                    <div v-else="goodinfoList.length=0" style="height: 100px;line-height: 100px;text-align: center;">
+                        暂无数据</div>
+                    <div class="through-grey"></div>
+                    <!-- 分页 -->
+                    <div class="pageing">
+                        <ul>
+                            <li class="backend" @click="backend">
+                                <img src="image/back_end.png">
+                            </li>
+                            <li class="back" @click="back">
+                                <img src="image/back.png">
+                            </li>
+                            <li class="num">
+                                第{{tradeEvaluatePage.page}}页
+                            </li>
+                            <li class="next" @click="next">
+                                <img src="image/next.png">
+                            </li>
+                            <li class="nextend" @click="nextend">
+                                <img src="image/next_end.png">
+                            </li>
+                        </ul>
+                    </div>
+                    <div class="through-grey"></div>
+                </div>
+            </el-tab-pane>
+        </el-tabs>
+        <div class="examine">
+            <div><a :href="'tel:'+companyInfo.TEL">我要投诉</a></div>
+            <div><a @click="personnel">查看经纪人员</a></div>
+            <div>
+                <a :href="'tel:'+companyInfo.TEL">
+                    <img src="image/phone-s.png"> {{companyInfo.TEL}}
+                </a>
+            </div>
+        </div>
+    </div>
+    <footer>
+        <div class="img-zf">
+            <img src="image/jiucuo.png" alt="">
+            <img src="image/dzjg.png" alt="">
+            <img src="image/jc.png" alt="">
+        </div>
+        <ul class="zw-list_text">
+            <li>版权所有:重庆市房地产交易事务中心 </li>
+            <!-- <li>通讯地址:重庆市江北区北滨一路鼎升国际中心2号楼</li> -->
+            <li>联系方式:023-88395611丨网站标识码:5000000001ICP备案</li>
+            <!-- <li>邮编:401147</li> -->
+            <li><a href="https://beian.miit.gov.cn" style="line-height: 21px;font-size: 2.6667vw;font-weight: 400;color: #666666;">备案:渝ICP备19006671号-4</a>丨渝公网安备50010302002287号</li>
+        </ul>
+    </footer>
+    <script src="js/jquery-3.5.1.min.js"></script>
+    <script src="js/vue.js"></script>
+    <script src="/zfjyjgfwpt/main/layui/layui.js "></script>
+    <script src="element-ui/lib/index.js" type="text/javascript" charset="utf-8"></script>
+    <script src="/zfjyjgfwpt/main/js/sm2/crypto-js.js" type="text/javascript" charset="utf-8"></script>
+    <script src="/zfjyjgfwpt/main/js/sm2/sm2.js" type="text/javascript" charset="utf-8"></script>
+    <script src="/zfjyjgfwpt/main/js/constants.js" type="text/javascript" charset="utf-8"></script>
+    <script src="js/popup.js"></script>
+    <script>
+        $(window).on('load', function() {
+            $('body').css('display', 'block')
+        })
+        var id = location.search
+        brokerId = id.slice(('?id=').length, id.length)
+        new Vue({
+            el: '#information',
+            data: function() {
+                return {
+                    activeName: 'first',
+                    companyInfo: {},
+                    tradeEvalute: [],
+                    tradeEvaluatePage: {
+                        page: 1,
+                        limit: 10,
+                        type: 0,
+                        id: brokerId,
+                        companyId: brokerId,
+                        name: 'first'
+                    },
+                    goodinfoList: [],
+                    loading: '',
+                    count: 0
+                }
+            },
+            created: function() {
+                this.getCompanyInfo();
+                this.getTradeEvalute();
+            },
+            methods: {
+                lock_door() {
+                    window.location.href = 'viewStore.html?id=' + brokerId
+                },
+                handleClick(tab, event) {
+                    if (tab.name == 'first') {
+                        this.getCompanyInfo();
+                        this.tradeEvaluatePage.name = 'first'
+                        this.tradeEvaluatePage.type = '0'
+                        this.getTradeEvalute(this.tradeEvaluatePage.page = 1);
+                    } else if (tab.name == 'second') {
+                        this.tradeEvaluatePage.name = 'second'
+                        this.tradeEvaluatePage.type = '0'
+                        this.goodinfoList = []
+                        this.getCompanyArchivesInformation(this.tradeEvaluatePage.page = 1)
+                    } else if (tab.name == 'third') {
+                        this.tradeEvaluatePage.name = 'third'
+                        this.tradeEvaluatePage.type = '1'
+                        this.goodinfoList = []
+                        this.getCompanyArchivesInformation(this.tradeEvaluatePage.page = 1)
+                    }
+                },
+                getCompanyInfo() {
+                    var _this = this;
+                    $.ajax({
+                        type: 'GET',
+                        url: PATH + '/front/getCompanyBasicInfoById',
+                        data: {
+                            companyId: brokerId
+                        },
+                        success: function(json) {
+                            console.log(json)
+                            if (json.result) {
+                                _this.companyInfo = json.data;
+                            }
+                        },
+                        error: function(err) {
+                            layer.msg('网络错误!');
+                        }
+                    })
+                },
+                // 交易评价明细
+                getTradeEvalute() {
+                    var _this = this;
+                    _this.tradeEvaluatePage.id = brokerId;
+                    _this.tradeEvaluatePage.limit = 5
+                    $.ajax({
+                        type: 'GET',
+                        url: PATH + '/front/tradeEvaluate',
+                        data: _this.tradeEvaluatePage,
+                        success: function(json) {
+                            if (json.data) {
+                                console.log(json)
+                                _this.tradeEvalute = json.data;
+                                _this.count = json.count;
+                            }
+
+                        },
+                        error: function(err) {
+                            layer.msg('网络错误!');
+                        }
+                    })
+                },
+                getCompanyArchivesInformation() {
+                    var _this = this
+                    $.ajax({
+                        type: 'GET',
+                        url: PATH + '/creditFileInformation/getCompanyArchivesInformation',
+                        data: _this.tradeEvaluatePage,
+                        success: function(json) {
+                            if (json.data) {
+                                // console.log(json.data)
+                                _this.goodinfoList = json.data;
+                                _this.count = json.count;
+                            }
+                            _this.loading = false
+                        },
+                        error: function(err) {
+                            layer.msg('网络错误!');
+                            _this.loading = false
+                        }
+                    })
+                },
+                backend: function() {
+                    if (this.tradeEvaluatePage.page != 1) {
+                        if (this.tradeEvaluatePage.name == 'first') {
+                            this.getTradeEvalute(this.tradeEvaluatePage.page = 1)
+                        } else if (this.tradeEvaluatePage.name == 'second') {
+                            this.getCompanyArchivesInformation(this.tradeEvaluatePage.page = 1)
+                        } else if (this.tradeEvaluatePage.name == 'third') {
+                            this.getCompanyArchivesInformation(this.tradeEvaluatePage.page = 1)
+                        }
+
+                    }
+                },
+                back: function() {
+                    if (this.tradeEvaluatePage.page == 1) {
+                        return
+                    } else {
+                        this.tradeEvaluatePage.page--
+                            if (this.tradeEvaluatePage.name == 'first') {
+                                this.getTradeEvalute(this.tradeEvaluatePage.page)
+                            } else
+                        if (this.tradeEvaluatePage.name == 'second') {
+                            this.getCompanyArchivesInformation(this.tradeEvaluatePage.page)
+                        } else if (this.tradeEvaluatePage.name == 'third') {
+                            this.getCompanyArchivesInformation(this.tradeEvaluatePage.page)
+                        }
+                    }
+                },
+                next: function(newPage) {
+                    if (this.tradeEvaluatePage.page >= Math.ceil(this.count / this.tradeEvaluatePage.limit)) {
+                        return
+                    } else {
+                        this.tradeEvaluatePage.page++
+                            if (this.tradeEvaluatePage.name == 'first') {
+                                this.getTradeEvalute(this.tradeEvaluatePage.page)
+                            } else
+                        if (this.tradeEvaluatePage.name == 'second') {
+                            this.getCompanyArchivesInformation(this.tradeEvaluatePage.page)
+                        } else if (this.tradeEvaluatePage.name == 'third') {
+                            this.getCompanyArchivesInformation(this.tradeEvaluatePage.page)
+                        }
+                    }
+                },
+                nextend: function() {
+                    if (this.tradeEvaluatePage.page != Math.ceil(this.count / this.tradeEvaluatePage.limit) && Math.ceil(this.count / this.tradeEvaluatePage.limit) != 0) {
+                        // console.log(this.tradeEvaluatePage)
+                        this.tradeEvaluatePage.page = Math.ceil(this.count / this.tradeEvaluatePage.limit)
+                        if (this.tradeEvaluatePage.name == 'first') {
+                            this.getTradeEvalute(this.tradeEvaluatePage.page)
+                        } else if (this.tradeEvaluatePage.name == 'second') {
+                            this.getCompanyArchivesInformation(this.tradeEvaluatePage.page)
+                        } else if (this.tradeEvaluatePage.name == 'third') {
+                            this.getCompanyArchivesInformation(this.tradeEvaluatePage.page)
+                        }
+                    }
+                },
+                jumpover() { //我要投诉
+                    // var that = this;
+                    // if (sessionStorage.getItem("infoList")) {
+                    //     sessionStorage.setItem('complaintInfo', JSON.stringify({
+                    //         id: that.companyInfo.UNISCID,
+                    //         name: that.companyInfo.ENTNAME,
+                    //         type: 0,
+                    //     }))
+                    //     location.href = '/zfjyjgfwpt/main/mobilepage/grumble.html';
+                    // } else {
+                    //     layer.msg('请先登录!')
+                    // }
+                },
+                personnel() {
+                    location.href = 'pinstitution.html?brokerId=' + brokerId
+                }
+            }
+        });
+    </script>
 </body>
 
 </html>