qgb-process 0.2.3 → 0.2.7

package/src/components/public/Footer.vue

@@ -1,412 +1,412 @@
-<template>
-  <div class="bottom-main">
-    <div class="bottomTitle">
-      <ul>
-        <li>
-          <img src="@/assets/public/cImg1.png">
-          <span>品质保证</span>
-        </li>
-        <li>
-          <img src="@/assets/public/cImg2.png">
-          <span>规格齐全</span>
-        </li>
-        <li>
-          <img src="@/assets/public/cImg3.png">
-          <span>一站服务</span>
-        </li>
-        <li>
-          <img src="@/assets/public/cImg4.png">
-          <span>优质售后</span>
-        </li>
-        <li>
-          <img src="@/assets/public/cImg5.png">
-          <span>金融服务</span>
-        </li>
-      </ul>
-    </div>
-    <div class="bottom-box">
-      <div class="bottom-top">
-        <div class="about-we">
-          <p class="px18 divp info">关于企管帮</p>
-          <div class="tc-20"></div>
-          <div class="tc-10"></div>
-          <p class="px14 divp info bottom-graycolor cursor hover_02" @click="toHelpCenter(quickLinkList[0].contentId)" v-if="quickLinkList.length>0" :title="quickLinkList[0].name">> {{quickLinkList[0].name}}</p>
-          <div class="tc-20"></div>
-          <p class="px14 divp info bottom-graycolor cursor hover_02" @click="toHelpCenter(quickLinkList[1].contentId)" v-if="quickLinkList.length>1" :title="quickLinkList[1].name">> {{quickLinkList[1].name}}</p>
-        </div>
-        <div class="guide" >
-          <p class="px18 divp info">新手指南</p>
-          <div class="tc-20"></div>
-          <div class="tc-10"></div>
-          <p class="px14 divp info bottom-graycolor cursor hover_02" @click="toHelpCenter(quickLinkList[2].contentId)" v-if="quickLinkList.length>2" :title="quickLinkList[2].name">> {{quickLinkList[2].name}}</p>
-          <div class="tc-20"></div>
-          <p class="px14 divp info bottom-graycolor cursor hover_02" @click="toHelpCenter(quickLinkList[3].contentId)" v-if="quickLinkList.length>3" :title="quickLinkList[3].name">> {{quickLinkList[3].name}}</p>
-          <div class="tc-20"></div>
-          <p class="px14 divp info bottom-graycolor cursor hover_02" @click="toHelpCenter(quickLinkList[4].contentId)" v-if="quickLinkList.length>4" :title="quickLinkList[4].name">> {{quickLinkList[4].name}}</p>
-        </div>
-        <div class="procurement-service">
-          <p class="px18 divp info">采购服务</p>
-          <div class="tc-20"></div>
-          <div class="tc-10"></div>
-          <p class="px14 divp info bottom-graycolor cursor hover_02" @click="toHelpCenter(quickLinkList[5].contentId)" v-if="quickLinkList.length>5" :title="quickLinkList[5].name">> {{quickLinkList[5].name}}</p>
-          <div class="tc-20"></div>
-          <p class="px14 divp info bottom-graycolor cursor hover_02" @click="toHelpCenter(quickLinkList[6].contentId)" v-if="quickLinkList.length>6" :title="quickLinkList[6].name">> {{quickLinkList[6].name}}</p>
-          <div class="tc-20"></div>
-          <p class="px14 divp info bottom-graycolor cursor hover_02" @click="toHelpCenter(quickLinkList[7].contentId)" v-if="quickLinkList.length>7" :title="quickLinkList[7].name">> {{quickLinkList[7].name}}</p>
-        </div>
-
-        <div class="code" style="left: 525px">
-          <div class="code-div"><img src="@/assets/public/think-change.png" alt=""></div>
-          <div class="px16">手机版下载</div>
-        </div>
-        <div class="code" style="left: 707px">
-          <div class="code-div"><img src="@/assets/public/gzh_apple.jpg" alt=""></div>
-          <div class="px16">微信公众号</div>
-        </div>
-        <div class="work-time color66 font14">客服电话（工作时间：10:00 ~ 19:00）</div>
-        <div class="tel">400-001-0051</div>
-      </div>
-  <div class="tc-20"></div>
-      <el-row>
-        <el-col :span="24">
-          <div class="bottom bottom-graycolor">
-            <ul class="font12">
-              <li class="cursor hover_02" @click="$router.push({path:'/aboutwe'})">关于我们 |</li>
-              <li class="cursor hover_02" @click="$router.push({path:'/invite'})">人才招聘 |</li>
-              <li class="cursor hover_02" @click="$router.push({path:'/lawstatement'})">法律声明 |</li>
-              <li class="cursor hover_02" @click="$router.push({path:'/callme'})">联系我们</li>
-            </ul>
-          </div>
-          <div class="bottom font12">
-			<span class="hover-02">qiguan.shigongbang.com</span> All rights reserved <span class="hover-02">陕ICP备20004104号-1</span>
-          </div>
-        </el-col>
-      </el-row>
-    </div>
-    <div class="tc-10"></div>
-  </div>
-</template>
-
-<script>
-import apiHelp from "@/api/apiHelp"
-export default {
-  name: "Bottom",
-  data() {
-    return {
-      quickLinkList: []
-    }
-  },
-  methods: {
-    route_push(parm) {
-      switch (parm) {
-        case "zhuce":
-          this.$router.push({ path: "/howsign" })
-          break
-        case "zizhi":
-          this.$router.push({ path: "/qualification" })
-          break
-        case "goumai":
-          this.$router.push({ path: "/howtobuy" })
-          break
-      }
-    },
-    async getList() {
-      const res = await apiHelp.getQuickLink()
-      // console.log(res.data.data)
-      // contentId: 59
-      // createTime: 1565174437693
-      // id: 1
-      // isDeleted: 0
-      // linkPath: "https://dev.gcw.net/#/content?id=59"
-      // name: "公司介绍"
-      // sortOrder: 1
-      // updateTime: 1565174437693
-      this.quickLinkList = res.data.data
-    },
-    toHelpCenter(query) {
-      this.$router.push({ path: "/content", query: { id: query }})
-    }
-    //  quickLinkList[0].contentId
-  },
-  computed: {
-
-  },
-  created() {
-    // $router.push({path:'/aboutwe'})
-    this.getList()
-  }
-}
-</script>
-<style lang="scss" rel="stylesheet/scss" scoped>
-  //
-  @media screen and(min-width: 1218px){
-    .bottom-main{
-      .bottomTitle{
-        li{
-          margin-left:  95px;
-          &:nth-child(1){
-            // margin-left:  47.5px;
-            margin-left:  0px;
-          }
-        }
-      }
-      .bottom-box{
-        width: 1200px;
-        .bottom-top{
-          border-bottom: 1px solid #DFDFDF;
-          .about-we{
-            left: 47.5px;
-          }
-          .guide{
-            left: 197.5px;
-          }
-          .procurement-service{
-            left: 337.5px;
-          }
-        }
-        .bottom{
-          ul{
-            margin: 10px 0 0 450px;
-          }
-        }
-      }
-    }
-  }
-  @media screen and(max-width: 1217px){
-    .bottom-main{
-      .bottomTitle{
-        li{
-          margin-left:  7.9%;
-          &:nth-child(1){
-            // margin-left:  3.9%;
-            margin-left:  0px;
-          }
-        }
-      }
-      .bottom-box{
-        width: 100%;
-        .bottom-top{
-          border-bottom: 1px solid #DFDFDF;
-          .about-we{
-            left:  3.9%;
-          }
-          .guide{
-            left: 16.4%;
-          }
-          .procurement-service{
-            left: 28%;
-          }
-          .code{
-            // left: 78%;
-          }
-        }
-        .bottom{
-          ul{
-            margin: 10px 0 0 37.5%;
-          }
-        }
-      }
-    }
-  }
-
-  @media screen and(max-width: 992px){
-    .bottom-main{
-      .bottomTitle{
-        li{
-          margin-left:  53px;
-          &:nth-child(1){
-            margin-left:  27px;
-          }
-        }
-      }
-      .bottom-box{
-        width: 992px;
-        .bottom-top{
-          border-bottom: 1px solid #DFDFDF;
-          .about-we{
-            left:  27px;
-          }
-          .guide{
-            left: 162.6px;
-          }
-          .procurement-service{
-            left: 277.8px;
-          }
-          .code{
-            // left: 78%;
-          }
-        }
-        .bottom{
-          ul{
-            margin: 10px 0 0 372px;
-          }
-        }
-      }
-    }
-  }
-  .bottomTitle{
-    width: 1200px;
-    margin: 0 auto;
-    padding-top: 30px;
-    ul{
-      overflow: hidden;
-      li{
-        float: left;
-        width: 145px;
-        height: 50px;
-        line-height: 50px;
-        position: relative;
-        color: #0286DF;
-        font-size: 24px;
-        img{
-          position: absolute;
-          left: 0px;
-          top: 7px;
-        }
-        span{
-          position: absolute;
-          left: 46px;
-        }
-      }
-    }
-  }
-  .bottom-main {
-    width: 100%;
-    margin: 0 auto;
-    background: $color-white;
-    a:hover,a:visited,a:link,a:active{
-      color:#8d8d8d;
-    }
-    .bottom-box {
-      margin: 0 auto;
-      background: $color-white;
-      .bottom-top {
-        border-bottom: 1px solid #DFDFDF;
-        position: relative;
-        height: 190px;
-        .about-we,.guide,.procurement-service{
-          width: 120px;
-          p{
-              white-space: nowrap;
-              overflow: hidden;
-              text-overflow: ellipsis;
-          }
-          // background: red;
-        }
-        .about-we {
-          // width: 100px;
-          text-align: center;
-          position: absolute;
-          top: 30px;
-        }
-        .guide {
-          // width: 80px;
-          //  width: 100px;
-          text-align: left;
-          position: absolute;
-          top: 30px;
-        }
-        .procurement-service {
-          // width: 205px;
-          // width: 100px;
-          text-align: center;
-          position: absolute;
-          top: 30px;
-        }
-        .work-time{
-          position: absolute;
-          top: 48px;
-          right: 45px;
-        }
-        .tel{
-          position: absolute;
-          top: 85px;
-          right: 45px;
-          font-size:38px;
-          color: #666;
-        }
-        /* 扫一扫加关注 */
-        .code {
-          text-align: center;
-          width: 115px;
-          height: 166px;
-          position: absolute;
-          top: 20px;
-        }
-
-        .code > div:nth-child(2) {
-          height: 30px;
-          width: 100%;
-          line-height: 30px;
-          font-size: 14px;
-          color: #666666;
-        }
-      }
-    }
-
-    .info {
-      text-align: left!important;
-    }
-    .px24 {
-      font-size: 24px;
-      line-height: 24px;
-    }
-
-    .px18 {
-      font-size: 18px;
-      line-height: 18px;
-    }
-
-    .px16 {
-      font-size: 16px;
-      line-height: 16px;
-    }
-
-    .px14 {
-      font-size: 14px;
-      line-height: 14px;
-    }
-
-    /* 灰色字体颜色 */
-    .bottom-graycolor {
-      color: #8d8d8d;
-    }
-
-    .divp {
-      // margin: 15px 0 0 0;
-      width: 100%;
-      // height: 18px;
-    }
-    .bottom {
-      text-align: center;
-      width: 100%;
-      height: 35px;
-      ul {
-        float: left;
-        li {
-          float: left;
-          margin: 0 0 0 5px;
-        }
-      }
-    }
-
-    .code-div{
-      width: 115px;
-      height: 115px;
-    }
-
-    .code-div img{
-      width: 100%;
-      height:100%;
-    }
-  }
-
-</style>
-<style lang="scss" rel="stylesheet/scss">
-  //
-  .bottom-main{
-    p{
-      margin:0;
-    }
-  }
-</style>
+<template>
+  <div class="bottom-main">
+    <div class="bottomTitle">
+      <ul>
+        <li>
+          <img src="@/assets/public/cImg1.png">
+          <span>品质保证</span>
+        </li>
+        <li>
+          <img src="@/assets/public/cImg2.png">
+          <span>规格齐全</span>
+        </li>
+        <li>
+          <img src="@/assets/public/cImg3.png">
+          <span>一站服务</span>
+        </li>
+        <li>
+          <img src="@/assets/public/cImg4.png">
+          <span>优质售后</span>
+        </li>
+        <li>
+          <img src="@/assets/public/cImg5.png">
+          <span>金融服务</span>
+        </li>
+      </ul>
+    </div>
+    <div class="bottom-box">
+      <div class="bottom-top">
+        <div class="about-we">
+          <p class="px18 divp info">关于企管帮</p>
+          <div class="tc-20"></div>
+          <div class="tc-10"></div>
+          <p class="px14 divp info bottom-graycolor cursor hover_02" @click="toHelpCenter(quickLinkList[0].contentId)" v-if="quickLinkList.length>0" :title="quickLinkList[0].name">> {{quickLinkList[0].name}}</p>
+          <div class="tc-20"></div>
+          <p class="px14 divp info bottom-graycolor cursor hover_02" @click="toHelpCenter(quickLinkList[1].contentId)" v-if="quickLinkList.length>1" :title="quickLinkList[1].name">> {{quickLinkList[1].name}}</p>
+        </div>
+        <div class="guide" >
+          <p class="px18 divp info">新手指南</p>
+          <div class="tc-20"></div>
+          <div class="tc-10"></div>
+          <p class="px14 divp info bottom-graycolor cursor hover_02" @click="toHelpCenter(quickLinkList[2].contentId)" v-if="quickLinkList.length>2" :title="quickLinkList[2].name">> {{quickLinkList[2].name}}</p>
+          <div class="tc-20"></div>
+          <p class="px14 divp info bottom-graycolor cursor hover_02" @click="toHelpCenter(quickLinkList[3].contentId)" v-if="quickLinkList.length>3" :title="quickLinkList[3].name">> {{quickLinkList[3].name}}</p>
+          <div class="tc-20"></div>
+          <p class="px14 divp info bottom-graycolor cursor hover_02" @click="toHelpCenter(quickLinkList[4].contentId)" v-if="quickLinkList.length>4" :title="quickLinkList[4].name">> {{quickLinkList[4].name}}</p>
+        </div>
+        <div class="procurement-service">
+          <p class="px18 divp info">采购服务</p>
+          <div class="tc-20"></div>
+          <div class="tc-10"></div>
+          <p class="px14 divp info bottom-graycolor cursor hover_02" @click="toHelpCenter(quickLinkList[5].contentId)" v-if="quickLinkList.length>5" :title="quickLinkList[5].name">> {{quickLinkList[5].name}}</p>
+          <div class="tc-20"></div>
+          <p class="px14 divp info bottom-graycolor cursor hover_02" @click="toHelpCenter(quickLinkList[6].contentId)" v-if="quickLinkList.length>6" :title="quickLinkList[6].name">> {{quickLinkList[6].name}}</p>
+          <div class="tc-20"></div>
+          <p class="px14 divp info bottom-graycolor cursor hover_02" @click="toHelpCenter(quickLinkList[7].contentId)" v-if="quickLinkList.length>7" :title="quickLinkList[7].name">> {{quickLinkList[7].name}}</p>
+        </div>
+
+        <div class="code" style="left: 525px">
+          <div class="code-div"><img src="@/assets/public/think-change.png" alt=""></div>
+          <div class="px16">手机版下载</div>
+        </div>
+        <div class="code" style="left: 707px">
+          <div class="code-div"><img src="@/assets/public/gzh_apple.jpg" alt=""></div>
+          <div class="px16">微信公众号</div>
+        </div>
+        <div class="work-time color66 font14">客服电话（工作时间：10:00 ~ 19:00）</div>
+        <div class="tel">400-001-0051</div>
+      </div>
+  <div class="tc-20"></div>
+      <el-row>
+        <el-col :span="24">
+          <div class="bottom bottom-graycolor">
+            <ul class="font12">
+              <li class="cursor hover_02" @click="$router.push({path:'/aboutwe'})">关于我们 |</li>
+              <li class="cursor hover_02" @click="$router.push({path:'/invite'})">人才招聘 |</li>
+              <li class="cursor hover_02" @click="$router.push({path:'/lawstatement'})">法律声明 |</li>
+              <li class="cursor hover_02" @click="$router.push({path:'/callme'})">联系我们</li>
+            </ul>
+          </div>
+          <div class="bottom font12">
+			<span class="hover-02">qiguan.shigongbang.com</span> All rights reserved <span class="hover-02">陕ICP备20004104号-1</span>
+          </div>
+        </el-col>
+      </el-row>
+    </div>
+    <div class="tc-10"></div>
+  </div>
+</template>
+
+<script>
+import apiHelp from "@/api/apiHelp"
+export default {
+  name: "Bottom",
+  data() {
+    return {
+      quickLinkList: []
+    }
+  },
+  methods: {
+    route_push(parm) {
+      switch (parm) {
+        case "zhuce":
+          this.$router.push({ path: "/howsign" })
+          break
+        case "zizhi":
+          this.$router.push({ path: "/qualification" })
+          break
+        case "goumai":
+          this.$router.push({ path: "/howtobuy" })
+          break
+      }
+    },
+    async getList() {
+      const res = await apiHelp.getQuickLink()
+      // console.log(res.data.data)
+      // contentId: 59
+      // createTime: 1565174437693
+      // id: 1
+      // isDeleted: 0
+      // linkPath: "https://dev.gcw.net/#/content?id=59"
+      // name: "公司介绍"
+      // sortOrder: 1
+      // updateTime: 1565174437693
+      this.quickLinkList = res.data.data
+    },
+    toHelpCenter(query) {
+      this.$router.push({ path: "/content", query: { id: query }})
+    }
+    //  quickLinkList[0].contentId
+  },
+  computed: {
+
+  },
+  created() {
+    // $router.push({path:'/aboutwe'})
+    this.getList()
+  }
+}
+</script>
+<style lang="scss" rel="stylesheet/scss" scoped>
+  //
+  @media screen and(min-width: 1218px){
+    .bottom-main{
+      .bottomTitle{
+        li{
+          margin-left:  95px;
+          &:nth-child(1){
+            // margin-left:  47.5px;
+            margin-left:  0px;
+          }
+        }
+      }
+      .bottom-box{
+        width: 1200px;
+        .bottom-top{
+          border-bottom: 1px solid #DFDFDF;
+          .about-we{
+            left: 47.5px;
+          }
+          .guide{
+            left: 197.5px;
+          }
+          .procurement-service{
+            left: 337.5px;
+          }
+        }
+        .bottom{
+          ul{
+            margin: 10px 0 0 450px;
+          }
+        }
+      }
+    }
+  }
+  @media screen and(max-width: 1217px){
+    .bottom-main{
+      .bottomTitle{
+        li{
+          margin-left:  7.9%;
+          &:nth-child(1){
+            // margin-left:  3.9%;
+            margin-left:  0px;
+          }
+        }
+      }
+      .bottom-box{
+        width: 100%;
+        .bottom-top{
+          border-bottom: 1px solid #DFDFDF;
+          .about-we{
+            left:  3.9%;
+          }
+          .guide{
+            left: 16.4%;
+          }
+          .procurement-service{
+            left: 28%;
+          }
+          .code{
+            // left: 78%;
+          }
+        }
+        .bottom{
+          ul{
+            margin: 10px 0 0 37.5%;
+          }
+        }
+      }
+    }
+  }
+
+  @media screen and(max-width: 992px){
+    .bottom-main{
+      .bottomTitle{
+        li{
+          margin-left:  53px;
+          &:nth-child(1){
+            margin-left:  27px;
+          }
+        }
+      }
+      .bottom-box{
+        width: 992px;
+        .bottom-top{
+          border-bottom: 1px solid #DFDFDF;
+          .about-we{
+            left:  27px;
+          }
+          .guide{
+            left: 162.6px;
+          }
+          .procurement-service{
+            left: 277.8px;
+          }
+          .code{
+            // left: 78%;
+          }
+        }
+        .bottom{
+          ul{
+            margin: 10px 0 0 372px;
+          }
+        }
+      }
+    }
+  }
+  .bottomTitle{
+    width: 1200px;
+    margin: 0 auto;
+    padding-top: 30px;
+    ul{
+      overflow: hidden;
+      li{
+        float: left;
+        width: 145px;
+        height: 50px;
+        line-height: 50px;
+        position: relative;
+        color: #0286DF;
+        font-size: 24px;
+        img{
+          position: absolute;
+          left: 0px;
+          top: 7px;
+        }
+        span{
+          position: absolute;
+          left: 46px;
+        }
+      }
+    }
+  }
+  .bottom-main {
+    width: 100%;
+    margin: 0 auto;
+    background: $color-white;
+    a:hover,a:visited,a:link,a:active{
+      color:#8d8d8d;
+    }
+    .bottom-box {
+      margin: 0 auto;
+      background: $color-white;
+      .bottom-top {
+        border-bottom: 1px solid #DFDFDF;
+        position: relative;
+        height: 190px;
+        .about-we,.guide,.procurement-service{
+          width: 120px;
+          p{
+              white-space: nowrap;
+              overflow: hidden;
+              text-overflow: ellipsis;
+          }
+          // background: red;
+        }
+        .about-we {
+          // width: 100px;
+          text-align: center;
+          position: absolute;
+          top: 30px;
+        }
+        .guide {
+          // width: 80px;
+          //  width: 100px;
+          text-align: left;
+          position: absolute;
+          top: 30px;
+        }
+        .procurement-service {
+          // width: 205px;
+          // width: 100px;
+          text-align: center;
+          position: absolute;
+          top: 30px;
+        }
+        .work-time{
+          position: absolute;
+          top: 48px;
+          right: 45px;
+        }
+        .tel{
+          position: absolute;
+          top: 85px;
+          right: 45px;
+          font-size:38px;
+          color: #666;
+        }
+        /* 扫一扫加关注 */
+        .code {
+          text-align: center;
+          width: 115px;
+          height: 166px;
+          position: absolute;
+          top: 20px;
+        }
+
+        .code > div:nth-child(2) {
+          height: 30px;
+          width: 100%;
+          line-height: 30px;
+          font-size: 14px;
+          color: #666666;
+        }
+      }
+    }
+
+    .info {
+      text-align: left!important;
+    }
+    .px24 {
+      font-size: 24px;
+      line-height: 24px;
+    }
+
+    .px18 {
+      font-size: 18px;
+      line-height: 18px;
+    }
+
+    .px16 {
+      font-size: 16px;
+      line-height: 16px;
+    }
+
+    .px14 {
+      font-size: 14px;
+      line-height: 14px;
+    }
+
+    /* 灰色字体颜色 */
+    .bottom-graycolor {
+      color: #8d8d8d;
+    }
+
+    .divp {
+      // margin: 15px 0 0 0;
+      width: 100%;
+      // height: 18px;
+    }
+    .bottom {
+      text-align: center;
+      width: 100%;
+      height: 35px;
+      ul {
+        float: left;
+        li {
+          float: left;
+          margin: 0 0 0 5px;
+        }
+      }
+    }
+
+    .code-div{
+      width: 115px;
+      height: 115px;
+    }
+
+    .code-div img{
+      width: 100%;
+      height:100%;
+    }
+  }
+
+</style>
+<style lang="scss" rel="stylesheet/scss">
+  //
+  .bottom-main{
+    p{
+      margin:0;
+    }
+  }
+</style>