12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394 |
- <template>
-
-
- <view class="acea-row row-center-wrapper cartf iconfont icon-kefu3" :style="{ top: top + 'px'}" @touchmove.stop.prevent="setTouchMove" @click="licks"></view>
-
-
- <view v-if="routineContact == 0">
- <view class="acea-row row-center-wrapper cartf iconfont icon-kefu3" :style="{ top: top + 'px'}" @touchmove.stop.prevent="setTouchMove" @click="licks"></view>
- </view>
- <button class="acea-row row-center-wrapper cartf iconfont icon-kefu3" open-type='contact' :style="{ top: top + 'px'}" @touchmove.stop.prevent="setTouchMove" v-else-if="routineContact==1 && !goodsCon"></button>
- <button class="acea-row row-center-wrapper cartf iconfont icon-kefu3" open-type='contact' :send-message-title="storeInfo.store_name" :send-message-img="storeInfo.image" :send-message-path="`/pages/goods_details/index?id=${storeInfo.id}`" show-message-card :style="{ top: top + 'px'}" @touchmove.stop.prevent="setTouchMove" v-else-if="routineContact==1 && goodsCon"></button>
-
- </template>
- <script>
- let app = getApp();
- import {
- mapGetters
- } from "vuex";
- export default {
- name: "kefuIcon",
- props: {
- ids: {
- type: Number,
- default: 0
- },
- routineContact: {
- type: Number,
- default: 0
- },
- storeInfo: {
- type: Object,
- default () {
- return {};
- }
- },
- goodsCon: {
- type: Number,
- default: 0
- }
- },
- computed: mapGetters(['userInfo']),
- data: function() {
- return {
- top: "480"
- };
- },
- mounted() {
-
- this.top = parseFloat(window.innerHeight) -200
-
- },
- methods: {
- setTouchMove(e) {
- let that = this;
- if (e.touches[0].clientY < 480 && e.touches[0].clientY > 66) {
- that.top = e.touches[0].clientY
- }
- },
- licks(){
- let userInfo = {}
- if(typeof this.userInfo === 'string'){
- userInfo = JSON.parse(this.userInfo)
- }else{
- userInfo = this.userInfo
- }
- let url = `/pages/extension/customer_list/chat?productId=${this.ids}`
- let obj = {
- store_name: this.storeInfo.store_name,
- path: `/pages/goods_details/index?id=${this.storeInfo.id}`,
- image:this.storeInfo.image
- }
- this.$util.getCustomer(userInfo,url,obj,1)
- }
- },
- created() {
- }
- };
- </script>
- <style lang="scss">
- .cartf{
- width: 96rpx;
- height: 96rpx;
- background: #FFFFFF;
- box-shadow: 0 3rpx 16rpx rgba(0, 0, 0, 0.08);
- border-radius: 50%;
- font-size: 47rpx;
- color: #666;
- position: fixed;
- right: 15rpx;
- z-index: 9;
- }
- </style>
|