审查视图

html/index/doc_home_f.html 8.3 KB
dl authored
1 2 3 4 5 6 7 8
<!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">
朱振飞 authored
9
    <title>家庭医生</title>
dl authored
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
    <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">
朱振飞 authored
38 39 40 41 42 43 44
    <!--<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>-->
朱振飞 authored
45 46
    <div class="warp">
        <div class="nurse_banner" :style="{backgroundImage:'url(' + banner + ')'}">
dl authored
47
        <!--<div class="nurse_text">{{name}}</div>-->
朱振飞 authored
48 49 50 51 52 53 54 55 56 57 58
        </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>
dl authored
59
    </div>
朱振飞 authored
60
    
dl authored
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
    <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 () {
朱振飞 authored
103 104 105 106 107
            // apiready = function () {
                this.cid = localStorage.getItem('cid');
                this.getDoctor();
                this.getUserIndexInfo();
            // }
dl authored
108 109 110
        },
        methods: {
            getDoctor: function () {
朱振飞 authored
111
                var that = this
dl authored
112 113 114 115 116 117 118
                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) {
朱振飞 authored
119 120 121 122 123 124 125 126 127 128
                        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;
dl authored
129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180
                        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 () {
朱振飞 authored
181
                var app = this 
dl authored
182 183 184 185 186 187 188 189 190 191 192 193 194 195
                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 () {
朱振飞 authored
196
                var app = this
dl authored
197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213
                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>