<!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>
|
