qj-common 4.3.0 → 4.3.2

package/src/views/Layout.vue

@@ -1,106 +1,106 @@
-<template>
-  <div class="app-wrapper">
-       <!-- 左侧菜单 -->
-      <div class="left-menu-container">
-         <div class="menu-header">会员中心 > 我的订单</div>
-        <div class="menu-list">
-          我的中心
-          <div class="menu-title"><i class="iconfont icon-shangpinguanli"></i>订单中心</div>
-          <ul>
-            <li>我的订单</li>
-            <li>我的收藏</li>
-            <li>我的足迹</li>
-          </ul>
-        </div>
-      </div>
-    <!-- 右侧内容 -->
-    <div class="main-container">
-    <!--   <router-view></router-view> -->
-    <div class="iframe-container">
-      <iframe ref="iframe" id="bdIframe" width="100%" scrolling="no" src="http://localhost:9527/#/release"></iframe>
-    </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import { mapGetters } from 'vuex'
-
-export default {
-  data() {
-    return {
-      isIndex: false,
-      isCollapse: false,
-      iframeHeight: 500,
-      height: document.documentElement.clientHeight - 58 - 60
-    };
-  },
-  computed: {
-    ...mapGetters([
-      'sidebar'
-    ])
-  }, 
-  created (){
-     iFrameResize({
-        log: true,                  // Enable console logging
-        enablePublicMethods: true,                  // Enable methods within iframe hosted page
-      });
-  },
-  mounted() {
-    if(process.env.APP_PATH === 'index'){
-        if(!this.sidebar.opened){
-            this.$store.dispatch('ToggleSideBar')
-        }
-      this.isIndex = true
-    }
-   
-    this.$store.dispatch('GetInfo')
-  },
-  methods: {
-    toggleSideBar() {
-      this.$store.dispatch('ToggleSideBar')
-    },
-    heightChange(val) {
-      this.height = document.documentElement.clientHeight - 58 - 60;
-    },
-      toggleCollapse (val){
-         this.isCollapse = val
-      }
-  }
-};
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-@import "~#/styles/mixin.scss";
-@import "~#/styles/variables.scss";
-.app-wrapper {
-  @include clearfix;
-  position: relative;
-  height: 100%;
-  width: 1200px;
-  overflow: hidden;
-  margin: 0 auto;
-  margin-top: 30px;
-  .left-menu-container {
-    width: 200px;
-    display: block;
-    float: left;
-    .menu-list {
-      width: 100%;
-      min-height: 300px;
-      border: solid 1px #efefef;
-      border-top: solid 6px #bfa779;
-    }
-  }
-  .main-container {
-    margin-left: 220px!important;
-    .iframe-container {
-      width: 100%;
-      iframe {
-        border: none;
-        width: 100%;
-      }
-    }
-  }
- }
-</style>
+<template>
+  <div class="app-wrapper">
+       <!-- 左侧菜单 -->
+      <div class="left-menu-container">
+         <div class="menu-header">会员中心 > 我的订单</div>
+        <div class="menu-list">
+          我的中心
+          <div class="menu-title"><i class="iconfont icon-shangpinguanli"></i>订单中心</div>
+          <ul>
+            <li>我的订单</li>
+            <li>我的收藏</li>
+            <li>我的足迹</li>
+          </ul>
+        </div>
+      </div>
+    <!-- 右侧内容 -->
+    <div class="main-container">
+    <!--   <router-view></router-view> -->
+    <div class="iframe-container">
+      <iframe ref="iframe" id="bdIframe" width="100%" scrolling="no" src="http://localhost:9527/#/release"></iframe>
+    </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { mapGetters } from 'vuex'
+
+export default {
+  data() {
+    return {
+      isIndex: false,
+      isCollapse: false,
+      iframeHeight: 500,
+      height: document.documentElement.clientHeight - 58 - 60
+    };
+  },
+  computed: {
+    ...mapGetters([
+      'sidebar'
+    ])
+  }, 
+  created (){
+     iFrameResize({
+        log: true,                  // Enable console logging
+        enablePublicMethods: true,                  // Enable methods within iframe hosted page
+      });
+  },
+  mounted() {
+    if(process.env.APP_PATH === 'index'){
+        if(!this.sidebar.opened){
+            this.$store.dispatch('ToggleSideBar')
+        }
+      this.isIndex = true
+    }
+   
+    this.$store.dispatch('GetInfo')
+  },
+  methods: {
+    toggleSideBar() {
+      this.$store.dispatch('ToggleSideBar')
+    },
+    heightChange(val) {
+      this.height = document.documentElement.clientHeight - 58 - 60;
+    },
+      toggleCollapse (val){
+         this.isCollapse = val
+      }
+  }
+};
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+@import "~#/styles/mixin.scss";
+@import "~#/styles/variables.scss";
+.app-wrapper {
+  @include clearfix;
+  position: relative;
+  height: 100%;
+  width: 1200px;
+  overflow: hidden;
+  margin: 0 auto;
+  margin-top: 30px;
+  .left-menu-container {
+    width: 200px;
+    display: block;
+    float: left;
+    .menu-list {
+      width: 100%;
+      min-height: 300px;
+      border: solid 1px #efefef;
+      border-top: solid 6px #bfa779;
+    }
+  }
+  .main-container {
+    margin-left: 220px!important;
+    .iframe-container {
+      width: 100%;
+      iframe {
+        border: none;
+        width: 100%;
+      }
+    }
+  }
+ }
+</style>

package/src/views/imgSwiper/index.vue

@@ -1,35 +1,35 @@
-<template>
-  <ol class="demand-img flex">
-    <li :key="index" @click="preview(1)" v-for="(l, index) in authImgs">
-      <img v-lazy="l" alt />
-    </li>
-  </ol>
-</template>
-<script>
-export default {
-  props: {
-    authImgs: {
-      type: Array,
-      default: []
-    }
-  },
-  methods: {
-    preview(index) {
-      this.$imagePreview({
-        images: this.authImgs,
-        index: index
-      });
-    }
-  }
-};
-</script>
-<style lang="scss">
-.demand-img img {
-  width: 100px;
-  height: 100px;
-  margin-right: 10px;
-}
-.pswp {
-  z-index: 2100 !important;
-}
+<template>
+  <ol class="demand-img flex">
+    <li :key="index" @click="preview(1)" v-for="(l, index) in authImgs">
+      <img v-lazy="l" alt />
+    </li>
+  </ol>
+</template>
+<script>
+export default {
+  props: {
+    authImgs: {
+      type: Array,
+      default: []
+    }
+  },
+  methods: {
+    preview(index) {
+      this.$imagePreview({
+        images: this.authImgs,
+        index: index
+      });
+    }
+  }
+};
+</script>
+<style lang="scss">
+.demand-img img {
+  width: 100px;
+  height: 100px;
+  margin-right: 10px;
+}
+.pswp {
+  z-index: 2100 !important;
+}
 </style>

package/src/views/layout/Layout.vue

@@ -1,170 +1,181 @@
-<template>
-  <div class="app-wrapper" :class="[sidebar.opened ? 'hideSidebar' : '',customColor]">
-    <left-nav></left-nav>
-    <!-- <div class="nav-left">
-      <nav-menu></nav-menu>
-    </div>-->
-
-    <div class="left-menu-container" :class="{'is-collapse': sidebar.appNavOpen}">
-      <sidebar
-        class="sidebar-container"
-        style="background:#fff"
-        @getFirstLevelMenu="getFirstLevelMenu"
-      ></sidebar>
-      <div class="main-container">
-        <navbar
-          @themeClick="themeClick"
-          :firstLevelMenu="firstLevelMenu"
-          :secondLevelMenu="secondLevelMenu"
-          :thirdLevelMenu="thirdLevelMenu"
-        >
-        <Internationalization @handleCommand="handleCommand"></Internationalization>
-        </navbar>
-        <app-main :style="{height:height+'px'}"></app-main>
-        <!-- <app-footer></app-footer> -->
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import Internationalization from "#/views/pc/Internationalization";
-import "#/iconShop/iconfont.css";
-import { mapGetters } from "vuex";
-import LeftNav from "./components/LeftNavbar";
-import { Navbar, Sidebar, AppMain, AppFooter, NavMenu } from "./components";
-export default {
-  name: "layout",
-  components: {
-    Navbar,
-    Sidebar,
-    AppMain,
-    AppFooter,
-    LeftNav,
-    NavMenu,
-    Internationalization
-  },
-  data() {
-    return {
-      isIndex: false,
-      isCollapse: false,
-      height: document.documentElement.clientHeight - 54,
-      customColor: "custom-409eff",
-      theme: "#409eff",
-      firstLevelMenu: null,
-      secondLevelMenu: null,
-      thirdLevelMenu: null
-    };
-  },
-  computed: {
-    ...mapGetters(["sidebar"])
-  },
-  mounted() {
-    if ((process.env.APP_PATH === "index" && !this.$route.meta.menuCode)||this.$route.name== "首页") {
-      if (!this.sidebar.opened) {
-        this.$store.dispatch("ToggleSideBar");
-      }
-      this.isIndex = true;
-    }
-    window.addEventListener("resize", this.heightChange);
-    this.$store.dispatch("GetInfo");
-  },
-  methods: {
-    /*    toggleSideBar() {
-      this.$store.dispatch("ToggleSideBar");
-    },*/
-    heightChange(val) {
-      this.height = document.documentElement.clientHeight - 50;
-    },
-    getFirstLevelMenu(title, second, third) {
-      // console.log(title, second, third, "title, second, third");
-      this.firstLevelMenu = title;
-      this.secondLevelMenu = second;
-      this.thirdLevelMenu = third;
-    },
-    toggleCollapse(val) {
-      this.isCollapse = val;
-    },
-    themeClick(color) {
-      //主题切换
-      this.customColor = "custom-" + color;
-      this.theme = "#" + color;
-      let bodyHtml = document.getElementsByTagName("body")[0];
-      // bodyHtml
-      bodyHtml.className = this.customColor;
-    },
-    handleCommand(item) {
-    	console.log(this.$i18n,'this.$i18nthis.$i18n')
-    	if(this.$i18n){
-    		this.$i18n.locale = item.id;
-    	}
-      
-    }
-  },
-  watch: {
-    $route: {
-      handler() {
-        console.log(this.$route);
-        if ((process.env.APP_PATH === "index" && !this.$route.meta.menuCode)||this.$route.name== "首页") {
-          if (!this.sidebar.opened && !(this.$route.path == "/404")) {
-            this.$store.dispatch("ToggleSideBar");
-          }
-        } else {
-          this.sidebar.opened = false;
-        }
-      }
-    }
-  }
-};
-</script>
-<style >
-.el-menu.navbar.el-menu--horizontal {
-  background-color: #fff !important;
-}
-html {
-  height: 100%;
-  overflow: hidden;
-}
-</style>
-<style rel="stylesheet/scss" lang="scss" scoped>
-@import "../../../src/styles/mixin.scss";
-.app-wrapper {
-  // display: -webkit-flex; /* Safari */
-  // display: flex;
-  @include clearfix;
-  position: relative;
-  height: 100%;
-  // width: 100%;
-  .left-menu-container {
-    position: relative;
-    margin-left: 98px;
-    transition: all 0.4s;
-    .sidebar-container {
-      border-right: solid 1px #e5e5e5;
-      /*box-shadow: 2px 1px 5px #c0c7cf;*/
-    }
-  }
-  .is-collapse {
-    margin-left: 50px;
-  }
-  .nav-collapsed img {
-    position: absolute;
-    top: 48%;
-    left: -30px;
-    z-index: 1001;
-    width: 30px;
-    transition: 0.38s;
-    transform-origin: 50% 50%;
-    transform: rotateY(0deg);
-    cursor: pointer;
-  }
-}
-.hideSidebar {
-  .nav-collapsed img {
-    left: 0;
-    transform: rotateY(180deg);
-  }
-}
-</style>
-
-
+<template>
+  <div class="app-wrapper" :class="[sidebar.opened ? 'hideSidebar' : '', customColor]">
+    <left-nav></left-nav>
+    <!-- <div class="nav-left">
+      <nav-menu></nav-menu>
+    </div>-->
+
+    <div class="left-menu-container" :class="{ 'is-collapse': sidebar.appNavOpen }">
+      <sidebar class="sidebar-container" style="background:#fff" @getFirstLevelMenu="getFirstLevelMenu"></sidebar>
+      <div class="main-container">
+        <navbar @themeClick="themeClick" :firstLevelMenu="firstLevelMenu" :secondLevelMenu="secondLevelMenu"
+          :thirdLevelMenu="thirdLevelMenu">
+          <Internationalization @handleCommand="handleCommand"></Internationalization>
+        </navbar>
+        <app-main :style="{ height: height + 'px' }"></app-main>
+        <!-- <app-footer></app-footer> -->
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import Internationalization from "#/views/pc/Internationalization";
+import "#/iconShop/iconfont.css";
+import { mapGetters } from "vuex";
+import LeftNav from "./components/LeftNavbar";
+import { Navbar, Sidebar, AppMain, AppFooter, NavMenu } from "./components";
+export default {
+  name: "layout",
+  components: {
+    Navbar,
+    Sidebar,
+    AppMain,
+    AppFooter,
+    LeftNav,
+    NavMenu,
+    Internationalization
+  },
+  data() {
+    return {
+      isIndex: false,
+      isCollapse: false,
+      height: document.documentElement.clientHeight - 54,
+      customColor: "custom-409eff",
+      theme: "#409eff",
+      firstLevelMenu: null,
+      secondLevelMenu: null,
+      thirdLevelMenu: null
+    };
+  },
+  computed: {
+    ...mapGetters(["sidebar"])
+  },
+  mounted() {
+    if ((process.env.APP_PATH === "index" && !this.$route.meta.menuCode) || this.$route.name == "首页") {
+      if (!this.sidebar.opened) {
+        this.$store.dispatch("ToggleSideBar");
+      }
+      this.isIndex = true;
+    } else {
+      this.$store.commit('TOGGLE_SIDEBAR1')
+    }
+    window.addEventListener("resize", this.heightChange);
+    this.$store.dispatch("GetInfo");
+  },
+  methods: {
+    /*    toggleSideBar() {
+      this.$store.dispatch("ToggleSideBar");
+    },*/
+    heightChange(val) {
+      this.height = document.documentElement.clientHeight - 50;
+    },
+    getFirstLevelMenu(title, second, third) {
+      // console.log(title, second, third, "title, second, third");
+      this.firstLevelMenu = title;
+      this.secondLevelMenu = second;
+      this.thirdLevelMenu = third;
+    },
+    toggleCollapse(val) {
+      this.isCollapse = val;
+    },
+    themeClick(color) {
+      //主题切换
+      this.customColor = "custom-" + color;
+      this.theme = "#" + color;
+      let bodyHtml = document.getElementsByTagName("body")[0];
+      // bodyHtml
+      bodyHtml.className = this.customColor;
+    },
+    handleCommand(item) {
+      console.log(this.$i18n, 'this.$i18nthis.$i18n')
+      if (this.$i18n) {
+        this.$i18n.locale = item.id;
+      }
+
+    }
+  },
+  activated() {
+    if ((process.env.APP_PATH === "index" && !this.$route.meta.menuCode) || this.$route.name == "首页") {
+      if (!this.sidebar.opened) {
+        this.$store.dispatch("ToggleSideBar");
+      }
+      this.isIndex = true;
+    } else {
+      this.$store.commit('TOGGLE_SIDEBAR1')
+    }
+    window.addEventListener("resize", this.heightChange);
+    this.$store.dispatch("GetInfo");
+  },
+  watch: {
+    $route: {
+      handler() {
+        console.log(this.$route);
+        if ((process.env.APP_PATH === "index" && !this.$route.meta.menuCode) || this.$route.name == "首页") {
+          if (!this.sidebar.opened && !(this.$route.path == "/404")) {
+            this.$store.dispatch("ToggleSideBar");
+          }
+        } else {
+          this.sidebar.opened = false;
+        }
+      }
+    }
+  }
+};
+</script>
+<style>
+.el-menu.navbar.el-menu--horizontal {
+  background-color: #fff !important;
+}
+
+html {
+  height: 100%;
+  overflow: hidden;
+}
+</style>
+<style rel="stylesheet/scss" lang="scss" scoped>
+@import "../../../src/styles/mixin.scss";
+
+.app-wrapper {
+  // display: -webkit-flex; /* Safari */
+  // display: flex;
+  @include clearfix;
+  position: relative;
+  height: 100%;
+
+  // width: 100%;
+  .left-menu-container {
+    position: relative;
+    margin-left: 98px;
+    transition: all 0.4s;
+
+    .sidebar-container {
+      border-right: solid 1px #e5e5e5;
+      /*box-shadow: 2px 1px 5px #c0c7cf;*/
+    }
+  }
+
+  .is-collapse {
+    margin-left: 50px;
+  }
+
+  .nav-collapsed img {
+    position: absolute;
+    top: 48%;
+    left: -30px;
+    z-index: 1001;
+    width: 30px;
+    transition: 0.38s;
+    transform-origin: 50% 50%;
+    transform: rotateY(0deg);
+    cursor: pointer;
+  }
+}
+
+.hideSidebar {
+  .nav-collapsed img {
+    left: 0;
+    transform: rotateY(180deg);
+  }
+}
+</style>