qj-common 4.3.0 → 4.3.2

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

@@ -1,272 +1,272 @@
-<template>
-  <div class="common-top-bar">
-    <div class="inner w1200 m0a">
-      <div v-if="isLogin && userInfor" class="login-name">
-        <span>{{userInfor.userName}}</span>
-        <a href="javascript:;" @click="logout">[ {{th('loginOut') }}]</a>
-      </div>
-      <div v-else class="login-name login-names">
-        <a href="/paas/index/index.html#/loginPc">[{{th('login')}}]</a>
-        <!-- <a href="/paas/index/index.html#/regPc" v-if='regPcHave!="2021020200000001"'>[{{th('signUp')}}]</a> -->
-      </div>
-      <div class="right">
-        <ul class>
-          <li>
-            <!-- class="iconfont icon-wode-copy" -->
-            <a href="/" class="iconfont icon-shouye5"> 商城首页</a>
-          </li>
-          <li class="rignt-line">|</li>
-          <li v-if="!isLogin || userInfor">
-            <!-- class="iconfont icon-wode-copy" -->
-            <a href="/paas/user-manager/index.html#/user" class="iconfont icon-wode-copy"> 会员中心</a>
-          </li>
-          <li class="rignt-line">|</li>
-          <li class="cars">
-            <!-- -->
-            <a href="/paas/pc-mall/index.html#/car" class="iconfont icon-gouwudai6"> 购物车</a>
-            <span class="bg-theme">{{total}}</span>
-          </li>
-        </ul>
-      </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,
-        total: 0,
-        logins: null,
-        regPcHave: '',
-      };
-    },
-    updated() {
-      this.gw = this.th("none");
-    },
-    computed: {
-      isLogin() {
-        let info = JSON.parse(sessionStorage.getItem('saas-user-ex')) || null;
-        this.logins = this.getUserCookie() && getToken(this.getUserCookie()) ? getToken(this.getUserCookie()) : info ?
-          info : false;
-        return this.getUserCookie() && getToken(this.getUserCookie()) ? getToken(this.getUserCookie()) : info ? info :
-          false;
-      },
-      userInfor() {
-        let info =
-          this.getUserCookie() && getToken(this.getUserCookie()) ?
-          JSON.parse(getToken(this.getUserCookie())) :
-          JSON.parse(sessionStorage.getItem('saas-user-ex')) ?
-          JSON.parse(sessionStorage.getItem('saas-user-ex')) : {};
-        return info;
-      }
-    },
-    watch: {
-      logins(newVal, oldVal) {
-        if (newVal) {
-          this.getCarNum()
-        }
-      },
-      '$route': 'getCarNum'
-    },
-    created() {
-      this.regPcHave = localStorage.getItem('tcode') ? localStorage.getItem('tcode') : localStorage.getItem(
-        'saas-tenantcode')
-    },
-    mounted() {
-      window.addEventListener("click", this.gwhide);
-    },
-    methods: {
-      th(key) {
-        return this.$th("common.pc.default.topModules.topDefault.", key);
-      },
-      getCarNum() {
-        if(!this.isLogin) return;//20210729 新增，
-        API.shoppingList().then(res => {
-          this.total = res && res.total
-        })
-      },
-      gwopen() {
-        API.getCustrelByEmployee().then(res => {
-          if (res) {
-            if (res.employeePhone) {
-              this.gw = res.employeePhone;
-            } else {
-              this.gw = this.th("none");
-            }
-          } else {
-            this.gw = this.th("none");
-          }
-        });
-        this.flaggw = true;
-      },
-      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";
-      },
-      logout() {
-        // 退出
-        logout().then(() => {
-          let newDomain = document.domain
-            .split(".")
-            .splice(-2)
-            .join(".");
-          removeToken("LOGININFO", newDomain, "/");
-          sessionStorage.removeItem("saas-user-ex");
-          // removeToken("personalInfo", newDomain, "/");
-          // location.reload();
-          location.href = location.origin;
-        });
-      },
-      getUserCookie() {
-        let cookie = document.cookie;
-        let session = JSON.parse(sessionStorage.getItem('saas-user-ex'));
-        let start = cookie.indexOf("personalInfo"); //cookie.indexOf("saas-user-");
-        if (start > -1) {
-          let end = cookie.indexOf("=", start);
-          return cookie.substring(start, end);
-        } else if (session) {
-          return session || null;
-        } else {
-          return null;
-        }
-      }
-    }
-  };
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-  .common-top-bar {
-    overflow: hidden;
-    position: relative;
-
-    .right {
-      .cars {
-        position: relative;
-      }
-
-      span {
-        display: inline-block;
-        color: #fff;
-        border-radius: 50%;
-        top: 5px;
-        right: -15px;
-        width: 18px;
-        height: 18px;
-        text-align: center;
-        line-height: 18px;
-        position: absolute;
-        font-size: 12px;
-      }
-    }
-
-  }
-
-  .login-name {
-    float: left;
-    font-size: 14px;
-    color: #333;
-
-    span {
-      margin-right: 17px;
-    }
-
-    a {
-      color: #333;
-      margin: 0 7px;
-    }
-  }
-
-  .login-names {
-    color: #666;
-
-    span {
-      cursor: pointer;
-    }
-
-    a {
-      color: #666;
-    }
-  }
-
-  .common-top-bar {
-    .rignt-line {
-      color: #ccc;
-    }
-
-    color: #666;
-    font-size: 13px;
-    width: 100%;
-    height: 38px;
-    line-height: 38px;
-    background-color: #fafafa;
-
-    .inner {
-      .left {
-        float: left;
-      }
-
-      .right {
-        float: right;
-        position: relative;
-
-        ul {
-          margin-right: 1px;
-        }
-
-        ul li {
-          margin: 0 7px;
-          float: left;
-
-          a {
-            font-size: 14px
-          }
-
-          // &:hover a {
-          //   color: #ff9e01;
-          // }
-        }
-
-        .line {
-          width: 1px;
-          height: 16px;
-          background: #ccc;
-          margin: 12px 28px;
-        }
-
-        .item {
-          vertical-align: top;
-          height: 20px;
-          margin-top: 12px;
-          line-height: 20px;
-        }
-      }
-    }
-  }
+<template>
+  <div class="common-top-bar">
+    <div class="inner w1200 m0a">
+      <div v-if="isLogin && userInfor" class="login-name">
+        <span>{{userInfor.userName}}</span>
+        <a href="javascript:;" @click="logout">[ {{th('loginOut') }}]</a>
+      </div>
+      <div v-else class="login-name login-names">
+        <a href="/paas/index/index.html#/loginPc">[{{th('login')}}]</a>
+        <!-- <a href="/paas/index/index.html#/regPc" v-if='regPcHave!="2021020200000001"'>[{{th('signUp')}}]</a> -->
+      </div>
+      <div class="right">
+        <ul class>
+          <li>
+            <!-- class="iconfont icon-wode-copy" -->
+            <a href="/" class="iconfont icon-shouye5"> 商城首页</a>
+          </li>
+          <li class="rignt-line">|</li>
+          <li v-if="!isLogin || userInfor">
+            <!-- class="iconfont icon-wode-copy" -->
+            <a href="/paas/user-manager/index.html#/user" class="iconfont icon-wode-copy"> 会员中心</a>
+          </li>
+          <li class="rignt-line">|</li>
+          <li class="cars">
+            <!-- -->
+            <a href="/paas/pc-mall/index.html#/car" class="iconfont icon-gouwudai6"> 购物车</a>
+            <span class="bg-theme">{{total}}</span>
+          </li>
+        </ul>
+      </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,
+        total: 0,
+        logins: null,
+        regPcHave: '',
+      };
+    },
+    updated() {
+      this.gw = this.th("none");
+    },
+    computed: {
+      isLogin() {
+        let info = JSON.parse(sessionStorage.getItem('saas-user-ex')) || null;
+        this.logins = this.getUserCookie() && getToken(this.getUserCookie()) ? getToken(this.getUserCookie()) : info ?
+          info : false;
+        return this.getUserCookie() && getToken(this.getUserCookie()) ? getToken(this.getUserCookie()) : info ? info :
+          false;
+      },
+      userInfor() {
+        let info =
+          this.getUserCookie() && getToken(this.getUserCookie()) ?
+          JSON.parse(getToken(this.getUserCookie())) :
+          JSON.parse(sessionStorage.getItem('saas-user-ex')) ?
+          JSON.parse(sessionStorage.getItem('saas-user-ex')) : {};
+        return info;
+      }
+    },
+    watch: {
+      logins(newVal, oldVal) {
+        if (newVal) {
+          this.getCarNum()
+        }
+      },
+      '$route': 'getCarNum'
+    },
+    created() {
+      this.regPcHave = localStorage.getItem('tcode') ? localStorage.getItem('tcode') : localStorage.getItem(
+        'saas-tenantcode')
+    },
+    mounted() {
+      window.addEventListener("click", this.gwhide);
+    },
+    methods: {
+      th(key) {
+        return this.$th("common.pc.default.topModules.topDefault.", key);
+      },
+      getCarNum() {
+        if(!this.isLogin) return;//20210729 新增，
+        API.shoppingList().then(res => {
+          this.total = res && res.total
+        })
+      },
+      gwopen() {
+        API.getCustrelByEmployee().then(res => {
+          if (res) {
+            if (res.employeePhone) {
+              this.gw = res.employeePhone;
+            } else {
+              this.gw = this.th("none");
+            }
+          } else {
+            this.gw = this.th("none");
+          }
+        });
+        this.flaggw = true;
+      },
+      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";
+      },
+      logout() {
+        // 退出
+        logout().then(() => {
+          let newDomain = document.domain
+            .split(".")
+            .splice(-2)
+            .join(".");
+          removeToken("LOGININFO", newDomain, "/");
+          sessionStorage.removeItem("saas-user-ex");
+          // removeToken("personalInfo", newDomain, "/");
+          // location.reload();
+          location.href = location.origin;
+        });
+      },
+      getUserCookie() {
+        let cookie = document.cookie;
+        let session = JSON.parse(sessionStorage.getItem('saas-user-ex'));
+        let start = cookie.indexOf("personalInfo"); //cookie.indexOf("saas-user-");
+        if (start > -1) {
+          let end = cookie.indexOf("=", start);
+          return cookie.substring(start, end);
+        } else if (session) {
+          return session || null;
+        } else {
+          return null;
+        }
+      }
+    }
+  };
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .common-top-bar {
+    overflow: hidden;
+    position: relative;
+
+    .right {
+      .cars {
+        position: relative;
+      }
+
+      span {
+        display: inline-block;
+        color: #fff;
+        border-radius: 50%;
+        top: 5px;
+        right: -15px;
+        width: 18px;
+        height: 18px;
+        text-align: center;
+        line-height: 18px;
+        position: absolute;
+        font-size: 12px;
+      }
+    }
+
+  }
+
+  .login-name {
+    float: left;
+    font-size: 14px;
+    color: #333;
+
+    span {
+      margin-right: 17px;
+    }
+
+    a {
+      color: #333;
+      margin: 0 7px;
+    }
+  }
+
+  .login-names {
+    color: #666;
+
+    span {
+      cursor: pointer;
+    }
+
+    a {
+      color: #666;
+    }
+  }
+
+  .common-top-bar {
+    .rignt-line {
+      color: #ccc;
+    }
+
+    color: #666;
+    font-size: 13px;
+    width: 100%;
+    height: 38px;
+    line-height: 38px;
+    background-color: #fafafa;
+
+    .inner {
+      .left {
+        float: left;
+      }
+
+      .right {
+        float: right;
+        position: relative;
+
+        ul {
+          margin-right: 1px;
+        }
+
+        ul li {
+          margin: 0 7px;
+          float: left;
+
+          a {
+            font-size: 14px
+          }
+
+          // &:hover a {
+          //   color: #ff9e01;
+          // }
+        }
+
+        .line {
+          width: 1px;
+          height: 16px;
+          background: #ccc;
+          margin: 12px 28px;
+        }
+
+        .item {
+          vertical-align: top;
+          height: 20px;
+          margin-top: 12px;
+          line-height: 20px;
+        }
+      }
+    }
+  }
 </style>