Browse Source

feat:广告位应用体验绑定手机号插件及其它

yangfeng 4 months ago
parent
commit
f5793987bd

+ 15 - 1
apps/mobile/src/components/ad/Ad.vue

@@ -15,6 +15,7 @@
       :style="getStyle"
       @click.stop="openAD"
       @load="loadSuccess"
+      v-bound-phone="bindPhoneOpenAD()"
     >
       <div v-if="showTag" class="tag-text">广告</div>
       <div v-if="showCloseIcon" class="close" @click.stop="close">
@@ -72,7 +73,8 @@ export default {
             width: '',
             height: '',
             type: ''
-          }
+          },
+          script: ''
         }
       }
     },
@@ -230,6 +232,18 @@ export default {
       } else {
         console.warn(msg)
       }
+    },
+    bindPhoneOpenAD() {
+      const { script, name } = this.getConfig
+      return {
+        props: {
+          name: '广告位-' + name
+        },
+        pass: !script ? this.openAD : null,
+        next: () => {
+          this.openAD()
+        }
+      }
     }
   }
 }

+ 12 - 0
apps/mobile/src/components/ad/Swipe.vue

@@ -14,6 +14,7 @@
           :key="index"
           :style="{ width: getItemWidth }"
           class="van-clickable"
+          v-bound-phone="bindPhoneOpen(item)"
           @click="open(item)"
         >
           <van-image
@@ -125,6 +126,17 @@ export default {
         }
       }
       return openLinkOfAd(ad)
+    },
+    bindPhoneOpen(item) {
+      return {
+        props: {
+          name: '广告位-' + item.title || item.name
+        },
+        pass: !item?.script ? this.open : null,
+        next: () => {
+          this.open(item)
+        }
+      }
     }
   }
 }

+ 15 - 1
apps/mobile/src/components/ad/pop-screen/index.vue

@@ -18,6 +18,7 @@
         height: getStyle.height
       }"
       @click.stop="openAD"
+      v-bound-phone="bindPhoneOpenAd()"
     >
       <AdSvga
         v-if="isSvgaType"
@@ -79,7 +80,8 @@ export default {
             width: '',
             height: '',
             type: ''
-          }
+          },
+          script: ''
         }
       }
     }
@@ -160,6 +162,18 @@ export default {
         title: this.config.name,
         type: this.config.extend.type
       })
+    },
+    bindPhoneOpenAd() {
+      const { script, name } = this.config
+      return {
+        props: {
+          name: '广告位-' + name
+        },
+        pass: !script ? this.openAD : null,
+        next: () => {
+          this.openAD()
+        }
+      }
     }
   }
 }

+ 6 - 1
apps/mobile/src/components/home/list.vue

@@ -24,6 +24,7 @@
         <span class="header-desc">完善信息,推荐更准</span>
         <span
           class="flex flex-items-center header-set"
+          @click="gotoKeySettingPage"
           v-bound-phone="bindPhoneGoSetting()"
           >去设置 <van-icon name="arrow" color="#2ABED1"></van-icon
         ></span>
@@ -67,7 +68,11 @@
           </div>
         </template>
         <template slot="icon">
-          <div class="right-event" v-bound-phone="bindPhoneOnKeep(item, index)">
+          <div
+            class="right-event"
+            @click.stop="onKeep(item, index)"
+            v-bound-phone="bindPhoneOnKeep(item, index)"
+          >
             <AppIcon
               style="margin-right: 4px"
               svg

+ 1 - 0
apps/mobile/src/components/message/message-card.vue

@@ -24,6 +24,7 @@
             :key="index"
             :class="{ visited: item.visited }"
             ref="listItem"
+            @click="goMessage(item)"
             v-bound-phone="bindPhoneGoMessage(item)"
           >
             <!-- <span class="dot"></span> -->

+ 1 - 0
apps/mobile/src/components/recommend/index.vue

@@ -61,6 +61,7 @@
               <div class="j-button-group height40">
                 <button
                   class="j-button-confirm"
+                  @click="goToSubmitSource"
                   v-bound-phone="bindPhoneGoToSubmitSource()"
                 >
                   感兴趣点我

+ 1 - 1
apps/mobile/src/composables/quick-monitor/component/QuickMonitor.vue

@@ -15,11 +15,11 @@
       @cancelFollow="cancelMonitor"
     />
     <template #reference>
-      <!-- @click.native.stop="changePopoverState" -->
       <TabActionItem
         showText
         :direction="direction"
         class="action-monitor"
+        @click.native.stop="changePopoverState"
         v-bound-phone="bindPhoneMonitorClick()"
       >
         <AppIcon

+ 1 - 1
apps/mobile/src/views/article/components/ActionCollection.vue

@@ -1,9 +1,9 @@
 <template>
-  <!-- @click.native.stop="doCollection" -->
   <TabActionItem
     showText
     :direction="direction"
     class="action-collection"
+    @click.native.stop="doCollection"
     v-bound-phone="bindPhoneCollection()"
   >
     <AppIcon

+ 1 - 1
apps/mobile/src/views/article/components/ActionShareToWorkmate.vue

@@ -1,9 +1,9 @@
 <template>
-  <!-- @click.native.stop="shareToWorkmate" -->
   <TabActionItem
     showText
     :direction="direction"
     class="action-share-to-workmate"
+    @click.native.stop="shareToWorkmate"
     v-bound-phone="bindPhoneShareToWorkmate()"
   >
     <AppIcon slot="icon" name="fenxiang" color="#2ABED1" size="20"></AppIcon>

+ 21 - 2
apps/mobile/src/views/article/components/ContentMainText.vue

@@ -10,8 +10,16 @@
           src="@/assets/image/mask/bg/article-content-mask-card@2x.png"
           alt=""
         />
-        <div class="click-to-get" @click="toUnlockContent" />
-        <div class="mask-feedback" @click="feedback" />
+        <div
+          class="click-to-get"
+          @click="toUnlockContent"
+          v-bound-phone="bindPhoneToUnlockContent()"
+        />
+        <div
+          class="mask-feedback"
+          @click="feedback"
+          v-bound-phone="bindPhoneFeedback()"
+        />
       </div>
     </template>
     <template v-else>
@@ -32,6 +40,7 @@
         </div>
         <button
           class="feedback-button clickable"
+          @click="feedback"
           v-bound-phone="bindPhoneFeedback()"
         >
           意见反馈
@@ -160,6 +169,16 @@ export default {
           this.feedback()
         }
       }
+    },
+    bindPhoneToUnlockContent() {
+      return {
+        props: {
+          name: '标讯详情页-获取正文及联系方式'
+        },
+        next: () => {
+          this.toUnlockContent()
+        }
+      }
     }
   }
 }

+ 1 - 0
apps/mobile/src/views/article/components/DataExportBanner.vue

@@ -1,6 +1,7 @@
 <template>
   <section
     class="data-export-banner-container clickable"
+    @click="toDataExport"
     v-bound-phone="bindPhoneDataExport()"
   >
     <div class="banner-left">

+ 1 - 1
apps/mobile/src/views/article/components/DownProjectReport.vue

@@ -1,9 +1,9 @@
 <template>
-  <!-- @click.native.stop="doAction" -->
   <TabActionItem
     show-text
     :direction="direction"
     class="download-project-doc"
+    @click.native.stop="doAction"
     v-bound-phone="bindPhoneDownload()"
   >
     <AppIcon slot="icon" name="xiazaixiangmubaogao" size="20" />

+ 1 - 0
apps/mobile/src/views/article/components/OriginLink.vue

@@ -2,6 +2,7 @@
   <span class="origin-link-container">
     <span
       class="highlight-text origin-link clickable"
+      @click="viewOriginLink"
       v-bound-phone="bindPhoneViewOrigin()"
     >
       查看原文链接

+ 0 - 1
apps/mobile/src/views/article/content.vue

@@ -217,7 +217,6 @@ import {
 import { LINKS } from '@/data'
 import { openAppOrWxPage } from '@/utils/'
 import setPageTdk from '@/utils/mixins/modules/set-tdk'
-import Cookies from 'js-cookie'
 
 export default {
   name: 'ArticleContent',

+ 1 - 0
apps/mobile/src/views/article/ui/MaskCard.vue

@@ -32,6 +32,7 @@
               type="primary"
               class="mask-footer-btn"
               size="small"
+              @click="onFooterBtnClick"
               v-bound-phone="bindPhoneFooterBtnClick()"
             >
               {{ footerButtonText }}

+ 2 - 0
apps/mobile/src/views/article/ui/ServiceIntroCard.vue

@@ -27,6 +27,7 @@
             class="action-button plain"
             type="primary"
             plain
+            @click="plainButtonClick"
             v-bound-phone="bindPhonePlainButtonClick(plainButtonText)"
             v-if="plainButtonShow"
           >
@@ -35,6 +36,7 @@
           <van-button
             class="action-button"
             type="primary"
+            @click="confirmButtonClick"
             v-bound-phone="bindPhoneConfirmButtonClick(confirmButtonText)"
             v-if="confirmButtonShow"
           >

+ 4 - 0
apps/mobile/src/views/dataSmt/detail.vue

@@ -68,6 +68,7 @@
         <div class="text_desc">
           以下数据字段仅为部分字段,如需更多行业字段,如资金来源、报价方式、企业资质、人员资质、业绩资格、企业信用、建设规模等字段,您可<span
             class="click_link"
+            @click="reservedHandle('tips', info.name)"
             v-bound-phone="bindPhoneReserved('tips', info.name)"
             >申请数据定制></span
           >
@@ -94,6 +95,7 @@
         <div
           class="data_app"
           v-if="info.field_illustrate && info.field_illustrate.application_app"
+          @click="reservedHandle('datauser', info.name)"
           v-bound-phone="bindPhoneReserved('datauser', info.name)"
         >
           <img :src="info.field_illustrate.application_app" alt="" />
@@ -110,12 +112,14 @@
     <div class="page-footer">
       <div
         class="confirm-btn default-btn clickable"
+        @click="reservedHandle('buy', info.name)"
         v-bound-phone="bindPhoneReserved('buy', info.name)"
       >
         购买咨询
       </div>
       <div
         class="confirm-btn clickable"
+        @click="reservedHandle('data', info.name)"
         v-bound-phone="bindPhoneReserved('data', info.name)"
       >
         申请数据定制

+ 6 - 1
apps/mobile/src/views/dataSmt/index.vue

@@ -115,7 +115,11 @@
       </div>
     </div>
     <div class="j-footer">
-      <div class="confirm-btn clickable" v-bound-phone="bindPhoneReserved()">
+      <div
+        class="confirm-btn clickable"
+        @click="reservedHandle"
+        v-bound-phone="bindPhoneReserved()"
+      >
         申请数据定制
       </div>
     </div>
@@ -168,6 +172,7 @@
         <div class="text_desc">
           以下数据字段仅为部分字段,如需更多行业字段,如资金来源、报价方式、企业资质、人员资质、业绩资格、企业信用、建设规模等字段,您可<span
             class="click_link"
+            @click="reservedHandle('tips')"
             v-bound-phone="bindPhoneReserved('tips')"
             >申请数据定制></span
           >

+ 13 - 2
apps/mobile/src/views/landing/consultingService.vue

@@ -41,6 +41,7 @@
                   <div class="child-box-desc">{{ e.desc }}</div>
                   <div
                     class="child-box-btn"
+                    @click.stop="goSource('free', e.name)"
                     v-bound-phone="bindPhoneGoSource('free', e.name)"
                   >
                     <!-- 获取报告样例 -->
@@ -209,8 +210,18 @@
       </div>
     </div>
     <div class="cs-footer">
-      <div class="left-btn" v-bound-phone="bindPhoneConsult()">咨询客服</div>
-      <div class="right-btn" v-bound-phone="bindPhoneGetMore()">
+      <div
+        class="left-btn"
+        @click="call_Phone"
+        v-bound-phone="bindPhoneConsult()"
+      >
+        咨询客服
+      </div>
+      <div
+        class="right-btn"
+        @click="goSource('more')"
+        v-bound-phone="bindPhoneGetMore()"
+      >
         获取更多专属服务
       </div>
     </div>

+ 1 - 1
apps/mobile/src/views/subscribe/Guide.vue

@@ -93,11 +93,11 @@
     </div>
     <div class="j-footer">
       <div class="j-button-group" :class="{ height40: active === 1 }">
-        <!-- @click="nextHandle" -->
         <button
           v-show="active === 0"
           class="j-button-confirm"
           :class="{ opacity50: !nextDisabled }"
+          @click="nextHandle"
           v-bound-phone="bindPhoneNextHandle()"
         >
           下一步