<template>
    <view>
        <!-- 公共组件-每个页面必须引入 -->
		<public-module></public-module>
        <!-- 头部信息Start -->
		<view class="headers " :style="headerStyle">
			<view class="dis a-c j-c">
				<text>统计</text>
				<view class="headers-right">
                    <image  @click="weChatService" src="/static/image/my/kefu.png" mode="">
                    </image>
                    <text>客服</text>
				</view>
				
			</view>
		</view>
    </view>
</template>
<script>
export default {
    data() {
		return {
            supportStaffUrl:'',
            headerStyle: {
				backgroundColor: 'transparent',
				backgroundImage: 'url("/static/beijing (2).png")',
				backgroundSize: 'cover',
				backgroundPosition: '',
				boxShadow: ''
				// 其他样式属性...
			},
        }
    },
    mounted() {
		this.$http.get('/sys/qy/wechat/find/picture').then(res => {
			this.supportStaffUrl = res.data.supportStaffUrl
		})
	},
	methods: {
        //点击跳转企业微信客服
	weChatService() {
		uni.share({
			provider: "weixin",
			openCustomerServiceChat: true,
			customerUrl: this.supportStaffUrl, //企业微信地址
			corpid: 'wwfe67d19509d43ec5', //企业id
			success: (res) => {},
			fail: (err) => {}
		});
	},
    }
}
</script>
<style lang="scss" scoped>
.headers {
	position: fixed;
	top: 0;
	left: 0;
	height: auto;
	width: 100%;
	z-index: 999999;
	padding: 16px;
	padding-top: 40px;
		text {
			font-size: 18px;
			font-weight: 700;
			color: #333333;
		}
}
.headers-right{
        position: absolute;
        right: 15px;
        display: flex;
        align-items: center;
        
        text {
            font-size: 13px;
            color: #666666;
        }
        image {
            // right: 0;
            width: 15px;
            height: 15px;
            margin-right: 5px;
        }
    }
</style>