qj-happy-common-zhongjian 1.0.27

package/src/views/pc/default/leftMenu-modules/leftMenuDefaultEn.vue

@@ -0,0 +1,214 @@
+<template>
+  <div class="left-menu-container">
+    <div class="menu-vertical-demo menu-list clearfloat">
+      <div class="tool-menu-svg border-theme c-theme" @click="userHandler">
+        {{ th('title') }}
+      </div>
+      <div class="app-scroll-container">
+        <ul class="menu-vertical">
+          <li v-for="(item, index) in leftMenuList" :key="index">
+            <div class="menu-list" v-if="item.menuShow == 0">
+              <div class="menu-group">
+                <i
+                  :class="[
+                    'iconfont',
+                    item.menuSelectClass
+                      ? item.menuSelectClass
+                      : 'icon-icon-order',
+                  ]"
+                  v-if="!IEVersion"
+                ></i>
+                {{ item.menuName }}
+              </div>
+              <div
+                v-for="(itemChild, indexChild) in item.children"
+                :key="indexChild"
+              >
+                <div class="menu-item" v-if="itemChild.menuShow == 0">
+                  <!-- item.menuTarget ==1 表示不显示 -->
+
+                  <a
+                    @click="_router(itemChild)"
+                    :class="[
+                      $route.path === `/${itemChild.menuAction}`
+                        ? 'c-theme'
+                        : '',
+                    ]"
+                  >
+                    <span>{{ itemChild.menuName }}</span>
+                    <i
+                      class="iconfont icon-jiantou-01-up"
+                      v-if="!IEVersion"
+                    ></i>
+                  </a>
+                </div>
+              </div>
+            </div>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { IEVersion } from '#/utils/utils.js';
+import { mapGetters } from 'vuex';
+import { getProappinfo } from '#/api/login';
+import ScrollBar from '#/components/ScrollBar';
+export default {
+  components: { ScrollBar },
+  props: {
+    leftMenuList: {
+      type: Array,
+      default: [],
+    },
+  },
+  data() {
+    return {
+      // logoImg: require("../assets/logo.png"),
+      indexHref: '/paas/index',
+      appActive: process.env.APP_PATH, // 当前点击的项目名称
+      maxMenuHeight: document.documentElement.clientHeight - 300,
+      menuArr: [],
+      menuHeight: document.querySelector('.menu-vertical').clientHeight,
+      IEVersion: IEVersion,
+    };
+  },
+  computed: {
+    ...mapGetters(['appList', 'sidebar']),
+  },
+  mounted() {
+    this.getAppInfo();
+  },
+  methods: {
+    _router(item) {
+      if (location.href.indexOf('localhost') > -1) {
+        location.href = '#/' + item.menuAction;
+      } else {
+        location.href.indexOf(item.menuTarget) < 0
+          ? (location.href = item.menuTarget + '#/' + item.menuAction)
+          : this.$router.push(item.menuAction);
+      }
+      return false;
+    },
+    th(key) {
+      return this.$th(
+        'common.pc.default.leftMenuModules.leftMenuDefault.',
+        key
+      );
+    },
+    userHandler() {
+      location.href = '/paas/user-manager/index.html#/user';
+    },
+    getAppInfo() {
+      let imgLogo = JSON.parse(
+        window.sessionStorage.getItem('proappEnvLayout')
+      );
+      if (imgLogo) {
+        this.logoImg = imgLogo.proappEnvLogo;
+        this.indexHref = imgLogo.proappEnvIndexr;
+      } else {
+        getProappinfo().then((data) => {
+          console.log(data, 'data');
+          if (data) {
+            this.indexHref = data.proappEnvIndexr;
+            window.sessionStorage.setItem(
+              'proappEnvLayout',
+              JSON.stringify(data)
+            );
+            this.$store.commit('setProappEnvLayout', data);
+            this.logoImg = data.proappEnvLogo;
+          }
+        });
+      }
+    },
+  },
+};
+</script>
+
+<style rel="stylesheet" scoped>
+.menu-vertical-demo {
+  /* position: absolute; */
+  width: 200px;
+  /* left: 0;
+  top: 0;
+  bottom: 0;
+  transition: width 0.43s; */
+  /* background: #fff; */
+  margin-top: 30px;
+  float: left;
+  border: 1px solid #eeeeee;
+}
+.app-scroll-container {
+  /* border: 1px solid #d5d3d3; */
+  border-top: 0 none;
+  border-radius: 0 0 5px 5px;
+  /* overflow-y: auto;
+  overflow-x: hidden; */
+}
+
+.menu-vertical {
+  width: 200px;
+  background: #fff;
+  border-right: none;
+  /* padding: 0 25px; */
+}
+.menu-vertical li .menu-list {
+  border-bottom: 1px solid #eeeeee;
+  padding: 13px 0;
+}
+/* .el-menu-item-group__title .el-menu-item-group__title{
+  color: red;
+} */
+.menu-vertical .menu-group {
+  line-height: 17px;
+  color: #212121;
+  font-size: 15px;
+  margin-bottom: 12px;
+  position: relative;
+  text-indent: 10px;
+}
+.menu-vertical .menu-group .icon {
+  left: 33px;
+  position: absolute;
+  color: #828282;
+}
+.menu-vertical .menu-item {
+  height: 36px;
+  line-height: 36px;
+  padding: 0 !important;
+  cursor: pointer;
+  color: #666666;
+  margin-left: 32px;
+}
+.menu-item a span {
+  display: inline-block;
+  width: 140px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  float: left;
+  font-size: 13px;
+}
+.menu-item .iconfont {
+  display: none;
+  float: left;
+}
+.menu-item:hover .iconfont {
+  display: inline-block;
+}
+.tool-menu-svg {
+  font-size: 20px;
+  width: 100%;
+  text-align: center;
+  background: none !important;
+  line-height: 60px;
+  border-top-style: solid;
+  border-top-width: 8px;
+  cursor: pointer;
+}
+.menu-vertical li:last-child .menu-list {
+  border: none;
+}
+</style>

package/src/views/pc/default/leftMenu-modules/leftMenuDefaultFLPT.vue

@@ -0,0 +1,220 @@
+<template>
+  <div class="left-menu-container">
+    <div class="menu-vertical-demo menu-list clearfloat">
+      <div class="tool-menu-svg border-theme c-theme" @click="userHandler">
+        {{ th('title') }}
+      </div>
+      <div class="app-scroll-container">
+        <ul class="menu-vertical">
+          <li v-for="(item, index) in leftMenuList" :key="index">
+            <div class="menu-list" v-if="item.menuShow == 0">
+              <div class="menu-group">
+                <i
+                  :class="[
+                    'iconfont',
+                    item.menuSelectClass
+                      ? item.menuSelectClass
+                      : 'icon-icon-order',
+                  ]"
+                  v-if="!IEVersion"
+                ></i>
+                {{ item.menuName }}
+              </div>
+              <div
+                v-for="(itemChild, indexChild) in item.children"
+                :key="indexChild"
+              >
+                <div class="menu-item" v-if="itemChild.menuShow == 0">
+                  <!-- item.menuTarget ==1 表示不显示 -->
+
+                  <a
+                    @click="_router(itemChild)"
+                    :class="[
+                      $route.path === `/${itemChild.menuAction}`
+                        ? 'c-theme'
+                        : '',
+                    ]"
+                  >
+                    <span>{{ itemChild.menuName }}</span>
+                    <i
+                      class="iconfont icon-jiantou-01-up"
+                      v-if="!IEVersion"
+                    ></i>
+                  </a>
+                </div>
+              </div>
+            </div>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { IEVersion } from '#/utils/utils.js';
+import { mapGetters } from 'vuex';
+import { getProappinfo } from '#/api/login';
+import ScrollBar from '#/components/ScrollBar';
+export default {
+  components: { ScrollBar },
+  props: {
+    leftMenuList: {
+      type: Array,
+      default: [],
+    },
+  },
+  data() {
+    return {
+      // logoImg: require("../assets/logo.png"),
+      indexHref: '/paas/index',
+      appActive: process.env.APP_PATH, // 当前点击的项目名称
+      maxMenuHeight: document.documentElement.clientHeight - 300,
+      menuArr: [],
+      menuHeight: document.querySelector('.menu-vertical').clientHeight,
+      IEVersion: IEVersion,
+      secDomainName : null
+    };
+  },
+  computed: {
+    ...mapGetters(['appList', 'sidebar']),
+  },
+  mounted() {
+    this.getAppInfo();
+    this.secDomainName=sessionStorage.getItem('secDomainName')?sessionStorage.getItem('secDomainName'):null
+  },
+  methods: {
+    _router(item) {
+      if (location.href.indexOf('localhost') > -1) {
+        location.href = '#/' + item.menuAction;
+      } else {
+        location.href.indexOf(item.menuTarget) < 0
+          ? (location.href = this.secDomainName + item.menuTarget + '#/' + item.menuAction)
+          : this.$router.push(item.menuAction);
+      }
+      return false;
+    },
+    th(key) {
+      return this.$th(
+        'common.pc.default.leftMenuModules.leftMenuDefault.',
+        key
+      );
+    },
+    userHandler() {      
+      location.href = this.secDomainName ? this.secDomainName+'/paas/welfare-bus-pc/index.html#/user' : '/paas/welfare-bus-pc/index.html#/user';
+    },
+    getAppInfo() {
+      let imgLogo = JSON.parse(
+        window.sessionStorage.getItem('proappEnvLayout')
+      );
+      if (imgLogo) {
+        this.logoImg = imgLogo.proappEnvLogo;
+        this.indexHref = imgLogo.proappEnvIndexr;
+      } else {
+        getProappinfo().then((data) => {
+          console.log(data, 'data');
+          if (data) {
+            this.indexHref = data.proappEnvIndexr;
+            window.sessionStorage.setItem(
+              'proappEnvLayout',
+              JSON.stringify(data)
+            );
+            this.$store.commit('setProappEnvLayout', data);
+            this.logoImg = data.proappEnvLogo;
+          }
+        });
+      }
+    },
+  },
+};
+</script>
+
+<style rel="stylesheet" scoped>
+.menu-vertical-demo {
+  /* position: absolute; */
+  width: 200px;
+  /* left: 0;
+  top: 0;
+  bottom: 0;
+  transition: width 0.43s; */
+  /* background: #fff; */
+  margin-top: 30px;
+  float: left;
+  border: 1px solid #eeeeee;
+}
+.app-scroll-container {
+  /* border: 1px solid #d5d3d3; */
+  border-top: 0 none;
+  border-radius: 0 0 5px 5px;
+  /* overflow-y: auto;
+  overflow-x: hidden; */
+}
+
+.menu-vertical {
+  width: 150px;
+  background: #fff;
+  border-right: none;
+  padding: 0 25px;
+}
+.menu-vertical li .menu-list {
+  border-bottom: 1px solid #eeeeee;
+  padding: 26px 0 13px 0;
+}
+/* .el-menu-item-group__title .el-menu-item-group__title{
+  color: red;
+} */
+.menu-vertical .menu-group {
+  line-height: 17px;
+  color: #212121;
+  font-size: 16px;
+  margin-bottom: 18px;
+  position: relative;
+  text-indent: 22px;
+}
+.menu-vertical .menu-group .icon {
+  left: 33px;
+  position: absolute;
+  color: #828282;
+}
+.menu-vertical .menu-item {
+  height: 40px;
+  line-height: 40px;
+  font-size: 16px;
+  font-weight: 500;
+  /* text-align: center; */
+  padding: 0 !important;
+  cursor: pointer;
+  /* text-indent: -10px; */
+  color: #666666;
+  margin-left: 45px;
+}
+.menu-item a span {
+  display: inline-block;
+  width: 86px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  float: left;
+  font-size: 14px;
+}
+.menu-item .iconfont {
+  display: none;
+  float: left;
+}
+.menu-item:hover .iconfont {
+  display: inline-block;
+}
+.tool-menu-svg {
+  font-size: 24px;
+  width: 100%;
+  text-align: center;
+  background: none !important;
+  line-height: 60px;
+  border-top-style: solid;
+  /* border-top-width: 8px; */
+  cursor: pointer;
+}
+.menu-vertical li:last-child .menu-list {
+  border: none;
+}
+</style>

package/src/views/pc/default/leftMenu-modules/leftMenuDefaultayd.vue

@@ -0,0 +1,220 @@
+<template>
+  <div class="left-menu-container">
+    <div class="menu-vertical-demo menu-list clearfloat">
+      <div class="tool-menu-svg border-theme c-theme" @click="userHandler">
+        {{ th('title') }}
+      </div>
+      <div class="app-scroll-container">
+        <ul class="menu-vertical">
+          <li v-for="(item, index) in leftMenuList" :key="index">
+            <div class="menu-list" v-if="item.menuShow == 0">
+              <div class="menu-group">
+                <i
+                  :class="[
+                    'iconfont',
+                    item.menuSelectClass
+                      ? item.menuSelectClass
+                      : 'icon-icon-order',
+                  ]"
+                  v-if="!IEVersion"
+                ></i>
+                {{ item.menuName }}
+              </div>
+              <div
+                v-for="(itemChild, indexChild) in item.children"
+                :key="indexChild"
+              >
+                <div class="menu-item" v-if="itemChild.menuShow == 0">
+                  <!-- item.menuTarget ==1 表示不显示 -->
+
+                  <a
+                    @click="_router(itemChild)"
+                    :class="[
+                      $route.path === `/${itemChild.menuAction}`
+                        ? 'c-theme'
+                        : '',
+                    ]"
+                  >
+                    <span>{{ itemChild.menuName }}</span>
+                    <i
+                      class="iconfont icon-jiantou-01-up"
+                      v-if="!IEVersion"
+                    ></i>
+                  </a>
+                </div>
+              </div>
+            </div>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { IEVersion } from '#/utils/utils.js';
+import { mapGetters } from 'vuex';
+import { getProappinfo } from '#/api/login';
+import ScrollBar from '#/components/ScrollBar';
+export default {
+  components: { ScrollBar },
+  props: {
+    leftMenuList: {
+      type: Array,
+      default: [],
+    },
+  },
+  data() {
+    return {
+      // logoImg: require("../assets/logo.png"),
+      indexHref: '/paas/index',
+      appActive: process.env.APP_PATH, // 当前点击的项目名称
+      maxMenuHeight: document.documentElement.clientHeight - 300,
+      menuArr: [],
+      menuHeight: document.querySelector('.menu-vertical').clientHeight,
+      IEVersion: IEVersion,
+      secDomainName : null
+    };
+  },
+  computed: {
+    ...mapGetters(['appList', 'sidebar']),
+  },
+  mounted() {
+    this.getAppInfo();
+    this.secDomainName=sessionStorage.getItem('secDomainName')?sessionStorage.getItem('secDomainName'):null
+  },
+  methods: {
+    _router(item) {
+      if (location.href.indexOf('localhost') > -1) {
+        location.href = '#/' + item.menuAction;
+      } else {
+        location.href.indexOf(item.menuTarget) < 0
+          ? (location.href = this.secDomainName + item.menuTarget + '#/' + item.menuAction)
+          : this.$router.push(item.menuAction);
+      }
+      return false;
+    },
+    th(key) {
+      return this.$th(
+        'common.pc.default.leftMenuModules.leftMenuDefault.',
+        key
+      );
+    },
+    userHandler() {      
+      location.href = this.secDomainName ? this.secDomainName+'/paas/b2b-cli-pc-ayd/index.html#/order' : '/paas/b2b-cli-pc-ayd/index.html#/order';
+    },
+    getAppInfo() {
+      let imgLogo = JSON.parse(
+        window.sessionStorage.getItem('proappEnvLayout')
+      );
+      if (imgLogo) {
+        this.logoImg = imgLogo.proappEnvLogo;
+        this.indexHref = imgLogo.proappEnvIndexr;
+      } else {
+        getProappinfo().then((data) => {
+          console.log(data, 'data');
+          if (data) {
+            this.indexHref = data.proappEnvIndexr;
+            window.sessionStorage.setItem(
+              'proappEnvLayout',
+              JSON.stringify(data)
+            );
+            this.$store.commit('setProappEnvLayout', data);
+            this.logoImg = data.proappEnvLogo;
+          }
+        });
+      }
+    },
+  },
+};
+</script>
+
+<style rel="stylesheet" scoped>
+.menu-vertical-demo {
+  /* position: absolute; */
+  width: 200px;
+  /* left: 0;
+  top: 0;
+  bottom: 0;
+  transition: width 0.43s; */
+  /* background: #fff; */
+  margin-top: 30px;
+  float: left;
+  border: 1px solid #eeeeee;
+}
+.app-scroll-container {
+  /* border: 1px solid #d5d3d3; */
+  border-top: 0 none;
+  border-radius: 0 0 5px 5px;
+  /* overflow-y: auto;
+  overflow-x: hidden; */
+}
+
+.menu-vertical {
+  width: 150px;
+  background: #fff;
+  border-right: none;
+  padding: 0 25px;
+}
+.menu-vertical li .menu-list {
+  border-bottom: 1px solid #eeeeee;
+  padding: 26px 0 13px 0;
+}
+/* .el-menu-item-group__title .el-menu-item-group__title{
+  color: red;
+} */
+.menu-vertical .menu-group {
+  line-height: 17px;
+  color: #212121;
+  font-size: 16px;
+  margin-bottom: 18px;
+  position: relative;
+  text-indent: 22px;
+}
+.menu-vertical .menu-group .icon {
+  left: 33px;
+  position: absolute;
+  color: #828282;
+}
+.menu-vertical .menu-item {
+  height: 40px;
+  line-height: 40px;
+  font-size: 16px;
+  font-weight: 500;
+  /* text-align: center; */
+  padding: 0 !important;
+  cursor: pointer;
+  /* text-indent: -10px; */
+  color: #666666;
+  margin-left: 35px;
+}
+.menu-item a span {
+  display: inline-block;
+  width: 115px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  float: left;
+  font-size: 14px;
+}
+.menu-item .iconfont {
+  display: none;
+  float: left;
+}
+.menu-item:hover .iconfont {
+  display: inline-block;
+}
+.tool-menu-svg {
+  font-size: 24px;
+  width: 100%;
+  text-align: center;
+  background: none !important;
+  line-height: 60px;
+  border-top-style: solid;
+  /* border-top-width: 8px; */
+  cursor: pointer;
+}
+.menu-vertical li:last-child .menu-list {
+  border: none;
+}
+</style>

package/src/views/pc/default/nav-modules/nav.vue

@@ -0,0 +1,52 @@
+<template>
+  <div class="userNav-box">
+    <ul class="clearfix">
+      <li v-for="(item,index) in navChildren" :key="index">
+        <a
+          :href="item.menuAction.indexOf('.html') > 0 ? '/paas/shop/'+item.menuAction:item.menuJspath"
+          :class="url.indexOf(item.menuJspath) >=0 ? 'active' : ''"
+        >{{item.menuName}}</a>
+      </li>
+    </ul>
+  </div>
+</template>
+<script>
+export default {
+  props: {
+    navChildren: {
+      type: Array,
+      dafault: []
+    }
+  },
+  data() {
+    return {
+      url: location.href
+    };
+  },
+  watch: {
+    $route(to, form) {
+      this.url = location.href;
+    }
+  }
+};
+</script>
+<style lang="scss" scoped>
+.userNav-box {
+	position: relative;
+	width: 700px;
+	height: 120px;
+  ul {
+  	position:absolute;
+  	bottom: 0;
+    li {
+    	height: 50px;
+    	line-height: 50px;
+      font-weight: bold;
+      float: left;
+      font-size: 20px;
+      margin: 0  70px;
+      color: #231815;
+    }
+  }
+}
+</style>