| @@ -8,55 +8,22 @@ | |||
| <script> | |||
| //这里可以导入其他文件(比如:组件,工具js,第三方插件js,json文件,图片文件等等) | |||
| //例如:import 《组件名称》 from '《组件路径》'; | |||
| import { mapGetters } from "vuex"; | |||
| import { linkCustomerService } from "@mixin/customerService"; | |||
| export default { | |||
| //import引入的组件需要注入到对象中才能使用 | |||
| components: {}, | |||
| mixins: [linkCustomerService], | |||
| data() { | |||
| //这里存放数据 | |||
| return { | |||
| queryParams: { | |||
| token: "1017bd2a605fb4f4a3f7267328cbf240", // 与后台交互的凭证 | |||
| noCanClose: 0, // PC端是否显示广告 | |||
| uid: "", // 用户ID | |||
| nickName: "", //用户昵称 | |||
| phone: "", //用户手机号 | |||
| }, | |||
| }; | |||
| return {}; | |||
| }, | |||
| //监听属性 类似于data概念 | |||
| computed: { | |||
| ...mapGetters({ | |||
| currentAccount: "currentAccount", | |||
| }), | |||
| }, | |||
| computed: {}, | |||
| //监控data中的数据变化 | |||
| watch: {}, | |||
| //方法集合 | |||
| methods: { | |||
| linkCustomerService() { | |||
| // 是否登录 | |||
| console.log(this.currentAccount, "this.currentAccount"); | |||
| if (this.currentAccount) { | |||
| this.queryParams.uid = this.currentAccount.accountId; | |||
| this.queryParams.nickName = this.currentAccount.accountName; | |||
| this.queryParams.phone = this.currentAccount.mobilePhone; | |||
| } | |||
| let url = `http://www.parkkf.com/chat/index?`; | |||
| for (let key in this.queryParams) { | |||
| if ( | |||
| this.queryParams[key] !== "" && | |||
| this.queryParams[key] !== undefined && | |||
| this.queryParams[key] !== null | |||
| ) { | |||
| url += `&${key}=${this.queryParams[key]}`; | |||
| } | |||
| } | |||
| console.log(url); | |||
| window.open(url); | |||
| }, | |||
| }, | |||
| methods: {}, | |||
| //生命周期 - 创建完成(可以访问当前this实例) | |||
| created() {}, | |||
| //生命周期 - 挂载完成(可以访问DOM元素) | |||
| @@ -0,0 +1,48 @@ | |||
| import { mapGetters } from "vuex"; | |||
| // 导出对象 | |||
| export const linkCustomerService = { | |||
| data() { | |||
| //这里存放数据 | |||
| return { | |||
| queryParams: { | |||
| token: "1017bd2a605fb4f4a3f7267328cbf240", // 与后台交互的凭证 | |||
| noCanClose: 0, // PC端是否显示广告 | |||
| uid: "", // 用户ID | |||
| nickName: "", //用户昵称 | |||
| phone: "", //用户手机号 | |||
| }, | |||
| }; | |||
| }, | |||
| //监听属性 类似于data概念 | |||
| computed: { | |||
| ...mapGetters({ | |||
| currentAccount: "currentAccount", | |||
| }), | |||
| }, | |||
| //监控data中的数据变化 | |||
| watch: {}, | |||
| //方法集合 | |||
| methods: { | |||
| linkCustomerService() { | |||
| // 是否登录 | |||
| console.log(this.currentAccount, "this.currentAccount"); | |||
| if (this.currentAccount) { | |||
| this.queryParams.uid = this.currentAccount.accountId; | |||
| this.queryParams.nickName = this.currentAccount.accountName; | |||
| this.queryParams.phone = this.currentAccount.mobilePhone; | |||
| } | |||
| let url = `http://www.parkkf.com/chat/index?`; | |||
| for (let key in this.queryParams) { | |||
| if ( | |||
| this.queryParams[key] !== "" && | |||
| this.queryParams[key] !== undefined && | |||
| this.queryParams[key] !== null | |||
| ) { | |||
| url += `&${key}=${this.queryParams[key]}`; | |||
| } | |||
| } | |||
| console.log(url); | |||
| window.open(url); | |||
| }, | |||
| }, | |||
| }; | |||
| @@ -82,13 +82,13 @@ | |||
| </ul> | |||
| <div v-else class="have_no_product product_bg"> | |||
| <div class="service_text"> | |||
| <span>高标准厂房出租,环境优美,交通便捷</span> | |||
| <span>{{ serviceText[activeTab].title }}</span> | |||
| <span> | |||
| 可按企业需求定制,减轻企业负担 | |||
| {{ serviceText[activeTab].subtitle }} | |||
| </span> | |||
| </div> | |||
| <div class="pointer service_btn"> | |||
| <span>获取园区招商具体详情</span> | |||
| <div class="pointer service_btn" @click="linkCustomerService"> | |||
| <span>{{ serviceText[activeTab].buttonText }}</span> | |||
| <i class="el-icon-right"></i> | |||
| </div> | |||
| </div> | |||
| @@ -104,10 +104,12 @@ | |||
| import { getParkServiceProduct, getPropertyManage } from "@api/index"; | |||
| import { formatImg, routerOpenInNewWindow } from "@/utils/common.js"; | |||
| import ApplyForAdmission from "./ApplyForAdmission.vue"; | |||
| import { linkCustomerService } from "@mixin/customerService"; | |||
| export default { | |||
| //import引入的组件需要注入到对象中才能使用 | |||
| components: { ApplyForAdmission }, | |||
| mixins: [linkCustomerService], | |||
| data() { | |||
| //这里存放数据 | |||
| return { | |||
| @@ -130,6 +132,18 @@ export default { | |||
| tempList1: [], | |||
| tempList2: [], | |||
| serviceLoading: false, | |||
| serviceText: [ | |||
| { | |||
| title: "高标准厂房出租,环境优美,交通便捷", | |||
| subtitle: "可按企业需求定制,减轻企业负担", | |||
| buttonText: "获取园区招商具体详情", | |||
| }, | |||
| { | |||
| title: "园区税收优惠政策", | |||
| subtitle: "享园区高额奖励扶持返税", | |||
| buttonText: "获取园区招商具体详情", | |||
| }, | |||
| ], | |||
| }; | |||
| }, | |||
| //监听属性 类似于data概念 | |||
| @@ -107,8 +107,8 @@ | |||
| <span>{{ companyInfo.companyMobilePhone }}</span> | |||
| </div> | |||
| <div> | |||
| 法人代表: | |||
| <span>www.hhrchina.com</span> | |||
| 网站: | |||
| <span>{{ companyInfo.url || "--" }}</span> | |||
| </div> | |||
| <div> | |||
| 成立日期: | |||
| @@ -152,7 +152,11 @@ | |||
| ></other-info> | |||
| </section> | |||
| <Footer></Footer> | |||
| <claim-dialog v-if="claimDialog" :claimDialog="claimDialog" @close="claimDialog = false"></claim-dialog> | |||
| <claim-dialog | |||
| v-if="claimDialog" | |||
| :claimDialog="claimDialog" | |||
| @close="claimDialog = false" | |||
| ></claim-dialog> | |||
| </div> | |||
| </template> | |||