qj-happy-common-zhongjian 1.0.27

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

@@ -0,0 +1,244 @@
+<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 v-if="!isLogin || userInfor">
+            <a
+              href="/paas/user-manager/index.html#/user"
+              class="iconfont icon-wode-copy"
+              style="font-size:18px"
+            ></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(){
+    	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;
+        float:left a {
+          color: #666;
+        }
+        // &: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>

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

@@ -0,0 +1,197 @@
+<template>
+  <div class="common-top-bar">
+    <div class="inner w1200 m0a">
+      <div v-if="userInfo.userPhone" class="login-name">
+        <span>{{ userInfo.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">[{{th('signUp')}}]</a> -->
+      </div>
+      <div class="right">
+        <ul class>
+          <li>
+            <a href="/paas/user-manager/index.html#/user" class="iconfont icon-wode-copy" style="font-size: 18px"></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,
+      userInfo: {},
+    };
+  },
+  updated() {
+    this.gw = this.th('none');
+  },
+  computed: {},
+  watch: {},
+  mounted() {
+    if (window.sessionStorage.getItem('personalInfo')) {
+      this.userInfo = JSON.parse(window.sessionStorage.getItem('personalInfo'));
+      this.getCarNum();
+    }
+  },
+  methods: {
+    th(key) {
+      return this.$th('common.pc.default.topModules.topDefault.', key);
+    },
+    getCarNum() {
+      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;
+    },
+
+    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(() => {
+        this.$message.success('退出登陆成功');
+        localStorage.clear();
+        sessionStorage.clear();
+        this.userInfo = {};
+        location.href = location.origin;
+      });
+    },
+  },
+};
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.common-top-bar {
+  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;
+        float:left a {
+          color: #666;
+        }
+        // &: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>

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

@@ -0,0 +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;
+        }
+      }
+    }
+  }
+</style>