qgb-process 0.2.3 → 0.2.7

package/src/views/Login/components/Title.vue

@@ -1,301 +1,301 @@
-<!-- /**
-* 作用于 登录 注册 找回密码
-* @authors zzt
-* @date 2019-04-09
-* @version 1.0.0
-*/ -->
-
-<template>
-  <div class="title-box">
-    <div class="title-inner">
-      <div
-        class="title-logo cursor"
-        @click="toPush"
-      ><img
-          src="@/assets/public/logoname.png"
-          alt=""
-        >
-      </div>
-      <div
-        class="title-line"
-        v-if="name"
-      ></div>
-      <div class="title-font font24">{{name}}</div>
-      <div
-        class="title-app"
-        @click="$router.push({path:'/appDownload'})"
-      >APP下载</div>
-      <div
-        class="title-pc"
-        @click="$router.push({path:'/clientDownload'})"
-      >客户端下载</div>
-      <div
-        class="title-tologin font16"
-        v-if="showToLogin"
-      ><span>已有账号?</span>&nbsp; <span
-          class="colortheme cursor"
-          @click="$router.push({path:'/login'})"
-        >请登录></span></div>
-      <div
-        v-if="!showToLogin"
-        class="title-service"
-      >
-        <div><img
-            src="@/assets/public/login_icon_service.png"
-            alt=""
-          ></div>
-        <!-- <div class="color66 font18"><a class="color66 hover_02" href="tencent://message/?uin=3451424735&Site=&Menu=yes">在线客服</a></div> -->
-        <div class="color66 font18"><a
-            class="color66 hover_02"
-            href="javascript:;"
-            @click="ysfOpen"
-          >在线客服</a></div>
-      </div>
-
-      <div
-        v-if="!showToLogin"
-        class="title-tel-img"
-      >
-        <img
-          src="@/assets/public/login_icon_tel.png"
-          alt=""
-        >
-      </div>
-
-      <div
-        v-if="!showToLogin"
-        class="title-tel-font"
-      >
-        <div>400-001-0051</div>
-        <div class="tc-3"></div>
-        <div>周一至周日 10:00 ~ 19:00</div>
-      </div>
-      <div
-        class="link-btn"
-        v-if="showLogin"
-      >
-        <el-button
-          style="font-size:18px"
-          type="text"
-          @click="$router.push({path:'/'})"
-        >登录
-        </el-button>
-      </div>
-      <div
-        class="j_alert"
-        v-show="jAlert"
-      >
-        <div style="width: 150px;height: 150px;margin: 20px auto;">
-          <img
-            src="../../../assets/guide/j_ewm.png"
-            width="100%"
-          >
-        </div>
-        <div class="j_alertTit">扫一扫，立即下载</div>
-      </div>
-    </div>
-
-  </div>
-</template>
-<script>
-export default {
-  name: "Title",
-  mixins: [],
-  extends: {},
-  props: {
-    name: {
-      type: String,
-      required: true
-    },
-    showToLogin: {
-      type: Boolean,
-      default: false
-    },
-    showLogin: {
-      type: Boolean,
-      default: false
-    }
-  },
-  data() {
-    return {
-      jAlert: false
-    };
-  },
-  computed: {},
-  components: {},
-  filter: {},
-  watch: {},
-  methods: {
-    toPush() {
-      if (window.location.host.indexOf("qiguanbang.gcw.net") > -1) {
-        window.location.href = "https://qiguanbang.gcw.net";
-      } else {
-        window.location.href = "https://qiguanbang.com";
-      }
-      // window.location.href = process.env.NODE_ENV === 'production' ? 'https://qiguan.shigongbang.com/' :'https://qiguanbang.gcw.net/'
-      // let referrer = document.referrer
-      // let host = document.location.host
-      // // console.log(referrer)
-      // if (referrer && (referrer.indexOf(host) === -1)) {
-      //   // window.history.go(-1)
-      //   window.location.href = referrer
-      // }
-    },
-    ysfOpen() {
-      window.ysf.open();
-    }
-  },
-  created() {},
-  mounted() {}
-};
-</script>
-
-<style lang="scss" rel="stylesheet/scss" scoped>
-@media screen and (min-width: 1218px) {
-  .title-box {
-    .title-inner {
-      // width: 1200px;
-    }
-  }
-}
-@media screen and (max-width: 1217px) {
-  .title-box {
-    .title-inner {
-      // width: 80%;
-    }
-  }
-}
-@media screen and (max-width: 992px) {
-  .title-box {
-    .title-inner {
-      // width: 793px;
-    }
-  }
-}
-
-.title-box {
-  height: 100px;
-  width: 100%;
-  background: #fff;
-  .title-inner {
-    height: 100%;
-    margin: 0 auto;
-    position: relative;
-    width: 1200px;
-    > div {
-      position: absolute;
-    }
-    .title-logo {
-      width: 240px;
-      height: 100px;
-      left: 0;
-      top: 0px;
-      > img {
-        width: 100%;
-      }
-    }
-    .title-app {
-      left: 500px;
-      top: 38px;
-      font-size: 18px;
-      color: #333333;
-      cursor: pointer;
-    }
-    .title-pc {
-      left: 660px;
-      top: 38px;
-      font-size: 18px;
-      color: #333333;
-      cursor: pointer;
-    }
-    .title-line {
-      width: 1px;
-      height: 60px;
-      // left: 230px;
-      left: 268px;
-      top: 20px;
-      background: #bfbfbf;
-    }
-    .title-font {
-      color: #666666;
-      height: 50px;
-      line-height: 50px;
-      // left: 250px;
-      left: 308px;
-      top: 25px;
-    }
-    .title-tologin {
-      color: #666666;
-      height: 50px;
-      line-height: 50px;
-      right: 0px;
-      top: 25px;
-    }
-    .j_alert {
-      z-index: 999;
-      top: 84px;
-      left: 450px;
-      width: 180px;
-      height: 212px;
-      background-color: #ffffff;
-      border-top: 1px solid #f5f5f5;
-      .j_alertTit {
-        line-height: 0;
-        text-align: center;
-        font-size: 12px;
-        color: #666666;
-      }
-    }
-    .title-service {
-      margin-left: 487px;
-      left: 50%;
-      top: 30px;
-      width: 113px;
-      height: 42px;
-      line-height: 42px;
-      font-weight: 400;
-      // a{
-      //   color: #666;
-      // }
-      > div {
-        float: left;
-        display: inline-block;
-        &:nth-child(2) {
-          margin-left: 9px;
-        }
-        > img {
-          vertical-align: middle;
-        }
-      }
-    }
-    .title-tel-img {
-      width: 32px;
-      height: 32px;
-      margin-left: 255px;
-      top: 38px;
-      left: 50%;
-    }
-    .title-tel-font {
-      margin-left: 295px;
-      top: 29px;
-      left: 50%;
-      > div {
-        &:nth-child(1) {
-          font-size: 20px;
-          font-weight: bold;
-          color: #666;
-        }
-        &:nth-child(3) {
-          font-size: 12px;
-          font-weight: 400;
-          color: rgba(0, 0, 0, 1);
-        }
-      }
-    }
-    .link-btn {
-      right: -80px;
-      top: 30px;
-    }
-  }
-}
-</style>
+<!-- /**
+* 作用于 登录 注册 找回密码
+* @authors zzt
+* @date 2019-04-09
+* @version 1.0.0
+*/ -->
+
+<template>
+  <div class="title-box">
+    <div class="title-inner">
+      <div
+        class="title-logo cursor"
+        @click="toPush"
+      ><img
+          src="@/assets/public/logoname.png"
+          alt=""
+        >
+      </div>
+      <div
+        class="title-line"
+        v-if="name"
+      ></div>
+      <div class="title-font font24">{{name}}</div>
+      <div
+        class="title-app"
+        @click="$router.push({path:'/appDownload'})"
+      >APP下载</div>
+      <div
+        class="title-pc"
+        @click="$router.push({path:'/clientDownload'})"
+      >客户端下载</div>
+      <div
+        class="title-tologin font16"
+        v-if="showToLogin"
+      ><span>已有账号?</span>&nbsp; <span
+          class="colortheme cursor"
+          @click="$router.push({path:'/login'})"
+        >请登录></span></div>
+      <div
+        v-if="!showToLogin"
+        class="title-service"
+      >
+        <div><img
+            src="@/assets/public/login_icon_service.png"
+            alt=""
+          ></div>
+        <!-- <div class="color66 font18"><a class="color66 hover_02" href="tencent://message/?uin=3451424735&Site=&Menu=yes">在线客服</a></div> -->
+        <div class="color66 font18"><a
+            class="color66 hover_02"
+            href="javascript:;"
+            @click="ysfOpen"
+          >在线客服</a></div>
+      </div>
+
+      <div
+        v-if="!showToLogin"
+        class="title-tel-img"
+      >
+        <img
+          src="@/assets/public/login_icon_tel.png"
+          alt=""
+        >
+      </div>
+
+      <div
+        v-if="!showToLogin"
+        class="title-tel-font"
+      >
+        <div>400-001-0051</div>
+        <div class="tc-3"></div>
+        <div>周一至周日 10:00 ~ 19:00</div>
+      </div>
+      <div
+        class="link-btn"
+        v-if="showLogin"
+      >
+        <el-button
+          style="font-size:18px"
+          type="text"
+          @click="$router.push({path:'/'})"
+        >登录
+        </el-button>
+      </div>
+      <div
+        class="j_alert"
+        v-show="jAlert"
+      >
+        <div style="width: 150px;height: 150px;margin: 20px auto;">
+          <img
+            src="../../../assets/guide/j_ewm.png"
+            width="100%"
+          >
+        </div>
+        <div class="j_alertTit">扫一扫，立即下载</div>
+      </div>
+    </div>
+
+  </div>
+</template>
+<script>
+export default {
+  name: "Title",
+  mixins: [],
+  extends: {},
+  props: {
+    name: {
+      type: String,
+      required: true
+    },
+    showToLogin: {
+      type: Boolean,
+      default: false
+    },
+    showLogin: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    return {
+      jAlert: false
+    };
+  },
+  computed: {},
+  components: {},
+  filter: {},
+  watch: {},
+  methods: {
+    toPush() {
+      if (window.location.host.indexOf("qiguanbang.gcw.net") > -1) {
+        window.location.href = "https://qiguanbang.gcw.net";
+      } else {
+        window.location.href = "https://qiguanbang.com";
+      }
+      // window.location.href = process.env.NODE_ENV === 'production' ? 'https://qiguan.shigongbang.com/' :'https://qiguanbang.gcw.net/'
+      // let referrer = document.referrer
+      // let host = document.location.host
+      // // console.log(referrer)
+      // if (referrer && (referrer.indexOf(host) === -1)) {
+      //   // window.history.go(-1)
+      //   window.location.href = referrer
+      // }
+    },
+    ysfOpen() {
+      window.ysf.open();
+    }
+  },
+  created() {},
+  mounted() {}
+};
+</script>
+
+<style lang="scss" rel="stylesheet/scss" scoped>
+@media screen and (min-width: 1218px) {
+  .title-box {
+    .title-inner {
+      // width: 1200px;
+    }
+  }
+}
+@media screen and (max-width: 1217px) {
+  .title-box {
+    .title-inner {
+      // width: 80%;
+    }
+  }
+}
+@media screen and (max-width: 992px) {
+  .title-box {
+    .title-inner {
+      // width: 793px;
+    }
+  }
+}
+
+.title-box {
+  height: 100px;
+  width: 100%;
+  background: #fff;
+  .title-inner {
+    height: 100%;
+    margin: 0 auto;
+    position: relative;
+    width: 1200px;
+    > div {
+      position: absolute;
+    }
+    .title-logo {
+      width: 240px;
+      height: 100px;
+      left: 0;
+      top: 0px;
+      > img {
+        width: 100%;
+      }
+    }
+    .title-app {
+      left: 500px;
+      top: 38px;
+      font-size: 18px;
+      color: #333333;
+      cursor: pointer;
+    }
+    .title-pc {
+      left: 660px;
+      top: 38px;
+      font-size: 18px;
+      color: #333333;
+      cursor: pointer;
+    }
+    .title-line {
+      width: 1px;
+      height: 60px;
+      // left: 230px;
+      left: 268px;
+      top: 20px;
+      background: #bfbfbf;
+    }
+    .title-font {
+      color: #666666;
+      height: 50px;
+      line-height: 50px;
+      // left: 250px;
+      left: 308px;
+      top: 25px;
+    }
+    .title-tologin {
+      color: #666666;
+      height: 50px;
+      line-height: 50px;
+      right: 0px;
+      top: 25px;
+    }
+    .j_alert {
+      z-index: 999;
+      top: 84px;
+      left: 450px;
+      width: 180px;
+      height: 212px;
+      background-color: #ffffff;
+      border-top: 1px solid #f5f5f5;
+      .j_alertTit {
+        line-height: 0;
+        text-align: center;
+        font-size: 12px;
+        color: #666666;
+      }
+    }
+    .title-service {
+      margin-left: 487px;
+      left: 50%;
+      top: 30px;
+      width: 113px;
+      height: 42px;
+      line-height: 42px;
+      font-weight: 400;
+      // a{
+      //   color: #666;
+      // }
+      > div {
+        float: left;
+        display: inline-block;
+        &:nth-child(2) {
+          margin-left: 9px;
+        }
+        > img {
+          vertical-align: middle;
+        }
+      }
+    }
+    .title-tel-img {
+      width: 32px;
+      height: 32px;
+      margin-left: 255px;
+      top: 38px;
+      left: 50%;
+    }
+    .title-tel-font {
+      margin-left: 295px;
+      top: 29px;
+      left: 50%;
+      > div {
+        &:nth-child(1) {
+          font-size: 20px;
+          font-weight: bold;
+          color: #666;
+        }
+        &:nth-child(3) {
+          font-size: 12px;
+          font-weight: 400;
+          color: rgba(0, 0, 0, 1);
+        }
+      }
+    }
+    .link-btn {
+      right: -80px;
+      top: 30px;
+    }
+  }
+}
+</style>