qj-common 4.3.0 → 4.3.2

package/src/views/pc/default/footer-modules/footerDefaultNew.vue

@@ -1,201 +1,201 @@
-<template>
-  <footer class="bottomNew">
-    <div class="footer_base auto">
-      <div class="foo-bi" v-if="footerData && footerData.length">
-        <ul class="clearfix">
-          <li class="newBdin" v-for="(item, index) in footerData" :key="index">
-            <div class="newBbc">
-              <i v-if="item.memo" :class="['iconfont', item.memo]"></i>
-              <span>{{ item.tginfoMenuName }}</span>
-            </div>
-            <ul>
-              <li v-for="(childItem, childIndex) in item.children" :key="childIndex">
-                <a @click="hrefHandler(childItem.menuOpcode)" class="c-themeHover">{{ childItem.tginfoMenuName }}</a>
-              </li>
-            </ul>
-          </li>
-        </ul>
-      </div>
-    </div>
-    <div class="foo-pi" v-show='bottom'>
-      <div v-html='bottom'></div>
-    </div>
-  </footer>
-</template>
-
-<script>
-import api from '#/api/common/index';
-export default {
-  data() {
-    return {
-      footerData: [],
-      tginfoCode: [],
-    };
-  },
-  mounted() {
-    // this.getFooter();
-    this.getNew();
-  },
-  methods: {
-    th(key) {
-      this.$th('common.pc.default.footerModules.footer.footerDefault.', key);
-    },
-    getFooter() {
-      setTimeout(() => {
-        api.queryTginfoPageForCm().then(reg => {
-          if (reg && reg.rows && reg.rows.length > 0) {
-            let setVal = window.localStorage.getItem('saas-proappcode');
-            this.tginfoCode =
-              reg.list &&
-              reg.list.filter(els => {
-                return els.proappCode == setVal;
-              });
-            console.log(this.tginfoCode, window.localStorage.getItem('saas-tginfocode'), 'this.tginfoCode');
-            if ((this.tginfoCode && this.tginfoCode.length == 1) || window.localStorage.getItem('saas-tginfocode')) {
-              this.getNew();
-            } else {
-              this.$message.error('底部配置失败');
-            }
-          }
-        });
-      }, 100);
-    },
-    getNew() {
-      // {
-      //     tginfoCode: this.tginfoCode[0].tginfoCode ? this.tginfoCode[0].tginfoCode : window.localStorage.getItem('saas-tginfocode'),
-      //   })
-      api.queryTginfoMenuForAt().then(res => {
-          this.footerData =
-            res &&
-            res.rows &&
-            res.rows.filter(el => {
-              return el.menuOpcode != 'indexpcA'&&el.menuOpcode != 'b2bindpc';
-            });
-        });
-    },
-    hrefHandler(id) {
-      location.href = `/paas/pc-mall/index.html#/publicDetails?id=${id}`;
-    },
-  },
-  computed:{
-    bottom(){
-      let foot=sessionStorage.getItem('proappEnvLayout')?JSON.parse(sessionStorage.getItem('proappEnvLayout')):''
-      return foot&&foot.proappEnvFoot
-    }
-  }
-};
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-.bottomNew {
-  width: 100%;
-  z-index: 9999;
-  border-top: 1px solid #f3f3f3;
-  .footer_base {
-    margin: 0 auto;
-    width: 1200px;
-    .foo-bi {
-      margin: 0 auto;
-      > ul {
-        margin: 0 auto;
-        padding-top: 38px;
-        box-sizing: border-box;
-        display: flex;
-        flex-wrap:nowrap;
-        .newBdin {
-          flex:1;
-          .newBbc {
-            > span {
-              font-weight: bold;
-              color: #333333;
-              font-size: 14px;
-              margin-bottom: 9px;
-              display: inline-block;
-            }
-          }
-        }
-        > li {
-          > ul {
-            > li {
-              color: #999999;
-              font-size: 14px;
-              padding-bottom: 8px;
-              > a {
-                color: #666666;
-                font-size: 12px;
-              }
-            }
-            
-          }
-        }
-        > li:nth-child(6) {
-          border-left: 1px solid #f3f3f3;
-          padding: 32.5px 0 32.5px 8%;
-          box-sizing: border-box;
-          > span {
-            font-size: 12px;
-            float: left;
-            vertical-align: middle;
-            display: inline-block;
-            color: #333333;
-            > a {
-              color: #333333;
-              vertical-align: middle;
-              display: inline-block;
-              margin-right: 19px;
-            }
-            > i {
-              cursor: pointer;
-              margin-right: 12px;
-            }
-          }
-        }
-      }
-    }
-  }
-  .foo-pi {
-    width: 100%;
-    height: 38px;
-    > div {
-      padding: 10px 0;
-      border-top: 1px solid #f3f3f3;
-      font-size: 12px;
-      text-align: center;
-      color: #999999;
-    }
-  }
-}
-
-.bottomNew {
-  background: #f5f5f5;
-  height: auto;
-  padding-bottom: 10px;
-  .footer_base {
-    height: auto;
-    .foo-bi {
-      width: 1200px;
-      > ul > li {
-        width: 240px;
-        margin: 0 !important;
-        text-align: center;
-      }
-    }
-  }
-  .foo-pi {
-    margin-top: 20px;
-    li {
-      font-size: 13px;
-      a {
-        color: #666;
-      }
-      padding: 0 10px;
-      border-right: 1px solid #999;
-      height: 12px;
-      line-height: 12px;
-      &:last-child {
-        border-right: 0;
-      }
-    }
-  }
-}
-</style>
+<template>
+  <footer class="bottomNew">
+    <div class="footer_base auto">
+      <div class="foo-bi" v-if="footerData && footerData.length">
+        <ul class="clearfix">
+          <li class="newBdin" v-for="(item, index) in footerData" :key="index">
+            <div class="newBbc">
+              <i v-if="item.memo" :class="['iconfont', item.memo]"></i>
+              <span>{{ item.tginfoMenuName }}</span>
+            </div>
+            <ul>
+              <li v-for="(childItem, childIndex) in item.children" :key="childIndex">
+                <a @click="hrefHandler(childItem.menuOpcode)" class="c-themeHover">{{ childItem.tginfoMenuName }}</a>
+              </li>
+            </ul>
+          </li>
+        </ul>
+      </div>
+    </div>
+    <div class="foo-pi" v-show='bottom'>
+      <div v-html='bottom'></div>
+    </div>
+  </footer>
+</template>
+
+<script>
+import api from '#/api/common/index';
+export default {
+  data() {
+    return {
+      footerData: [],
+      tginfoCode: [],
+    };
+  },
+  mounted() {
+    // this.getFooter();
+    this.getNew();
+  },
+  methods: {
+    th(key) {
+      this.$th('common.pc.default.footerModules.footer.footerDefault.', key);
+    },
+    getFooter() {
+      setTimeout(() => {
+        api.queryTginfoPageForCm().then(reg => {
+          if (reg && reg.rows && reg.rows.length > 0) {
+            let setVal = window.localStorage.getItem('saas-proappcode');
+            this.tginfoCode =
+              reg.list &&
+              reg.list.filter(els => {
+                return els.proappCode == setVal;
+              });
+            console.log(this.tginfoCode, window.localStorage.getItem('saas-tginfocode'), 'this.tginfoCode');
+            if ((this.tginfoCode && this.tginfoCode.length == 1) || window.localStorage.getItem('saas-tginfocode')) {
+              this.getNew();
+            } else {
+              this.$message.error('底部配置失败');
+            }
+          }
+        });
+      }, 100);
+    },
+    getNew() {
+      // {
+      //     tginfoCode: this.tginfoCode[0].tginfoCode ? this.tginfoCode[0].tginfoCode : window.localStorage.getItem('saas-tginfocode'),
+      //   })
+      api.queryTginfoMenuForAt().then(res => {
+          this.footerData =
+            res &&
+            res.rows &&
+            res.rows.filter(el => {
+              return el.menuOpcode != 'indexpcA'&&el.menuOpcode != 'b2bindpc';
+            });
+        });
+    },
+    hrefHandler(id) {
+      location.href = `/paas/pc-mall/index.html#/publicDetails?id=${id}`;
+    },
+  },
+  computed:{
+    bottom(){
+      let foot=sessionStorage.getItem('proappEnvLayout')?JSON.parse(sessionStorage.getItem('proappEnvLayout')):''
+      return foot&&foot.proappEnvFoot
+    }
+  }
+};
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.bottomNew {
+  width: 100%;
+  z-index: 9999;
+  border-top: 1px solid #f3f3f3;
+  .footer_base {
+    margin: 0 auto;
+    width: 1200px;
+    .foo-bi {
+      margin: 0 auto;
+      > ul {
+        margin: 0 auto;
+        padding-top: 38px;
+        box-sizing: border-box;
+        display: flex;
+        flex-wrap:nowrap;
+        .newBdin {
+          flex:1;
+          .newBbc {
+            > span {
+              font-weight: bold;
+              color: #333333;
+              font-size: 14px;
+              margin-bottom: 9px;
+              display: inline-block;
+            }
+          }
+        }
+        > li {
+          > ul {
+            > li {
+              color: #999999;
+              font-size: 14px;
+              padding-bottom: 8px;
+              > a {
+                color: #666666;
+                font-size: 12px;
+              }
+            }
+            
+          }
+        }
+        > li:nth-child(6) {
+          border-left: 1px solid #f3f3f3;
+          padding: 32.5px 0 32.5px 8%;
+          box-sizing: border-box;
+          > span {
+            font-size: 12px;
+            float: left;
+            vertical-align: middle;
+            display: inline-block;
+            color: #333333;
+            > a {
+              color: #333333;
+              vertical-align: middle;
+              display: inline-block;
+              margin-right: 19px;
+            }
+            > i {
+              cursor: pointer;
+              margin-right: 12px;
+            }
+          }
+        }
+      }
+    }
+  }
+  .foo-pi {
+    width: 100%;
+    height: 38px;
+    > div {
+      padding: 10px 0;
+      border-top: 1px solid #f3f3f3;
+      font-size: 12px;
+      text-align: center;
+      color: #999999;
+    }
+  }
+}
+
+.bottomNew {
+  background: #f5f5f5;
+  height: auto;
+  padding-bottom: 10px;
+  .footer_base {
+    height: auto;
+    .foo-bi {
+      width: 1200px;
+      > ul > li {
+        width: 240px;
+        margin: 0 !important;
+        text-align: center;
+      }
+    }
+  }
+  .foo-pi {
+    margin-top: 20px;
+    li {
+      font-size: 13px;
+      a {
+        color: #666;
+      }
+      padding: 0 10px;
+      border-right: 1px solid #999;
+      height: 12px;
+      line-height: 12px;
+      &:last-child {
+        border-right: 0;
+      }
+    }
+  }
+}
+</style>