|
|
@@ -0,0 +1,290 @@
|
|
|
+// 封装ajax
|
|
|
+function ajax(list) {
|
|
|
+ if (XMLHttpRequest) {
|
|
|
+ var req = new XMLHttpRequest();
|
|
|
+ } else {
|
|
|
+ var req = new ActiveXObject("Microsoft.XMLHTTP");
|
|
|
+ }
|
|
|
+ var type = list.type || 'get';
|
|
|
+ var data = list.data || '';
|
|
|
+ var isAysnch = list.isAysnch || true;
|
|
|
+ if (type == 'get') {
|
|
|
+ req.open(type, list.url + "?" + data, isAysnch);
|
|
|
+ req.send(null);
|
|
|
+ } else {
|
|
|
+ // console.log(req)
|
|
|
+ // req.responseType = 'json'
|
|
|
+ req.open(type, list.url, isAysnch);
|
|
|
+ req.send(data);
|
|
|
+ }
|
|
|
+ req.onload = function () {
|
|
|
+ var d = req.responseText;
|
|
|
+ list.success(d);
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+var curNav = ''
|
|
|
+var curVrKey = ''
|
|
|
+var swiperVrImg = ''
|
|
|
+var navList = []
|
|
|
+
|
|
|
+function getVr (str, bc) {
|
|
|
+ var formData2 = new FormData();
|
|
|
+ formData2.append("brand", curNav);
|
|
|
+ ajax({
|
|
|
+ type:'post',
|
|
|
+ url:'https://api.honglouplus.com/api/estate/brand/vr',
|
|
|
+ data: formData2,
|
|
|
+ success:function(vs){
|
|
|
+ var res2 = JSON.parse(vs)
|
|
|
+ const data2 = res2.data
|
|
|
+ var cHtml2 = ''
|
|
|
+
|
|
|
+ curVrKey = data2[0].vr_key
|
|
|
+
|
|
|
+ data2.forEach(function (item) {
|
|
|
+ if (item.vr_key === curVrKey) {
|
|
|
+ cHtml2 += '<div class="vm-op swiper-slide cur" t='+ item.vr_key +'><div t='+ item.vr_key +' class="w" style="background-image: url(' + item.vr_image+'_xs)"><div class="text"><div class="t">' + item.estate_name + '</div></div></div></div>'
|
|
|
+ } else {
|
|
|
+ cHtml2 += '<div class="vm-op swiper-slide" t='+ item.vr_key +'><div t='+ item.vr_key +' class="w" style="background-image: url(' + item.vr_image+'_xs)"><div class="text"><div class="t">' + item.estate_name + '</div></div></div></div>'
|
|
|
+ }
|
|
|
+
|
|
|
+ })
|
|
|
+ document.getElementById('vr-content').innerHTML = cHtml2
|
|
|
+
|
|
|
+
|
|
|
+ vrUrl = 'https://pano.honglouplus.com?id=' + curVrKey +'&plus=1'
|
|
|
+ document.getElementById('fullVr').setAttribute('src', vrUrl)
|
|
|
+
|
|
|
+ if (str && str === 'bc') {
|
|
|
+ bc()
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ })
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+function dealNavCur () {
|
|
|
+ var tt = document.getElementsByClassName("vn-op");
|
|
|
+ for (i = 0; i < tt.length; i++) {
|
|
|
+ var ul = document.querySelectorAll('.vn-op')[i]
|
|
|
+ var curClass = ul.getAttribute('class').replace('cur', '')
|
|
|
+ if (ul.getAttribute('t') === curNav) curClass += ' cur'
|
|
|
+ ul.setAttribute('class', curClass)
|
|
|
+ }
|
|
|
+}
|
|
|
+function dealUrlCur () {
|
|
|
+ var tt2 = document.getElementsByClassName("vm-op");
|
|
|
+ for (i = 0; i < tt2.length; i++) {
|
|
|
+ var ul2 = document.querySelectorAll('.vm-op')[i]
|
|
|
+ var curClass2 = ul2.getAttribute('class').replace('cur', '')
|
|
|
+ if (ul2.getAttribute('t') === curVrKey) curClass2 += ' cur'
|
|
|
+ ul2.setAttribute('class', curClass2)
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+function dealVrUrl () {
|
|
|
+
|
|
|
+ swiperVrImg = new Swiper(".vr-main", {
|
|
|
+ // loop: true,
|
|
|
+ // speed: 1000,
|
|
|
+ slidesPerView: document.body.clientWidth > 700 ? 7 : 6,
|
|
|
+ spaceBetween: document.body.clientWidth > 700 ? 20 : 6,
|
|
|
+ slidesOffsetBefore: 0,
|
|
|
+ // centeredSlides : true,
|
|
|
+ // watchSlidesProgress : true,
|
|
|
+ navigation: {
|
|
|
+ nextEl: '.swiper-button-next',
|
|
|
+ prevEl: '.swiper-button-prev',
|
|
|
+ },
|
|
|
+ });
|
|
|
+ swiperVrImg.translateTo(0, 100)
|
|
|
+
|
|
|
+
|
|
|
+ var tt = document.getElementsByClassName("vm-op");
|
|
|
+ for (i = 0; i < tt.length; i++) {
|
|
|
+ var ul = document.querySelectorAll('.vm-op')[i]
|
|
|
+ handler = function(event){
|
|
|
+ var e = event || window.event;
|
|
|
+ var target = e.target || e.srcElement;
|
|
|
+ curVrKey = target.getAttribute('t') || ''
|
|
|
+ vrUrl = 'https://pano.honglouplus.com?id=' + curVrKey +'&plus=1'
|
|
|
+ document.getElementById('fullVr').setAttribute('src', vrUrl)
|
|
|
+ dealUrlCur()
|
|
|
+ };
|
|
|
+ if (window.addEventListener){
|
|
|
+ ul.addEventListener("click",handler,false)
|
|
|
+ }
|
|
|
+ else if (window.attachEvent){
|
|
|
+ ul.attachEvent("onclick",handler)
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+var formData = new FormData();
|
|
|
+formData.append("dict_type", 'estate_dev_ers');
|
|
|
+formData.append("page_size", '999');
|
|
|
+ajax({
|
|
|
+ type:'post',
|
|
|
+ url:'https://api.honglouplus.com/api/dict/info',
|
|
|
+ data: formData,
|
|
|
+ success:function(msg){
|
|
|
+ var res = JSON.parse(msg)
|
|
|
+ const data = res.data
|
|
|
+ navList = data.estate_dev_ers || []
|
|
|
+ curNav = navList[0].dict_value
|
|
|
+ var cHtml = ''
|
|
|
+ navList.forEach(function (item) {
|
|
|
+ if (item.dict_value === curNav) {
|
|
|
+ cHtml += '<div class="swiper-slide vn-op cur" t=' + item.dict_value + '>' + item.dict_label + '</div>'
|
|
|
+ } else {
|
|
|
+ cHtml += '<div class="swiper-slide vn-op" t=' + item.dict_value + '>' + item.dict_label + '</div>'
|
|
|
+ }
|
|
|
+ })
|
|
|
+ document.getElementById('vr-nav').innerHTML = cHtml
|
|
|
+
|
|
|
+
|
|
|
+ // console.log(document.getElementsByClassName('vn-op'))
|
|
|
+
|
|
|
+
|
|
|
+ var tt = document.getElementsByClassName("vn-op");
|
|
|
+ for (i = 0; i < tt.length; i++) {
|
|
|
+ var ul = document.querySelectorAll('.vn-op')[i]
|
|
|
+ handler = function(event){
|
|
|
+ var e = event || window.event;
|
|
|
+ var target = e.target || e.srcElement;
|
|
|
+ curNav = target.getAttribute('t')
|
|
|
+ getVr('bc', function () {
|
|
|
+ // swiperVrImg.updateSlides()
|
|
|
+
|
|
|
+
|
|
|
+ dealVrUrl()
|
|
|
+ })
|
|
|
+ dealNavCur()
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ };
|
|
|
+ if (window.addEventListener){
|
|
|
+ ul.addEventListener("click",handler,false)
|
|
|
+ }
|
|
|
+ else if (window.attachEvent){
|
|
|
+ ul.attachEvent("onclick",handler)
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ getVr('bc', function () {
|
|
|
+
|
|
|
+
|
|
|
+ dealVrUrl()
|
|
|
+
|
|
|
+
|
|
|
+ })
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ //
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ var swiper = new Swiper(".mySwiper", {
|
|
|
+ // loop: true,
|
|
|
+ // speed: 1000,
|
|
|
+ slidesPerView: document.body.clientWidth > 700 ? 14 : 6,
|
|
|
+ spaceBetween: document.body.clientWidth > 700 ? 10 : 6,
|
|
|
+ // on:{
|
|
|
+ // click: function(){
|
|
|
+ // alert('你点了Swiper');
|
|
|
+ // },
|
|
|
+ // },
|
|
|
+ });
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ // var clipboard= new ClipboardJS('.vr-more')
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ }
|
|
|
+})
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ajax({
|
|
|
+ type:'post',
|
|
|
+ url:'https://api.honglouplus.com/api/h5/vr',
|
|
|
+ data: formData,
|
|
|
+ success:function(msgShareStr){
|
|
|
+ var resShareObj = JSON.parse(msgShareStr)
|
|
|
+ configJsSDKAndDoSomething(resShareObj.jssdk, '洪楼南昌楼盘VR航拍地图', 'https://img.honglounews.com/20230612053506-4632.jpg_adm0', '南昌买房找洪楼 团购底价热线：18100792072')
|
|
|
+ }
|
|
|
+})
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+var shareImgUrl = 'https://icon.honglouplus.com/plus.png';
|
|
|
+function configJsSDKAndDoSomething(config, title, imgUrl, desc){
|
|
|
+ wx.config({
|
|
|
+ debug: false,
|
|
|
+ appId: config.appId,
|
|
|
+ timestamp: config.timestamp,
|
|
|
+ nonceStr: config.nonceStr,
|
|
|
+ signature: config.signature,
|
|
|
+ jsApiList: config.jsApiList,
|
|
|
+ openTagList: ['wx-open-launch-weapp'],
|
|
|
+ })
|
|
|
+ wx.error(function(error){
|
|
|
+ console.log(error);
|
|
|
+ });
|
|
|
+ wx.ready(function () {
|
|
|
+ wx.updateAppMessageShareData({
|
|
|
+ title: title,
|
|
|
+ desc: desc,
|
|
|
+ link: location.href,
|
|
|
+ imgUrl: imgUrl,
|
|
|
+ success: function () {
|
|
|
+ console.log("success");
|
|
|
+ }
|
|
|
+ });
|
|
|
+ wx.updateTimelineShareData({
|
|
|
+ title: title,
|
|
|
+ link: location.href,
|
|
|
+ imgUrl: imgUrl,
|
|
|
+ success: function () {
|
|
|
+ console.log("success2");
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+
|
|
|
+ });
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+
|
