qj-common 4.3.0 → 4.3.2

package/src/views/pc/default/top-modules/topKYW.vue

@@ -1,258 +1,258 @@
-<template>
-  <!-- 鞍钢的顶部 -->
-  <div class="ans-header">
-    <div class="ans-header__top">
-      <div class="auto flex">
-        <div class="ans-header__top--login flex flex-item1">
-          <div v-if="isLogin && userInfor" class="ans-header__top--user flex">
-            <p
-              @click="userHandler"
-            >你好,{{userInfor.merberCompname ? userInfor.merberCompname : userInfor.userName}}</p>
-            <p class="quit" @click="logout">退出登录</p>
-          </div>
-          <div v-else class="ans-header__top--noLogin flex">
-            <!-- <a class="reg-href" href="/paas/index/index.html#/regPc">注册</a> -->
-            <a class="reg-href" href="/paas/index/index.html#/choice">注册</a>
-            <a class="login-href" href="/paas/index/index.html#/loginPcA">登录</a>
-          </div>
-        </div>
-        <div class="ans-header__top--list">
-          <ul class="flex">
-            <li>
-              <a href="/">首页</a>
-              <span>|</span>
-            </li>
-            <li>
-              <a href="/paas/user-manager/index.html#/user">买家中心</a>
-              <span>|</span>
-            </li>
-            <li>
-              <!-- <a href='http://mem.xh.dllg56.com'>卖家中心</a> -->
-              <a href='http://exchange.kuangyingwang.com'>卖家中心</a>
-              <span>|</span>
-            </li>
-            <li>
-              <a href='/paas/pc-mall/index.html#/publicDetails?id=suggestedBrowser'>帮助中心</a>
-              <span>|</span>
-            </li>
-            <li>
-              <a href>客服热线：400-0000-000</a>
-              <span>|</span>
-            </li>
-            <li>
-              <a>
-                <i class="iconfont icon-weixin"></i>
-                微信
-              </a>
-              <span>|</span>
-              <div class="er-box">
-                <img src="../assets/dllgwap.png" alt />
-              </div>
-            </li>
-            <li>
-              <a href="http://wpa.qq.com/msgrd?v=3&uin=631502245&site=qq&menu=yes">
-                <i class="iconfont icon-QQ "></i>
-                QQ
-              </a>
-            </li>
-          </ul>
-        </div>
-      </div>
-    </div>
-    <slot></slot>
-  </div>
-</template>
-
-<script>
-import { logout } from "#/api/login";
-import { getToken, removeToken } from "#/utils/auth";
-import API from "#/api/common/index.js";
-import erwm from "#/assets/newerwei.png";
-
-export default {
-  data() {
-    return {
-      gw: "暂无顾问",
-      flaggw: false,
-      myerwm: erwm,
-      show: false,
-      userInfor: {},
-      name: ""
-    };
-  },
-  computed: {
-    isLogin() {
-      return this.getUserCookie() ? true : false;
-    }
-  },
-  mounted() {
-    window.addEventListener("click", this.gwhide);
-    this.userInfor =
-      this.getUserCookie() && this.getCookieDecodeURI(this.getUserCookie())
-        ? JSON.parse(this.getCookieDecodeURI(this.getUserCookie()))
-        : {};
-  },
-  methods: {
-    gwopen() {
-      API.getCustrelByEmployee().then(res => {
-        if (res) {
-          if (res.employeePhone) {
-            this.gw = res.employeePhone;
-          } else {
-            this.gw = "暂无顾问";
-          }
-        } else {
-          this.gw = "暂无顾问";
-        }
-      });
-      this.flaggw = true;
-    },
-    // 获取用户登录信息
-    getCookieDecodeURI(name) {
-      let arr,
-        reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
-      if ((arr = document.cookie.match(reg))) {
-        return decodeURIComponent(arr[2]);
-      } else {
-        return null;
-      }
-    },
-    gwhide() {
-      this.flaggw = false;
-    },
-    enter() {
-      this.show = true;
-    },
-    leave() {
-      this.show = false;
-    },
-    login() {
-      location.href = "/paas/pc-mall/index.html#/loginPc";
-    },
-    register() {
-      location.href = "/paas/pc-mall/index.html#/regPc";
-    },
-    userHandler() {
-      location.href = "/paas/user-manager/index.html#/user";
-    },
-    indexHandler() {
-      location.href = location.origin;
-    },
-    logout() {
-      // 退出
-      logout().then(() => {
-        let newDomain = document.domain
-          .split(".")
-          .splice(-2)
-          .join(".");
-        removeToken("LOGININFO", newDomain, "/");
-        // removeToken("personalInfo", newDomain, "/");
-        // location.reload();
-        location.href = location.origin;
-      });
-    },
-    getUserCookie() {
-      let cookie = document.cookie;
-      let start = cookie.indexOf("saas-user-");
-      if (start > -1) {
-        let end = cookie.indexOf("=", start);
-        return cookie.substring(start, end);
-      } else {
-        return null;
-      }
-    }
-  }
-};
-</script>
-
-<style  rel="stylesheet/scss" lang="scss" scoped>
-@import "../assets/flex";
-
-.ans-header {
-  position: relative;
-  &__top {
-    border-bottom: 1px solid #eee;
-    height: 36px;
-    line-height: 36px;
-    background: rgba(248, 248, 248, 1);
-    font-size: 12px;
-    color: rgba(102, 102, 102, 1);
-    &--user {
-      p {
-        margin-right: 12px;
-        cursor: pointer;
-        &:hover {
-          color: #f23a3a;
-        }
-      }
-    }
-    &--noLogin {
-      a {
-        margin-right: 12px;
-      }
-    }
-    &--login {
-      a {
-        margin-right: 12px;
-        cursor: pointer;
-        display: block;
-
-        &:hover {
-          color: #ee4b3f;
-        }
-      }
-    }
-
-    &--list {
-      li {
-        position: relative;
-
-        &:hover {
-          a {
-            color: #ee4b3f;
-          }
-
-          .er-box {
-            display: block;
-          }
-        }
-
-        .er-box {
-          background: url("../../../../assets/er_bg.png");
-          width: 56px;
-          height: 64px;
-          position: absolute;
-          top: 44px;
-          left: 0px;
-          display: none;
-          z-index: 10;
-
-          img {
-            width: 52px;
-            height: 52px;
-            display: block;
-            margin: 10px 2px 2px 2px;
-          }
-        }
-      }
-
-      a {
-        color: #666;
-
-        i {
-          color: #9a9a9a;
-        }
-      }
-
-      span {
-        color: #d8d8d8;
-        margin: 0 12px;
-      }
-    }
-  }
-}
-.auto {
-  margin: 0 auto;
-  width: 1200px;
-}
-</style>
+<template>
+  <!-- 鞍钢的顶部 -->
+  <div class="ans-header">
+    <div class="ans-header__top">
+      <div class="auto flex">
+        <div class="ans-header__top--login flex flex-item1">
+          <div v-if="isLogin && userInfor" class="ans-header__top--user flex">
+            <p
+              @click="userHandler"
+            >你好,{{userInfor.merberCompname ? userInfor.merberCompname : userInfor.userName}}</p>
+            <p class="quit" @click="logout">退出登录</p>
+          </div>
+          <div v-else class="ans-header__top--noLogin flex">
+            <!-- <a class="reg-href" href="/paas/index/index.html#/regPc">注册</a> -->
+            <a class="reg-href" href="/paas/index/index.html#/choice">注册</a>
+            <a class="login-href" href="/paas/index/index.html#/loginPcA">登录</a>
+          </div>
+        </div>
+        <div class="ans-header__top--list">
+          <ul class="flex">
+            <li>
+              <a href="/">首页</a>
+              <span>|</span>
+            </li>
+            <li>
+              <a href="/paas/user-manager/index.html#/user">买家中心</a>
+              <span>|</span>
+            </li>
+            <li>
+              <!-- <a href='http://mem.xh.dllg56.com'>卖家中心</a> -->
+              <a href='http://exchange.kuangyingwang.com'>卖家中心</a>
+              <span>|</span>
+            </li>
+            <li>
+              <a href='/paas/pc-mall/index.html#/publicDetails?id=suggestedBrowser'>帮助中心</a>
+              <span>|</span>
+            </li>
+            <li>
+              <a href>客服热线：400-0000-000</a>
+              <span>|</span>
+            </li>
+            <li>
+              <a>
+                <i class="iconfont icon-weixin"></i>
+                微信
+              </a>
+              <span>|</span>
+              <div class="er-box">
+                <img src="../assets/dllgwap.png" alt />
+              </div>
+            </li>
+            <li>
+              <a href="http://wpa.qq.com/msgrd?v=3&uin=631502245&site=qq&menu=yes">
+                <i class="iconfont icon-QQ "></i>
+                QQ
+              </a>
+            </li>
+          </ul>
+        </div>
+      </div>
+    </div>
+    <slot></slot>
+  </div>
+</template>
+
+<script>
+import { logout } from "#/api/login";
+import { getToken, removeToken } from "#/utils/auth";
+import API from "#/api/common/index.js";
+import erwm from "#/assets/newerwei.png";
+
+export default {
+  data() {
+    return {
+      gw: "暂无顾问",
+      flaggw: false,
+      myerwm: erwm,
+      show: false,
+      userInfor: {},
+      name: ""
+    };
+  },
+  computed: {
+    isLogin() {
+      return this.getUserCookie() ? true : false;
+    }
+  },
+  mounted() {
+    window.addEventListener("click", this.gwhide);
+    this.userInfor =
+      this.getUserCookie() && this.getCookieDecodeURI(this.getUserCookie())
+        ? JSON.parse(this.getCookieDecodeURI(this.getUserCookie()))
+        : {};
+  },
+  methods: {
+    gwopen() {
+      API.getCustrelByEmployee().then(res => {
+        if (res) {
+          if (res.employeePhone) {
+            this.gw = res.employeePhone;
+          } else {
+            this.gw = "暂无顾问";
+          }
+        } else {
+          this.gw = "暂无顾问";
+        }
+      });
+      this.flaggw = true;
+    },
+    // 获取用户登录信息
+    getCookieDecodeURI(name) {
+      let arr,
+        reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
+      if ((arr = document.cookie.match(reg))) {
+        return decodeURIComponent(arr[2]);
+      } else {
+        return null;
+      }
+    },
+    gwhide() {
+      this.flaggw = false;
+    },
+    enter() {
+      this.show = true;
+    },
+    leave() {
+      this.show = false;
+    },
+    login() {
+      location.href = "/paas/pc-mall/index.html#/loginPc";
+    },
+    register() {
+      location.href = "/paas/pc-mall/index.html#/regPc";
+    },
+    userHandler() {
+      location.href = "/paas/user-manager/index.html#/user";
+    },
+    indexHandler() {
+      location.href = location.origin;
+    },
+    logout() {
+      // 退出
+      logout().then(() => {
+        let newDomain = document.domain
+          .split(".")
+          .splice(-2)
+          .join(".");
+        removeToken("LOGININFO", newDomain, "/");
+        // removeToken("personalInfo", newDomain, "/");
+        // location.reload();
+        location.href = location.origin;
+      });
+    },
+    getUserCookie() {
+      let cookie = document.cookie;
+      let start = cookie.indexOf("saas-user-");
+      if (start > -1) {
+        let end = cookie.indexOf("=", start);
+        return cookie.substring(start, end);
+      } else {
+        return null;
+      }
+    }
+  }
+};
+</script>
+
+<style  rel="stylesheet/scss" lang="scss" scoped>
+@import "../assets/flex";
+
+.ans-header {
+  position: relative;
+  &__top {
+    border-bottom: 1px solid #eee;
+    height: 36px;
+    line-height: 36px;
+    background: rgba(248, 248, 248, 1);
+    font-size: 12px;
+    color: rgba(102, 102, 102, 1);
+    &--user {
+      p {
+        margin-right: 12px;
+        cursor: pointer;
+        &:hover {
+          color: #f23a3a;
+        }
+      }
+    }
+    &--noLogin {
+      a {
+        margin-right: 12px;
+      }
+    }
+    &--login {
+      a {
+        margin-right: 12px;
+        cursor: pointer;
+        display: block;
+
+        &:hover {
+          color: #ee4b3f;
+        }
+      }
+    }
+
+    &--list {
+      li {
+        position: relative;
+
+        &:hover {
+          a {
+            color: #ee4b3f;
+          }
+
+          .er-box {
+            display: block;
+          }
+        }
+
+        .er-box {
+          background: url("../../../../assets/er_bg.png");
+          width: 56px;
+          height: 64px;
+          position: absolute;
+          top: 44px;
+          left: 0px;
+          display: none;
+          z-index: 10;
+
+          img {
+            width: 52px;
+            height: 52px;
+            display: block;
+            margin: 10px 2px 2px 2px;
+          }
+        }
+      }
+
+      a {
+        color: #666;
+
+        i {
+          color: #9a9a9a;
+        }
+      }
+
+      span {
+        color: #d8d8d8;
+        margin: 0 12px;
+      }
+    }
+  }
+}
+.auto {
+  margin: 0 auto;
+  width: 1200px;
+}
+</style>