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