qj-common 4.3.0 → 4.3.2

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

@@ -1,172 +1,172 @@
-<template>
-  <div class="footer-wrap">
-    <div class="footer-box">
-      <div class="bottm w1200 m0a t-box" v-if="showFooter">
-        <div class="left t-box">
-          <dl class="t-box-flex1" style="width:auto" v-for="(item,index) in footer" :key="index">
-            <dt>
-              <i>
-                <img :src="item.img" />
-              </i>
-              {{item.title}}
-            </dt>
-            <dd v-for="(info, index1) in item.item" :key="index1">{{info}}</dd>
-          </dl>
-        </div>
-        <!-- <div class="right">
-          <p>
-            关注我们
-            <i class="iconfont icon-xinlang"></i>
-            <i class="iconfont icon-weixin"></i>
-          </p>
-        </div>-->
-      </div>
-      <p class="copyright">{{footerInfo && footerInfo.proappEnvFoot}}</p>
-    </div>
-  </div>
-</template>
-
-
-<script>
-export default {
-  data() {
-    return {
-      showFooter: true,
-      footer: [
-        {
-          title: "新手指南",
-          img: require("../assets/xinshou.png"),
-          item: ["会员注册", "购物流程", "帮助中心"]
-        },
-        {
-          title: "会员中心",
-          img: require("../assets/huiyuan.png"),
-          item: ["会员制度", "积分政策"]
-        },
-        {
-          title: "配送方式",
-          img: require("../assets/peisong.png"),
-          item: ["配送说明", "运费说明", "配送范围"]
-        },
-        {
-          title: "售后服务",
-          img: require("../assets/shouhou.png"),
-          item: ["换货流程", "退货流程"]
-        },
-        {
-          title: "商家中心",
-          img: require("../assets/shangjia.png"),
-          item: ["入驻流程", "招商简介"]
-        },
-        {
-          title: "关于我们",
-          img: require("../assets/about.png"),
-          item: ["公司简介", "联系方式"]
-        }
-      ]
-    };
-  },
-  mounted() {
-    this.footer.forEach((el, index) => {
-      el.title = this.th(`title[${index}]`);
-      el.item = this.th(`item[${index}]`);
-    });
-  },
-  updated() {
-    this.footer.forEach((el, index) => {
-      el.title = this.th(`title[${index}]`);
-      el.item = this.th(`item[${index}]`);
-    });
-  },
-  computed: {
-    footerInfo() {
-      let footerInfo = sessionStorage.getItem("proappEnvLayout")
-        ? JSON.parse(sessionStorage.getItem("proappEnvLayout"))
-        : null;
-      return footerInfo;
-    }
-  },
-  methods: {
-    th(key) {
-      this.$th("common.pc.default.footerModules.footer.footer.", key);
-    }
-  }
-};
-</script>
-
-<style  rel="stylesheet/scss" lang="scss" scoped >
-.footer-wrap {
-  margin-top: 30px;
-  border-top: 2px solid rgba(243, 243, 243, 1);
-  .footer-box {
-    // height: 42px;
-    line-height: 42px;
-    width: 100%;
-    background-color: #fff;
-    border-top: solid 1px #f3f3f3;
-    .bottm {
-      padding: 38px 0 43px;
-      .left {
-        box-sizing: border-box;
-        // margin:auto;
-        margin-left: 184px;
-      }
-      dl {
-        margin-right: 106px;
-      }
-      dt {
-        font-size: 14px;
-        font-weight: normal;
-        line-height: 16px;
-        position: relative;
-        color: #666;
-        margin-bottom: 18px;
-        i {
-          position: absolute;
-          left: -28px;
-          display: block;
-          height: 20px;
-          width: 28px;
-          img {
-            max-height: 100%;
-            max-weight: 100%;
-          }
-        }
-      }
-      dd {
-        font-size: 12px;
-        font-weight: normal;
-        line-height: 12px;
-        color: #999999;
-        margin-bottom: 10px;
-      }
-      .right {
-        padding-left: 30px;
-        img {
-          margin-bottom: 100px;
-        }
-        p {
-          font-size: 14px;
-          font-weight: bold;
-          line-height: 60px;
-          color: #666;
-          i {
-            margin-left: 30px;
-            font-weight: normal;
-            font-size: 20px;
-            padding-top: 10px;
-          }
-        }
-      }
-    }
-    .copyright {
-      text-align: center;
-      display: block;
-      color: #999;
-      border-top: solid 1px rgba(243, 243, 243, 1);
-      line-height: 40px;
-      font-size: 14px;
-    }
-  }
-}
+<template>
+  <div class="footer-wrap">
+    <div class="footer-box">
+      <div class="bottm w1200 m0a t-box" v-if="showFooter">
+        <div class="left t-box">
+          <dl class="t-box-flex1" style="width:auto" v-for="(item,index) in footer" :key="index">
+            <dt>
+              <i>
+                <img :src="item.img" />
+              </i>
+              {{item.title}}
+            </dt>
+            <dd v-for="(info, index1) in item.item" :key="index1">{{info}}</dd>
+          </dl>
+        </div>
+        <!-- <div class="right">
+          <p>
+            关注我们
+            <i class="iconfont icon-xinlang"></i>
+            <i class="iconfont icon-weixin"></i>
+          </p>
+        </div>-->
+      </div>
+      <p class="copyright">{{footerInfo && footerInfo.proappEnvFoot}}</p>
+    </div>
+  </div>
+</template>
+
+
+<script>
+export default {
+  data() {
+    return {
+      showFooter: true,
+      footer: [
+        {
+          title: "新手指南",
+          img: require("../assets/xinshou.png"),
+          item: ["会员注册", "购物流程", "帮助中心"]
+        },
+        {
+          title: "会员中心",
+          img: require("../assets/huiyuan.png"),
+          item: ["会员制度", "积分政策"]
+        },
+        {
+          title: "配送方式",
+          img: require("../assets/peisong.png"),
+          item: ["配送说明", "运费说明", "配送范围"]
+        },
+        {
+          title: "售后服务",
+          img: require("../assets/shouhou.png"),
+          item: ["换货流程", "退货流程"]
+        },
+        {
+          title: "商家中心",
+          img: require("../assets/shangjia.png"),
+          item: ["入驻流程", "招商简介"]
+        },
+        {
+          title: "关于我们",
+          img: require("../assets/about.png"),
+          item: ["公司简介", "联系方式"]
+        }
+      ]
+    };
+  },
+  mounted() {
+    this.footer.forEach((el, index) => {
+      el.title = this.th(`title[${index}]`);
+      el.item = this.th(`item[${index}]`);
+    });
+  },
+  updated() {
+    this.footer.forEach((el, index) => {
+      el.title = this.th(`title[${index}]`);
+      el.item = this.th(`item[${index}]`);
+    });
+  },
+  computed: {
+    footerInfo() {
+      let footerInfo = sessionStorage.getItem("proappEnvLayout")
+        ? JSON.parse(sessionStorage.getItem("proappEnvLayout"))
+        : null;
+      return footerInfo;
+    }
+  },
+  methods: {
+    th(key) {
+      this.$th("common.pc.default.footerModules.footer.footer.", key);
+    }
+  }
+};
+</script>
+
+<style  rel="stylesheet/scss" lang="scss" scoped >
+.footer-wrap {
+  margin-top: 30px;
+  border-top: 2px solid rgba(243, 243, 243, 1);
+  .footer-box {
+    // height: 42px;
+    line-height: 42px;
+    width: 100%;
+    background-color: #fff;
+    border-top: solid 1px #f3f3f3;
+    .bottm {
+      padding: 38px 0 43px;
+      .left {
+        box-sizing: border-box;
+        // margin:auto;
+        margin-left: 184px;
+      }
+      dl {
+        margin-right: 106px;
+      }
+      dt {
+        font-size: 14px;
+        font-weight: normal;
+        line-height: 16px;
+        position: relative;
+        color: #666;
+        margin-bottom: 18px;
+        i {
+          position: absolute;
+          left: -28px;
+          display: block;
+          height: 20px;
+          width: 28px;
+          img {
+            max-height: 100%;
+            max-weight: 100%;
+          }
+        }
+      }
+      dd {
+        font-size: 12px;
+        font-weight: normal;
+        line-height: 12px;
+        color: #999999;
+        margin-bottom: 10px;
+      }
+      .right {
+        padding-left: 30px;
+        img {
+          margin-bottom: 100px;
+        }
+        p {
+          font-size: 14px;
+          font-weight: bold;
+          line-height: 60px;
+          color: #666;
+          i {
+            margin-left: 30px;
+            font-weight: normal;
+            font-size: 20px;
+            padding-top: 10px;
+          }
+        }
+      }
+    }
+    .copyright {
+      text-align: center;
+      display: block;
+      color: #999;
+      border-top: solid 1px rgba(243, 243, 243, 1);
+      line-height: 40px;
+      font-size: 14px;
+    }
+  }
+}
 </style>

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

@@ -1,168 +1,168 @@
-<template>
-  <footer class="ans-footer">
-    <div class="auto flex-between">
-      <div class="ans-footer--left flex">
-        <dl v-for="(item,index) in footerData" :key="index">
-          <dt>{{item.tginfoMenuName}}</dt>
-          <dd v-for="(childItem,childIndex) in item.children" :key="childIndex">
-            <a @click="hrefHandler(childItem.menuOpcode)">{{childItem.tginfoMenuName}}</a>
-          </dd>
-        </dl>
-      </div>
-      <div class="ans-footer--mini">
-        <img src="../assets/dllgwap.png" alt />
-        <p>{{th('erTitle')}}</p>
-      </div>
-    </div>
-    <div class="ans-footer__record flex-between">
-      <p>© 2018 All rights reserved.</p>
-      <p>{{th('record')}}</p>
-    </div>
-  </footer>
-</template>
-
-
-<script>
-import api from "#/api/common/index";
-export default {
-  data() {
-    return {
-      footerData: [],
-      // domion:process.env.API_ROOT,
-    };
-  },
-  updated() {},
-  mounted() {
-    this.getFooter();
-  },
-  methods: {
-    th(key) {
-      return this.$th("common.pc.default.footerModules.footer.footerAns.", 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, 'this.tginfoCode')
-							if(this.tginfoCode && this.tginfoCode.length == 1) {
-								this.getNew()
-							}else{
-								this.$message.error('底部配置失败')
-							}
-						}
-					})
-				}, 100)
-			},
-			getNew() {
-				api.queryTginfoMenuForAt({
-					tginfoCode: this.tginfoCode[0].tginfoCode
-				}).then(res => {
-					this.footerData =
-						res &&
-						res.rows &&
-						res.rows.filter(el => {
-							return el.menuOpcode != "indexpcA";
-						});
-          this.footerData.forEach(r=>{
-            if(r.menuOpcode === 'commonProblems'){
-              r.children.push({
-                tginfoMenuName:'授权委托书下载',
-                url:'https://qjstatic.oss-cn-shanghai.aliyuncs.com/excel/powerOfAttorneyNew.docx',
-                flag:true
-              },{
-                tginfoMenuName:'变更函下载',
-                url:process.env.API_ROOT +'/电商平台变更申请审批表.doc',
-                flag:true
-              })
-              console.log(process.env.API_ROOT,'domiondomion')
-            }
-          })
-				});
-			},
-    hrefHandler(id) {
-      location.href = `/paas/pc-mall/index.html#/publicDetails?id=${id}`;
-    }
-  }
-};
-</script>
-
-<style  rel="stylesheet/scss" lang="scss" scoped >
-.ans-footer {
-  height: 320px;
-  width: 100%;
-  background: #495770;
-  .auto {
-    margin: 0 auto 22px;
-    width: 1200px;
-    height: 225px;
-  }
-
-  a {
-    color: #fff;
-  }
-
-  dl {
-    margin: 0 128px 0 0;
-
-    dt {
-      font-size: 18px;
-      color: #fff;
-      height: 26px;
-      width: 88px;
-     padding-bottom: 6px;
-    }
-
-    dd {
-      font-size: 14px;
-      line-height: 22px;
-      margin-top:14px;
-      &:hover a {
-        text-decoration: underline;
-      }
-    }
-  }
-  &--left{
-       border-right: 1px solid #fff;
-    margin-top: 44px;
-  }
-  &--mini {
-    color: #fff;
-    width: 140px;
-    text-align: center;
-    margin-top: 40px;
-    margin-left: 130px;
-    img {
-      width: 140px;
-      height: 140px;
-    }
-
-    p {
-      font-size: 18px;
-      text-align: center;
-      margin-top: 15px;
-      font-weight: 500;
-    }
-  }
-
-  &__record {
-   width: 1200px;
-   margin: 0 auto;
-    border-top: 1px solid #98A3B7;
-    line-height: 70px;
-    p {
-      text-align: center;
-      font-size: 12px;
-      color: #fff;
-  
-    }
-  }
-}
-.flex-between{
-     display: flex;
-    justify-content: space-between;
-}
+<template>
+  <footer class="ans-footer">
+    <div class="auto flex-between">
+      <div class="ans-footer--left flex">
+        <dl v-for="(item,index) in footerData" :key="index">
+          <dt>{{item.tginfoMenuName}}</dt>
+          <dd v-for="(childItem,childIndex) in item.children" :key="childIndex">
+            <a @click="hrefHandler(childItem.menuOpcode)">{{childItem.tginfoMenuName}}</a>
+          </dd>
+        </dl>
+      </div>
+      <div class="ans-footer--mini">
+        <img src="../assets/dllgwap.png" alt />
+        <p>{{th('erTitle')}}</p>
+      </div>
+    </div>
+    <div class="ans-footer__record flex-between">
+      <p>© 2018 All rights reserved.</p>
+      <p>{{th('record')}}</p>
+    </div>
+  </footer>
+</template>
+
+
+<script>
+import api from "#/api/common/index";
+export default {
+  data() {
+    return {
+      footerData: [],
+      // domion:process.env.API_ROOT,
+    };
+  },
+  updated() {},
+  mounted() {
+    this.getFooter();
+  },
+  methods: {
+    th(key) {
+      return this.$th("common.pc.default.footerModules.footer.footerAns.", 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, 'this.tginfoCode')
+							if(this.tginfoCode && this.tginfoCode.length == 1) {
+								this.getNew()
+							}else{
+								this.$message.error('底部配置失败')
+							}
+						}
+					})
+				}, 100)
+			},
+			getNew() {
+				api.queryTginfoMenuForAt({
+					tginfoCode: this.tginfoCode[0].tginfoCode
+				}).then(res => {
+					this.footerData =
+						res &&
+						res.rows &&
+						res.rows.filter(el => {
+							return el.menuOpcode != "indexpcA";
+						});
+          this.footerData.forEach(r=>{
+            if(r.menuOpcode === 'commonProblems'){
+              r.children.push({
+                tginfoMenuName:'授权委托书下载',
+                url:'https://qjstatic.oss-cn-shanghai.aliyuncs.com/excel/powerOfAttorneyNew.docx',
+                flag:true
+              },{
+                tginfoMenuName:'变更函下载',
+                url:process.env.API_ROOT +'/电商平台变更申请审批表.doc',
+                flag:true
+              })
+              console.log(process.env.API_ROOT,'domiondomion')
+            }
+          })
+				});
+			},
+    hrefHandler(id) {
+      location.href = `/paas/pc-mall/index.html#/publicDetails?id=${id}`;
+    }
+  }
+};
+</script>
+
+<style  rel="stylesheet/scss" lang="scss" scoped >
+.ans-footer {
+  height: 320px;
+  width: 100%;
+  background: #495770;
+  .auto {
+    margin: 0 auto 22px;
+    width: 1200px;
+    height: 225px;
+  }
+
+  a {
+    color: #fff;
+  }
+
+  dl {
+    margin: 0 128px 0 0;
+
+    dt {
+      font-size: 18px;
+      color: #fff;
+      height: 26px;
+      width: 88px;
+     padding-bottom: 6px;
+    }
+
+    dd {
+      font-size: 14px;
+      line-height: 22px;
+      margin-top:14px;
+      &:hover a {
+        text-decoration: underline;
+      }
+    }
+  }
+  &--left{
+       border-right: 1px solid #fff;
+    margin-top: 44px;
+  }
+  &--mini {
+    color: #fff;
+    width: 140px;
+    text-align: center;
+    margin-top: 40px;
+    margin-left: 130px;
+    img {
+      width: 140px;
+      height: 140px;
+    }
+
+    p {
+      font-size: 18px;
+      text-align: center;
+      margin-top: 15px;
+      font-weight: 500;
+    }
+  }
+
+  &__record {
+   width: 1200px;
+   margin: 0 auto;
+    border-top: 1px solid #98A3B7;
+    line-height: 70px;
+    p {
+      text-align: center;
+      font-size: 12px;
+      color: #fff;
+  
+    }
+  }
+}
+.flex-between{
+     display: flex;
+    justify-content: space-between;
+}
 </style>