qfqk-web.git - Gitblit

New file
			@@ -0,0 +1,286 @@
			<!DOCTYPE html>
			<html lang="en">

			<head>
			<meta charset="UTF-8">
			<meta name="viewport" content="width=device-width, initial-scale=1.0">
			<title>Document</title>
			<link rel="stylesheet" href="../style/FlareClusterLayer_v3.css">
			<script src='../../lib/jquery.js'></script>
			<script src='../js/FlareClusterLayer_v3.js'></script>
			<script src="https://cdn.jsdelivr.net/npm/vue@2.6.12"></script>
			<!-- element ui -->
			<link rel="stylesheet" href="../../lib/elementUi.css">
			<script src="../../lib/elementUi.js"></script>
			<!-- <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
			<script src="https://unpkg.com/element-ui/lib/index.js"></script> -->
			<script src="../../lib/axios.js"></script>
			<!-- layui -->
			<link rel="stylesheet" href="../../lib/layui/css/layui.css" media="all">
			<style>
			a:hover {
			color: white;
			}

			body {
			width: 360px;
			height: 484px;
			overflow: hidden;
			}

			#appliutwo {
			width: 330px;
			height: 484px;
			border-radius: 10px;
			margin: 16px 15px 16px 15px;
			overflow: hidden;
			/* border: springgreen solid 0.5px; */
			}

			.flare-liu-top {
			width: 330px;
			height: 140px;
			/* border: rgb(211, 154, 31) solid 0.5px; */
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;
			color: white;
			border-radius: 5px 5px 5px 5px;
			}

			.f-l-t-heard {
			width: 300px;
			height: 50px;
			font-size: 18px;
			font-family: PingFangSC-Regular;
			}

			.f-l-t-right {
			width: 300px;
			height: 50px;
			display: flex;
			/* align-items: center; */
			color: white;
			justify-content: space-around;
			flex-direction: column;
			font-size: 12px;
			}


			.f-l-t-r-number {
			width: 180px;
			margin-left: auto;
			}

			.f-l-t-r-time {
			width: 180px;
			margin-left: auto;
			}



			.flare-liu-body {
			width: 330px;
			/* height: 361px; */
			/* border: rgb(106, 20, 187) solid 0.5px; */

			}

			.r-b-top {
			height: 250px;
			display: flex;
			display: flex;
			flex-direction: column;
			}

			.r-b-t-main {
			display: flex;
			align-items: center;
			justify-content: center;
			/* justify-content: space-between; */

			padding: 10px 0 10px 0;
			margin-bottom: 5px;
			}

			.r-b-t-main-once {
			display: flex;
			align-items: center;
			justify-content: center;

			padding: 10px 0 10px 0;
			margin-bottom: 5px;
			position: relative;
			left: 11px;
			}

			.rbt-l,
			.rbt-r {
			width: 150px;
			/* border: rgb(106, 20, 187) solid 0.5px; */
			}



			.r-b-t-left {
			/* display: block; */
			width: 27%;

			}

			.r-b-t-right {
			/* display: block; */
			width: 70%;
			color: #5d5d5d;
			font-size: 12px;
			position: relative;
			left: -10px;

			}

			.scene-image-box .el-image {
			display: block;
			min-height: 200px;
			margin-bottom: 10px;
			}

			.scene-image-box {
			width: 320px;
			height: 260px;
			overflow: auto;
			}



			.el-tabs__active-bar {
			background-color: #32C1A2;
			}

			.el-tabs__item.is-active,
			.el-tabs__item:hover {
			color: #5d5d5d;
			}
			</style>
			</head>

			<body>
			<div id="appliutwo" class='police-details-box' class="layui-anim" data-anim="layui-anim-down">
			<!-- 从layui传值给iframe 的占位input -->
			<!-- <div class="aaa bbb">13223456745</div> -->
			<input type="text" id="sidIput" ref="sidIput" style="display:none">
			<div class="flare-liu-top" style="background-image: linear-gradient(to right, #32C1A2 , #32C1A2)">
			<div class="f-l-t-heard">{{datas.tenant_name}}</div>
			<div class="f-l-t-right">
			<div class="f-l-t-r-number">级别：{{datas.dj}}</div>
			<div class="f-l-t-r-time">建立时间：{{datas.create_time}}</div>
			</div>
			</div>
			<div class="flare-liu-body">
			<el-tabs v-model="activeName" @tab-click="handleClick">
			<el-tab-pane label="业主信息" name="first">
			<div class="r-b-top">
			<div class="r-b-t-main">
			<div class="rbt-l">
			<span class="r-b-t-left">联系人：</span>
			<span class="r-b-t-right">{{ datas.linkman }} </span>
			</div>
			<div class="rbt-r">
			<span class="r-b-t-left">电话：</span>
			<span class="r-b-t-right">{{datas.contact_number}}</span>
			</div>
			</div>
			<div class="r-b-t-main-once">
			<span class="r-b-t-left">地址：</span>
			<span class="r-b-t-right">{{ datas.address }}</span>
			</div>
			<div class="r-b-t-main-once">
			<span class="r-b-t-left">业主简介：</span>
			<span class="r-b-t-right">{{ datas.content }}</span>
			<!-- <span class="r-b-t-right introduce"></span> -->
			</div>

			</div>
			</el-tab-pane>

			<!-- <el-tab-pane label="现场视频" name="third"><el-card></el-card></el-tab-pane> -->
			</el-tabs>
			</div>
			</div>
			<script src="../../lib/layui/layui.js" charset="utf-8"></script>
			<script>
			// var index = parent.layer.getFrameIndex(window.name);

			</script>
			<script>
			var me = new Vue({
			el: '#appliutwo',
			data: {
			datas: {},
			activeName: 'first',
			// account_number: -1,
			// address: "江西省南昌市永外正街17号南昌大学一附院人事处",
			// background_url: "",
			// city: "3601",
			// contact_number: "0791-88695116",
			// content: "昌大学第一附属医院是一所集医疗、教学、科研、预防保健、康养于一体三级甲等综合医院，是江西省、南昌市医保定点医院",
			// create_dept: "1123598813738675201",
			// create_time: "2021-01-26 15:48:06",
			// create_user: "1123598821738675201",
			// ctime: "1939-08-10 00:00:00",
			// datasource_id: "1161483357481541634",
			// district: "360113",
			// dj: " 三级甲等",
			// domain: "",
			// ht: " 综合医院",
			// id: "1353972967828533249",
			// is_deleted: 0,
			// jd: "115.91029100000003",
			// license_key: "77cfee8356bb00cf9917f072f228ee10e7d0f5f15b257a66adc0192ee0ca33034019abaa8f441ed91da8f295f5cc7f1d04dac41a822fe51f5c29cb43ff85b240",
			// linkman: "赵明明",
			// province: "36",
			// status: 1,
			// tenant_id: "963841",
			// tenant_name: "南昌大学第一附属医院",
			// type: "0",
			// update_time: "2021-04-25 11:17:36",
			// update_user: "1123598821738675201",
			// wd: "25.87018472992316",

			// category
			// attributes
			// developers
			// had
			// housetype
			// ho
			// content
			// id
			// nature
			// motto
			// ctime
			// content
			// hn
			},
			methods: {
			getdatas(dat) {
			// console.log(dat);
			$('.introduce').append(dat.information)
			},
			handleClick(tab, event) {//标签tab点击事件
			// console.log(tab, event);
			},
			},
			mounted() {
			this.oldtime = setTimeout(() => {//需要同步数据处理，input中value在mounted中没有直接传值
			// console.log(this.$refs.sidIput.value);
			clearTimeout(this.oldtime);
			this.datas = JSON.parse(this.$refs.sidIput.value);//json对象转js对象
			this.getdatas(this.datas);
			// this.getImgAndVideo();
			}, 200);
			}
			})
			</script>
			</body>

			</html>