|
@@ -0,0 +1,201 @@
|
|
|
+<template>
|
|
|
+ <div class="page">
|
|
|
+ <van-nav-bar class="left-text-bold" left-text="欢迎使用公道云">
|
|
|
+ <template slot="right" class="department_right_nav">
|
|
|
+ <van-dropdown-menu
|
|
|
+ duration="0.3"
|
|
|
+ text="text"
|
|
|
+ class="head_dropdown_menu"
|
|
|
+ >
|
|
|
+ <van-dropdown-item
|
|
|
+ title="•••"
|
|
|
+ @change="plus_menu"
|
|
|
+ :options="option"
|
|
|
+ />
|
|
|
+ </van-dropdown-menu>
|
|
|
+ </template>
|
|
|
+ </van-nav-bar>
|
|
|
+ <div class="pageContent">
|
|
|
+ <scroller>
|
|
|
+ <van-tabs v-model="active" swipeable animated>
|
|
|
+ <van-tab v-for="(item, index) in options" :key="index" :title="item">
|
|
|
+ <img :src="returnImg(index)" @click="buyPopupPage = true" />
|
|
|
+ </van-tab>
|
|
|
+ </van-tabs>
|
|
|
+ </scroller>
|
|
|
+ </div>
|
|
|
+ <div class="pageBtm">
|
|
|
+ <van-button
|
|
|
+ type="primary"
|
|
|
+ color="#26A2FF"
|
|
|
+ style="padding: 0 .6rem;"
|
|
|
+ @click="buyPopupPage = true"
|
|
|
+ >预约演示</van-button
|
|
|
+ >
|
|
|
+ <a href="tel:400-6877-880" class='a_btn'>立即咨询</a>
|
|
|
+ </div>
|
|
|
+ <van-popup
|
|
|
+ v-model="buyPopupPage"
|
|
|
+ style="border-radius: 0.15rem; background: #fff0;overflow: visible;"
|
|
|
+ @closed="getItemBuyPopupPage"
|
|
|
+ >
|
|
|
+ <div class="buyPopupBody">
|
|
|
+ <div class="buyPopupContent">
|
|
|
+ <div class="buyPopupTitle">预约演示</div>
|
|
|
+ <p class="buyPopupTxt">
|
|
|
+ 欢迎使用功道云,我们有专属顾问免费给您一对一同屏讲解系统软件,如需演示请点击【立即预约】,或拨打电话
|
|
|
+ </p>
|
|
|
+ <a class="buyPopupTel" href="tel:400-6877-880">400-6877-880</a>
|
|
|
+ <van-row gutter="20" style="margin-top: 0.32rem;">
|
|
|
+ <van-col span="12"
|
|
|
+ ><van-button block type="info" @click="applyButton"
|
|
|
+ >立即预约</van-button
|
|
|
+ ></van-col
|
|
|
+ >
|
|
|
+ <van-col span="12"
|
|
|
+ ><van-button block type="default" @click="getItemBuyPopupPage"
|
|
|
+ >我知道了</van-button
|
|
|
+ ></van-col
|
|
|
+ >
|
|
|
+ </van-row>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </van-popup>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import Vue from "vue";
|
|
|
+import { DropdownMenu, DropdownItem } from "vant";
|
|
|
+Vue.use(DropdownMenu).use(DropdownItem);
|
|
|
+export default {
|
|
|
+ name: "iosIntercept",
|
|
|
+ components: {},
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ active: 0,
|
|
|
+ options: ["积分", "目标", "绩效", "巡检"],
|
|
|
+ option: [{ text: "账号注销", value: 1 }],
|
|
|
+ buyPopupPage: false
|
|
|
+ };
|
|
|
+ },
|
|
|
+ created() {},
|
|
|
+ methods: {
|
|
|
+ returnImg(index) {
|
|
|
+ let arr = [
|
|
|
+ "static/images/s-jifen.jpg",
|
|
|
+ "static/images/s-mubiao.jpg",
|
|
|
+ "static/images/s-jixiao.jpg",
|
|
|
+ "static/images/s-xunjian.jpg"
|
|
|
+ ];
|
|
|
+ return arr[index];
|
|
|
+ },
|
|
|
+ plus_menu(val) {
|
|
|
+ if (val) {
|
|
|
+ this.$router.push({
|
|
|
+ path: "/verify"
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // end元素拖拽
|
|
|
+ getItemBuyPopupPage() {
|
|
|
+ this.buyPopupPage = false;
|
|
|
+ },
|
|
|
+ applyButton() {
|
|
|
+ let self = this;
|
|
|
+ let data = {
|
|
|
+ account_id: this.$store.getters.account_info.id,
|
|
|
+ source_type: 1,
|
|
|
+ apply_type: 2
|
|
|
+ };
|
|
|
+ this.$axiosUser("post", "/api/pro/intentions/addbuy", data)
|
|
|
+ .then(res => {
|
|
|
+ this.$toast({
|
|
|
+ message: "预约成功,专属顾问“孙小姐”将在24小时内与您联系",
|
|
|
+ duration: 5000
|
|
|
+ });
|
|
|
+ })
|
|
|
+ .finally(() => {
|
|
|
+ this.buyPopupPage = false;
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+};
|
|
|
+</script>
|
|
|
+<style scoped lang="scss">
|
|
|
+* {
|
|
|
+ padding: 0;
|
|
|
+ margin: 0;
|
|
|
+}
|
|
|
+img {
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+.page {
|
|
|
+ background-color: #fff;
|
|
|
+ .pageContent {
|
|
|
+ height: calc(100vh - 2.92rem);
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+ .pageBtm {
|
|
|
+ width: 100%;
|
|
|
+ height: 2rem;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-around;
|
|
|
+ align-items: center;
|
|
|
+ .a_btn{
|
|
|
+ color: #fff;
|
|
|
+ background-color: #26A2FF;
|
|
|
+ display: block;
|
|
|
+ line-height: .88rem;
|
|
|
+ padding: 0 0.6rem;
|
|
|
+ border-radius: 0.1rem;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .buyPopupBody {
|
|
|
+ width: 85vw;
|
|
|
+ .buyPopupContent {
|
|
|
+ position: relative;
|
|
|
+ background: white;
|
|
|
+ padding: 0 5vw 5vw 5vw;
|
|
|
+ border-radius: 0.15rem;
|
|
|
+ .buyPopupTitle {
|
|
|
+ background: #1a89fa;
|
|
|
+ position: absolute;
|
|
|
+ left: 0.6rem;
|
|
|
+ right: 0.6rem;
|
|
|
+ top: -0.3rem;
|
|
|
+ text-align: center;
|
|
|
+ border-radius: 0.1rem;
|
|
|
+ line-height: 2;
|
|
|
+ font-weight: normal;
|
|
|
+ font-size: 0.36rem;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+ .buyPopupTxt {
|
|
|
+ font-size: 0.32rem;
|
|
|
+ line-height: 1.8;
|
|
|
+ padding-top: 0.8rem;
|
|
|
+ }
|
|
|
+ .buyPopupTel {
|
|
|
+ color: #1a89fa;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+/deep/ .van-tabs__wrap {
|
|
|
+ width: 60%;
|
|
|
+}
|
|
|
+/deep/ .van-dropdown-menu__bar {
|
|
|
+ background-color: transparent;
|
|
|
+}
|
|
|
+/deep/ .van-dropdown-menu__title {
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
+/deep/ .van-dropdown-menu__title::after {
|
|
|
+ display: none;
|
|
|
+}
|
|
|
+/deep/ .van-tabs__line {
|
|
|
+ z-index: 0;
|
|
|
+}
|
|
|
+</style>
|