<!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 http-equiv="X-UA-Compatible" content="ie=edge"> <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/icon/iconfont.css"> <link rel="stylesheet" href="../../assets/css/doc.css"> <style> body { background-color: #ededed; padding-bottom: 1rem; } .doc_content_img { display: flex; align-items: center; justify-content: center; } .doc_content_img p{ display: flex; align-items: center; justify-content: center; } .doc_content_img img { width: 100%; } </style> <body> <div id="loadStart"></div> <div id="app"> <!--<header id="header">--> <!--<div class="index_header">--> <!--<span class="iconfont icon-fanhui" onclick="closeWindow()"></span>--> <!--<span></span>--> <!--<span class="iconfont icon-fenxiang-tianchong" ></span>--> <!--</div>--> <!--</header>--> <div class="warp"> <div class="nurse_banner" :style="{backgroundImage:'url(' + banner + ')'}"> <!--<div class="nurse_text">{{name}}</div>--> </div> <!--<div class="nurse_banner" style='background-image: url("../../assets/image/nurse.png")'></div>--> <!--<img class="doc_content_img" src="../../assets/image/dc_02.jpg"/>--> <div class="doc_box"> <div v-html="price_table" class="doc_content_img"></div> <div v-html="problems" class="doc_content_img"></div> <div v-html="service_info" class="doc_content_img"></div> <div v-html="advantage" class="doc_content_img"></div> <div v-html="service_notice" class="doc_content_img"></div> <div v-html="service_step" class="doc_content_img"></div> </div> </div> <footer class="doc_footer" id="footer"> <div class="doc_left"> <span class="rmb">¥</span> <span class="doc_price">{{price}}</span> <span class="doc_qi">起</span> </div> <div class="doc_right"> <span class="iconfont icon-kefu" @click="openSever"></span> <span class="doc_appointment" @click="go_home">去 预 约</span> </div> </footer> </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: { post_title: '', banner: '', price: '', service_info: '', id: '', cid: '', price_table: '', problems: '', service_notice: '', advantage: '', service_step: '', user_info:[], userId:'' }, created: function () { // apiready = function () { this.cid = localStorage.getItem('cid'); this.getDoctor(); this.getUserIndexInfo(); // } }, methods: { getDoctor: function () { var that = this var header = { "XX-Device-Type": getDevice(), 'XX-Token': getToken() }; getRequest('post', 'portal/Goods/getDoctor', null, header).then(function (res) { // alert(JSON.stringify(res)); if (res.data.code == 1) { that.banner = res.data.data.banner; that.price_table = res.data.data.price_table; that.problems = res.data.data.problems; that.service_notice = res.data.data.service_notice; that.advantage = res.data.data.advantage; that.service_step = res.data.data.service_step; that.post_title = res.data.data.post_title; that.service_info = res.data.data.service_info; that.id = res.data.data.id; that.price = res.data.data.price; loadEnd(); } else { toastMsg(res.data.msg) } }) }, // 去预约 go_home: function () { openView('doc_package_f', 'index/doc_package_f', app.post_title, 'doc_package_f', false, { id: app.id, cid: app.cid }) }, // 打开客服 openSever: function () { app.getRongYunToken(); function callBack(ret, err) { if (ret.type == 1) { // api.closeFrame({} // ); } } var param = { appkey: "1da38c74bc3746cea6b767727683ca83", titleImgId: '#dbb25f', themeColor: '#dbb25f', backgroundColor: '#f8f9f8', userId: app.userId, customBannerColor: '#dbb25f', nickName: app.user_info.name, avatarUrl: app.user_info.avatar, transferKeyWord: '人工服务,人工,电话', isShowEvaluate: true, isSettingSkillSet: false, skillSetId: "", customUserOutWord: '欢迎再次咨询', customAdminTipWord: '请稍等... 正在查询资料', customAdminNonelineTitle: '人工客服忙~', isShowTansfer: true, titleFont: 18.0, bottomLineColor: '#dbb25f', goodsTitle: app.post_title, goodsLabel: '价格:' + app.price, goodsImage: app.banner, goodsFromUrl: 'http://www.baidu.com', goodsLink: 'http://www.baidu.com', }; var zhichi = api.require('zhiChiSobot'); zhichi.startZhiChiSobot(param, callBack); }, // 获取个人的基本信息 getUserIndexInfo: function () { var app = this var header = { "XX-Device-Type": getDevice(), 'XX-Token': getToken() }; getRequest('post', 'user/index/getUserIndexInfo', null, header).then(function (res) { if (res.data.code == 1) { app.user_info = res.data.data; } else { toastMsg(res.data.msg) } }) }, // 获取客服token getRongYunToken: function () { var app = this var header = { "XX-Device-Type": getDevice(), 'XX-Token': getToken() }; 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(); } else { toastMsg(res.data.msg) } }) }, } }) </script>