|
|
@@ -21,6 +21,10 @@
|
|
|
<span v-else-if="storeInfo.type == 'AGENCY'"> <img src="/images/store/icon/icon-agent.png"/></span>
|
|
|
<span v-else-if="storeInfo.type == 'DISTRIBUTION'"> <img src="/images/store/icon/icon-distribution.png"/></span>
|
|
|
<span v-else-if="storeInfo.type == 'CONSIGNMENT'"> <img src="/images/store/icon/consignment.png"/></span>
|
|
|
+ <span class="link-seller">
|
|
|
+ <img src="/images/all/songguo.png">
|
|
|
+ <a @click="goWebChat()" class="contact_btn">联系卖家</a>
|
|
|
+ </span>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="clearfix"></div>
|
|
|
@@ -87,6 +91,9 @@ export default {
|
|
|
},
|
|
|
isFocus () {
|
|
|
return this.$store.state.shop.storeInfo.focusList.data
|
|
|
+ },
|
|
|
+ tab () {
|
|
|
+ return this.$store.state.chat.tab.tab.data
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
@@ -108,6 +115,68 @@ export default {
|
|
|
this.$store.dispatch('shop/StoreFocus', {storeName: name, storeid: id})
|
|
|
this.isFocus = true
|
|
|
}
|
|
|
+ },
|
|
|
+ goWebChat: function () {
|
|
|
+ if (!this.user.logged) {
|
|
|
+ this.$http.get('/login/page').then(response => {
|
|
|
+ if (response.data) {
|
|
|
+ this.$router.push('/auth/login')
|
|
|
+ }
|
|
|
+ })
|
|
|
+ } else {
|
|
|
+ // 获得窗口的垂直位置
|
|
|
+ let iTop = (window.screen.availHeight - 30 - 780) / 2
|
|
|
+ // 获得窗口的水平位置
|
|
|
+ let iLeft = (window.screen.availWidth - 10 - 1030) / 2
|
|
|
+ if (this.tab.close) {
|
|
|
+ this.tab.close()
|
|
|
+ }
|
|
|
+ let newTab = window.open('', '即时对话框', 'height=750, width=1000, top=' + iTop + ', left=' + iLeft + ', toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no')
|
|
|
+ newTab.close()
|
|
|
+ newTab = window.open('', '即时对话框', 'height=750, width=1000, top=' + iTop + ', left=' + iLeft + ', toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no')
|
|
|
+ this.$store.dispatch('chat/setChatTab', {tab: newTab})
|
|
|
+ this.$http.get('/basic/enterprise/' + this.storeInfo.enUU + '/info')
|
|
|
+ .then(response => {
|
|
|
+ let obj = {}
|
|
|
+ obj.userPhone = this.user.data.userTel
|
|
|
+ obj.userType = 'ENTERPRISE'
|
|
|
+ this.user.data.enterprises.forEach(function (item, index) {
|
|
|
+ if (item.current) {
|
|
|
+ obj.enUU = item.uu
|
|
|
+ obj.enterprise = {enUU: item.uu, name: item.enName}
|
|
|
+ }
|
|
|
+ })
|
|
|
+ obj.otherEnUU = response.data.uu
|
|
|
+ obj.otherUserType = 'STORE'
|
|
|
+ obj.otherEnterprise = {enUU: response.data.uu, name: response.data.enName}
|
|
|
+ obj.type = 'CHAT'
|
|
|
+ if (!(/^1\d{10}$/).test(response.data.enTel)) {
|
|
|
+ this.$http.get('/basic/enterprise/' + response.data.uu + '/admin').then(response => {
|
|
|
+ console.log(response)
|
|
|
+ obj.toPhone = response.data.userTel
|
|
|
+ console.log(obj)
|
|
|
+ this.openWebChat(newTab, obj)
|
|
|
+ }, err => {
|
|
|
+ console.log(err)
|
|
|
+ this.$message.error('暂无卖家管理员手机号!')
|
|
|
+ })
|
|
|
+ } else {
|
|
|
+ obj.toPhone = response.data.enTel
|
|
|
+ console.log(obj)
|
|
|
+ this.openWebChat(newTab, obj)
|
|
|
+ }
|
|
|
+ }, err => {
|
|
|
+ console.log(err)
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+ openWebChat: function (newTab, obj) {
|
|
|
+ this.$http.post('http://im.ubtob.com/api/chat/infos?condition=chat_info', obj)
|
|
|
+ .then(response => {
|
|
|
+ if (response.data.success) {
|
|
|
+ newTab.location.href = 'http://im.ubtob.com/chat/visit?gid=' + response.data.content
|
|
|
+ }
|
|
|
+ })
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
@@ -388,4 +457,22 @@ export default {
|
|
|
position: relative;
|
|
|
top: -9px;
|
|
|
}
|
|
|
+ .icon-style >span {
|
|
|
+ margin-right: 5px;
|
|
|
+ }
|
|
|
+ .icon-style .link-seller {
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+ .icon-style .link-seller img {
|
|
|
+ top: -2px;
|
|
|
+ }
|
|
|
+ .icon-style .link-seller a {
|
|
|
+ font-size: 12px;
|
|
|
+ color: #fff;
|
|
|
+ line-height: 20px;
|
|
|
+ height: 20px;
|
|
|
+ padding: 0 7px;
|
|
|
+ background: #ef7f03;
|
|
|
+ border-radius: 2px;
|
|
|
+ }
|
|
|
</style>
|