You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

99 lines
3.3 KiB
Vue

<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>