From d74b495736f0c04522ec54274b70fed0ded2878d Mon Sep 17 00:00:00 2001
From: zhongrj <646384940@qq.com>
Date: Tue, 27 Jun 2023 11:30:06 +0800
Subject: [PATCH] 任务新增导出

---
 public/map/popup/html/SupervisoryMapYdata.html |  286 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 files changed, 286 insertions(+), 0 deletions(-)

diff --git a/public/map/popup/html/SupervisoryMapYdata.html b/public/map/popup/html/SupervisoryMapYdata.html
new file mode 100644
index 0000000..f89f123
--- /dev/null
+++ b/public/map/popup/html/SupervisoryMapYdata.html
@@ -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>
\ No newline at end of file

--
Gitblit v1.9.3