qj-happy-common-zhongjian 1.0.27

package/src/views/pc/default/header-modules/ymHeader.vue

@@ -0,0 +1,292 @@
+<style lang="scss" scoped>
+/* Package By Joenix */
+
+$theme: #ffc808;
+$page: 1200px;
+$unit: 20px;
+
+$space-toper: 50px;
+
+.in {
+  @mixin flex($mode: center) {
+    display: flex;
+    justify-content: $mode;
+    align-items: center;
+  }
+
+  @mixin shadow($size: 4px) {
+    box-shadow: 0 0 $size rgba(0, 0, 0, 0.125);
+  }
+
+  &--flex {
+    @include flex(space-between);
+  }
+
+  &--shadow {
+    @include shadow(8px);
+  }
+
+  &--hand {
+    cursor: pointer;
+    transition: all 0.36s;
+  }
+
+  &--header {
+    &--container {
+      width: $page;
+      margin: 0 auto;
+    }
+
+    &--toper {
+      line-height: $space-toper;
+      background-color: $theme;
+    }
+
+    &--logo {
+      width: 190px;
+      height: 100px;
+    }
+
+    &--search {
+      &--input {
+        border-radius: 4px 0 0 4px;
+      }
+
+      &--button {
+        border-radius: 0 4px 4px 0;
+      }
+    }
+
+    &--navigator {
+      height: 100px;
+
+      span {
+        line-height: 100px;
+        margin: 0 30px;
+        display: inline-block;
+        font-size: 18px;
+        font-weight: bold;
+        position: relative;
+        color: #363636;
+
+        &:after {
+          content: "";
+          display: block;
+          height: 4px;
+          bottom: 0;
+          background-color: $theme;
+          transition: all 0.36s;
+          position: absolute;
+
+          width: 0;
+          left: 50%;
+        }
+
+        &:hover {
+          color: $theme;
+
+          &:after {
+            width: 100%;
+            left: 0;
+          }
+        }
+      }
+    }
+  }
+
+
+}
+</style>
+
+<template>
+  <div class="common-top-bar cephalosome in--header">
+    <!-- Search -->
+    <div class="search_mod in--shadow">
+      <div class="in--header--container in--flex">
+        <img
+          class="in--header--logo in--hand"
+          src="../assets/yunmoLogo.png"
+          @click="toIndex()"
+        />
+        <div class="in--header--navigator">
+          <span class="in--hand" @click="toDetail(0)">商城首页</span>
+          <span class="in--hand" @click="toDetail(3)">资源超市</span>
+          <span class="in--hand" @click="toDetail(1)">需求大厅</span>
+          <span class="in--hand" @click="toDetail(2)">技术服务</span>
+        </div>
+        <div class="search_content in--header--search">
+          <input
+            class="in--header--search--input"
+            placeholder="Tmax"
+            v-model="searchValue"
+            @keyup.enter="search"
+          />
+          <div
+            class="search_button in--header--search--button in--hand"
+            @click="search()"
+          >
+            搜索
+          </div>
+        </div>
+      </div>
+    </div>
+
+  </div>
+</template>
+
+<script>
+import { indexRequest, loginOut } from "#/api/login.js";
+
+export default {
+  data() {
+    return {
+    
+      searchValue: "",
+      userInfo: {}
+    };
+  },
+  mounted() {
+    if (window.sessionStorage.getItem("personalInfo")) {
+      this.userInfo = JSON.parse(window.sessionStorage.getItem("personalInfo"));
+    }
+    
+  },
+  methods: {
+   
+    tocar() {
+      location.href =
+        "/paas/pc-mall/index.html#/car";
+    },
+    user() {
+     location.href =
+        "/paas/user-manager/index.html#/user";
+    },
+    toDetail(type) {
+      if (type == 0) {
+        location.href = "/paas/pc-mall-self/index.html#/indexPc";
+      } else if (type == 1) {
+        location.href = "/paas/pc-mall-self/index.html#/demandHall";
+      }else if(type ==3){
+        location.href = "/paas/pc-mall/index.html#/searchResult";
+      }
+       else {
+        location.href = "/paas/pc-mall-self/index.html#/iur";
+      }
+    },
+    login() {
+      // this.$router.push("/loginYm");
+     location.href =
+        "/paas/index/index.html#/loginPc";
+    },
+    register() {
+      // this.$router.push("/register");
+      location.href =
+        "/paas/index/index.html#/regPc";
+    },
+    toIndex() {
+      location.href = "/paas/pc-mall-self/index.html#/indexPc";
+    },
+    search() {
+      location.href =
+        "/paas/pc-mall/index.html#/searchResult?searchParam=" +
+        this.searchValue;
+    },
+
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.top_mod {
+  // width: 100%;
+  // height: 36px;
+  // padding: 0 18%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  box-sizing: border-box;
+  font-size: 14px;
+  font-weight: 400;
+  color: rgba(51, 51, 51, 1);
+  //   background: #fafafa;
+}
+
+.nav_bar {
+  width: 100%;
+  height: 50px;
+  background: #ffc808;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.home_text2 {
+  margin: 0 96px;
+}
+
+.nav_bar div {
+  font-size: 18px;
+  font-weight: 500;
+  color: rgba(35, 35, 35, 1);
+  cursor: pointer;
+}
+
+.left_mod,
+.button_box {
+  display: flex;
+  align-items: center;
+}
+
+.user_accounts {
+  margin-right: 42px;
+  cursor: pointer;
+}
+
+.border_line {
+  width: 1px;
+  height: 16px;
+  background: rgba(204, 204, 204, 1);
+  margin: 0 20px;
+}
+
+.right_mod {
+  display: flex;
+  align-items: center;
+}
+
+.search_content input {
+  width: 360px;
+  height: 40px;
+  background: rgba(255, 255, 255, 1);
+  border: 1px solid #ffc808;
+  padding-left: 12px;
+  box-sizing: border-box;
+}
+
+.search_button {
+  width: 80px;
+  height: 40px;
+  background: #ffc808;
+  font-size: 14px;
+  font-weight: 400;
+  color: rgba(39, 39, 39, 1);
+  text-align: center;
+  line-height: 40px;
+}
+
+.search_mod {
+  box-sizing: border-box;
+  margin: 30px 0;
+}
+
+.search_mod img {
+  width: 190px;
+  height: 100px;
+}
+
+.search_mod,
+.search_content {
+  display: flex;
+  align-items: center;
+}
+</style>

package/src/views/pc/default/header-modules/ysHeader.vue

@@ -0,0 +1,249 @@
+<template>
+  <header>
+    <div class="margin">
+      <div class="logo">
+        <a href="/paas/index/index.html#/ntv">
+          <img
+            src="http://devpcb2b.2020050600004084.xytest.qjclouds.com/paas/shop/2020050600004084/2020-09-06/82b19a7987c44e46a1406adf41c42e8e.png"
+            alt="a"
+          />
+        </a>
+      </div>
+      <div class="center" v-if="isLogin && userInfor">
+        <div class="search" @click="search_goods">
+          <a href="/paas/index/index.html#/goodsList">
+            <input type="text" placeholder="Tmax" v-model="searchParam" />
+          </a>
+          <div class="box">
+            <!-- @click="search_goods" -->
+            <a href="/paas/index/index.html#/goodsList"
+              ><i class="iconfont icon-new-search-icon"></i
+            ></a>
+          </div>
+        </div>
+      </div>
+      <div class="right" v-if="isLogin && userInfor">
+        <ul>
+          <!-- router-link -->
+
+          <li>
+            <i class="iconfont icon-gouwuche"></i>
+            <a href="/paas/index/index.html#/shopCar">购物车</a>
+          </li>
+
+          <li>
+            <i class="iconfont icon-dingdan"></i>
+            <a href="/paas/index/index.html#/userCenter/order">订单中心</a>
+          </li>
+
+          <!-- <router-link :to="{ path: '/userCenter/member' }"> -->
+          <li>
+            <i class="iconfont icon-huiyuan"></i>
+            <a href="/paas/index/index.html#/member">会员中心</a>
+          </li>
+          <!-- </router-link> -->
+          <li>
+            <i class="iconfont icon-diqiu"></i>
+            <!-- <a href="#">中文</a> -->
+            <el-dropdown trigger="click">
+              <span class="el-dropdown-link">
+                中文<i class="el-icon-arrow-down el-icon--right"></i>
+              </span>
+              <el-dropdown-menu slot="dropdown">
+                <el-dropdown-item icon="el-icon-plus">中文</el-dropdown-item>
+                <el-dropdown-item icon="el-icon-circle-plus"
+                  >英语</el-dropdown-item
+                >
+              </el-dropdown-menu>
+            </el-dropdown>
+          </li>
+        </ul>
+      </div>
+      <div class="right" v-else>
+        <ul>
+          <!-- router-link -->
+          <li>
+            <i class="iconfont icon-dingdan"></i>
+            <a href="https://en.uniview.com/Products/">Product&Technolog</a>
+          </li>
+
+          <li>
+            <i class="iconfont icon-dingdan"></i>
+            <a href="https://en.uniview.com/Solutions/">Solutions</a>
+          </li>
+          <li>
+            <i class="iconfont icon-gouwuche"></i>
+            <a href="https://en.uniview.com/News/">News</a>
+          </li>
+
+          <li>
+            <i class="iconfont icon-dingdan"></i>
+            <a href="https://en.uniview.com/Support/">Support：</a>
+          </li>
+
+          <!-- <router-link :to="{ path: '/userCenter/member' }"> -->
+          <li>
+            <i class="iconfont icon-huiyuan"></i>
+            <span @click="login">LOGIN</span>
+          </li>
+          <!-- </router-link> -->
+          <li>
+            <i class="iconfont icon-diqiu"></i>
+            <!-- <a href="#">中文</a> -->
+            <el-dropdown trigger="click">
+              <span class="el-dropdown-link">
+                中文<i class="el-icon-arrow-down el-icon--right"></i>
+              </span>
+              <el-dropdown-menu slot="dropdown">
+                <el-dropdown-item icon="el-icon-plus">中文</el-dropdown-item>
+                <el-dropdown-item icon="el-icon-circle-plus"
+                  >英语</el-dropdown-item
+                >
+              </el-dropdown-menu>
+            </el-dropdown>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </header>
+</template>
+
+<script>
+import { logout } from '#/api/login';
+import { getToken, removeToken } from '#/utils/auth';
+import API from '#/api/common/index.js';
+import erwm from '#/assets/newerwei.png';
+export default {
+  name: '',
+  data() {
+    return {
+      logins: null,
+    };
+  },
+  components: {},
+  created() {},
+  mounted() {},
+  methods: {
+    // search_goods() {
+    //   this.$router.push('/goodsList');
+    // },
+    // order() {
+    //   this.$router.push('');
+    // },
+    // userCenter() {
+    //   this.$router.push('');
+    // },
+    // index() {
+    //   this.$router.push('/ntv');
+    // },
+    getUserCookie() {
+      let cookie = document.cookie;
+      let start = cookie.indexOf('saas-user-');
+      if (start > -1) {
+        let end = cookie.indexOf('=', start);
+        return cookie.substring(start, end);
+      } else {
+        return null;
+      }
+    },
+    // car() {
+    //   this.$router.push('');
+    // },
+  },
+  computed: {
+    isLogin() {
+      this.logins = this.getUserCookie()
+        ? getToken(this.getUserCookie())
+        : false;
+      return this.getUserCookie() ? getToken(this.getUserCookie()) : false;
+    },
+    userInfor() {
+      let info =
+        this.getUserCookie() && getToken(this.getUserCookie())
+          ? JSON.parse(getToken(this.getUserCookie()))
+          : {};
+      return info;
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.margin {
+  width: 1200px;
+  margin: 0 auto;
+}
+header {
+  width: 100%;
+  height: 100px;
+  background: linear-gradient(
+    135deg,
+    rgba(38, 137, 195, 1),
+    rgba(75, 95, 170, 1)
+  );
+  .margin {
+    display: flex;
+    align-items: center;
+    height: 100px;
+    .logo {
+      img {
+        width: 91px;
+        height: 46px;
+        cursor: pointer;
+      }
+    }
+    .center {
+      margin-left: 189px;
+      .search {
+        display: flex;
+        input {
+          padding-left: 29px;
+          box-sizing: border-box;
+          width: 322px;
+          height: 40px;
+          background: rgba(255, 255, 255, 1);
+          border: 2px solid rgba(90, 195, 255, 1);
+          border-radius: 4px 0 0 4px;
+          border-right: 0;
+        }
+        .box {
+          width: 38px;
+          height: 36px;
+          background: rgba(38, 130, 182, 1);
+          border-radius: 0px 2px 2px 0px;
+          color: #fff;
+          line-height: 36px;
+          border: 2px solid rgba(90, 195, 255, 1);
+          text-align: center;
+          border-left: 0;
+          border-radius: 0 4px 4px 0;
+        }
+      }
+    }
+    .right {
+      // flex: 1;
+      margin-left: 58px;
+      ul {
+        display: flex;
+        color: #fff;
+        li {
+          display: flex;
+          // justify-content: center;
+          align-items: center;
+          i {
+            font-size: 20px;
+            margin-right: 5px;
+          }
+          margin-right: 35px;
+        }
+      }
+    }
+  }
+}
+.el-dropdown-link {
+  color: #fff;
+  // font:16px/100px "";
+  font-size: 16px;
+  margin: 5px 0 0 5px;
+  cursor: pointer;
+}
+</style>