@@ -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> | |||