nursing_f.html
5.1 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-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/api.css" />
<link rel="stylesheet" href="../../assets/css/index.css">
<link rel="stylesheet" href="../../assets/css/common_header.css">
<link rel="stylesheet" href="../../assets/icon/iconfont.css">
</head>
<body>
<div id="loadStart"></div>
<div id="app" v-cloak>
<header id="header">
<div class="index_header white_bg" >
<div class="close_left" onclick="closeWindow()"><span class="iconfont icon-fanhui"></span></div>
<div class="win_mid">{{winTitle}}</div>
<div></div>
</div>
</header>
<div class="warp">
<div class="nurse_banner" :style="{backgroundImage:'url(' + banner + ')'}">
<!--<div class="nurse_text">{{name}}</div>-->
</div>
<div class="nurse_title"><span class="pro">专业</span><span class="prod">护理</span><span>| 优质上门护理服务推荐</span></div>
<div class="nurse_img_box">
<div class="nurse_item" v-for="(item,index) in introduce" @click="care(item.goods_id)">
<!--<div class="nurse_item_title">{{item.name}}</div>-->
<!--<div><span class="nurse_item_price">{{item.price}}</span>元起</div>-->
<div class="nurse_item_img">
<img :src="item.img" alt="">
</div>
</div>
</div>
<div class="business_box">
<div class="business_item" v-for="(item,index) in goods" @click="care(item.good_id)">
<div class="business_item_img"><img :src="item.icon" alt="" /></div>
<div class="business_item_right">
<div class="business_item_title clamp1">{{item.post_title}}</div>
<div class="business_content clamp1">{{item.other_title}}</div>
</div>
</div>
</div>
<div class="nurse_title"><span class="pro">相关</span><span class="prod">服务</span><span>| 更多优质服务推介</span></div>
<div class="nurse_img_box">
<div class="nurse_item bcg" v-for='(item,index) in careList' @click="care(item.goods_id)">
<div class="nurse_item_img">
<img :src="item.img" alt="">
</div>
<div class="nurse_item_title bold">{{item.name}}</div>
<div><span class="nurse_item_price">{{item.price}}</span>元起</div>
</div>
</div>
</div>
</div>
</body>
</html>
<script type="text/javascript" src="../../assets/js/api.js"></script>
<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);
</script>
<script type="text/javascript" src="../../assets/js/vue.min.js"></script>
<script type="text/javascript" src="../../assets/js/axios.min.js"></script>
<script type="text/javascript" src="../../assets/icon/iconfont.js"></script>
<script>
var app = new Vue({
el: '#app',
data: {
cid: '',
banner: '',
name: '',
careList: [],
goods: [],
introduce: [],
cityname: '',
winTitle: ''
},
created: function () {
this.cid = localStorage.getItem('cid');
this.cityname = localStorage.getItem('cityName');
this.winTitle = localStorage.getItem('winTitle')
this.getCatInfo();
},
methods: {
care: function (id) {
localStorage.setItem('id',id);
window.location.href = 'care_f.html';
},
// 获取分类信息
getCatInfo: function () {
var app = this;
var post = {
cid: this.cid
};
var header = {
'XX-Device-Type': getDevice(),
'XX-Token': getToken()
};
getRequest('post', 'portal/Goods/getCatInfo', post, header).then(function (res) {
// alert(JSON.stringify(res));
if (res.data.code == 1) {
app.banner = res.data.data.img;
app.name = res.data.data.name;
app.goods = res.data.data.goods;
app.careList = res.data.data.related_service;
app.introduce = res.data.data.introduce;
loadEnd();
} else {
toastMsg(res.data.msg)
}
})
}
}
})
</script>