企业产品提示

components/store/CommodityList.vue

@@ -126,10 +126,13 @@
           </tr>
           </tbody>
         </table>
-        <div style="float: right;">
-          <page :total="commodities.totalElements" :page-size="pageParams.count"
-                :current="pageParams.page" @childEvent="handleCurrentChange"></page>
+        <div class="remind-area">
+          <img src="/images/store/store-remind.png" alt="">
+          所有报价、库存信息的真实性及准确性均由店铺负责，如有疑问请点击
+          <a @click="goWebChat()" class="link-seller">联系卖家</a>
         </div>
+        <page :total="commodities.totalElements" :page-size="pageParams.count"
+              :current="pageParams.page" @childEvent="handleCurrentChange"></page>
       </div>
     </div>
   </div>
@@ -211,12 +214,17 @@ export default {
     },
     storeInfo () {
       return this.$store.state.shop.storeInfo.store.data
+    },
+    user () {
+      return this.$store.state.option.user
+    },
+    tab () {
+      return this.$store.state.chat.tab.tab.data
     }
   },
   methods: {
     handlerCurrentNode (data, node) {
       this.searchCode = ''
-      console.log(data)
       if (this.parentKindId === data.id) {
         this.parentKindId = 0
         this.ids = null
@@ -265,6 +273,68 @@ export default {
     goBrandDetail (url, event) {
       event.stopPropagation()
       window.open(url)
+    },
+    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('https://im.ubtob.com/api/chat/infos?condition=chat_info', obj)
+        .then(response => {
+          if (response.data.success) {
+            newTab.location.href = 'https://im.ubtob.com/chat/visit?gid=' + response.data.content
+          }
+        })
     }
 //    goBack () {
 //      this.$router.back(-1)
@@ -564,7 +634,7 @@ export default {
 		font-size: 14px;
 	}
 	.goodslist{
-		margin-bottom: 16px;
+		margin-bottom: 11px;
 	}
 
 	@font-face {
@@ -581,4 +651,24 @@ export default {
     border-color: #5078cb !important;
     background-color: #5078cb !important;
   }
+
+  .remind-area {
+    font-size: 13px;
+    color: #666;
+  }
+  .remind-area img {
+    margin-right: 12px;
+  }
+  .remind-area .link-seller {
+    font-size: 12px;
+    color: #fff;
+    line-height: 20px;
+    height: 20px;
+    padding: 0 7px;
+    background: #ef7f03;
+    border-radius: 2px;
+  }
+  #goods-list-fragment .goods-area .page-wrap {
+    margin-top: 18px;
+  }
 </style>