@hbisty/qj-common 5.0.4

package/src/views/pc/default/Layout.vue

@@ -0,0 +1,442 @@
+<template>
+  <!--<v-footer></v-footer>-->
+  <div>
+    <!--主题模块-->
+    <!-- <theme-picker :theme="theme">主题色</theme-picker> -->
+    <!--top-->
+    <components :is="top">
+      <Internationalization @handleCommand="handleCommand"></Internationalization>
+    </components>
+    <!-- header -->
+    <components :is="header"></components>
+
+    <div class="app-wrapper clearfix">
+      <!-- 左侧菜单 -->
+      <components :is="leftMenu" :leftMenuList="leftMenuList"></components>
+      <!-- 右侧内容 -->
+      <div class="main-container">
+        <router-view style="width: 100%"></router-view>
+      </div>
+    </div>
+    <components :is="footer"></components>
+  </div>
+</template>
+
+<script>
+import { queryTginfoPageForCm, getBottominfor } from '#/api/login';
+import Internationalization from '#/views/pc/Internationalization';
+//top
+import VTopDefault from './top-modules/topDefault'; // 标准产品top
+import VTopDefaultNew from './top-modules/topDefaultNew'; // 标准产品top 无注册
+import VTop from './top-modules/topBar';
+import VTopUcc from './top-modules/topUcc'; //ucc的头部
+import VTopAns from './top-modules/topAns'; // 鞍钢top
+import VTopBulk from './top-modules/topBulk'; // 大宗top
+import topKyw from './top-modules/topKYW'; // 矿盈网
+import zgltop from './top-modules/zgltop'; // 鞍钢top
+import Toplg from './top-modules/Toplg'; // 大唐
+import ymTop from './top-modules/ymTop'; // 云模top
+import topDefaultDM from './top-modules/topDefaultDM'; // 东盟top
+import DgTop from './top-modules/DgTopShortcut/index'; // 南网电工top
+import topA from './top-modules/topA'; // 有色
+import topNew from './top-modules/topNew'; // 皇家
+import topSDX from './top-modules/topSDX'; // 蜀大侠top
+import topHDB from './top-modules/topHDB'; // 海德堡的top
+import topAYD from './top-modules/topayd'; // 爱婴岛的top
+import topMh from './top-modules/topMh'; // 麦和的top
+import topFLPT from './top-modules/topFLPT'; // 福利平台的top
+import topYzj from './top-modules/topAns_yzj'; // 云之捷的top
+
+//header
+import VHeader from './header-modules/header';
+import VIndex from './header-modules/index';
+import zgl from './header-modules/zgl'; //  标准产品头部
+import VHeaderStyle2 from './header-modules/headerStyle2';
+import VHeaderStyle3 from './header-modules/headerStyle3'; //  单独给北新用的
+import VHeaderStyle4 from './header-modules/headerStyle4'; //  BBC
+import VHeaderStyleDefalut from './header-modules/headerStyleDefalut'; //  标准产品头部
+import VHeaderStyleAns from './header-modules/headerStyleAns'; //  鞍钢头部
+import VHeaderStyleBulk from './header-modules/headerStyleBulk'; //  大宗头部
+import VHeaderStyleKyw from './header-modules/headerStyleKYW'; //  矿盈网
+import ymHeader from './header-modules/ymHeader'; //  云模头部
+import DgHeader from './header-modules/DgHeader/index'; //  南网电工头部
+import ysHeader from './header-modules/ysHeader'; //宇视头部
+import headerA from './header-modules/headerA'; //有色
+import headerNew from './header-modules/headerNew'; // 皇家马氏
+import headerSDX from './header-modules/headerSDX'; //  蜀大侠头部
+import headerAYD from './header-modules/headerayd'; //  爱婴岛头部
+import headerMh from './header-modules/headerMh'; //  麦和头部
+import headerFLPT from './header-modules/headerFLPT'; //  福利平台header
+import headerYzj from './header-modules/headerStyle_yzj'; // 云之捷header
+
+//leftMenu
+import LeftMenu from './leftMenu-modules/leftMenu';
+import LeftMenuStyle2 from './leftMenu-modules/leftMenu-style2';
+import LeftMenuStyle3 from './leftMenu-modules/leftMenu-style3';
+import LeftMenuDefault from './leftMenu-modules/leftMenuDefault';
+import LeftMenuDefaultFLPT from './leftMenu-modules/leftMenuDefaultFLPT';
+import LeftMenuDefaultayd from './leftMenu-modules/leftMenuDefaultayd';
+import LeftMenuDefaultEn from './leftMenu-modules/leftMenuDefaultEn';
+import LeftMenuLogo from './leftMenu-modules/leftMenu-logo';
+import LeftNews from './leftMenu-modules/leftMenu-style4';
+//footer
+import VFooter from './footer-modules/footer';
+import VFooterAns from './footer-modules/footerAns';
+import VFooterBulk from './footer-modules/footerBulk';
+import VFooterKyw from './footer-modules/footerKYW';
+import VFooterDefault from './footer-modules/footerDefault';
+import VFooterDefaultNew from './footer-modules/footerDefaultNew';
+import VFooterDefaultA from './footer-modules/footerDefaultA';
+import zglfoot from './footer-modules/zgl';
+import ymFooter from './footer-modules/ymFooter'; //云模底部
+import footerDM from './footer-modules/footerDM'; //东盟底部
+import DgFooter from './footer-modules/DgFooter/index'; //南网电工底部
+import footerSDX from './footer-modules/DgFooter/indexSDX'; //蜀大侠底部
+import footerHDB from './footer-modules/footerHDB';
+import footerNew from './footer-modules/footerNew';
+import footerAYD from './footer-modules/footerayd'; //爱婴岛底部
+import footerMh from './footer-modules/footerMh'; //麦和底部
+import footerYzj from './footer-modules/footer_yzj';//云之捷底部
+//nav
+import VNav from './nav-modules/nav';
+//theme
+import ThemePicker from '#/components/ThemePicker';
+import { mapGetters } from 'vuex';
+
+export default {
+  components: {
+   //福利平台
+   topFLPT,
+   headerFLPT,
+   //麦和
+   topMh,
+   headerMh,
+   footerMh,
+    //爱婴岛
+    topAYD,
+    headerAYD,
+    footerAYD,
+	//蜀大侠注册
+    headerSDX,
+    topSDX,
+    topHDB,
+    footerSDX,
+    VHeader,
+    VIndex,
+    VFooter,
+    VTop,
+    VTopDefault,
+    VTopDefaultNew,
+    VTopUcc,
+    VTopAns,
+    VTopBulk,
+    topKyw,
+    Toplg,
+    LeftMenu,
+    LeftMenuStyle2,
+    LeftMenuStyle3,
+    LeftMenuLogo,
+    LeftNews,
+    LeftMenuDefault,
+    LeftMenuDefaultFLPT,
+	  LeftMenuDefaultayd,
+    LeftMenuDefaultEn,
+    VHeaderStyle3,
+    VHeaderStyleDefalut,
+    VHeaderStyle4,
+    VHeaderStyleAns,
+    VHeaderStyleBulk,
+	VHeaderStyleKyw,
+    headerNew,
+    zgl,
+    VNav,
+    ThemePicker,
+    VFooterAns,
+    VFooterBulk,
+	VFooterKyw,
+    zglfoot,
+    footerNew,
+    footerHDB,
+    VFooterDefault,
+    VFooterDefaultNew,
+    VFooterDefaultA,
+    Internationalization,
+    zgltop,
+    ymTop,
+    topDefaultDM,
+    DgTop,
+    ymHeader,
+    DgHeader,
+    ysHeader,
+    ymFooter,
+    footerDM,
+    DgFooter,
+    zgltop,
+    topNew,
+    topA,
+    headerA,
+
+    topYzj,
+    headerYzj,
+    footerYzj,
+  },
+  data() {
+    return {
+      isIndex: false,
+      isCollapse: false,
+      appList: window.sessionStorage.getItem('menuList') && JSON.parse(window.sessionStorage.getItem('menuList')).menuList ? JSON.parse(window.sessionStorage.getItem('menuList')).menuList : [],
+      navChildren: null,
+      customColor: 'custom-409EFF',
+      theme: '#409EFF', //默认主题色,
+      top: null, //VTop, //顶部组件 默认为VTop,鞍钢客户不要默认的
+      topObject: {
+        // 顶部组件对象
+        vTop: VTop,
+        zgltop: zgltop,
+        Toplg: Toplg,
+        topNew: topNew,
+        topA: topA,
+        vTopDefault: VTopDefault,
+        vTopDefaultNew: VTopDefaultNew,
+        vTopAns: VTopAns,
+        VTopBulk:VTopBulk,
+		topKyw:topKyw,
+        vTopUcc: VTopUcc,
+        ymTop: ymTop,
+        topDefaultDM: topDefaultDM,
+        DgTop: DgTop,
+        topSDX: topSDX,
+        topHDB: topHDB,
+        topAYD: topAYD,
+        topMh:topMh ,
+        topFLPT:topFLPT,         //福利平台top
+        topYzj,//云之捷top
+      },
+      header: null, //头部组件 默认为VHeader
+      headerObject: {
+        //头部组件对象
+        vHeader: VHeader,
+        VIndex: VIndex,
+        vHeaderStyleDefalut: VHeaderStyleDefalut,
+        vHeaderStyle2: VHeaderStyle2,
+        vHeaderStyle3: VHeaderStyle3,
+        vHeaderStyle4: VHeaderStyle4,
+        vHeaderStyleAns: VHeaderStyleAns,
+        VHeaderStyleBulk:VHeaderStyleBulk,
+		VHeaderStyleKyw:VHeaderStyleKyw,
+        headerA: headerA,
+        zgl: zgl,
+        ymHeader: ymHeader,
+        DgHeader: DgHeader,
+        headerSDX: headerSDX,
+        headerAYD: headerAYD,
+        headerMh:headerMh,
+        ysHeader: ysHeader,
+        headerNew: headerNew,
+        zgl: zgl,
+        headerFLPT:headerFLPT,   //福利平台header
+        headerYzj,//云之捷header
+      },
+      leftMenu: LeftMenu, // 左侧菜单 默认为LeftMenu
+      leftMenuObject: {
+        // 左侧菜单所有对象
+        leftMenu: LeftMenu,
+        leftMenuStyle2: LeftMenuStyle2,
+        LeftMenuStyle3: LeftMenuStyle3,
+        LeftMenuLogo: LeftMenuLogo,
+        leftMenuDefault: LeftMenuDefault,
+        LeftMenuDefaultFLPT: LeftMenuDefaultFLPT,
+		    LeftMenuDefaultayd:LeftMenuDefaultayd,
+        LeftNews: LeftNews,
+        leftMenuDefaultEn: LeftMenuDefaultEn,
+      }, //left对象
+      footer: null, //VFooter, //底部组件，默认为VFooter,鞍钢客户不要默认的
+      footerObject: {
+        //底部组件对象
+        vFooter: VFooter,
+        vFooterAns: VFooterAns,
+        VFooterBulk:VFooterBulk,
+		VFooterKyw:VFooterKyw,
+        zglfoot: zglfoot,
+        vFooterDefault: VFooterDefault,
+        vFooterDefaultNew: VFooterDefaultNew,
+        vFooterDefaultA: VFooterDefaultA,
+        ymFooter: ymFooter,
+        footerDM: footerDM,
+        DgFooter: DgFooter,
+        footerNew: footerNew,
+        footerHDB: footerHDB,
+        footerSDX: footerSDX,
+        footerAYD: footerAYD,
+        footerMh:footerMh,
+        footerYzj, // footer云之捷
+      },
+      leftMenuList: [],
+    };
+  },
+  computed: {
+    ...mapGetters(['sidebar']),
+  },
+  mounted() {
+    // components 处理
+    console.log(this.appList, 'this.appListthis.appList');
+    this.appList.forEach((el) => {
+      if (el.menuDefaultClass === 'user') {
+        el.children &&
+          el.children.forEach((item) => {
+            if (item.menuDefaultClass === 'userLeftRouter') {
+              // left菜单部分
+              this.leftMenu = item.menuAction ? this.leftMenuObject[item.menuAction] : this.leftMenuObject['leftMenu'];
+              this.leftMenuList = item.children;
+              console.log(this.leftMenuList, '会员中心---');
+            }
+            if (item.menuDefaultClass === 'userTop') {
+              // 顶部部分
+              this.top = item.menuAction ? this.topObject[item.menuAction] : this.topObject['vTop'];
+            }
+            if (item.menuDefaultClass === 'userHeader') {
+              // 头部部分
+              this.header = item.menuAction ? this.headerObject[item.menuAction] : this.headerObject['vHeader'];
+              //									this.header=this.headerObject["headerNew"]
+            }
+            if (item.menuDefaultClass === 'userFooter') {
+              // 头部部分
+              this.footer = item.menuAction ? this.footerObject[item.menuAction] : this.footerObject['vFooter'];
+              //									this.footer=this.footerObject["footerNew"];
+            }
+          });
+      }
+    });
+    //对主题色进行配置
+    let proappEnvLayout = JSON.parse(sessionStorage.getItem('proappEnvLayout'));
+
+    this.theme = proappEnvLayout.proappEnvTheme && proappEnvLayout.proappEnvTheme != '' ? `#${proappEnvLayout.proappEnvTheme}` : '#2c4158';
+    this.customColor = proappEnvLayout.proappEnvTheme && proappEnvLayout.proappEnvTheme != '' ? `custom-${proappEnvLayout.proappEnvTheme}` : 'custom-2c4158';
+    // console.log(this.theme, "this.theme");
+    if (process.env.APP_PATH === 'index') {
+      if (!this.sidebar.opened) {
+        this.$store.dispatch('ToggleSideBar');
+      }
+      this.isIndex = true;
+    }
+    if (!sessionStorage.getItem('personalInfo')) {
+      this.$store.dispatch('GetInfo');
+    }
+  },
+  methods: {
+    toggleSideBar() {
+      this.$store.dispatch('ToggleSideBar');
+    },
+    heightChange(val) {
+      this.height = document.documentElement.clientHeight - 64 - 60;
+    },
+    toggleCollapse(val) {
+      this.isCollapse = val;
+    },
+    handleCommand(item) {
+      this.$i18n.locale = item.id;
+    },
+  },
+};
+</script>
+<style rel="stylesheet/scss" lang="scss">
+// @import "~#/styles/index.scss";
+//盒模型
+html,
+body,
+#app {
+  height: 100%;
+  overflow: auto;
+}
+
+body {
+  font-family: MicrosoftYaHei;
+}
+
+.t-box {
+  display: -moz-flex;
+  display: -webkit-flex;
+  display: flex;
+}
+
+.t-box-flex1 {
+  -moz-box-flex: 1;
+  -webkit-box-flex: 1;
+  box-flex: 1;
+  width: auto;
+}
+
+.t-box-flex2 {
+  -moz-box-flex: 2;
+  -webkit-box-flex: 2;
+  box-flex: 2;
+  width: auto;
+}
+
+.t-box-flex3 {
+  -moz-box-flex: 3;
+  -webkit-box-flex: 3;
+  box-flex: 3;
+  width: auto;
+}
+
+.t-box-center {
+  -moz-box-align: center;
+  -webkit-box-align: center;
+  box-align: center;
+}
+
+.t-center {
+  text-align: center;
+}
+
+.t-right {
+  text-align: right;
+}
+
+.vertical-horizontal {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.vertical {
+  display: flex;
+  align-items: center;
+}
+
+.w1200 {
+  width: 1200px;
+}
+
+.m0a {
+  margin: 0 auto;
+}
+</style>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.app-wrapper {
+  margin-bottom: 20px;
+  position: relative;
+  height: 100%;
+  width: 1200px;
+  overflow: hidden;
+  margin: 0 auto;
+  clear: both;
+  .menu-header {
+    line-height: 65px;
+    font-size: 14px;
+    width: 100%;
+  }
+  .main-container {
+    // float: left;
+    margin-top: 30px;
+    margin-left: 230px !important;
+    display: flex;
+    .app-container {
+      width: 100%;
+      padding: 0;
+    }
+  }
+}
+</style>