|
|
|
<!DOCTYPE html>
|
|
|
|
<html lang="en">
|
|
|
|
|
|
|
|
<head>
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
<meta name="viewport"
|
|
|
|
content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
|
|
|
|
<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
|
|
|
|
<title>慈界医养</title>
|
|
|
|
<script src="../../assets/js/fontsize.js"></script>
|
|
|
|
<link rel="stylesheet" href="../../assets/css/weui.min.css">
|
|
|
|
<link rel="stylesheet" href="../../assets/css/api.css"/>
|
|
|
|
<link rel="stylesheet" href="../../assets/css/swiper-3.4.2.min.css">
|
|
|
|
<!--<link rel="stylesheet" href="http://at.alicdn.com/t/font_641470_jg64l6ijsg4lsor.css">-->
|
|
|
|
<link rel="stylesheet" href="../../assets/css/my_f.css"/>
|
|
|
|
<link rel="stylesheet" href="../../assets/css/index.css">
|
|
|
|
<link rel="stylesheet" href="../../assets/icon/iconfont.css">
|
|
|
|
<style>
|
|
|
|
header {
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
|
|
|
|
<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
|
|
|
|
<title>慈界医养</title>
|
|
|
|
<script src="../../assets/js/fontsize.js"></script>
|
|
|
|
<link rel="stylesheet" href="../../assets/css/weui.min.css">
|
|
|
|
<link rel="stylesheet" href="../../assets/css/api.css" />
|
|
|
|
<link rel="stylesheet" href="../../assets/css/swiper-3.4.2.min.css">
|
|
|
|
<!--<link rel="stylesheet" href="http://at.alicdn.com/t/font_641470_jg64l6ijsg4lsor.css">-->
|
|
|
|
<link rel="stylesheet" href="../../assets/css/my_f.css" />
|
|
|
|
<link rel="stylesheet" href="../../assets/css/index.css">
|
|
|
|
<link rel="stylesheet" href="../../assets/icon/iconfont.css">
|
|
|
|
<style>
|
|
|
|
header {
|
|
|
|
width: 100%;
|
|
|
|
height: auto;
|
|
|
|
font-size: 20px;
|
|
...
|
...
|
@@ -82,43 +82,44 @@ |
|
|
|
}
|
|
|
|
</style>
|
|
|
|
</head>
|
|
|
|
|
|
|
|
<body>
|
|
|
|
<div id="app" v-cloak>
|
|
|
|
<div id="container"></div>
|
|
|
|
<header :class="index===0?'headers':''">
|
|
|
|
<div class="index_header" v-if="index==0">
|
|
|
|
<div class="index_left" >
|
|
|
|
<div class="index_left_img">
|
|
|
|
<div class="iconfont icon-dizhi"></div>
|
|
|
|
</div>
|
|
|
|
<span @click.stop="goToCity">{{cityname?cityname:'定位中...'}}</span>
|
|
|
|
</div>
|
|
|
|
<span class="app_name">慈界医养</span>
|
|
|
|
<div class="index_right" @click="show_menu">
|
|
|
|
<img src="../../assets/image/plus.png" alt="" :class="[img_active?'img_transform':'img_transform1']">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="index1" v-else-if="index==1">
|
|
|
|
<div class="index1_item index_on">
|
|
|
|
<!--<div class="index1_item index_on">-->
|
|
|
|
<div></div>
|
|
|
|
<div class="iconfont icon-fenxiang-tianchong"></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="my_top_icon_box" v-else>
|
|
|
|
<span class="iconfont icon-xiaoxi" @click="my_news"></span>
|
|
|
|
<span class="dot" v-show="newList.length!=0"></span>
|
|
|
|
</div>
|
|
|
|
<div class="triangle_border_up" v-show="img_active">
|
|
|
|
<span></span>
|
|
|
|
</div>
|
|
|
|
</header>
|
|
|
|
<div class="warp">
|
|
|
|
<div class="index_list" id="top">
|
|
|
|
<div id="app" v-cloak>
|
|
|
|
<div id="container"></div>
|
|
|
|
<header :class="index===0?'headers':''">
|
|
|
|
<div class="index_header" v-if="index==0">
|
|
|
|
<div class="index_left">
|
|
|
|
<div class="index_left_img">
|
|
|
|
<div class="iconfont icon-dizhi"></div>
|
|
|
|
</div>
|
|
|
|
<span @click.stop="goToCity">{{cityname?cityname:'定位中...'}}</span>
|
|
|
|
</div>
|
|
|
|
<span class="app_name">慈界医养</span>
|
|
|
|
<div class="index_right" @click="show_menu">
|
|
|
|
<img src="../../assets/image/plus.png" alt="" :class="[img_active?'img_transform':'img_transform1']">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="index1" v-else-if="index==1">
|
|
|
|
<div class="index1_item index_on">
|
|
|
|
<!--<div class="index1_item index_on">-->
|
|
|
|
<div></div>
|
|
|
|
<div class="iconfont icon-fenxiang-tianchong"></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="my_top_icon_box" v-else>
|
|
|
|
<span class="iconfont icon-xiaoxi" @click="my_news"></span>
|
|
|
|
<span class="dot" v-show="newList.length!=0"></span>
|
|
|
|
</div>
|
|
|
|
<div class="triangle_border_up" v-show="img_active">
|
|
|
|
<span></span>
|
|
|
|
</div>
|
|
|
|
</header>
|
|
|
|
<div class="warp">
|
|
|
|
<div class="index_list" id="top">
|
|
|
|
<div class="index_item" v-cloak v-for="(item,index) in cat_data" @click="openItem(item.id,item.name)">
|
|
|
|
<div class="index_img"><img :src="item.img?item.img:img_default" alt=""></div>
|
|
|
|
<div>{{item.name}}</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="menus" v-show="img_active">
|
|
|
|
<div class="menus_item" @click="openOrder"><span class="iconfont icon-dingdan"></span><span>我的订单</span>
|
|
|
|
</div>
|
|
...
|
...
|
@@ -129,82 +130,85 @@ |
|
|
|
<!--<div class="menus_item" @click="openQrc"><span class="iconfont icon-saoyisao"></span><span>扫一扫</span></div>-->
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="banner_box" @click="openStrict"><img src="../../assets/image/banner.png" alt=""></div>
|
|
|
|
<div class="banner_nav_box">
|
|
|
|
<div class="banner_item" v-cloak @click="care(item.goods_id,item.title)" v-for="(item,index) in index_data">
|
|
|
|
<div class="banner_item_left" >
|
|
|
|
<span class="banner_item_title">{{item.title}}</span>
|
|
|
|
<span class="banner_item_content">{{item.describe}}</span>
|
|
|
|
</div>
|
|
|
|
<div class="banner_item_img">
|
|
|
|
<img :src="item.img?item.img:img_default" alt="">
|
|
|
|
<div class="banner_box" @click="openStrict"><img src="../../assets/image/banner.png" alt=""></div>
|
|
|
|
<div class="banner_nav_box">
|
|
|
|
<div class="banner_item" v-cloak @click="care(item.goods_id,item.title)" v-for="(item,index) in index_data">
|
|
|
|
<div class="banner_item_left">
|
|
|
|
<span class="banner_item_title">{{item.title}}</span>
|
|
|
|
<span class="banner_item_content">{{item.describe}}</span>
|
|
|
|
</div>
|
|
|
|
<div class="banner_item_img">
|
|
|
|
<img :src="item.img?item.img:img_default" alt="">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="swiper_title fixed_top" v-show="top_show">
|
|
|
|
<span></span>
|
|
|
|
<span class="swiper_title_content"> <img src="../../assets/image/part4_03.jpg" alt=""><span>严选推介</span><img src="../../assets/image/part4_05.jpg" alt=""></span>
|
|
|
|
<span class="change_slide">换一批<span class="iconfont icon-xunhuan101"></span></span>
|
|
|
|
</div>
|
|
|
|
<div class="swiper_box">
|
|
|
|
<div class="swiper_title" :class="{fixed_top:top_show}" id="main" v-show="!top_show">
|
|
|
|
<div class="swiper_title fixed_top" v-show="top_show">
|
|
|
|
<span></span>
|
|
|
|
<span class="swiper_title_content"> <img src="../../assets/image/part4_03.jpg" alt=""><span>严选推介</span><img src="../../assets/image/part4_05.jpg" alt=""></span>
|
|
|
|
<span class="swiper_title_content"> <img src="../../assets/image/part4_03.jpg" alt=""><span>严选推介</span><img src="../../assets/image/part4_05.jpg"
|
|
|
|
alt=""></span>
|
|
|
|
<span class="change_slide">换一批<span class="iconfont icon-xunhuan101"></span></span>
|
|
|
|
</div>
|
|
|
|
<div class="swiper-container">
|
|
|
|
<div class="swiper-wrapper">
|
|
|
|
<div class="swiper-slide" v-for="(item,index) in show_data">
|
|
|
|
<div class="swiper_item" @click="care(i.goods_id,i.title)" v-for="(i,item_index) in item">
|
|
|
|
<div class="swiper_item_img"><img :src="i.img" alt=""></div>
|
|
|
|
<!--<!–<img src="../../assets/image/logo200.png" alt="">–>-->
|
|
|
|
<div class="swiper_item_right">
|
|
|
|
<div class="swiper_item_title">{{i.title}}</div>
|
|
|
|
<div class="swiper_item_content">{{i.describe}}</div>
|
|
|
|
<div class="swiper_item_type">
|
|
|
|
<div class="swiper_item_type1" v-for="(j,item2_index) in i.icon">
|
|
|
|
<div class="icon_img"><img :src="j.url" alt=""></div>
|
|
|
|
<span>{{j.text}}</span>
|
|
|
|
<div class="swiper_box">
|
|
|
|
<div class="swiper_title" :class="{fixed_top:top_show}" id="main" v-show="!top_show">
|
|
|
|
<span></span>
|
|
|
|
<span class="swiper_title_content"> <img src="../../assets/image/part4_03.jpg" alt=""><span>严选推介</span><img src="../../assets/image/part4_05.jpg"
|
|
|
|
alt=""></span>
|
|
|
|
<span class="change_slide">换一批<span class="iconfont icon-xunhuan101"></span></span>
|
|
|
|
</div>
|
|
|
|
<div class="swiper-container">
|
|
|
|
<div class="swiper-wrapper">
|
|
|
|
<div class="swiper-slide" v-for="(item,index) in show_data">
|
|
|
|
<div class="swiper_item" @click="care(i.goods_id,i.title)" v-for="(i,item_index) in item">
|
|
|
|
<div class="swiper_item_img"><img :src="i.img" alt=""></div>
|
|
|
|
<!--<!–<img src="../../assets/image/logo200.png" alt="">–>-->
|
|
|
|
<div class="swiper_item_right">
|
|
|
|
<div class="swiper_item_title">{{i.title}}</div>
|
|
|
|
<div class="swiper_item_content">{{i.describe}}</div>
|
|
|
|
<div class="swiper_item_type">
|
|
|
|
<div class="swiper_item_type1" v-for="(j,item2_index) in i.icon">
|
|
|
|
<div class="icon_img"><img :src="j.url" alt=""></div>
|
|
|
|
<span>{{j.text}}</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="swiper_item_money">￥{{i.price}}</div>
|
|
|
|
</div>
|
|
|
|
<div class="swiper_item_money">￥{{i.price}}</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="mold_index" v-show="img_active" @touchstart="hideMenu"></div>
|
|
|
|
</div>
|
|
|
|
<div class="mold_index" v-show="img_active" @touchstart="hideMenu"></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<footer>
|
|
|
|
<div class="footer_item" :class="{footer_item_active:index==0}" @click="changeTab(0)">
|
|
|
|
<i class="iconfont icon-yuanjiaojuxingkaobei"></i>
|
|
|
|
<span>严选</span>
|
|
|
|
</div>
|
|
|
|
<div class="footer_item" :class="{footer_item_active:index==1}" @click="changeTab(1)">
|
|
|
|
<i class="iconfont icon-xingzhuang"></i>
|
|
|
|
<span>投资</span>
|
|
|
|
</div>
|
|
|
|
<div class="footer_item" :class="{footer_item_active:index==2}" @click="changeTab(2)">
|
|
|
|
<i class="iconfont icon-wo"></i>
|
|
|
|
<span>我的</span>
|
|
|
|
</div>
|
|
|
|
<div class="mold_index" v-show="img_active" @click="hideMenu"></div>
|
|
|
|
</footer>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<footer>
|
|
|
|
<div class="footer_item" :class="{footer_item_active:index==0}" @click="changeTab(0)">
|
|
|
|
<i class="iconfont icon-yuanjiaojuxingkaobei"></i>
|
|
|
|
<span>严选</span>
|
|
|
|
</div>
|
|
|
|
<div class="footer_item" :class="{footer_item_active:index==1}" @click="changeTab(1)">
|
|
|
|
<i class="iconfont icon-xingzhuang"></i>
|
|
|
|
<span>投资</span>
|
|
|
|
</div>
|
|
|
|
<div class="footer_item" :class="{footer_item_active:index==2}" @click="changeTab(2)">
|
|
|
|
<i class="iconfont icon-wo"></i>
|
|
|
|
<span>我的</span>
|
|
|
|
</div>
|
|
|
|
<div class="mold_index" v-show="img_active" @click="hideMenu"></div>
|
|
|
|
</footer>
|
|
|
|
</div>
|
|
|
|
</body>
|
|
|
|
|
|
|
|
</html>
|
|
|
|
<script>
|
|
|
|
window.onLoad = function () {
|
|
|
|
var map = new AMap.Map('container');
|
|
|
|
}
|
|
|
|
var url = 'https://webapi.amap.com/maps?v=1.4.8&key=ef53760bd959a4df08b7d4587280e642&callback=onLoad';
|
|
|
|
var jsapi = document.createElement('script');
|
|
|
|
jsapi.charset = 'utf-8';
|
|
|
|
jsapi.src = url;
|
|
|
|
document.head.appendChild(jsapi);
|
|
|
|
window.onLoad = function () {
|
|
|
|
var map = new AMap.Map('container');
|
|
|
|
}
|
|
|
|
var url = 'https://webapi.amap.com/maps?v=1.4.8&key=ef53760bd959a4df08b7d4587280e642&callback=onLoad';
|
|
|
|
var jsapi = document.createElement('script');
|
|
|
|
jsapi.charset = 'utf-8';
|
|
|
|
jsapi.src = url;
|
|
|
|
document.head.appendChild(jsapi);
|
|
|
|
</script>
|
|
|
|
<script type="text/javascript" src="../../assets/js/api.js"></script>
|
|
|
|
<script type="text/javascript" src="../../assets/js/swiper-3.4.2.min.js"></script>
|
|
...
|
...
|
@@ -212,7 +216,7 @@ |
|
|
|
<script type="text/javascript" src="../../assets/js/public.js"></script>
|
|
|
|
<script type="text/javascript" src="../../assets/js/fastclick.js"></script>
|
|
|
|
<script>
|
|
|
|
new FastClick(document.body);
|
|
|
|
new FastClick(document.body);
|
|
|
|
</script>
|
|
|
|
<script type="text/javascript" src="../../assets/js/vue.min.js"></script>
|
|
|
|
<script type="text/javascript" src="../../assets/icon/iconfont.js"></script>
|
|
...
|
...
|
@@ -230,20 +234,20 @@ |
|
|
|
autoHeight: false,
|
|
|
|
speed: 1500,
|
|
|
|
});
|
|
|
|
var app = new Vue({
|
|
|
|
el: "#app",
|
|
|
|
data: {
|
|
|
|
index: 0,
|
|
|
|
headerH: '',
|
|
|
|
footerH: '',
|
|
|
|
getlng: '',
|
|
|
|
getlat: '',
|
|
|
|
cityindex: '',
|
|
|
|
cityname: '',
|
|
|
|
img_active: false,
|
|
|
|
map: {},
|
|
|
|
newList: [],
|
|
|
|
img_active: false,
|
|
|
|
var app = new Vue({
|
|
|
|
el: "#app",
|
|
|
|
data: {
|
|
|
|
index: 0,
|
|
|
|
headerH: '',
|
|
|
|
footerH: '',
|
|
|
|
getlng: '',
|
|
|
|
getlat: '',
|
|
|
|
cityindex: '',
|
|
|
|
cityname: '',
|
|
|
|
img_active: false,
|
|
|
|
map: {},
|
|
|
|
newList: [],
|
|
|
|
img_active: false,
|
|
|
|
mySwiper: {},
|
|
|
|
scroll_top: '',
|
|
|
|
top_show: false,
|
|
...
|
...
|
@@ -251,104 +255,108 @@ |
|
|
|
index_data: [],
|
|
|
|
show_data: [],
|
|
|
|
img_default: '../../assets/image/logo200.png',
|
|
|
|
cityname: '',
|
|
|
|
cityname: '天津',
|
|
|
|
rongYunToken: '',
|
|
|
|
userId: '',
|
|
|
|
userId: '',
|
|
|
|
user_info: []
|
|
|
|
},
|
|
|
|
created: function () {
|
|
|
|
this.cat(); //首页导航
|
|
|
|
},
|
|
|
|
created: function () {
|
|
|
|
this.cat(); //首页导航
|
|
|
|
this.indexList(); //第三栏
|
|
|
|
this.show(); //严选推荐
|
|
|
|
// 底部轮播图
|
|
|
|
},
|
|
|
|
mounted: function() {
|
|
|
|
},
|
|
|
|
mounted: function () {
|
|
|
|
window.addEventListener('scroll', this.handleScroll)
|
|
|
|
},
|
|
|
|
methods: {
|
|
|
|
// 我的消息
|
|
|
|
my_news: function () {
|
|
|
|
openView('my_news', 'my/my_news', '消息通知', 'my_news', false, {new_type: 0})
|
|
|
|
},
|
|
|
|
// 有无消息判断
|
|
|
|
getNews: function () {
|
|
|
|
var header = {
|
|
|
|
"XX-Device-Type": getDevice(),
|
|
|
|
'XX-Token': getToken()
|
|
|
|
};
|
|
|
|
getRequest('post', 'user/index/getUserMessageList', null, header).then(function (res) {
|
|
|
|
if (res.data.code == 1) {
|
|
|
|
app.newList = res.data.data.unread;
|
|
|
|
} else {
|
|
|
|
toastMsg(res.data.msg)
|
|
|
|
}
|
|
|
|
loadEnd();
|
|
|
|
})
|
|
|
|
},
|
|
|
|
// 定位当前城市
|
|
|
|
get_city: function () {
|
|
|
|
app.map = new AMap.Map('container', {});
|
|
|
|
app.map.plugin('AMap.Geolocation', function () {
|
|
|
|
var geolocation = new AMap.Geolocation({
|
|
|
|
// 是否使用高精度定位，默认：
|
|
|
|
enableHighAccuracy: true,
|
|
|
|
// 设置定位超时时间，默认：无穷大
|
|
|
|
timeout: 10000,
|
|
|
|
});
|
|
|
|
geolocation.getCurrentPosition();
|
|
|
|
AMap.event.addListener(geolocation, 'complete', onComplete)
|
|
|
|
AMap.event.addListener(geolocation, 'error', onError)
|
|
|
|
function onComplete(data) {
|
|
|
|
console.log(JSON.stringify(data))
|
|
|
|
app.cityname = data.addressComponent.province
|
|
|
|
// data是具体的定位信息
|
|
|
|
}
|
|
|
|
function onError(erro) {
|
|
|
|
// 定位出错
|
|
|
|
toastMsg('请开启定位功能')
|
|
|
|
}
|
|
|
|
})
|
|
|
|
},
|
|
|
|
// 切换底部导航
|
|
|
|
changeTab: function (res) {
|
|
|
|
//跳转页面
|
|
|
|
},
|
|
|
|
// 切换当前城市
|
|
|
|
goToCity: function () {
|
|
|
|
if (app.cityname == '') {
|
|
|
|
toastMsg('定位中')
|
|
|
|
} else {
|
|
|
|
api.openWin({
|
|
|
|
name: 'city_win',
|
|
|
|
url: '../index/city_win.html',
|
|
|
|
pageParam: {
|
|
|
|
cityname: app.cityname
|
|
|
|
}
|
|
|
|
});
|
|
|
|
}
|
|
|
|
},
|
|
|
|
// 显示快捷菜单
|
|
|
|
show_menu: function () {
|
|
|
|
if (app.img_active == false) {
|
|
|
|
app.img_active = true
|
|
|
|
} else {
|
|
|
|
app.img_active = false
|
|
|
|
}
|
|
|
|
},
|
|
|
|
// 隐藏快捷菜单
|
|
|
|
hideMenu: function () {
|
|
|
|
app.img_active = !app.img_active;
|
|
|
|
api.sendEvent({
|
|
|
|
name: 'show_menu',
|
|
|
|
extra: {
|
|
|
|
img_active: app.img_active
|
|
|
|
}
|
|
|
|
});
|
|
|
|
},
|
|
|
|
|
|
|
|
//首页的数据
|
|
|
|
// 隐藏菜单
|
|
|
|
hideMenu: function() {
|
|
|
|
methods: {
|
|
|
|
// 我的消息
|
|
|
|
my_news: function () {
|
|
|
|
openView('my_news', 'my/my_news', '消息通知', 'my_news', false, {
|
|
|
|
new_type: 0
|
|
|
|
})
|
|
|
|
},
|
|
|
|
// 有无消息判断
|
|
|
|
getNews: function () {
|
|
|
|
var header = {
|
|
|
|
"XX-Device-Type": getDevice(),
|
|
|
|
'XX-Token': getToken()
|
|
|
|
};
|
|
|
|
getRequest('post', 'user/index/getUserMessageList', null, header).then(function (res) {
|
|
|
|
if (res.data.code == 1) {
|
|
|
|
app.newList = res.data.data.unread;
|
|
|
|
} else {
|
|
|
|
toastMsg(res.data.msg)
|
|
|
|
}
|
|
|
|
loadEnd();
|
|
|
|
})
|
|
|
|
},
|
|
|
|
// 定位当前城市
|
|
|
|
get_city: function () {
|
|
|
|
app.map = new AMap.Map('container', {});
|
|
|
|
app.map.plugin('AMap.Geolocation', function () {
|
|
|
|
var geolocation = new AMap.Geolocation({
|
|
|
|
// 是否使用高精度定位，默认：
|
|
|
|
enableHighAccuracy: true,
|
|
|
|
// 设置定位超时时间，默认：无穷大
|
|
|
|
timeout: 10000,
|
|
|
|
});
|
|
|
|
geolocation.getCurrentPosition();
|
|
|
|
AMap.event.addListener(geolocation, 'complete', onComplete)
|
|
|
|
AMap.event.addListener(geolocation, 'error', onError)
|
|
|
|
|
|
|
|
function onComplete(data) {
|
|
|
|
console.log(JSON.stringify(data))
|
|
|
|
app.cityname = data.addressComponent.province
|
|
|
|
// data是具体的定位信息
|
|
|
|
}
|
|
|
|
|
|
|
|
function onError(erro) {
|
|
|
|
// 定位出错
|
|
|
|
toastMsg('请开启定位功能')
|
|
|
|
}
|
|
|
|
})
|
|
|
|
},
|
|
|
|
// 切换底部导航
|
|
|
|
changeTab: function (res) {
|
|
|
|
//跳转页面
|
|
|
|
},
|
|
|
|
// 切换当前城市
|
|
|
|
goToCity: function () {
|
|
|
|
if (app.cityname == '') {
|
|
|
|
toastMsg('定位中')
|
|
|
|
} else {
|
|
|
|
api.openWin({
|
|
|
|
name: 'city_win',
|
|
|
|
url: '../index/city_win.html',
|
|
|
|
pageParam: {
|
|
|
|
cityname: app.cityname
|
|
|
|
}
|
|
|
|
});
|
|
|
|
}
|
|
|
|
},
|
|
|
|
// 显示快捷菜单
|
|
|
|
show_menu: function () {
|
|
|
|
if (app.img_active == false) {
|
|
|
|
app.img_active = true
|
|
|
|
} else {
|
|
|
|
app.img_active = false
|
|
|
|
}
|
|
|
|
},
|
|
|
|
// 隐藏快捷菜单
|
|
|
|
hideMenu: function () {
|
|
|
|
app.img_active = !app.img_active;
|
|
|
|
api.sendEvent({
|
|
|
|
name: 'show_menu',
|
|
|
|
extra: {
|
|
|
|
img_active: app.img_active
|
|
|
|
}
|
|
|
|
});
|
|
|
|
},
|
|
|
|
|
|
|
|
//首页的数据
|
|
|
|
// 隐藏菜单
|
|
|
|
hideMenu: function () {
|
|
|
|
app.img_active = !app.img_active;
|
|
|
|
api.sendEvent({
|
|
|
|
name: 'hide_menu',
|
|
...
|
...
|
@@ -358,22 +366,22 @@ |
|
|
|
});
|
|
|
|
},
|
|
|
|
// 严选推荐定位
|
|
|
|
handleScroll: function() {
|
|
|
|
handleScroll: function () {
|
|
|
|
var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;
|
|
|
|
var offsetTop = document.querySelector('#main').offsetTop;
|
|
|
|
console.log(scrollTop,offsetTop)
|
|
|
|
if(scrollTop > offsetTop) {
|
|
|
|
console.log(scrollTop, offsetTop)
|
|
|
|
if (scrollTop > offsetTop) {
|
|
|
|
app.top_show = true
|
|
|
|
} else {
|
|
|
|
app.top_show = false
|
|
|
|
}
|
|
|
|
},
|
|
|
|
// 严选推荐定位
|
|
|
|
destroyed: function() {
|
|
|
|
destroyed: function () {
|
|
|
|
window.removeEventListener('scroll', this.handleScroll)
|
|
|
|
},
|
|
|
|
// 打开投资
|
|
|
|
openStrict: function() {
|
|
|
|
openStrict: function () {
|
|
|
|
app.img_active = false;
|
|
|
|
|
|
|
|
api.setFrameGroupIndex({
|
|
...
|
...
|
@@ -382,7 +390,7 @@ |
|
|
|
})
|
|
|
|
},
|
|
|
|
// 打开订单
|
|
|
|
openOrder: function() {
|
|
|
|
openOrder: function () {
|
|
|
|
app.img_active = false;
|
|
|
|
openView('my_orderlist', 'my/my_orderlist', '我的订单', 'my_orderlist', false, false, false);
|
|
|
|
api.sendEvent({
|
|
...
|
...
|
@@ -393,7 +401,7 @@ |
|
|
|
});
|
|
|
|
},
|
|
|
|
// 打开健康档案
|
|
|
|
openHealth: function() {
|
|
|
|
openHealth: function () {
|
|
|
|
app.img_active = false;
|
|
|
|
api.openWin({
|
|
|
|
name: 'my_health_w',
|
|
...
|
...
|
@@ -410,19 +418,19 @@ |
|
|
|
});
|
|
|
|
},
|
|
|
|
// 打开客服
|
|
|
|
openSever: function() {
|
|
|
|
openSever: function () {
|
|
|
|
app.img_active = false;
|
|
|
|
app.getRongYunToken();
|
|
|
|
|
|
|
|
},
|
|
|
|
// 获取客服token
|
|
|
|
getRongYunToken: function() {
|
|
|
|
getRongYunToken: function () {
|
|
|
|
var header = {
|
|
|
|
"XX-Device-Type": getDevice(),
|
|
|
|
'XX-Token': getToken()
|
|
|
|
};
|
|
|
|
getRequest('post', 'portal/RongYun/index', null, header).then(function(res) {
|
|
|
|
if(res.data.code == 1) {
|
|
|
|
getRequest('post', 'portal/RongYun/index', null, header).then(function (res) {
|
|
|
|
if (res.data.code == 1) {
|
|
|
|
app.rongYunToken = res.data.data.token;
|
|
|
|
app.userId = res.data.data.userId;
|
|
|
|
// app.rongyunInit();
|
|
...
|
...
|
@@ -430,7 +438,7 @@ |
|
|
|
})
|
|
|
|
},
|
|
|
|
// 轮播图跳转详情
|
|
|
|
care: function(id, care_name) {
|
|
|
|
care: function (id, care_name) {
|
|
|
|
api.openWin({
|
|
|
|
name: 'care_w',
|
|
|
|
url: './care_w.html',
|
|
...
|
...
|
@@ -440,141 +448,137 @@ |
|
|
|
}
|
|
|
|
})
|
|
|
|
},
|
|
|
|
getUserIndexInfo: function() {
|
|
|
|
getUserIndexInfo: function () {
|
|
|
|
var header = {
|
|
|
|
"XX-Device-Type": getDevice(),
|
|
|
|
'XX-Token': getToken()
|
|
|
|
};
|
|
|
|
getRequest('post', 'user/index/getUserIndexInfo', null, header).then(function(res) {
|
|
|
|
getRequest('post', 'user/index/getUserIndexInfo', null, header).then(function (res) {
|
|
|
|
// alert(JSON.stringify(res))
|
|
|
|
if(res.data.code == 1) {
|
|
|
|
if (res.data.code == 1) {
|
|
|
|
app.user_info = res.data.data;
|
|
|
|
} else {}
|
|
|
|
})
|
|
|
|
},
|
|
|
|
// 获取分类图标
|
|
|
|
cat: function() {
|
|
|
|
getRequest('post', 'portal/index/cat', null, null).then(function(res) {
|
|
|
|
if(res.data.code == 1) {
|
|
|
|
cat: function () {
|
|
|
|
getRequest('post', 'portal/index/cat', null, null).then(function (res) {
|
|
|
|
if (res.data.code == 1) {
|
|
|
|
app.cat_data = res.data.data;
|
|
|
|
// loadEnd();
|
|
|
|
} else {}
|
|
|
|
})
|
|
|
|
},
|
|
|
|
// 跳转分类列表
|
|
|
|
openItem: function(id, name) {
|
|
|
|
var url = id=='1'?'nursing_f':(id=='2'||id=='3'||id=='6')?'disease_f':(id=='4')
|
|
|
|
switch(id) {
|
|
|
|
openItem: function (id, name) {
|
|
|
|
switch (id) {
|
|
|
|
case 1:
|
|
|
|
url = 'nursing_f'
|
|
|
|
openView('nursing_f', 'index/nursing_f', name, 'nursing_f', false, {
|
|
|
|
cid: id,
|
|
|
|
cityname: app.cityname
|
|
|
|
});
|
|
|
|
// openView('nursing_f', 'index/nursing_f', name, 'nursing_f', false, {
|
|
|
|
// cid: id,
|
|
|
|
// cityname: app.cityname
|
|
|
|
// });
|
|
|
|
break;
|
|
|
|
case 2:
|
|
|
|
url = 'disease_f'
|
|
|
|
openView('disease_f', 'index/disease_f', name, 'disease_f', false, {
|
|
|
|
cid: id,
|
|
|
|
cityname: app.cityname
|
|
|
|
});
|
|
|
|
// openView('disease_f', 'index/disease_f', name, 'disease_f', false, {
|
|
|
|
// cid: id,
|
|
|
|
// cityname: app.cityname
|
|
|
|
// });
|
|
|
|
break;
|
|
|
|
case 3:
|
|
|
|
url = 'disease_f'
|
|
|
|
openView('disease_f', 'index/disease_f', name, 'disease_f', false, {
|
|
|
|
cid: id,
|
|
|
|
cityname: app.cityname
|
|
|
|
});
|
|
|
|
// openView('disease_f', 'index/disease_f', name, 'disease_f', false, {
|
|
|
|
// cid: id,
|
|
|
|
// cityname: app.cityname
|
|
|
|
// });
|
|
|
|
break;
|
|
|
|
case 4:
|
|
|
|
url = 'examination_f'
|
|
|
|
openView('examination_f', 'index/examination_f', name, 'examination_f', false, {
|
|
|
|
cid: id,
|
|
|
|
cityname: app.cityname
|
|
|
|
});
|
|
|
|
// openView('examination_f', 'index/examination_f', name, 'examination_f', false, {
|
|
|
|
// cid: id,
|
|
|
|
// cityname: app.cityname
|
|
|
|
// });
|
|
|
|
break;
|
|
|
|
case 5:
|
|
|
|
url = 'doc_home_w'
|
|
|
|
api.openWin({
|
|
|
|
name: 'doc_home_w',
|
|
|
|
url: './doc_home_w.html',
|
|
|
|
pageParam: {
|
|
|
|
cid: id,
|
|
|
|
cityname: app.cityname
|
|
|
|
}
|
|
|
|
});
|
|
|
|
break;
|
|
|
|
case 6:
|
|
|
|
url = 'disease_f'
|
|
|
|
openView('disease_f', 'index/disease_f', name, 'disease_f', false, {
|
|
|
|
cid: id,
|
|
|
|
cityname: app.cityname
|
|
|
|
});
|
|
|
|
// openView('disease_f', 'index/disease_f', name, 'disease_f', false, {
|
|
|
|
// cid: id,
|
|
|
|
// cityname: app.cityname
|
|
|
|
// });
|
|
|
|
break;
|
|
|
|
case 7:
|
|
|
|
url = 'examination_f'
|
|
|
|
openView('examination_f', 'index/examination_f', name, 'examination_f', false, {
|
|
|
|
cid: id,
|
|
|
|
cityname: app.cityname
|
|
|
|
});
|
|
|
|
// openView('examination_f', 'index/examination_f', name, 'examination_f', false, {
|
|
|
|
// cid: id,
|
|
|
|
// cityname: app.cityname
|
|
|
|
// });
|
|
|
|
break;
|
|
|
|
case 8:
|
|
|
|
url = 'examination_f'
|
|
|
|
openView('examination_f', 'index/examination_f', name, 'examination_f', false, {
|
|
|
|
cid: id,
|
|
|
|
cityname: app.cityname
|
|
|
|
});
|
|
|
|
// openView('examination_f', 'index/examination_f', name, 'examination_f', false, {
|
|
|
|
// cid: id,
|
|
|
|
// cityname: app.cityname
|
|
|
|
// });
|
|
|
|
break;
|
|
|
|
case 9:
|
|
|
|
url = 'examination_f'
|
|
|
|
api.openWin({
|
|
|
|
name: 'Insurance_w',
|
|
|
|
url: './Insurance_w.html',
|
|
|
|
pageParam: {
|
|
|
|
cid: id,
|
|
|
|
cityname: app.cityname
|
|
|
|
}
|
|
|
|
});
|
|
|
|
// api.openWin({
|
|
|
|
// name: 'Insurance_w',
|
|
|
|
// url: './Insurance_w.html',
|
|
|
|
// pageParam: {
|
|
|
|
// cid: id,
|
|
|
|
// cityname: app.cityname
|
|
|
|
// }
|
|
|
|
// });
|
|
|
|
break;
|
|
|
|
case 10:
|
|
|
|
api.openWin({
|
|
|
|
name: 'tral_w',
|
|
|
|
url: './tral_w.html',
|
|
|
|
pageParam: {
|
|
|
|
cid: id,
|
|
|
|
cityname: app.cityname
|
|
|
|
}
|
|
|
|
});
|
|
|
|
url = 'tral_w'
|
|
|
|
// api.openWin({
|
|
|
|
// name: 'tral_w',
|
|
|
|
// url: './tral_w.html',
|
|
|
|
// pageParam: {
|
|
|
|
// cid: id,
|
|
|
|
// cityname: app.cityname
|
|
|
|
// }
|
|
|
|
// });
|
|
|
|
break;
|
|
|
|
// default:
|
|
|
|
// openView('nursing_f', 'index/nursing_f', name, 'nursing_f', false, {cid: id});
|
|
|
|
// return;
|
|
|
|
}
|
|
|
|
localStorage.setItem('cid', id)
|
|
|
|
localStorage.setItem('cityName', app.cityname)
|
|
|
|
localStorage.setItem('winTitle', name)
|
|
|
|
window.location.href = url + '.html'
|
|
|
|
},
|
|
|
|
// 获取第三栏列表
|
|
|
|
indexList: function() {
|
|
|
|
getRequest('post', 'portal/index/index', null, null).then(function(res) {
|
|
|
|
if(res.data.code == 1) {
|
|
|
|
indexList: function () {
|
|
|
|
getRequest('post', 'portal/index/index', null, null).then(function (res) {
|
|
|
|
if (res.data.code == 1) {
|
|
|
|
app.index_data = res.data.data;
|
|
|
|
} else {}
|
|
|
|
|
|
|
|
|
|
|
|
})
|
|
|
|
},
|
|
|
|
// 获取严选推荐列表
|
|
|
|
show: function() {
|
|
|
|
getRequest('POST', 'portal/index/show', null, null).then(function(res) {
|
|
|
|
show: function () {
|
|
|
|
getRequest('POST', 'portal/index/show', null, null).then(function (res) {
|
|
|
|
// alert(JSON.stringify(res));
|
|
|
|
if(res.data.code == 1) {
|
|
|
|
if (res.data.code == 1) {
|
|
|
|
app.show_data = res.data.data
|
|
|
|
} else {}
|
|
|
|
})
|
|
|
|
},
|
|
|
|
//底部菜单跳转
|
|
|
|
changeTab(index){
|
|
|
|
var url = index==0?'index_f.html':index == 1?'../strict/strict_f.html':'../my/my_f.html'
|
|
|
|
changeTab(index) {
|
|
|
|
var url = index == 0 ? 'index_f.html' : index == 1 ? '../strict/strict_f.html' : '../my/my_f.html'
|
|
|
|
window.location.href = url
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
})
|
|
|
|
}
|
|
|
|
})
|
|
|
|
</script> |
...
|
...
|
|
