<template>
    <view class="bottom" hover-class="none" :hover-stop-propagation="false">
        <view class="serviceinfo fsa bb1" hover-class="none">
            <view class="fsa tal" hover-class="none" :hover-stop-propagation="false">
                <view class="mr10">
                    <image v-if="serviceInfo.avatar" class="br_8" :src="serviceInfo.avatar" mode="aspectFit|aspectFill|widthFix" :lazy-load="false"></image>
                    <image
                        v-else
                        class="br_8"
                        src="https://matripe-cms.oss-cn-beijing.aliyuncs.com/1shoudan/service.jpg"
                        mode="aspectFit|aspectFill|widthFix"
                        :lazy-load="false"
                    ></image>
                </view>
                <view class="servicenamebox">
                    <view class="mb12 f18 fw500">客户经理</view>
                    <view class="c3 f16">
                        {{ serviceInfo.userName }}
                        <i class="mr4"></i>
                        <p class="f14">{{ serviceInfo.tel || '0371-6611 3723' }}</p>
                    </view>
                    <!-- <view wx:else class="c3 f16">{{serviceInfo.userName || '赵林'}}<i class='mr4'></i>{{serviceInfo.workPhone || '15238047934'}}</view> -->
                </view>
            </view>
            <view class="telBox" @tap="call" hover-class="none" :hover-stop-propagation="false">
                <i class="iconfont icon-shouji"></i>
            </view>
        </view>
        <view class style="padding: 60px 0" hover-class="none" :hover-stop-propagation="false">
            <view class="fw500 f18" hover-class="none" :hover-stop-propagation="false">客户经理</view>
            <view class="c3 f14">
                {{ serviceInfo.userName }}
                <i class="mr4"></i>
                <p class>{{ serviceInfo.tel || '0371-6611 3723' }}</p>
            </view>
            <image :src="serviceInfo.qrCode" :show-menu-by-longpress="true" style="width: 161px; height: 161px"></image>
            <view class="f14 c9 mt6">长按识别二维码</view>
        </view>
    </view>
</template>

<script>
// pages/connectUs/index.js
const app = getApp();
export default {
    data() {
        return {
            serviceInfo: app.globalData.serviceInfo
        };
    }
    /**
     * 生命周期函数--监听页面加载
     */,
    onLoad(options) {},
    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {},
    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {},
    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {},
    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {},
    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {},
    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {},
    methods: {
        call() {
            console.log(1);
            var that = this;
            uni.makePhoneCall({
                // number: that.data.jobDetail.assistantUserTel + ""
                phoneNumber: that.serviceInfo.workPhone || '0371-6611 3723'
            });
        },

        /**
         * 用户点击右上角分享
         */
        onShareAppMessage1() {}
    }
};
</script>
<style>
@import './index.css';
</style>
