yujialong 1 year ago
parent dae45d09d9
commit ae5ceff518
  1. 13
      public/index.html
  2. BIN
      src/assets/images/about/site.png
  3. BIN
      src/assets/images/contact-info.png
  4. BIN
      src/assets/images/index/customer.png
  5. BIN
      src/assets/images/index/qywechat.png
  6. BIN
      src/assets/images/occupationlab.png
  7. BIN
      src/assets/images/user.png
  8. 50
      src/layouts/header/index.vue
  9. 29
      src/pages/aboutUs/index.vue
  10. 35
      src/pages/index/list/index.vue
  11. 27
      src/pages/member/index.vue
  12. 38
      src/pages/supplier/index.vue
  13. 2
      src/router/modules/aboutUs.js
  14. 2
      src/router/modules/index.js
  15. 2
      src/router/modules/member.js
  16. 2
      src/router/modules/supplier.js
  17. 2
      src/setting.js

@ -3,11 +3,20 @@
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="keywords" content="深圳或然科技官网,深圳或然科技,或然科技,教育产业互联网,金融科技,实训软件,虚拟仿真" /> <meta name="keywords" content="职站商城,深圳或然科技,或然科技,教育产业互联网,金融科技,实训软件,虚拟仿真" />
<meta name="description" content="致力于成为教育产业数字化的推动者,成就百万教育产业数字化的创业者" /> <meta name="description" content="致力于成为教育产业数字化的推动者,成就百万教育产业数字化的创业者" />
<meta name="baidu-site-verification" content="code-TRfXe8xIkJ" /> <meta name="baidu-site-verification" content="code-TRfXe8xIkJ" />
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>深圳或然科技官网</title> <script>
var _hmt = _hmt || [];
(function () {
var hm = document.createElement('script');
hm.src = 'https://hm.baidu.com/hm.js?618b4852e941227d703fcc9a512577ab';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<title>职站商城</title>
</head> </head>
<body> <body>
<noscript> <noscript>

Binary file not shown.

After

Width:  |  Height:  |  Size: 696 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 38 KiB

After

Width:  |  Height:  |  Size: 40 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 67 KiB

After

Width:  |  Height:  |  Size: 77 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 205 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 66 KiB

After

Width:  |  Height:  |  Size: 834 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 313 B

@ -13,7 +13,14 @@
:isEstate.sync="isEstate" :isEstate.sync="isEstate"
:isIasf.sync="isIasf" :isIasf.sync="isIasf"
@showMoreBtns="updateBtnsType"></navbar> @showMoreBtns="updateBtnsType"></navbar>
<div class="tools"></div> <div class="tools">
<div class="login"
@click="qrcodeVisible = true">
<img src="@/assets/images/user.png"
alt="">
<span>注册登录</span>
</div>
</div>
</template> </template>
<!-- 手机端 --> <!-- 手机端 -->
<template v-else> <template v-else>
@ -28,6 +35,20 @@
</div> </div>
</template> </template>
<el-dialog title=""
:visible.sync="qrcodeVisible"
width="500px"
center
:top="qrcodeTop"
append-to-body
custom-class="qrcode-dia">
<div>
<img width="100%"
src="@/assets/images/occupationlab.png"
alt="">
</div>
</el-dialog>
</div> </div>
</template> </template>
<script> <script>
@ -46,7 +67,9 @@ export default {
title: '', title: '',
searchTimer: null, searchTimer: null,
modelType: false, modelType: false,
navShow: true navShow: true,
qrcodeVisible: false,
qrcodeTop: '100px'
}; };
}, },
components: { components: {
@ -75,6 +98,8 @@ export default {
window.removeEventListener('scroll', this.handleScroll) window.removeEventListener('scroll', this.handleScroll)
}, },
mounted () { mounted () {
const height = (window.innerHeight - 758) / 2
this.qrcodeTop = (height > 0 ? height : 0) + 'px'
this.setKeyword('') this.setKeyword('')
window.addEventListener('scroll', this.handleScroll) // window.addEventListener('scroll', this.handleScroll) //
}, },
@ -180,8 +205,18 @@ $height: 90px;
} }
} }
.tools { .tools {
img { .login {
display: inline-flex;
align-items: center;
cursor: pointer; cursor: pointer;
&:hover {
opacity: 0.9;
}
span {
margin-left: 5px;
color: #666;
font-size: 14px;
}
} }
} }
.search { .search {
@ -254,6 +289,15 @@ $height: 90px;
top: 0; top: 0;
} }
} }
/deep/.qrcode-dia {
.el-dialog__header,
.el-dialog__body {
padding: 0;
}
.el-dialog__headerbtn .el-dialog__close {
color: #fff;
}
}
@media (max-width: 1660px) { @media (max-width: 1660px) {
.header { .header {
.logo { .logo {

@ -34,18 +34,18 @@
<h6 class="i-title wow fadeInDown">企业文化</h6> <h6 class="i-title wow fadeInDown">企业文化</h6>
<p class="en">CORPORATE CULTURE</p> <p class="en">CORPORATE CULTURE</p>
<ul class="list"> <ul class="list">
<li class="wow fadeInRight"
data-wow-delay="0.8s">
<img src="@/assets/images/about/about5.png"
alt="">
<h6>愿景</h6>
<p class="text">成就百万教育产业数字化的创业者</p>
</li>
<li class="wow fadeInDown" <li class="wow fadeInDown"
data-wow-delay="0.5s"> data-wow-delay="0.5s">
<img src="@/assets/images/about/about4.png" <img src="@/assets/images/about/about4.png"
alt=""> alt="">
<h6>使命</h6> <h6>使命</h6>
<p class="text">成就百万教育产业数字化的创业者</p>
</li>
<li class="wow fadeInRight"
data-wow-delay="0.8s">
<img src="@/assets/images/about/about5.png"
alt="">
<h6>愿景</h6>
<p class="text">成为教育产业数字化的推动者</p> <p class="text">成为教育产业数字化的推动者</p>
</li> </li>
<li class="wow fadeInUp" <li class="wow fadeInUp"
@ -207,13 +207,13 @@
<div class="item"> <div class="item">
<div class="line"> <div class="line">
<img class="icon" <img class="icon"
src="@/assets/images/about/address.png" src="@/assets/images/about/site.png"
alt=""> alt="">
公司电话0755-28109829 公司官网www.huorantech.com
</div> </div>
<div class="line"> <div class="line">
<img class="icon" <img class="icon"
src="@/assets/images/about/tel.png" src="@/assets/images/about/address.png"
alt=""> alt="">
地址广东省深圳市南山区粤海街道海天二路盈峰中心2101 地址广东省深圳市南山区粤海街道海天二路盈峰中心2101
</div> </div>
@ -1232,4 +1232,13 @@ export default {
} }
} }
} }
@media (max-width: 640px) {
.wrap {
.banner {
.text {
max-width: 80%;
}
}
}
}
</style> </style>

@ -146,13 +146,6 @@
@click="filterChange(item.typeId, 'productType')">{{ item.typeName }}</dd> @click="filterChange(item.typeId, 'productType')">{{ item.typeName }}</dd>
</div> </div>
</dl> </dl>
<dl>
<dt>购买状态</dt>
<dd v-for="(item, i) in status"
:key="i"
:class="{active: form.purchaseStatus === item.id}"
@click="filterChange(item.id, 'purchaseStatus')">{{ item.name }}</dd>
</dl>
</div> </div>
<div class="filter m-t-20"> <div class="filter m-t-20">
@ -234,6 +227,12 @@
</div> </div>
</div> </div>
</div> </div>
<div class="copyright">
<!-- <span>© Copyright 2021 Occupation Lab 职站</span> -->
<a href="https://beian.miit.gov.cn/#/Integrated/index"
target="_blank">粤ICP备20072679号</a>
</div>
</div> </div>
</template> </template>
@ -274,7 +273,6 @@ export default {
hotTag: 1, hotTag: 1,
productType: '', productType: '',
productName: '', productName: '',
purchaseStatus: '',
sort: 0, sort: 0,
tagId: '', tagId: '',
productClassification: '', productClassification: '',
@ -618,7 +616,7 @@ export default {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
padding: 43px 0; padding: 20px 0;
background-color: #fff; background-color: #fff;
li { li {
display: inline-flex; display: inline-flex;
@ -933,6 +931,25 @@ export default {
} }
} }
} }
.copyright {
padding: 10px 0;
font-size: 12px;
text-align: center;
line-height: 17px;
background-color: #0f1d2e;
span {
margin-right: 20px;
color: #757f8a;
}
a {
color: #757f8a;
font-size: 12px;
&:hover {
color: #c7c7c7;
}
}
}
@media (max-width: 1200px) { @media (max-width: 1200px) {
.wrap { .wrap {
.carousel { .carousel {

@ -87,7 +87,7 @@ export default {
padding-bottom: 50px; padding-bottom: 50px;
background: url(https://www.occupationlab.com/images/member/1.jpg) 0 0/100% 605px no-repeat; background: url(https://www.occupationlab.com/images/member/1.jpg) 0 0/100% 605px no-repeat;
.equity-wrap { .equity-wrap {
width: 1190px; width: 1000px;
padding-top: 20px; padding-top: 20px;
margin: 0 auto; margin: 0 auto;
} }
@ -95,8 +95,6 @@ export default {
width: 150px; width: 150px;
} }
.equity { .equity {
min-height: 614px;
margin-top: 20px;
background: url(https://www.occupationlab.com/images/member/2.jpg) 0 0/100% 100% no-repeat; background: url(https://www.occupationlab.com/images/member/2.jpg) 0 0/100% 100% no-repeat;
background-color: #111d42; background-color: #111d42;
border-radius: 24px 18px 18px 18px; border-radius: 24px 18px 18px 18px;
@ -105,7 +103,7 @@ export default {
} }
h6 { h6 {
position: relative; position: relative;
margin: 60px 0 55px; margin: 30px 0;
font-size: 2rem; font-size: 2rem;
font-weight: 600; font-weight: 600;
text-align: center; text-align: center;
@ -129,7 +127,7 @@ export default {
.step { .step {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
padding: 0 160px 0 200px; padding: 0 80px 0 100px;
li { li {
position: relative; position: relative;
font-size: 1.1rem; font-size: 1.1rem;
@ -155,10 +153,10 @@ export default {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-between; justify-content: space-between;
padding: 0 180px; padding: 0 100px;
li { li {
width: 33.33%; width: 33.33%;
padding: 20px 30px; padding: 10px 20px;
text-align: center; text-align: center;
.name { .name {
margin: 10px 0 10px; margin: 10px 0 10px;
@ -175,8 +173,8 @@ export default {
.btn { .btn {
width: 400px; width: 400px;
height: 72px; height: 72px;
margin: 30px auto 50px; margin: 30px auto;
font-size: 24px; font-size: 1.4rem;
color: #13192e; color: #13192e;
font-weight: 600; font-weight: 600;
line-height: 72px; line-height: 72px;
@ -201,6 +199,9 @@ export default {
} }
@media (max-width: 1200px) { @media (max-width: 1200px) {
.reg { .reg {
h6 {
margin: 20px 0;
}
.equity-wrap { .equity-wrap {
width: 90%; width: 90%;
.equity { .equity {
@ -212,12 +213,16 @@ export default {
padding: 0 30px 0 50px; padding: 0 30px 0 50px;
li { li {
width: 50%; width: 50%;
padding: 0;
&:first-child, &:first-child,
&:nth-child(2) { &:nth-child(2) {
margin-bottom: 20px; margin-bottom: 10px;
} }
} }
} }
.member-des {
margin-top: 20px;
}
.param { .param {
padding: 0; padding: 0;
li { li {
@ -231,7 +236,7 @@ export default {
.step { .step {
li { li {
width: 100%; width: 100%;
margin-bottom: 20px; margin-bottom: 10px;
&:last-child { &:last-child {
margin-bottom: 0; margin-bottom: 0;
} }

@ -26,7 +26,7 @@
<img src="@/assets/images/dev/entry2.png" <img src="@/assets/images/dev/entry2.png"
alt=""> alt="">
</span> </span>
<p class="pro-text">提交云商店入驻申请</p> <p class="pro-text">提交职站商城入驻申请</p>
</li> </li>
<li> <li>
<span class="icon"> <span class="icon">
@ -40,7 +40,7 @@
<img src="@/assets/images/dev/entry4.png" <img src="@/assets/images/dev/entry4.png"
alt=""> alt="">
</span> </span>
<p class="pro-text">审核完成加入云商店</p> <p class="pro-text">审核完成加入职站商城</p>
</li> </li>
</ul> </ul>
<!-- <el-steps :active="4" <!-- <el-steps :active="4"
@ -115,14 +115,15 @@
alt=""> alt="">
</div> </div>
<el-dialog title="请扫码添加职站商城运营" <el-dialog title=""
:visible.sync="qrcodeVisible" :visible.sync="qrcodeVisible"
width="350px" width="400px"
center center
:close-on-click-modal="false"> :top="qrcodeTop"
custom-class="qrcode-dia">
<div> <div>
<img width="100%" <img width="100%"
src="@/assets/images/index/customer.png" src="@/assets/images/index/qywechat.png"
alt=""> alt="">
</div> </div>
</el-dialog> </el-dialog>
@ -135,9 +136,13 @@ export default {
data () { data () {
return { return {
qrcodeVisible: false, qrcodeVisible: false,
qrcodeTop: '100px'
} }
}, },
mounted () { }, mounted () {
const height = (window.innerHeight - 758) / 2
this.qrcodeTop = (height > 0 ? height : 0) + 'px'
},
methods: { methods: {
openDev () { openDev () {
window.open('https://dev.huorantech.cn') window.open('https://dev.huorantech.cn')
@ -160,15 +165,16 @@ export default {
position: absolute; position: absolute;
bottom: 120px; bottom: 120px;
left: 50%; left: 50%;
font-size: 1rem;
transform: translateX(-50%); transform: translateX(-50%);
text-align: center; text-align: center;
} }
h6 { h6 {
margin-bottom: 30px; margin-bottom: 30px;
font-size: 42px; font-size: 2.2rem;
} }
.text { .text {
font-size: 16px; font-size: 1rem;
line-height: 30px; line-height: 30px;
} }
} }
@ -354,10 +360,22 @@ export default {
} }
} }
} }
/deep/.qrcode-dia {
background-color: transparent;
box-shadow: none;
.el-dialog__header,
.el-dialog__body {
padding: 0;
background-color: transparent;
}
.el-dialog__headerbtn .el-dialog__close {
color: #fff;
}
}
@media (max-width: 1200px) { @media (max-width: 1200px) {
.wrap { .wrap {
.banner { .banner {
padding: 50px 0 0 50px; padding: 120px 0 0 50px;
.dev { .dev {
bottom: 80px; bottom: 80px;
} }

@ -8,7 +8,7 @@ export default {
name, name,
path: `/${name}`, path: `/${name}`,
component: () => import(`@/pages/${name}`), component: () => import(`@/pages/${name}`),
meta: { title: '' } meta: { title: '关于我们' }
} }
] ]
}; };

@ -17,7 +17,7 @@ export default {
name: 'index', name: 'index',
path: `/index`, path: `/index`,
component: () => import("@/pages/index/list"), component: () => import("@/pages/index/list"),
meta: { title: "首页" } meta: { title: "职站商城" }
}, },
{ {
path: `show`, path: `show`,

@ -8,7 +8,7 @@ export default {
name, name,
path: `/${name}`, path: `/${name}`,
component: () => import(`@/pages/${name}`), component: () => import(`@/pages/${name}`),
meta: { title: '' } meta: { title: '会员中心' }
}, },
] ]
}; };

@ -8,7 +8,7 @@ export default {
name, name,
path: `/${name}`, path: `/${name}`,
component: () => import(`@/pages/${name}`), component: () => import(`@/pages/${name}`),
meta: { title: '' } meta: { title: '供应商登记' }
} }
] ]
}; };

@ -5,7 +5,7 @@ const isDev = process.env.NODE_ENV === 'development' // 开发环境
let host = `${location.origin}/` let host = `${location.origin}/`
if (isDev) { if (isDev) {
// host = 'http://192.168.31.52:10000/' // host = 'http://192.168.31.52:10000/'
host = 'http://139.159.254.212/' host = 'https://huorantech.com/'
} }
const Setting = { const Setting = {

Loading…
Cancel
Save