初始化
This commit is contained in:
commit
6acdcf3547
15
.editorconfig
Normal file
15
.editorconfig
Normal file
@ -0,0 +1,15 @@
|
|||||||
|
# https://editorconfig.org
|
||||||
|
root = true
|
||||||
|
|
||||||
|
[*]
|
||||||
|
charset = utf-8
|
||||||
|
indent_style = space
|
||||||
|
indent_size = 2
|
||||||
|
end_of_line = lf
|
||||||
|
insert_final_newline = true
|
||||||
|
trim_trailing_whitespace = true
|
||||||
|
quote_type = single
|
||||||
|
|
||||||
|
[*.md]
|
||||||
|
insert_final_newline = false
|
||||||
|
trim_trailing_whitespace = false
|
||||||
14
.env
Normal file
14
.env
Normal file
@ -0,0 +1,14 @@
|
|||||||
|
# 所有情况下都会加载
|
||||||
|
VITE_APP_COMPANYNAME=深圳福恋智能信息科技有限公司
|
||||||
|
|
||||||
|
VITE_APP_PHONE=400-xxx-789
|
||||||
|
|
||||||
|
VITE_APP_EMAIL=xxxxxx@qq.com
|
||||||
|
|
||||||
|
VITE_APP_QQ=42xxxxxxxxx2
|
||||||
|
|
||||||
|
VITE_APP_BLOG=http://www.fulllinkai.cn/
|
||||||
|
|
||||||
|
VITE_APP_ADDRESS=深圳市南山区南山街道南山社区南新路阳光科创中心一期A座3305A
|
||||||
|
|
||||||
|
VITE_APP_QQGROUP=8xxxxxxxx7
|
||||||
4
.env.development
Normal file
4
.env.development
Normal file
@ -0,0 +1,4 @@
|
|||||||
|
# .env.development
|
||||||
|
# 开发环境使用的环境变量
|
||||||
|
|
||||||
|
VITE_APP_TITLE=友福同享
|
||||||
4
.env.production
Normal file
4
.env.production
Normal file
@ -0,0 +1,4 @@
|
|||||||
|
# .env.production
|
||||||
|
# 生产环境使用的环境变量
|
||||||
|
|
||||||
|
VITE_APP_TITLE=友福同享
|
||||||
27
.gitignore
vendored
Normal file
27
.gitignore
vendored
Normal file
@ -0,0 +1,27 @@
|
|||||||
|
# Logs
|
||||||
|
logs
|
||||||
|
*.log
|
||||||
|
npm-debug.log*
|
||||||
|
yarn-debug.log*
|
||||||
|
yarn-error.log*
|
||||||
|
pnpm-debug.log*
|
||||||
|
lerna-debug.log*
|
||||||
|
|
||||||
|
node_modules
|
||||||
|
#dist
|
||||||
|
.github
|
||||||
|
dist-ssr
|
||||||
|
*.local
|
||||||
|
|
||||||
|
# Editor directories and files
|
||||||
|
.vscode/*
|
||||||
|
!.vscode/extensions.json
|
||||||
|
.idea
|
||||||
|
.DS_Store
|
||||||
|
*.suo
|
||||||
|
*.ntvs*
|
||||||
|
*.njsproj
|
||||||
|
*.sln
|
||||||
|
*.sw?
|
||||||
|
|
||||||
|
package-lock.json
|
||||||
15
.prettierrc
Normal file
15
.prettierrc
Normal file
@ -0,0 +1,15 @@
|
|||||||
|
{
|
||||||
|
"semi": false,
|
||||||
|
"singleQuote": true,
|
||||||
|
"trailingComma": "none",
|
||||||
|
"printWidth": 80,
|
||||||
|
"endOfLine": "crlf",
|
||||||
|
"overrides": [
|
||||||
|
{
|
||||||
|
"files": ".prettierrc",
|
||||||
|
"options": {
|
||||||
|
"parser": "json"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
19
README.md
Normal file
19
README.md
Normal file
@ -0,0 +1,19 @@
|
|||||||
|
> todo
|
||||||
|
> 多语言适配 - 👌
|
||||||
|
|
||||||
|
## 运行/启动
|
||||||
|
|
||||||
|
```bash
|
||||||
|
npm i
|
||||||
|
|
||||||
|
npm run dev
|
||||||
|
```
|
||||||
|
|
||||||
|
## 构建&预览
|
||||||
|
```bash
|
||||||
|
# 构建生产环境
|
||||||
|
npm run build
|
||||||
|
|
||||||
|
# 预览构建的产品
|
||||||
|
npm run preview
|
||||||
|
```
|
||||||
40
index.html
Normal file
40
index.html
Normal file
@ -0,0 +1,40 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<script>
|
||||||
|
var _hmt = _hmt || [];
|
||||||
|
</script>
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
<link rel="icon" href="/logo.png" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
|
<!-- <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">-->
|
||||||
|
<title><%= VITE_APP_TITLE %></title>
|
||||||
|
<meta name="keywords" content="友福同享,智能健康服务,定制化健康管理方案,睡眠检测,ai健康,DMA人体驾照,人体驾照,健康监测,健康管理app,健康管理,智能手环,心率检测,血压检测,运动手环,健康检测,ai婚恋,婚恋配对,婚恋平台推荐,ai相亲,婚恋平台,相亲平台" />
|
||||||
|
<meta name="description" content="友福同享（深圳）智能科技有限公司是一家以人工智能为核心的高科技公司，致力于提升人类生命质量，成为健康生活方式的引领者。拥有多项自主知识产與發明專利，公司持续推出其围绕AI核心服务的健康饮食及智能系列产品。" />
|
||||||
|
<script type="text/javascript">window.HOST_TYPE='2'</script>
|
||||||
|
<script
|
||||||
|
type="text/javascript"
|
||||||
|
src="https://api.map.baidu.com/getscript?v=3.0&ak=huoXYOwdEXyHfDk9TbIyERfBWPycSzXB&s=1"
|
||||||
|
></script>
|
||||||
|
<link
|
||||||
|
rel="stylesheet"
|
||||||
|
href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
|
||||||
|
/>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<script>
|
||||||
|
console.log('33')
|
||||||
|
var _hmt = _hmt || [];
|
||||||
|
(function() {
|
||||||
|
var hm = document.createElement("script");
|
||||||
|
hm.src = "https://hm.baidu.com/hm.js?b2b550aaebdbb769ec22056a49dc920b";
|
||||||
|
var s = document.getElementsByTagName("script")[0];
|
||||||
|
s.parentNode.insertBefore(hm, s);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
<div id="app"></div>
|
||||||
|
<script type="module" src="/src/main.js"></script>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
|
||||||
33
package.json
Normal file
33
package.json
Normal file
@ -0,0 +1,33 @@
|
|||||||
|
{
|
||||||
|
"name": "website",
|
||||||
|
"private": true,
|
||||||
|
"version": "1.0.0",
|
||||||
|
"type": "module",
|
||||||
|
"scripts": {
|
||||||
|
"dev": "vite",
|
||||||
|
"build": "vite build",
|
||||||
|
"preview": "vite preview"
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"animate.css": "^4.1.1",
|
||||||
|
"axios": "^1.8.4",
|
||||||
|
"element-plus": "^2.9.8",
|
||||||
|
"jquery": "^3.6.1",
|
||||||
|
"pdfjs-dist": "^5.2.133",
|
||||||
|
"pinia": "^2.1.7",
|
||||||
|
"postcss-px-to-viewport": "^1.1.1",
|
||||||
|
"qrcode": "^1.5.4",
|
||||||
|
"swiper": "^8.4.5",
|
||||||
|
"vue": "^3.2.41",
|
||||||
|
"vue-cropper": "^1.1.4",
|
||||||
|
"vue-i18n": "9.1.10",
|
||||||
|
"vue-router": "^4.1.6",
|
||||||
|
"wow.js": "^1.2.2"
|
||||||
|
},
|
||||||
|
"devDependencies": {
|
||||||
|
"@rollup/plugin-inject": "^5.0.2",
|
||||||
|
"@vitejs/plugin-vue": "^3.0.0",
|
||||||
|
"vite": "^3.0.0",
|
||||||
|
"vite-plugin-html": "^3.2.0"
|
||||||
|
}
|
||||||
|
}
|
||||||
BIN
public/logo.png
Normal file
BIN
public/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
22
public/pdf.worker.min.mjs
Normal file
22
public/pdf.worker.min.mjs
Normal file
File diff suppressed because one or more lines are too long
1
public/vite.svg
Normal file
1
public/vite.svg
Normal file
@ -0,0 +1 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
|
||||||
|
After Width: | Height: | Size: 1.5 KiB |
BIN
public/xiaologo.png
Normal file
BIN
public/xiaologo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 677 B |
89
src/App.vue
Normal file
89
src/App.vue
Normal file
@ -0,0 +1,89 @@
|
|||||||
|
<script setup>
|
||||||
|
import Header from '@/components/pc/Header.vue'
|
||||||
|
import mobileHeader from '@/components/mobile/Header.vue'
|
||||||
|
import Footer from '@/components/pc/Footer.vue'
|
||||||
|
import mobileFooter from '@/components/mobile/Footer.vue'
|
||||||
|
import GoTop from '@/components/pc/GoTop.vue'
|
||||||
|
import contactTheCustomerS from '@/components/pc/contactTheCustomerS.vue'
|
||||||
|
import {useRouter} from "vue-router";
|
||||||
|
import { onMounted, onUnmounted, ref } from 'vue'
|
||||||
|
const router = useRouter()
|
||||||
|
const fuliterTop = [
|
||||||
|
'/examHome',
|
||||||
|
'/examDetail',
|
||||||
|
'/examGuide',
|
||||||
|
'/examHomeReport',
|
||||||
|
'/onlineTest',
|
||||||
|
'/reportCard',
|
||||||
|
'/examPdf',
|
||||||
|
'/examCheckCertificate',
|
||||||
|
]
|
||||||
|
let small_width = ref(true)
|
||||||
|
let realityWidth = ref(0)
|
||||||
|
// const isMobile = () => {
|
||||||
|
// let flag = navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i);
|
||||||
|
// return flag;
|
||||||
|
// }
|
||||||
|
const getWidth =() => {
|
||||||
|
realityWidth.value = document.documentElement.clientWidth
|
||||||
|
if ( realityWidth.value< 750){
|
||||||
|
small_width.value = true
|
||||||
|
}else {
|
||||||
|
small_width.value = false
|
||||||
|
console.log(router.currentRoute.value,'==')
|
||||||
|
if (router.currentRoute.value.fullPath != '/'){
|
||||||
|
console.log(router.currentRoute.value.path,'==')
|
||||||
|
console.log(fuliterTop.includes(router.currentRoute.value.path),'ggg--')
|
||||||
|
if (fuliterTop.includes(router.currentRoute.value.path)){
|
||||||
|
}else {
|
||||||
|
console.log('222')
|
||||||
|
location.href = 'https://www.ufutx.com/web/#/'
|
||||||
|
}
|
||||||
|
}else {
|
||||||
|
setTimeout(() => {
|
||||||
|
getWidth()
|
||||||
|
},100)
|
||||||
|
// location.href = 'https://www.ufutx.com/web/#/'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
onMounted(() => {
|
||||||
|
window.addEventListener('resize', getWidth)
|
||||||
|
getWidth()
|
||||||
|
})
|
||||||
|
onUnmounted(() => {
|
||||||
|
window.removeEventListener('resize', getWidth)
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<div v-if="router.currentRoute.value.fullPath != '/'">
|
||||||
|
<div v-if="fuliterTop.includes(router.currentRoute.value.path)">
|
||||||
|
<router-view></router-view>
|
||||||
|
</div>
|
||||||
|
<div v-else>
|
||||||
|
<Header v-if='!small_width' :key="router.currentRoute.value.fullPath"></Header>
|
||||||
|
<mobileHeader v-else :key="router.currentRoute.value.path"></mobileHeader>
|
||||||
|
<!-- 路由出口 :key="router.currentRoute.value.fullPath"-->
|
||||||
|
<!-- 路由匹配到的组件将渲染在这里 -->
|
||||||
|
<router-view></router-view>
|
||||||
|
<Footer v-if='!small_width'></Footer>
|
||||||
|
<mobileFooter v-else ></mobileFooter>
|
||||||
|
<GoTop v-if='!small_width'></GoTop>
|
||||||
|
<contactTheCustomerS v-if='!small_width'></contactTheCustomerS>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
#app {
|
||||||
|
position: relative;
|
||||||
|
font-family: Source Han Sans CN-Normal, Source Han Sans CN;
|
||||||
|
-webkit-font-smoothing: antialiased;
|
||||||
|
-moz-osx-font-smoothing: grayscale;
|
||||||
|
/*text-align: center;*/
|
||||||
|
/*color: #2c3e50;*/
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
5
src/assets/css/bootstrap.min.css
vendored
Normal file
5
src/assets/css/bootstrap.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
445
src/assets/css/reset.min.css
vendored
Normal file
445
src/assets/css/reset.min.css
vendored
Normal file
@ -0,0 +1,445 @@
|
|||||||
|
html,body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,fieldset,legend,img {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0
|
||||||
|
}
|
||||||
|
fieldset,img {
|
||||||
|
border: 0
|
||||||
|
}
|
||||||
|
img {
|
||||||
|
display: block
|
||||||
|
}
|
||||||
|
a{
|
||||||
|
color: #666;
|
||||||
|
text-decoration: none
|
||||||
|
}
|
||||||
|
address,caption,cite,code,dfn,th,var {
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: normal
|
||||||
|
}
|
||||||
|
ul,ol {
|
||||||
|
list-style: none
|
||||||
|
}
|
||||||
|
input {
|
||||||
|
padding-top: 0;
|
||||||
|
padding-bottom: 0;
|
||||||
|
font-family: "SimSun","宋体"
|
||||||
|
}
|
||||||
|
input::-moz-focus-inner {
|
||||||
|
border: 0;
|
||||||
|
padding: 0
|
||||||
|
}
|
||||||
|
select,input {
|
||||||
|
vertical-align: middle
|
||||||
|
}
|
||||||
|
select,input,textarea {
|
||||||
|
font-size: 12px;
|
||||||
|
margin: 0
|
||||||
|
}
|
||||||
|
input[type="text"],input[type="password"],textarea {
|
||||||
|
outline-style: none;
|
||||||
|
-webkit-appearance: none
|
||||||
|
}
|
||||||
|
textarea {
|
||||||
|
resize: none
|
||||||
|
}
|
||||||
|
table {
|
||||||
|
border-collapse: collapse
|
||||||
|
}
|
||||||
|
/**{*/
|
||||||
|
/* font-weight: 500;*/
|
||||||
|
/*}*/
|
||||||
|
|
||||||
|
.bold {
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.bold_4 {
|
||||||
|
font-weight: 400;
|
||||||
|
}
|
||||||
|
.bold_6 {
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
.bold_8 {
|
||||||
|
font-weight: 800;
|
||||||
|
}
|
||||||
|
|
||||||
|
.font42 {
|
||||||
|
font-size: 42px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.font40 {
|
||||||
|
font-size: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.font36 {
|
||||||
|
font-size: 36px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.font32 {
|
||||||
|
font-size: 32px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.font30 {
|
||||||
|
font-size: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.font28 {
|
||||||
|
font-size: 28px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.font26 {
|
||||||
|
font-size: 26px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.font24 {
|
||||||
|
font-size: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.font22 {
|
||||||
|
font-size: 22px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.font21 {
|
||||||
|
font-size: 21px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.font20 {
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.font18 {
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.font16 {
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
.colorb {
|
||||||
|
color: #bbbbbb;
|
||||||
|
}
|
||||||
|
|
||||||
|
.colorb0 {
|
||||||
|
color: #b0b0b0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.color9 {
|
||||||
|
color: #999999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.color6 {
|
||||||
|
color: #666666;
|
||||||
|
}
|
||||||
|
|
||||||
|
.color3 {
|
||||||
|
color: #333333;
|
||||||
|
}
|
||||||
|
|
||||||
|
.colorbe {
|
||||||
|
color: #bebebe;
|
||||||
|
}
|
||||||
|
|
||||||
|
.colorff {
|
||||||
|
color: #ffffff !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.colorc2 {
|
||||||
|
color: #c2c2c2;
|
||||||
|
}
|
||||||
|
.color9c {
|
||||||
|
color: #9c9c9c;
|
||||||
|
}
|
||||||
|
|
||||||
|
.color2a {
|
||||||
|
color: #2a2a2a;
|
||||||
|
}
|
||||||
|
.nborder {
|
||||||
|
border: none !important; /* 取消边框 */
|
||||||
|
outline: none !important; /* 取消轮廓线 */
|
||||||
|
border-color: transparent !important;
|
||||||
|
}
|
||||||
|
._fixed {
|
||||||
|
position: fixed !important;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
.marginT4{
|
||||||
|
margin-top: 4px;
|
||||||
|
}
|
||||||
|
.marginT8{
|
||||||
|
margin-top: 8px;
|
||||||
|
}
|
||||||
|
.marginT10{
|
||||||
|
margin-top: 10px !important;
|
||||||
|
}
|
||||||
|
.marginT16{
|
||||||
|
margin-top: 16px;
|
||||||
|
}
|
||||||
|
.marginT20{
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
.marginT24{
|
||||||
|
margin-top: 24px;
|
||||||
|
}
|
||||||
|
.marginT28{
|
||||||
|
margin-top: 28px;
|
||||||
|
}
|
||||||
|
.marginT32{
|
||||||
|
margin-top:32px !important;
|
||||||
|
}
|
||||||
|
.marginT34{
|
||||||
|
margin-top:34px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.marginT40{
|
||||||
|
margin-top:40px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.marginT48{
|
||||||
|
margin-top:48px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.marginB22{
|
||||||
|
margin-bottom:22px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.marginR6{
|
||||||
|
margin-right: 6px;
|
||||||
|
}
|
||||||
|
.marginR8{
|
||||||
|
margin-right: 8px;
|
||||||
|
}
|
||||||
|
.marginR12{
|
||||||
|
margin-right: 12px;
|
||||||
|
}
|
||||||
|
.marginR16{
|
||||||
|
margin-right: 16px;
|
||||||
|
}
|
||||||
|
.marginR20{
|
||||||
|
margin-right: 20px;
|
||||||
|
}
|
||||||
|
.marginR28{
|
||||||
|
margin-right: 28px;
|
||||||
|
}
|
||||||
|
.marginR64{
|
||||||
|
margin-right: 64px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.margin8{
|
||||||
|
margin-right: 8px;
|
||||||
|
margin-left: 8px;
|
||||||
|
}
|
||||||
|
.margin28{
|
||||||
|
margin-right: 28px;
|
||||||
|
margin-left: 28px;
|
||||||
|
}
|
||||||
|
.padding28{
|
||||||
|
padding-left: 28px;
|
||||||
|
padding-right: 28px;
|
||||||
|
}
|
||||||
|
.padding40{
|
||||||
|
padding-left: 40px;
|
||||||
|
padding-right: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.paddingL28{
|
||||||
|
padding-left:28px !important;
|
||||||
|
}
|
||||||
|
.paddingR28{
|
||||||
|
padding-right:28px !important;
|
||||||
|
}
|
||||||
|
.paddingB28{
|
||||||
|
padding-bottom:28px !important;
|
||||||
|
}
|
||||||
|
._line-through{
|
||||||
|
text-decoration: line-through;
|
||||||
|
}
|
||||||
|
.lineH24{
|
||||||
|
line-height: 24px;
|
||||||
|
}
|
||||||
|
.lineH26{
|
||||||
|
line-height: 26px;
|
||||||
|
}
|
||||||
|
.lineH28{
|
||||||
|
line-height: 28px;
|
||||||
|
}
|
||||||
|
.lineH30{
|
||||||
|
line-height: 30px;
|
||||||
|
}
|
||||||
|
.lineH36{
|
||||||
|
line-height: 36px;
|
||||||
|
}
|
||||||
|
.lineH37{
|
||||||
|
line-height: 37px;
|
||||||
|
}
|
||||||
|
.lineH40{
|
||||||
|
line-height: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.round{
|
||||||
|
border-radius: 50%;
|
||||||
|
}
|
||||||
|
.icon32{
|
||||||
|
width: 32px;
|
||||||
|
height: 32px;
|
||||||
|
}
|
||||||
|
.icon36{
|
||||||
|
width: 36px;
|
||||||
|
height: 36px;
|
||||||
|
}
|
||||||
|
.icon28{
|
||||||
|
width: 28px;
|
||||||
|
height: 28px;
|
||||||
|
}
|
||||||
|
.icon18{
|
||||||
|
width: 18px;
|
||||||
|
height: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.colorTheme {
|
||||||
|
color: #a61111 !important;
|
||||||
|
}
|
||||||
|
.colorT {
|
||||||
|
color: #a61111 !important;
|
||||||
|
}
|
||||||
|
.ff {
|
||||||
|
background: #ffffff !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bcTheme {
|
||||||
|
background: #a61111 !important;
|
||||||
|
}
|
||||||
|
.line48{
|
||||||
|
line-height: 48px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.line45{
|
||||||
|
line-height: 45px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.line33{
|
||||||
|
line-height: 33px;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 背景主题色
|
||||||
|
.flo_l {
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.flo_r {
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
.clearfloat {
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
|
||||||
|
.inline-block {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-right {
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-center {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-left {
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ellipsis_1 {
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ellipsis_2 {
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
display: -webkit-box;
|
||||||
|
-webkit-line-clamp: 2;
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ellipsis_3 {
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
display: -webkit-box;
|
||||||
|
-webkit-line-clamp: 3;
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bgCover {
|
||||||
|
background-size: cover;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.f-fs {
|
||||||
|
display: flex;
|
||||||
|
align-items: stretch;
|
||||||
|
}
|
||||||
|
|
||||||
|
.f-fc {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.f-ffs {
|
||||||
|
display: flex;
|
||||||
|
align-items: flex-start;
|
||||||
|
}
|
||||||
|
|
||||||
|
.f-fcc {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.f-fdc {
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
.f-fbc {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.f-fac {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-around;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wrap {
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
.containerV2{
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 0 15px;
|
||||||
|
width: 1230px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*:root {*/
|
||||||
|
/* font-size: 16px; !* 默认字体 *!*/
|
||||||
|
/*}*/
|
||||||
|
|
||||||
|
/*@media screen and (min-width: 1920px) {*/
|
||||||
|
/* :root {*/
|
||||||
|
/* font-size: 18px;*/
|
||||||
|
/* }*/
|
||||||
|
/*}*/
|
||||||
|
|
||||||
|
/*@media screen and (max-width: 1440px) {*/
|
||||||
|
/* :root {*/
|
||||||
|
/* font-size: 14px;*/
|
||||||
|
/* }*/
|
||||||
|
/*}*/
|
||||||
|
/*@media screen and (max-width: 750px) {*/
|
||||||
|
/* :root {*/
|
||||||
|
/* font-size: 0.70vw;*/
|
||||||
|
/* }*/
|
||||||
|
/*}*/
|
||||||
BIN
src/assets/fonts/glyphicons-halflings-regular.eot
Normal file
BIN
src/assets/fonts/glyphicons-halflings-regular.eot
Normal file
Binary file not shown.
288
src/assets/fonts/glyphicons-halflings-regular.svg
Normal file
288
src/assets/fonts/glyphicons-halflings-regular.svg
Normal file
@ -0,0 +1,288 @@
|
|||||||
|
<?xml version="1.0" standalone="no"?>
|
||||||
|
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<metadata></metadata>
|
||||||
|
<defs>
|
||||||
|
<font id="glyphicons_halflingsregular" horiz-adv-x="1200" >
|
||||||
|
<font-face units-per-em="1200" ascent="960" descent="-240" />
|
||||||
|
<missing-glyph horiz-adv-x="500" />
|
||||||
|
<glyph horiz-adv-x="0" />
|
||||||
|
<glyph horiz-adv-x="400" />
|
||||||
|
<glyph unicode=" " />
|
||||||
|
<glyph unicode="*" d="M600 1100q15 0 34 -1.5t30 -3.5l11 -1q10 -2 17.5 -10.5t7.5 -18.5v-224l158 158q7 7 18 8t19 -6l106 -106q7 -8 6 -19t-8 -18l-158 -158h224q10 0 18.5 -7.5t10.5 -17.5q6 -41 6 -75q0 -15 -1.5 -34t-3.5 -30l-1 -11q-2 -10 -10.5 -17.5t-18.5 -7.5h-224l158 -158 q7 -7 8 -18t-6 -19l-106 -106q-8 -7 -19 -6t-18 8l-158 158v-224q0 -10 -7.5 -18.5t-17.5 -10.5q-41 -6 -75 -6q-15 0 -34 1.5t-30 3.5l-11 1q-10 2 -17.5 10.5t-7.5 18.5v224l-158 -158q-7 -7 -18 -8t-19 6l-106 106q-7 8 -6 19t8 18l158 158h-224q-10 0 -18.5 7.5 t-10.5 17.5q-6 41 -6 75q0 15 1.5 34t3.5 30l1 11q2 10 10.5 17.5t18.5 7.5h224l-158 158q-7 7 -8 18t6 19l106 106q8 7 19 6t18 -8l158 -158v224q0 10 7.5 18.5t17.5 10.5q41 6 75 6z" />
|
||||||
|
<glyph unicode="+" d="M450 1100h200q21 0 35.5 -14.5t14.5 -35.5v-350h350q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-350v-350q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v350h-350q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5 h350v350q0 21 14.5 35.5t35.5 14.5z" />
|
||||||
|
<glyph unicode=" " />
|
||||||
|
<glyph unicode="¥" d="M825 1100h250q10 0 12.5 -5t-5.5 -13l-364 -364q-6 -6 -11 -18h268q10 0 13 -6t-3 -14l-120 -160q-6 -8 -18 -14t-22 -6h-125v-100h275q10 0 13 -6t-3 -14l-120 -160q-6 -8 -18 -14t-22 -6h-125v-174q0 -11 -7.5 -18.5t-18.5 -7.5h-148q-11 0 -18.5 7.5t-7.5 18.5v174 h-275q-10 0 -13 6t3 14l120 160q6 8 18 14t22 6h125v100h-275q-10 0 -13 6t3 14l120 160q6 8 18 14t22 6h118q-5 12 -11 18l-364 364q-8 8 -5.5 13t12.5 5h250q25 0 43 -18l164 -164q8 -8 18 -8t18 8l164 164q18 18 43 18z" />
|
||||||
|
<glyph unicode=" " horiz-adv-x="650" />
|
||||||
|
<glyph unicode=" " horiz-adv-x="1300" />
|
||||||
|
<glyph unicode=" " horiz-adv-x="650" />
|
||||||
|
<glyph unicode=" " horiz-adv-x="1300" />
|
||||||
|
<glyph unicode=" " horiz-adv-x="433" />
|
||||||
|
<glyph unicode=" " horiz-adv-x="325" />
|
||||||
|
<glyph unicode=" " horiz-adv-x="216" />
|
||||||
|
<glyph unicode=" " horiz-adv-x="216" />
|
||||||
|
<glyph unicode=" " horiz-adv-x="162" />
|
||||||
|
<glyph unicode=" " horiz-adv-x="260" />
|
||||||
|
<glyph unicode=" " horiz-adv-x="72" />
|
||||||
|
<glyph unicode=" " horiz-adv-x="260" />
|
||||||
|
<glyph unicode=" " horiz-adv-x="325" />
|
||||||
|
<glyph unicode="€" d="M744 1198q242 0 354 -189q60 -104 66 -209h-181q0 45 -17.5 82.5t-43.5 61.5t-58 40.5t-60.5 24t-51.5 7.5q-19 0 -40.5 -5.5t-49.5 -20.5t-53 -38t-49 -62.5t-39 -89.5h379l-100 -100h-300q-6 -50 -6 -100h406l-100 -100h-300q9 -74 33 -132t52.5 -91t61.5 -54.5t59 -29 t47 -7.5q22 0 50.5 7.5t60.5 24.5t58 41t43.5 61t17.5 80h174q-30 -171 -128 -278q-107 -117 -274 -117q-206 0 -324 158q-36 48 -69 133t-45 204h-217l100 100h112q1 47 6 100h-218l100 100h134q20 87 51 153.5t62 103.5q117 141 297 141z" />
|
||||||
|
<glyph unicode="₽" d="M428 1200h350q67 0 120 -13t86 -31t57 -49.5t35 -56.5t17 -64.5t6.5 -60.5t0.5 -57v-16.5v-16.5q0 -36 -0.5 -57t-6.5 -61t-17 -65t-35 -57t-57 -50.5t-86 -31.5t-120 -13h-178l-2 -100h288q10 0 13 -6t-3 -14l-120 -160q-6 -8 -18 -14t-22 -6h-138v-175q0 -11 -5.5 -18 t-15.5 -7h-149q-10 0 -17.5 7.5t-7.5 17.5v175h-267q-10 0 -13 6t3 14l120 160q6 8 18 14t22 6h117v100h-267q-10 0 -13 6t3 14l120 160q6 8 18 14t22 6h117v475q0 10 7.5 17.5t17.5 7.5zM600 1000v-300h203q64 0 86.5 33t22.5 119q0 84 -22.5 116t-86.5 32h-203z" />
|
||||||
|
<glyph unicode="−" d="M250 700h800q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-800q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5z" />
|
||||||
|
<glyph unicode="⌛" d="M1000 1200v-150q0 -21 -14.5 -35.5t-35.5 -14.5h-50v-100q0 -91 -49.5 -165.5t-130.5 -109.5q81 -35 130.5 -109.5t49.5 -165.5v-150h50q21 0 35.5 -14.5t14.5 -35.5v-150h-800v150q0 21 14.5 35.5t35.5 14.5h50v150q0 91 49.5 165.5t130.5 109.5q-81 35 -130.5 109.5 t-49.5 165.5v100h-50q-21 0 -35.5 14.5t-14.5 35.5v150h800zM400 1000v-100q0 -60 32.5 -109.5t87.5 -73.5q28 -12 44 -37t16 -55t-16 -55t-44 -37q-55 -24 -87.5 -73.5t-32.5 -109.5v-150h400v150q0 60 -32.5 109.5t-87.5 73.5q-28 12 -44 37t-16 55t16 55t44 37 q55 24 87.5 73.5t32.5 109.5v100h-400z" />
|
||||||
|
<glyph unicode="◼" horiz-adv-x="500" d="M0 0z" />
|
||||||
|
<glyph unicode="☁" d="M503 1089q110 0 200.5 -59.5t134.5 -156.5q44 14 90 14q120 0 205 -86.5t85 -206.5q0 -121 -85 -207.5t-205 -86.5h-750q-79 0 -135.5 57t-56.5 137q0 69 42.5 122.5t108.5 67.5q-2 12 -2 37q0 153 108 260.5t260 107.5z" />
|
||||||
|
<glyph unicode="⛺" d="M774 1193.5q16 -9.5 20.5 -27t-5.5 -33.5l-136 -187l467 -746h30q20 0 35 -18.5t15 -39.5v-42h-1200v42q0 21 15 39.5t35 18.5h30l468 746l-135 183q-10 16 -5.5 34t20.5 28t34 5.5t28 -20.5l111 -148l112 150q9 16 27 20.5t34 -5zM600 200h377l-182 112l-195 534v-646z " />
|
||||||
|
<glyph unicode="✉" d="M25 1100h1150q10 0 12.5 -5t-5.5 -13l-564 -567q-8 -8 -18 -8t-18 8l-564 567q-8 8 -5.5 13t12.5 5zM18 882l264 -264q8 -8 8 -18t-8 -18l-264 -264q-8 -8 -13 -5.5t-5 12.5v550q0 10 5 12.5t13 -5.5zM918 618l264 264q8 8 13 5.5t5 -12.5v-550q0 -10 -5 -12.5t-13 5.5 l-264 264q-8 8 -8 18t8 18zM818 482l364 -364q8 -8 5.5 -13t-12.5 -5h-1150q-10 0 -12.5 5t5.5 13l364 364q8 8 18 8t18 -8l164 -164q8 -8 18 -8t18 8l164 164q8 8 18 8t18 -8z" />
|
||||||
|
<glyph unicode="✏" d="M1011 1210q19 0 33 -13l153 -153q13 -14 13 -33t-13 -33l-99 -92l-214 214l95 96q13 14 32 14zM1013 800l-615 -614l-214 214l614 614zM317 96l-333 -112l110 335z" />
|
||||||
|
<glyph unicode="" d="M700 650v-550h250q21 0 35.5 -14.5t14.5 -35.5v-50h-800v50q0 21 14.5 35.5t35.5 14.5h250v550l-500 550h1200z" />
|
||||||
|
<glyph unicode="" d="M368 1017l645 163q39 15 63 0t24 -49v-831q0 -55 -41.5 -95.5t-111.5 -63.5q-79 -25 -147 -4.5t-86 75t25.5 111.5t122.5 82q72 24 138 8v521l-600 -155v-606q0 -42 -44 -90t-109 -69q-79 -26 -147 -5.5t-86 75.5t25.5 111.5t122.5 82.5q72 24 138 7v639q0 38 14.5 59 t53.5 34z" />
|
||||||
|
<glyph unicode="" d="M500 1191q100 0 191 -39t156.5 -104.5t104.5 -156.5t39 -191l-1 -2l1 -5q0 -141 -78 -262l275 -274q23 -26 22.5 -44.5t-22.5 -42.5l-59 -58q-26 -20 -46.5 -20t-39.5 20l-275 274q-119 -77 -261 -77l-5 1l-2 -1q-100 0 -191 39t-156.5 104.5t-104.5 156.5t-39 191 t39 191t104.5 156.5t156.5 104.5t191 39zM500 1022q-88 0 -162 -43t-117 -117t-43 -162t43 -162t117 -117t162 -43t162 43t117 117t43 162t-43 162t-117 117t-162 43z" />
|
||||||
|
<glyph unicode="" d="M649 949q48 68 109.5 104t121.5 38.5t118.5 -20t102.5 -64t71 -100.5t27 -123q0 -57 -33.5 -117.5t-94 -124.5t-126.5 -127.5t-150 -152.5t-146 -174q-62 85 -145.5 174t-150 152.5t-126.5 127.5t-93.5 124.5t-33.5 117.5q0 64 28 123t73 100.5t104 64t119 20 t120.5 -38.5t104.5 -104z" />
|
||||||
|
<glyph unicode="" d="M407 800l131 353q7 19 17.5 19t17.5 -19l129 -353h421q21 0 24 -8.5t-14 -20.5l-342 -249l130 -401q7 -20 -0.5 -25.5t-24.5 6.5l-343 246l-342 -247q-17 -12 -24.5 -6.5t-0.5 25.5l130 400l-347 251q-17 12 -14 20.5t23 8.5h429z" />
|
||||||
|
<glyph unicode="" d="M407 800l131 353q7 19 17.5 19t17.5 -19l129 -353h421q21 0 24 -8.5t-14 -20.5l-342 -249l130 -401q7 -20 -0.5 -25.5t-24.5 6.5l-343 246l-342 -247q-17 -12 -24.5 -6.5t-0.5 25.5l130 400l-347 251q-17 12 -14 20.5t23 8.5h429zM477 700h-240l197 -142l-74 -226 l193 139l195 -140l-74 229l192 140h-234l-78 211z" />
|
||||||
|
<glyph unicode="" d="M600 1200q124 0 212 -88t88 -212v-250q0 -46 -31 -98t-69 -52v-75q0 -10 6 -21.5t15 -17.5l358 -230q9 -5 15 -16.5t6 -21.5v-93q0 -10 -7.5 -17.5t-17.5 -7.5h-1150q-10 0 -17.5 7.5t-7.5 17.5v93q0 10 6 21.5t15 16.5l358 230q9 6 15 17.5t6 21.5v75q-38 0 -69 52 t-31 98v250q0 124 88 212t212 88z" />
|
||||||
|
<glyph unicode="" d="M25 1100h1150q10 0 17.5 -7.5t7.5 -17.5v-1050q0 -10 -7.5 -17.5t-17.5 -7.5h-1150q-10 0 -17.5 7.5t-7.5 17.5v1050q0 10 7.5 17.5t17.5 7.5zM100 1000v-100h100v100h-100zM875 1000h-550q-10 0 -17.5 -7.5t-7.5 -17.5v-350q0 -10 7.5 -17.5t17.5 -7.5h550 q10 0 17.5 7.5t7.5 17.5v350q0 10 -7.5 17.5t-17.5 7.5zM1000 1000v-100h100v100h-100zM100 800v-100h100v100h-100zM1000 800v-100h100v100h-100zM100 600v-100h100v100h-100zM1000 600v-100h100v100h-100zM875 500h-550q-10 0 -17.5 -7.5t-7.5 -17.5v-350q0 -10 7.5 -17.5 t17.5 -7.5h550q10 0 17.5 7.5t7.5 17.5v350q0 10 -7.5 17.5t-17.5 7.5zM100 400v-100h100v100h-100zM1000 400v-100h100v100h-100zM100 200v-100h100v100h-100zM1000 200v-100h100v100h-100z" />
|
||||||
|
<glyph unicode="" d="M50 1100h400q21 0 35.5 -14.5t14.5 -35.5v-400q0 -21 -14.5 -35.5t-35.5 -14.5h-400q-21 0 -35.5 14.5t-14.5 35.5v400q0 21 14.5 35.5t35.5 14.5zM650 1100h400q21 0 35.5 -14.5t14.5 -35.5v-400q0 -21 -14.5 -35.5t-35.5 -14.5h-400q-21 0 -35.5 14.5t-14.5 35.5v400 q0 21 14.5 35.5t35.5 14.5zM50 500h400q21 0 35.5 -14.5t14.5 -35.5v-400q0 -21 -14.5 -35.5t-35.5 -14.5h-400q-21 0 -35.5 14.5t-14.5 35.5v400q0 21 14.5 35.5t35.5 14.5zM650 500h400q21 0 35.5 -14.5t14.5 -35.5v-400q0 -21 -14.5 -35.5t-35.5 -14.5h-400 q-21 0 -35.5 14.5t-14.5 35.5v400q0 21 14.5 35.5t35.5 14.5z" />
|
||||||
|
<glyph unicode="" d="M50 1100h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5zM450 1100h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v200 q0 21 14.5 35.5t35.5 14.5zM850 1100h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5zM50 700h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200 q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5zM450 700h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5zM850 700h200q21 0 35.5 -14.5t14.5 -35.5v-200 q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5zM50 300h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5zM450 300h200 q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5zM850 300h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5 t35.5 14.5z" />
|
||||||
|
<glyph unicode="" d="M50 1100h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5zM450 1100h700q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-700q-21 0 -35.5 14.5t-14.5 35.5v200 q0 21 14.5 35.5t35.5 14.5zM50 700h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5zM450 700h700q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-700 q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5zM50 300h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5zM450 300h700q21 0 35.5 -14.5t14.5 -35.5v-200 q0 -21 -14.5 -35.5t-35.5 -14.5h-700q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5z" />
|
||||||
|
<glyph unicode="" d="M465 477l571 571q8 8 18 8t17 -8l177 -177q8 -7 8 -17t-8 -18l-783 -784q-7 -8 -17.5 -8t-17.5 8l-384 384q-8 8 -8 18t8 17l177 177q7 8 17 8t18 -8l171 -171q7 -7 18 -7t18 7z" />
|
||||||
|
<glyph unicode="" d="M904 1083l178 -179q8 -8 8 -18.5t-8 -17.5l-267 -268l267 -268q8 -7 8 -17.5t-8 -18.5l-178 -178q-8 -8 -18.5 -8t-17.5 8l-268 267l-268 -267q-7 -8 -17.5 -8t-18.5 8l-178 178q-8 8 -8 18.5t8 17.5l267 268l-267 268q-8 7 -8 17.5t8 18.5l178 178q8 8 18.5 8t17.5 -8 l268 -267l268 268q7 7 17.5 7t18.5 -7z" />
|
||||||
|
<glyph unicode="" d="M507 1177q98 0 187.5 -38.5t154.5 -103.5t103.5 -154.5t38.5 -187.5q0 -141 -78 -262l300 -299q8 -8 8 -18.5t-8 -18.5l-109 -108q-7 -8 -17.5 -8t-18.5 8l-300 299q-119 -77 -261 -77q-98 0 -188 38.5t-154.5 103t-103 154.5t-38.5 188t38.5 187.5t103 154.5 t154.5 103.5t188 38.5zM506.5 1023q-89.5 0 -165.5 -44t-120 -120.5t-44 -166t44 -165.5t120 -120t165.5 -44t166 44t120.5 120t44 165.5t-44 166t-120.5 120.5t-166 44zM425 900h150q10 0 17.5 -7.5t7.5 -17.5v-75h75q10 0 17.5 -7.5t7.5 -17.5v-150q0 -10 -7.5 -17.5 t-17.5 -7.5h-75v-75q0 -10 -7.5 -17.5t-17.5 -7.5h-150q-10 0 -17.5 7.5t-7.5 17.5v75h-75q-10 0 -17.5 7.5t-7.5 17.5v150q0 10 7.5 17.5t17.5 7.5h75v75q0 10 7.5 17.5t17.5 7.5z" />
|
||||||
|
<glyph unicode="" d="M507 1177q98 0 187.5 -38.5t154.5 -103.5t103.5 -154.5t38.5 -187.5q0 -141 -78 -262l300 -299q8 -8 8 -18.5t-8 -18.5l-109 -108q-7 -8 -17.5 -8t-18.5 8l-300 299q-119 -77 -261 -77q-98 0 -188 38.5t-154.5 103t-103 154.5t-38.5 188t38.5 187.5t103 154.5 t154.5 103.5t188 38.5zM506.5 1023q-89.5 0 -165.5 -44t-120 -120.5t-44 -166t44 -165.5t120 -120t165.5 -44t166 44t120.5 120t44 165.5t-44 166t-120.5 120.5t-166 44zM325 800h350q10 0 17.5 -7.5t7.5 -17.5v-150q0 -10 -7.5 -17.5t-17.5 -7.5h-350q-10 0 -17.5 7.5 t-7.5 17.5v150q0 10 7.5 17.5t17.5 7.5z" />
|
||||||
|
<glyph unicode="" d="M550 1200h100q21 0 35.5 -14.5t14.5 -35.5v-400q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5v400q0 21 14.5 35.5t35.5 14.5zM800 975v166q167 -62 272 -209.5t105 -331.5q0 -117 -45.5 -224t-123 -184.5t-184.5 -123t-224 -45.5t-224 45.5 t-184.5 123t-123 184.5t-45.5 224q0 184 105 331.5t272 209.5v-166q-103 -55 -165 -155t-62 -220q0 -116 57 -214.5t155.5 -155.5t214.5 -57t214.5 57t155.5 155.5t57 214.5q0 120 -62 220t-165 155z" />
|
||||||
|
<glyph unicode="" d="M1025 1200h150q10 0 17.5 -7.5t7.5 -17.5v-1150q0 -10 -7.5 -17.5t-17.5 -7.5h-150q-10 0 -17.5 7.5t-7.5 17.5v1150q0 10 7.5 17.5t17.5 7.5zM725 800h150q10 0 17.5 -7.5t7.5 -17.5v-750q0 -10 -7.5 -17.5t-17.5 -7.5h-150q-10 0 -17.5 7.5t-7.5 17.5v750 q0 10 7.5 17.5t17.5 7.5zM425 500h150q10 0 17.5 -7.5t7.5 -17.5v-450q0 -10 -7.5 -17.5t-17.5 -7.5h-150q-10 0 -17.5 7.5t-7.5 17.5v450q0 10 7.5 17.5t17.5 7.5zM125 300h150q10 0 17.5 -7.5t7.5 -17.5v-250q0 -10 -7.5 -17.5t-17.5 -7.5h-150q-10 0 -17.5 7.5t-7.5 17.5 v250q0 10 7.5 17.5t17.5 7.5z" />
|
||||||
|
<glyph unicode="" d="M600 1174q33 0 74 -5l38 -152l5 -1q49 -14 94 -39l5 -2l134 80q61 -48 104 -105l-80 -134l3 -5q25 -44 39 -93l1 -6l152 -38q5 -43 5 -73q0 -34 -5 -74l-152 -38l-1 -6q-15 -49 -39 -93l-3 -5l80 -134q-48 -61 -104 -105l-134 81l-5 -3q-44 -25 -94 -39l-5 -2l-38 -151 q-43 -5 -74 -5q-33 0 -74 5l-38 151l-5 2q-49 14 -94 39l-5 3l-134 -81q-60 48 -104 105l80 134l-3 5q-25 45 -38 93l-2 6l-151 38q-6 42 -6 74q0 33 6 73l151 38l2 6q13 48 38 93l3 5l-80 134q47 61 105 105l133 -80l5 2q45 25 94 39l5 1l38 152q43 5 74 5zM600 815 q-89 0 -152 -63t-63 -151.5t63 -151.5t152 -63t152 63t63 151.5t-63 151.5t-152 63z" />
|
||||||
|
<glyph unicode="" d="M500 1300h300q41 0 70.5 -29.5t29.5 -70.5v-100h275q10 0 17.5 -7.5t7.5 -17.5v-75h-1100v75q0 10 7.5 17.5t17.5 7.5h275v100q0 41 29.5 70.5t70.5 29.5zM500 1200v-100h300v100h-300zM1100 900v-800q0 -41 -29.5 -70.5t-70.5 -29.5h-700q-41 0 -70.5 29.5t-29.5 70.5 v800h900zM300 800v-700h100v700h-100zM500 800v-700h100v700h-100zM700 800v-700h100v700h-100zM900 800v-700h100v700h-100z" />
|
||||||
|
<glyph unicode="" d="M18 618l620 608q8 7 18.5 7t17.5 -7l608 -608q8 -8 5.5 -13t-12.5 -5h-175v-575q0 -10 -7.5 -17.5t-17.5 -7.5h-250q-10 0 -17.5 7.5t-7.5 17.5v375h-300v-375q0 -10 -7.5 -17.5t-17.5 -7.5h-250q-10 0 -17.5 7.5t-7.5 17.5v575h-175q-10 0 -12.5 5t5.5 13z" />
|
||||||
|
<glyph unicode="" d="M600 1200v-400q0 -41 29.5 -70.5t70.5 -29.5h300v-650q0 -21 -14.5 -35.5t-35.5 -14.5h-800q-21 0 -35.5 14.5t-14.5 35.5v1100q0 21 14.5 35.5t35.5 14.5h450zM1000 800h-250q-21 0 -35.5 14.5t-14.5 35.5v250z" />
|
||||||
|
<glyph unicode="" d="M600 1177q117 0 224 -45.5t184.5 -123t123 -184.5t45.5 -224t-45.5 -224t-123 -184.5t-184.5 -123t-224 -45.5t-224 45.5t-184.5 123t-123 184.5t-45.5 224t45.5 224t123 184.5t184.5 123t224 45.5zM600 1027q-116 0 -214.5 -57t-155.5 -155.5t-57 -214.5t57 -214.5 t155.5 -155.5t214.5 -57t214.5 57t155.5 155.5t57 214.5t-57 214.5t-155.5 155.5t-214.5 57zM525 900h50q10 0 17.5 -7.5t7.5 -17.5v-275h175q10 0 17.5 -7.5t7.5 -17.5v-50q0 -10 -7.5 -17.5t-17.5 -7.5h-250q-10 0 -17.5 7.5t-7.5 17.5v350q0 10 7.5 17.5t17.5 7.5z" />
|
||||||
|
<glyph unicode="" d="M1300 0h-538l-41 400h-242l-41 -400h-538l431 1200h209l-21 -300h162l-20 300h208zM515 800l-27 -300h224l-27 300h-170z" />
|
||||||
|
<glyph unicode="" d="M550 1200h200q21 0 35.5 -14.5t14.5 -35.5v-450h191q20 0 25.5 -11.5t-7.5 -27.5l-327 -400q-13 -16 -32 -16t-32 16l-327 400q-13 16 -7.5 27.5t25.5 11.5h191v450q0 21 14.5 35.5t35.5 14.5zM1125 400h50q10 0 17.5 -7.5t7.5 -17.5v-350q0 -10 -7.5 -17.5t-17.5 -7.5 h-1050q-10 0 -17.5 7.5t-7.5 17.5v350q0 10 7.5 17.5t17.5 7.5h50q10 0 17.5 -7.5t7.5 -17.5v-175h900v175q0 10 7.5 17.5t17.5 7.5z" />
|
||||||
|
<glyph unicode="" d="M600 1177q117 0 224 -45.5t184.5 -123t123 -184.5t45.5 -224t-45.5 -224t-123 -184.5t-184.5 -123t-224 -45.5t-224 45.5t-184.5 123t-123 184.5t-45.5 224t45.5 224t123 184.5t184.5 123t224 45.5zM600 1027q-116 0 -214.5 -57t-155.5 -155.5t-57 -214.5t57 -214.5 t155.5 -155.5t214.5 -57t214.5 57t155.5 155.5t57 214.5t-57 214.5t-155.5 155.5t-214.5 57zM525 900h150q10 0 17.5 -7.5t7.5 -17.5v-275h137q21 0 26 -11.5t-8 -27.5l-223 -275q-13 -16 -32 -16t-32 16l-223 275q-13 16 -8 27.5t26 11.5h137v275q0 10 7.5 17.5t17.5 7.5z " />
|
||||||
|
<glyph unicode="" d="M600 1177q117 0 224 -45.5t184.5 -123t123 -184.5t45.5 -224t-45.5 -224t-123 -184.5t-184.5 -123t-224 -45.5t-224 45.5t-184.5 123t-123 184.5t-45.5 224t45.5 224t123 184.5t184.5 123t224 45.5zM600 1027q-116 0 -214.5 -57t-155.5 -155.5t-57 -214.5t57 -214.5 t155.5 -155.5t214.5 -57t214.5 57t155.5 155.5t57 214.5t-57 214.5t-155.5 155.5t-214.5 57zM632 914l223 -275q13 -16 8 -27.5t-26 -11.5h-137v-275q0 -10 -7.5 -17.5t-17.5 -7.5h-150q-10 0 -17.5 7.5t-7.5 17.5v275h-137q-21 0 -26 11.5t8 27.5l223 275q13 16 32 16 t32 -16z" />
|
||||||
|
<glyph unicode="" d="M225 1200h750q10 0 19.5 -7t12.5 -17l186 -652q7 -24 7 -49v-425q0 -12 -4 -27t-9 -17q-12 -6 -37 -6h-1100q-12 0 -27 4t-17 8q-6 13 -6 38l1 425q0 25 7 49l185 652q3 10 12.5 17t19.5 7zM878 1000h-556q-10 0 -19 -7t-11 -18l-87 -450q-2 -11 4 -18t16 -7h150 q10 0 19.5 -7t11.5 -17l38 -152q2 -10 11.5 -17t19.5 -7h250q10 0 19.5 7t11.5 17l38 152q2 10 11.5 17t19.5 7h150q10 0 16 7t4 18l-87 450q-2 11 -11 18t-19 7z" />
|
||||||
|
<glyph unicode="" d="M600 1177q117 0 224 -45.5t184.5 -123t123 -184.5t45.5 -224t-45.5 -224t-123 -184.5t-184.5 -123t-224 -45.5t-224 45.5t-184.5 123t-123 184.5t-45.5 224t45.5 224t123 184.5t184.5 123t224 45.5zM600 1027q-116 0 -214.5 -57t-155.5 -155.5t-57 -214.5t57 -214.5 t155.5 -155.5t214.5 -57t214.5 57t155.5 155.5t57 214.5t-57 214.5t-155.5 155.5t-214.5 57zM540 820l253 -190q17 -12 17 -30t-17 -30l-253 -190q-16 -12 -28 -6.5t-12 26.5v400q0 21 12 26.5t28 -6.5z" />
|
||||||
|
<glyph unicode="" d="M947 1060l135 135q7 7 12.5 5t5.5 -13v-362q0 -10 -7.5 -17.5t-17.5 -7.5h-362q-11 0 -13 5.5t5 12.5l133 133q-109 76 -238 76q-116 0 -214.5 -57t-155.5 -155.5t-57 -214.5t57 -214.5t155.5 -155.5t214.5 -57t214.5 57t155.5 155.5t57 214.5h150q0 -117 -45.5 -224 t-123 -184.5t-184.5 -123t-224 -45.5t-224 45.5t-184.5 123t-123 184.5t-45.5 224t45.5 224t123 184.5t184.5 123t224 45.5q192 0 347 -117z" />
|
||||||
|
<glyph unicode="" d="M947 1060l135 135q7 7 12.5 5t5.5 -13v-361q0 -11 -7.5 -18.5t-18.5 -7.5h-361q-11 0 -13 5.5t5 12.5l134 134q-110 75 -239 75q-116 0 -214.5 -57t-155.5 -155.5t-57 -214.5h-150q0 117 45.5 224t123 184.5t184.5 123t224 45.5q192 0 347 -117zM1027 600h150 q0 -117 -45.5 -224t-123 -184.5t-184.5 -123t-224 -45.5q-192 0 -348 118l-134 -134q-7 -8 -12.5 -5.5t-5.5 12.5v360q0 11 7.5 18.5t18.5 7.5h360q10 0 12.5 -5.5t-5.5 -12.5l-133 -133q110 -76 240 -76q116 0 214.5 57t155.5 155.5t57 214.5z" />
|
||||||
|
<glyph unicode="" d="M125 1200h1050q10 0 17.5 -7.5t7.5 -17.5v-1150q0 -10 -7.5 -17.5t-17.5 -7.5h-1050q-10 0 -17.5 7.5t-7.5 17.5v1150q0 10 7.5 17.5t17.5 7.5zM1075 1000h-850q-10 0 -17.5 -7.5t-7.5 -17.5v-850q0 -10 7.5 -17.5t17.5 -7.5h850q10 0 17.5 7.5t7.5 17.5v850 q0 10 -7.5 17.5t-17.5 7.5zM325 900h50q10 0 17.5 -7.5t7.5 -17.5v-50q0 -10 -7.5 -17.5t-17.5 -7.5h-50q-10 0 -17.5 7.5t-7.5 17.5v50q0 10 7.5 17.5t17.5 7.5zM525 900h450q10 0 17.5 -7.5t7.5 -17.5v-50q0 -10 -7.5 -17.5t-17.5 -7.5h-450q-10 0 -17.5 7.5t-7.5 17.5v50 q0 10 7.5 17.5t17.5 7.5zM325 700h50q10 0 17.5 -7.5t7.5 -17.5v-50q0 -10 -7.5 -17.5t-17.5 -7.5h-50q-10 0 -17.5 7.5t-7.5 17.5v50q0 10 7.5 17.5t17.5 7.5zM525 700h450q10 0 17.5 -7.5t7.5 -17.5v-50q0 -10 -7.5 -17.5t-17.5 -7.5h-450q-10 0 -17.5 7.5t-7.5 17.5v50 q0 10 7.5 17.5t17.5 7.5zM325 500h50q10 0 17.5 -7.5t7.5 -17.5v-50q0 -10 -7.5 -17.5t-17.5 -7.5h-50q-10 0 -17.5 7.5t-7.5 17.5v50q0 10 7.5 17.5t17.5 7.5zM525 500h450q10 0 17.5 -7.5t7.5 -17.5v-50q0 -10 -7.5 -17.5t-17.5 -7.5h-450q-10 0 -17.5 7.5t-7.5 17.5v50 q0 10 7.5 17.5t17.5 7.5zM325 300h50q10 0 17.5 -7.5t7.5 -17.5v-50q0 -10 -7.5 -17.5t-17.5 -7.5h-50q-10 0 -17.5 7.5t-7.5 17.5v50q0 10 7.5 17.5t17.5 7.5zM525 300h450q10 0 17.5 -7.5t7.5 -17.5v-50q0 -10 -7.5 -17.5t-17.5 -7.5h-450q-10 0 -17.5 7.5t-7.5 17.5v50 q0 10 7.5 17.5t17.5 7.5z" />
|
||||||
|
<glyph unicode="" d="M900 800v200q0 83 -58.5 141.5t-141.5 58.5h-300q-82 0 -141 -59t-59 -141v-200h-100q-41 0 -70.5 -29.5t-29.5 -70.5v-600q0 -41 29.5 -70.5t70.5 -29.5h900q41 0 70.5 29.5t29.5 70.5v600q0 41 -29.5 70.5t-70.5 29.5h-100zM400 800v150q0 21 15 35.5t35 14.5h200 q20 0 35 -14.5t15 -35.5v-150h-300z" />
|
||||||
|
<glyph unicode="" d="M125 1100h50q10 0 17.5 -7.5t7.5 -17.5v-1075h-100v1075q0 10 7.5 17.5t17.5 7.5zM1075 1052q4 0 9 -2q16 -6 16 -23v-421q0 -6 -3 -12q-33 -59 -66.5 -99t-65.5 -58t-56.5 -24.5t-52.5 -6.5q-26 0 -57.5 6.5t-52.5 13.5t-60 21q-41 15 -63 22.5t-57.5 15t-65.5 7.5 q-85 0 -160 -57q-7 -5 -15 -5q-6 0 -11 3q-14 7 -14 22v438q22 55 82 98.5t119 46.5q23 2 43 0.5t43 -7t32.5 -8.5t38 -13t32.5 -11q41 -14 63.5 -21t57 -14t63.5 -7q103 0 183 87q7 8 18 8z" />
|
||||||
|
<glyph unicode="" d="M600 1175q116 0 227 -49.5t192.5 -131t131 -192.5t49.5 -227v-300q0 -10 -7.5 -17.5t-17.5 -7.5h-50q-10 0 -17.5 7.5t-7.5 17.5v300q0 127 -70.5 231.5t-184.5 161.5t-245 57t-245 -57t-184.5 -161.5t-70.5 -231.5v-300q0 -10 -7.5 -17.5t-17.5 -7.5h-50 q-10 0 -17.5 7.5t-7.5 17.5v300q0 116 49.5 227t131 192.5t192.5 131t227 49.5zM220 500h160q8 0 14 -6t6 -14v-460q0 -8 -6 -14t-14 -6h-160q-8 0 -14 6t-6 14v460q0 8 6 14t14 6zM820 500h160q8 0 14 -6t6 -14v-460q0 -8 -6 -14t-14 -6h-160q-8 0 -14 6t-6 14v460 q0 8 6 14t14 6z" />
|
||||||
|
<glyph unicode="" d="M321 814l258 172q9 6 15 2.5t6 -13.5v-750q0 -10 -6 -13.5t-15 2.5l-258 172q-21 14 -46 14h-250q-10 0 -17.5 7.5t-7.5 17.5v350q0 10 7.5 17.5t17.5 7.5h250q25 0 46 14zM900 668l120 120q7 7 17 7t17 -7l34 -34q7 -7 7 -17t-7 -17l-120 -120l120 -120q7 -7 7 -17 t-7 -17l-34 -34q-7 -7 -17 -7t-17 7l-120 119l-120 -119q-7 -7 -17 -7t-17 7l-34 34q-7 7 -7 17t7 17l119 120l-119 120q-7 7 -7 17t7 17l34 34q7 8 17 8t17 -8z" />
|
||||||
|
<glyph unicode="" d="M321 814l258 172q9 6 15 2.5t6 -13.5v-750q0 -10 -6 -13.5t-15 2.5l-258 172q-21 14 -46 14h-250q-10 0 -17.5 7.5t-7.5 17.5v350q0 10 7.5 17.5t17.5 7.5h250q25 0 46 14zM766 900h4q10 -1 16 -10q96 -129 96 -290q0 -154 -90 -281q-6 -9 -17 -10l-3 -1q-9 0 -16 6 l-29 23q-7 7 -8.5 16.5t4.5 17.5q72 103 72 229q0 132 -78 238q-6 8 -4.5 18t9.5 17l29 22q7 5 15 5z" />
|
||||||
|
<glyph unicode="" d="M967 1004h3q11 -1 17 -10q135 -179 135 -396q0 -105 -34 -206.5t-98 -185.5q-7 -9 -17 -10h-3q-9 0 -16 6l-42 34q-8 6 -9 16t5 18q111 150 111 328q0 90 -29.5 176t-84.5 157q-6 9 -5 19t10 16l42 33q7 5 15 5zM321 814l258 172q9 6 15 2.5t6 -13.5v-750q0 -10 -6 -13.5 t-15 2.5l-258 172q-21 14 -46 14h-250q-10 0 -17.5 7.5t-7.5 17.5v350q0 10 7.5 17.5t17.5 7.5h250q25 0 46 14zM766 900h4q10 -1 16 -10q96 -129 96 -290q0 -154 -90 -281q-6 -9 -17 -10l-3 -1q-9 0 -16 6l-29 23q-7 7 -8.5 16.5t4.5 17.5q72 103 72 229q0 132 -78 238 q-6 8 -4.5 18.5t9.5 16.5l29 22q7 5 15 5z" />
|
||||||
|
<glyph unicode="" d="M500 900h100v-100h-100v-100h-400v-100h-100v600h500v-300zM1200 700h-200v-100h200v-200h-300v300h-200v300h-100v200h600v-500zM100 1100v-300h300v300h-300zM800 1100v-300h300v300h-300zM300 900h-100v100h100v-100zM1000 900h-100v100h100v-100zM300 500h200v-500 h-500v500h200v100h100v-100zM800 300h200v-100h-100v-100h-200v100h-100v100h100v200h-200v100h300v-300zM100 400v-300h300v300h-300zM300 200h-100v100h100v-100zM1200 200h-100v100h100v-100zM700 0h-100v100h100v-100zM1200 0h-300v100h300v-100z" />
|
||||||
|
<glyph unicode="" d="M100 200h-100v1000h100v-1000zM300 200h-100v1000h100v-1000zM700 200h-200v1000h200v-1000zM900 200h-100v1000h100v-1000zM1200 200h-200v1000h200v-1000zM400 0h-300v100h300v-100zM600 0h-100v91h100v-91zM800 0h-100v91h100v-91zM1100 0h-200v91h200v-91z" />
|
||||||
|
<glyph unicode="" d="M500 1200l682 -682q8 -8 8 -18t-8 -18l-464 -464q-8 -8 -18 -8t-18 8l-682 682l1 475q0 10 7.5 17.5t17.5 7.5h474zM319.5 1024.5q-29.5 29.5 -71 29.5t-71 -29.5t-29.5 -71.5t29.5 -71.5t71 -29.5t71 29.5t29.5 71.5t-29.5 71.5z" />
|
||||||
|
<glyph unicode="" d="M500 1200l682 -682q8 -8 8 -18t-8 -18l-464 -464q-8 -8 -18 -8t-18 8l-682 682l1 475q0 10 7.5 17.5t17.5 7.5h474zM800 1200l682 -682q8 -8 8 -18t-8 -18l-464 -464q-8 -8 -18 -8t-18 8l-56 56l424 426l-700 700h150zM319.5 1024.5q-29.5 29.5 -71 29.5t-71 -29.5 t-29.5 -71.5t29.5 -71.5t71 -29.5t71 29.5t29.5 71.5t-29.5 71.5z" />
|
||||||
|
<glyph unicode="" d="M300 1200h825q75 0 75 -75v-900q0 -25 -18 -43l-64 -64q-8 -8 -13 -5.5t-5 12.5v950q0 10 -7.5 17.5t-17.5 7.5h-700q-25 0 -43 -18l-64 -64q-8 -8 -5.5 -13t12.5 -5h700q10 0 17.5 -7.5t7.5 -17.5v-950q0 -10 -7.5 -17.5t-17.5 -7.5h-850q-10 0 -17.5 7.5t-7.5 17.5v975 q0 25 18 43l139 139q18 18 43 18z" />
|
||||||
|
<glyph unicode="" d="M250 1200h800q21 0 35.5 -14.5t14.5 -35.5v-1150l-450 444l-450 -445v1151q0 21 14.5 35.5t35.5 14.5z" />
|
||||||
|
<glyph unicode="" d="M822 1200h-444q-11 0 -19 -7.5t-9 -17.5l-78 -301q-7 -24 7 -45l57 -108q6 -9 17.5 -15t21.5 -6h450q10 0 21.5 6t17.5 15l62 108q14 21 7 45l-83 301q-1 10 -9 17.5t-19 7.5zM1175 800h-150q-10 0 -21 -6.5t-15 -15.5l-78 -156q-4 -9 -15 -15.5t-21 -6.5h-550 q-10 0 -21 6.5t-15 15.5l-78 156q-4 9 -15 15.5t-21 6.5h-150q-10 0 -17.5 -7.5t-7.5 -17.5v-650q0 -10 7.5 -17.5t17.5 -7.5h150q10 0 17.5 7.5t7.5 17.5v150q0 10 7.5 17.5t17.5 7.5h750q10 0 17.5 -7.5t7.5 -17.5v-150q0 -10 7.5 -17.5t17.5 -7.5h150q10 0 17.5 7.5 t7.5 17.5v650q0 10 -7.5 17.5t-17.5 7.5zM850 200h-500q-10 0 -19.5 -7t-11.5 -17l-38 -152q-2 -10 3.5 -17t15.5 -7h600q10 0 15.5 7t3.5 17l-38 152q-2 10 -11.5 17t-19.5 7z" />
|
||||||
|
<glyph unicode="" d="M500 1100h200q56 0 102.5 -20.5t72.5 -50t44 -59t25 -50.5l6 -20h150q41 0 70.5 -29.5t29.5 -70.5v-600q0 -41 -29.5 -70.5t-70.5 -29.5h-1000q-41 0 -70.5 29.5t-29.5 70.5v600q0 41 29.5 70.5t70.5 29.5h150q2 8 6.5 21.5t24 48t45 61t72 48t102.5 21.5zM900 800v-100 h100v100h-100zM600 730q-95 0 -162.5 -67.5t-67.5 -162.5t67.5 -162.5t162.5 -67.5t162.5 67.5t67.5 162.5t-67.5 162.5t-162.5 67.5zM600 603q43 0 73 -30t30 -73t-30 -73t-73 -30t-73 30t-30 73t30 73t73 30z" />
|
||||||
|
<glyph unicode="" d="M681 1199l385 -998q20 -50 60 -92q18 -19 36.5 -29.5t27.5 -11.5l10 -2v-66h-417v66q53 0 75 43.5t5 88.5l-82 222h-391q-58 -145 -92 -234q-11 -34 -6.5 -57t25.5 -37t46 -20t55 -6v-66h-365v66q56 24 84 52q12 12 25 30.5t20 31.5l7 13l399 1006h93zM416 521h340 l-162 457z" />
|
||||||
|
<glyph unicode="" d="M753 641q5 -1 14.5 -4.5t36 -15.5t50.5 -26.5t53.5 -40t50.5 -54.5t35.5 -70t14.5 -87q0 -67 -27.5 -125.5t-71.5 -97.5t-98.5 -66.5t-108.5 -40.5t-102 -13h-500v89q41 7 70.5 32.5t29.5 65.5v827q0 24 -0.5 34t-3.5 24t-8.5 19.5t-17 13.5t-28 12.5t-42.5 11.5v71 l471 -1q57 0 115.5 -20.5t108 -57t80.5 -94t31 -124.5q0 -51 -15.5 -96.5t-38 -74.5t-45 -50.5t-38.5 -30.5zM400 700h139q78 0 130.5 48.5t52.5 122.5q0 41 -8.5 70.5t-29.5 55.5t-62.5 39.5t-103.5 13.5h-118v-350zM400 200h216q80 0 121 50.5t41 130.5q0 90 -62.5 154.5 t-156.5 64.5h-159v-400z" />
|
||||||
|
<glyph unicode="" d="M877 1200l2 -57q-83 -19 -116 -45.5t-40 -66.5l-132 -839q-9 -49 13 -69t96 -26v-97h-500v97q186 16 200 98l173 832q3 17 3 30t-1.5 22.5t-9 17.5t-13.5 12.5t-21.5 10t-26 8.5t-33.5 10q-13 3 -19 5v57h425z" />
|
||||||
|
<glyph unicode="" d="M1300 900h-50q0 21 -4 37t-9.5 26.5t-18 17.5t-22 11t-28.5 5.5t-31 2t-37 0.5h-200v-850q0 -22 25 -34.5t50 -13.5l25 -2v-100h-400v100q4 0 11 0.5t24 3t30 7t24 15t11 24.5v850h-200q-25 0 -37 -0.5t-31 -2t-28.5 -5.5t-22 -11t-18 -17.5t-9.5 -26.5t-4 -37h-50v300 h1000v-300zM175 1000h-75v-800h75l-125 -167l-125 167h75v800h-75l125 167z" />
|
||||||
|
<glyph unicode="" d="M1100 900h-50q0 21 -4 37t-9.5 26.5t-18 17.5t-22 11t-28.5 5.5t-31 2t-37 0.5h-200v-650q0 -22 25 -34.5t50 -13.5l25 -2v-100h-400v100q4 0 11 0.5t24 3t30 7t24 15t11 24.5v650h-200q-25 0 -37 -0.5t-31 -2t-28.5 -5.5t-22 -11t-18 -17.5t-9.5 -26.5t-4 -37h-50v300 h1000v-300zM1167 50l-167 -125v75h-800v-75l-167 125l167 125v-75h800v75z" />
|
||||||
|
<glyph unicode="" d="M50 1100h600q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-600q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5zM50 800h1000q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-1000q-21 0 -35.5 14.5t-14.5 35.5v100 q0 21 14.5 35.5t35.5 14.5zM50 500h800q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-800q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5zM50 200h1100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-1100 q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5z" />
|
||||||
|
<glyph unicode="" d="M250 1100h700q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-700q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5zM50 800h1100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-1100q-21 0 -35.5 14.5t-14.5 35.5v100 q0 21 14.5 35.5t35.5 14.5zM250 500h700q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-700q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5zM50 200h1100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-1100 q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5z" />
|
||||||
|
<glyph unicode="" d="M500 950v100q0 21 14.5 35.5t35.5 14.5h600q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-600q-21 0 -35.5 14.5t-14.5 35.5zM100 650v100q0 21 14.5 35.5t35.5 14.5h1000q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-1000 q-21 0 -35.5 14.5t-14.5 35.5zM300 350v100q0 21 14.5 35.5t35.5 14.5h800q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-800q-21 0 -35.5 14.5t-14.5 35.5zM0 50v100q0 21 14.5 35.5t35.5 14.5h1100q21 0 35.5 -14.5t14.5 -35.5v-100 q0 -21 -14.5 -35.5t-35.5 -14.5h-1100q-21 0 -35.5 14.5t-14.5 35.5z" />
|
||||||
|
<glyph unicode="" d="M50 1100h1100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-1100q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5zM50 800h1100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-1100q-21 0 -35.5 14.5t-14.5 35.5v100 q0 21 14.5 35.5t35.5 14.5zM50 500h1100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-1100q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5zM50 200h1100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-1100 q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5z" />
|
||||||
|
<glyph unicode="" d="M50 1100h100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5zM350 1100h800q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-800q-21 0 -35.5 14.5t-14.5 35.5v100 q0 21 14.5 35.5t35.5 14.5zM50 800h100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5zM350 800h800q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-800 q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5zM50 500h100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5zM350 500h800q21 0 35.5 -14.5t14.5 -35.5v-100 q0 -21 -14.5 -35.5t-35.5 -14.5h-800q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5zM50 200h100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5zM350 200h800 q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-800q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5z" />
|
||||||
|
<glyph unicode="" d="M400 0h-100v1100h100v-1100zM550 1100h100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5zM550 800h500q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-500 q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5zM267 550l-167 -125v75h-200v100h200v75zM550 500h300q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-300q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5zM550 200h600 q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-600q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5z" />
|
||||||
|
<glyph unicode="" d="M50 1100h100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5zM900 0h-100v1100h100v-1100zM50 800h500q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-500 q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5zM1100 600h200v-100h-200v-75l-167 125l167 125v-75zM50 500h300q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-300q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5zM50 200h600 q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-600q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5z" />
|
||||||
|
<glyph unicode="" d="M75 1000h750q31 0 53 -22t22 -53v-650q0 -31 -22 -53t-53 -22h-750q-31 0 -53 22t-22 53v650q0 31 22 53t53 22zM1200 300l-300 300l300 300v-600z" />
|
||||||
|
<glyph unicode="" d="M44 1100h1112q18 0 31 -13t13 -31v-1012q0 -18 -13 -31t-31 -13h-1112q-18 0 -31 13t-13 31v1012q0 18 13 31t31 13zM100 1000v-737l247 182l298 -131l-74 156l293 318l236 -288v500h-1000zM342 884q56 0 95 -39t39 -94.5t-39 -95t-95 -39.5t-95 39.5t-39 95t39 94.5 t95 39z" />
|
||||||
|
<glyph unicode="" d="M648 1169q117 0 216 -60t156.5 -161t57.5 -218q0 -115 -70 -258q-69 -109 -158 -225.5t-143 -179.5l-54 -62q-9 8 -25.5 24.5t-63.5 67.5t-91 103t-98.5 128t-95.5 148q-60 132 -60 249q0 88 34 169.5t91.5 142t137 96.5t166.5 36zM652.5 974q-91.5 0 -156.5 -65 t-65 -157t65 -156.5t156.5 -64.5t156.5 64.5t65 156.5t-65 157t-156.5 65z" />
|
||||||
|
<glyph unicode="" d="M600 1177q117 0 224 -45.5t184.5 -123t123 -184.5t45.5 -224t-45.5 -224t-123 -184.5t-184.5 -123t-224 -45.5t-224 45.5t-184.5 123t-123 184.5t-45.5 224t45.5 224t123 184.5t184.5 123t224 45.5zM600 173v854q-116 0 -214.5 -57t-155.5 -155.5t-57 -214.5t57 -214.5 t155.5 -155.5t214.5 -57z" />
|
||||||
|
<glyph unicode="" d="M554 1295q21 -72 57.5 -143.5t76 -130t83 -118t82.5 -117t70 -116t49.5 -126t18.5 -136.5q0 -71 -25.5 -135t-68.5 -111t-99 -82t-118.5 -54t-125.5 -23q-84 5 -161.5 34t-139.5 78.5t-99 125t-37 164.5q0 69 18 136.5t49.5 126.5t69.5 116.5t81.5 117.5t83.5 119 t76.5 131t58.5 143zM344 710q-23 -33 -43.5 -70.5t-40.5 -102.5t-17 -123q1 -37 14.5 -69.5t30 -52t41 -37t38.5 -24.5t33 -15q21 -7 32 -1t13 22l6 34q2 10 -2.5 22t-13.5 19q-5 4 -14 12t-29.5 40.5t-32.5 73.5q-26 89 6 271q2 11 -6 11q-8 1 -15 -10z" />
|
||||||
|
<glyph unicode="" d="M1000 1013l108 115q2 1 5 2t13 2t20.5 -1t25 -9.5t28.5 -21.5q22 -22 27 -43t0 -32l-6 -10l-108 -115zM350 1100h400q50 0 105 -13l-187 -187h-368q-41 0 -70.5 -29.5t-29.5 -70.5v-500q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5v182l200 200v-332 q0 -165 -93.5 -257.5t-256.5 -92.5h-400q-165 0 -257.5 92.5t-92.5 257.5v400q0 165 92.5 257.5t257.5 92.5zM1009 803l-362 -362l-161 -50l55 170l355 355z" />
|
||||||
|
<glyph unicode="" d="M350 1100h361q-164 -146 -216 -200h-195q-41 0 -70.5 -29.5t-29.5 -70.5v-500q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5l200 153v-103q0 -165 -92.5 -257.5t-257.5 -92.5h-400q-165 0 -257.5 92.5t-92.5 257.5v400q0 165 92.5 257.5t257.5 92.5z M824 1073l339 -301q8 -7 8 -17.5t-8 -17.5l-340 -306q-7 -6 -12.5 -4t-6.5 11v203q-26 1 -54.5 0t-78.5 -7.5t-92 -17.5t-86 -35t-70 -57q10 59 33 108t51.5 81.5t65 58.5t68.5 40.5t67 24.5t56 13.5t40 4.5v210q1 10 6.5 12.5t13.5 -4.5z" />
|
||||||
|
<glyph unicode="" d="M350 1100h350q60 0 127 -23l-178 -177h-349q-41 0 -70.5 -29.5t-29.5 -70.5v-500q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5v69l200 200v-219q0 -165 -92.5 -257.5t-257.5 -92.5h-400q-165 0 -257.5 92.5t-92.5 257.5v400q0 165 92.5 257.5t257.5 92.5z M643 639l395 395q7 7 17.5 7t17.5 -7l101 -101q7 -7 7 -17.5t-7 -17.5l-531 -532q-7 -7 -17.5 -7t-17.5 7l-248 248q-7 7 -7 17.5t7 17.5l101 101q7 7 17.5 7t17.5 -7l111 -111q8 -7 18 -7t18 7z" />
|
||||||
|
<glyph unicode="" d="M318 918l264 264q8 8 18 8t18 -8l260 -264q7 -8 4.5 -13t-12.5 -5h-170v-200h200v173q0 10 5 12t13 -5l264 -260q8 -7 8 -17.5t-8 -17.5l-264 -265q-8 -7 -13 -5t-5 12v173h-200v-200h170q10 0 12.5 -5t-4.5 -13l-260 -264q-8 -8 -18 -8t-18 8l-264 264q-8 8 -5.5 13 t12.5 5h175v200h-200v-173q0 -10 -5 -12t-13 5l-264 265q-8 7 -8 17.5t8 17.5l264 260q8 7 13 5t5 -12v-173h200v200h-175q-10 0 -12.5 5t5.5 13z" />
|
||||||
|
<glyph unicode="" d="M250 1100h100q21 0 35.5 -14.5t14.5 -35.5v-438l464 453q15 14 25.5 10t10.5 -25v-1000q0 -21 -10.5 -25t-25.5 10l-464 453v-438q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5v1000q0 21 14.5 35.5t35.5 14.5z" />
|
||||||
|
<glyph unicode="" d="M50 1100h100q21 0 35.5 -14.5t14.5 -35.5v-438l464 453q15 14 25.5 10t10.5 -25v-438l464 453q15 14 25.5 10t10.5 -25v-1000q0 -21 -10.5 -25t-25.5 10l-464 453v-438q0 -21 -10.5 -25t-25.5 10l-464 453v-438q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5 t-14.5 35.5v1000q0 21 14.5 35.5t35.5 14.5z" />
|
||||||
|
<glyph unicode="" d="M1200 1050v-1000q0 -21 -10.5 -25t-25.5 10l-464 453v-438q0 -21 -10.5 -25t-25.5 10l-492 480q-15 14 -15 35t15 35l492 480q15 14 25.5 10t10.5 -25v-438l464 453q15 14 25.5 10t10.5 -25z" />
|
||||||
|
<glyph unicode="" d="M243 1074l814 -498q18 -11 18 -26t-18 -26l-814 -498q-18 -11 -30.5 -4t-12.5 28v1000q0 21 12.5 28t30.5 -4z" />
|
||||||
|
<glyph unicode="" d="M250 1000h200q21 0 35.5 -14.5t14.5 -35.5v-800q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v800q0 21 14.5 35.5t35.5 14.5zM650 1000h200q21 0 35.5 -14.5t14.5 -35.5v-800q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v800 q0 21 14.5 35.5t35.5 14.5z" />
|
||||||
|
<glyph unicode="" d="M1100 950v-800q0 -21 -14.5 -35.5t-35.5 -14.5h-800q-21 0 -35.5 14.5t-14.5 35.5v800q0 21 14.5 35.5t35.5 14.5h800q21 0 35.5 -14.5t14.5 -35.5z" />
|
||||||
|
<glyph unicode="" d="M500 612v438q0 21 10.5 25t25.5 -10l492 -480q15 -14 15 -35t-15 -35l-492 -480q-15 -14 -25.5 -10t-10.5 25v438l-464 -453q-15 -14 -25.5 -10t-10.5 25v1000q0 21 10.5 25t25.5 -10z" />
|
||||||
|
<glyph unicode="" d="M1048 1102l100 1q20 0 35 -14.5t15 -35.5l5 -1000q0 -21 -14.5 -35.5t-35.5 -14.5l-100 -1q-21 0 -35.5 14.5t-14.5 35.5l-2 437l-463 -454q-14 -15 -24.5 -10.5t-10.5 25.5l-2 437l-462 -455q-15 -14 -25.5 -9.5t-10.5 24.5l-5 1000q0 21 10.5 25.5t25.5 -10.5l466 -450 l-2 438q0 20 10.5 24.5t25.5 -9.5l466 -451l-2 438q0 21 14.5 35.5t35.5 14.5z" />
|
||||||
|
<glyph unicode="" d="M850 1100h100q21 0 35.5 -14.5t14.5 -35.5v-1000q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5v438l-464 -453q-15 -14 -25.5 -10t-10.5 25v1000q0 21 10.5 25t25.5 -10l464 -453v438q0 21 14.5 35.5t35.5 14.5z" />
|
||||||
|
<glyph unicode="" d="M686 1081l501 -540q15 -15 10.5 -26t-26.5 -11h-1042q-22 0 -26.5 11t10.5 26l501 540q15 15 36 15t36 -15zM150 400h1000q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-1000q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5z" />
|
||||||
|
<glyph unicode="" d="M885 900l-352 -353l352 -353l-197 -198l-552 552l552 550z" />
|
||||||
|
<glyph unicode="" d="M1064 547l-551 -551l-198 198l353 353l-353 353l198 198z" />
|
||||||
|
<glyph unicode="" d="M600 1177q117 0 224 -45.5t184.5 -123t123 -184.5t45.5 -224t-45.5 -224t-123 -184.5t-184.5 -123t-224 -45.5t-224 45.5t-184.5 123t-123 184.5t-45.5 224t45.5 224t123 184.5t184.5 123t224 45.5zM650 900h-100q-21 0 -35.5 -14.5t-14.5 -35.5v-150h-150 q-21 0 -35.5 -14.5t-14.5 -35.5v-100q0 -21 14.5 -35.5t35.5 -14.5h150v-150q0 -21 14.5 -35.5t35.5 -14.5h100q21 0 35.5 14.5t14.5 35.5v150h150q21 0 35.5 14.5t14.5 35.5v100q0 21 -14.5 35.5t-35.5 14.5h-150v150q0 21 -14.5 35.5t-35.5 14.5z" />
|
||||||
|
<glyph unicode="" d="M600 1177q117 0 224 -45.5t184.5 -123t123 -184.5t45.5 -224t-45.5 -224t-123 -184.5t-184.5 -123t-224 -45.5t-224 45.5t-184.5 123t-123 184.5t-45.5 224t45.5 224t123 184.5t184.5 123t224 45.5zM850 700h-500q-21 0 -35.5 -14.5t-14.5 -35.5v-100q0 -21 14.5 -35.5 t35.5 -14.5h500q21 0 35.5 14.5t14.5 35.5v100q0 21 -14.5 35.5t-35.5 14.5z" />
|
||||||
|
<glyph unicode="" d="M600 1177q117 0 224 -45.5t184.5 -123t123 -184.5t45.5 -224t-45.5 -224t-123 -184.5t-184.5 -123t-224 -45.5t-224 45.5t-184.5 123t-123 184.5t-45.5 224t45.5 224t123 184.5t184.5 123t224 45.5zM741.5 913q-12.5 0 -21.5 -9l-120 -120l-120 120q-9 9 -21.5 9 t-21.5 -9l-141 -141q-9 -9 -9 -21.5t9 -21.5l120 -120l-120 -120q-9 -9 -9 -21.5t9 -21.5l141 -141q9 -9 21.5 -9t21.5 9l120 120l120 -120q9 -9 21.5 -9t21.5 9l141 141q9 9 9 21.5t-9 21.5l-120 120l120 120q9 9 9 21.5t-9 21.5l-141 141q-9 9 -21.5 9z" />
|
||||||
|
<glyph unicode="" d="M600 1177q117 0 224 -45.5t184.5 -123t123 -184.5t45.5 -224t-45.5 -224t-123 -184.5t-184.5 -123t-224 -45.5t-224 45.5t-184.5 123t-123 184.5t-45.5 224t45.5 224t123 184.5t184.5 123t224 45.5zM546 623l-84 85q-7 7 -17.5 7t-18.5 -7l-139 -139q-7 -8 -7 -18t7 -18 l242 -241q7 -8 17.5 -8t17.5 8l375 375q7 7 7 17.5t-7 18.5l-139 139q-7 7 -17.5 7t-17.5 -7z" />
|
||||||
|
<glyph unicode="" d="M600 1177q117 0 224 -45.5t184.5 -123t123 -184.5t45.5 -224t-45.5 -224t-123 -184.5t-184.5 -123t-224 -45.5t-224 45.5t-184.5 123t-123 184.5t-45.5 224t45.5 224t123 184.5t184.5 123t224 45.5zM588 941q-29 0 -59 -5.5t-63 -20.5t-58 -38.5t-41.5 -63t-16.5 -89.5 q0 -25 20 -25h131q30 -5 35 11q6 20 20.5 28t45.5 8q20 0 31.5 -10.5t11.5 -28.5q0 -23 -7 -34t-26 -18q-1 0 -13.5 -4t-19.5 -7.5t-20 -10.5t-22 -17t-18.5 -24t-15.5 -35t-8 -46q-1 -8 5.5 -16.5t20.5 -8.5h173q7 0 22 8t35 28t37.5 48t29.5 74t12 100q0 47 -17 83 t-42.5 57t-59.5 34.5t-64 18t-59 4.5zM675 400h-150q-10 0 -17.5 -7.5t-7.5 -17.5v-150q0 -10 7.5 -17.5t17.5 -7.5h150q10 0 17.5 7.5t7.5 17.5v150q0 10 -7.5 17.5t-17.5 7.5z" />
|
||||||
|
<glyph unicode="" d="M600 1177q117 0 224 -45.5t184.5 -123t123 -184.5t45.5 -224t-45.5 -224t-123 -184.5t-184.5 -123t-224 -45.5t-224 45.5t-184.5 123t-123 184.5t-45.5 224t45.5 224t123 184.5t184.5 123t224 45.5zM675 1000h-150q-10 0 -17.5 -7.5t-7.5 -17.5v-150q0 -10 7.5 -17.5 t17.5 -7.5h150q10 0 17.5 7.5t7.5 17.5v150q0 10 -7.5 17.5t-17.5 7.5zM675 700h-250q-10 0 -17.5 -7.5t-7.5 -17.5v-50q0 -10 7.5 -17.5t17.5 -7.5h75v-200h-75q-10 0 -17.5 -7.5t-7.5 -17.5v-50q0 -10 7.5 -17.5t17.5 -7.5h350q10 0 17.5 7.5t7.5 17.5v50q0 10 -7.5 17.5 t-17.5 7.5h-75v275q0 10 -7.5 17.5t-17.5 7.5z" />
|
||||||
|
<glyph unicode="" d="M525 1200h150q10 0 17.5 -7.5t7.5 -17.5v-194q103 -27 178.5 -102.5t102.5 -178.5h194q10 0 17.5 -7.5t7.5 -17.5v-150q0 -10 -7.5 -17.5t-17.5 -7.5h-194q-27 -103 -102.5 -178.5t-178.5 -102.5v-194q0 -10 -7.5 -17.5t-17.5 -7.5h-150q-10 0 -17.5 7.5t-7.5 17.5v194 q-103 27 -178.5 102.5t-102.5 178.5h-194q-10 0 -17.5 7.5t-7.5 17.5v150q0 10 7.5 17.5t17.5 7.5h194q27 103 102.5 178.5t178.5 102.5v194q0 10 7.5 17.5t17.5 7.5zM700 893v-168q0 -10 -7.5 -17.5t-17.5 -7.5h-150q-10 0 -17.5 7.5t-7.5 17.5v168q-68 -23 -119 -74 t-74 -119h168q10 0 17.5 -7.5t7.5 -17.5v-150q0 -10 -7.5 -17.5t-17.5 -7.5h-168q23 -68 74 -119t119 -74v168q0 10 7.5 17.5t17.5 7.5h150q10 0 17.5 -7.5t7.5 -17.5v-168q68 23 119 74t74 119h-168q-10 0 -17.5 7.5t-7.5 17.5v150q0 10 7.5 17.5t17.5 7.5h168 q-23 68 -74 119t-119 74z" />
|
||||||
|
<glyph unicode="" d="M600 1177q117 0 224 -45.5t184.5 -123t123 -184.5t45.5 -224t-45.5 -224t-123 -184.5t-184.5 -123t-224 -45.5t-224 45.5t-184.5 123t-123 184.5t-45.5 224t45.5 224t123 184.5t184.5 123t224 45.5zM600 1027q-116 0 -214.5 -57t-155.5 -155.5t-57 -214.5t57 -214.5 t155.5 -155.5t214.5 -57t214.5 57t155.5 155.5t57 214.5t-57 214.5t-155.5 155.5t-214.5 57zM759 823l64 -64q7 -7 7 -17.5t-7 -17.5l-124 -124l124 -124q7 -7 7 -17.5t-7 -17.5l-64 -64q-7 -7 -17.5 -7t-17.5 7l-124 124l-124 -124q-7 -7 -17.5 -7t-17.5 7l-64 64 q-7 7 -7 17.5t7 17.5l124 124l-124 124q-7 7 -7 17.5t7 17.5l64 64q7 7 17.5 7t17.5 -7l124 -124l124 124q7 7 17.5 7t17.5 -7z" />
|
||||||
|
<glyph unicode="" d="M600 1177q117 0 224 -45.5t184.5 -123t123 -184.5t45.5 -224t-45.5 -224t-123 -184.5t-184.5 -123t-224 -45.5t-224 45.5t-184.5 123t-123 184.5t-45.5 224t45.5 224t123 184.5t184.5 123t224 45.5zM600 1027q-116 0 -214.5 -57t-155.5 -155.5t-57 -214.5t57 -214.5 t155.5 -155.5t214.5 -57t214.5 57t155.5 155.5t57 214.5t-57 214.5t-155.5 155.5t-214.5 57zM782 788l106 -106q7 -7 7 -17.5t-7 -17.5l-320 -321q-8 -7 -18 -7t-18 7l-202 203q-8 7 -8 17.5t8 17.5l106 106q7 8 17.5 8t17.5 -8l79 -79l197 197q7 7 17.5 7t17.5 -7z" />
|
||||||
|
<glyph unicode="" d="M600 1177q117 0 224 -45.5t184.5 -123t123 -184.5t45.5 -224t-45.5 -224t-123 -184.5t-184.5 -123t-224 -45.5t-224 45.5t-184.5 123t-123 184.5t-45.5 224t45.5 224t123 184.5t184.5 123t224 45.5zM600 1027q-116 0 -214.5 -57t-155.5 -155.5t-57 -214.5q0 -120 65 -225 l587 587q-105 65 -225 65zM965 819l-584 -584q104 -62 219 -62q116 0 214.5 57t155.5 155.5t57 214.5q0 115 -62 219z" />
|
||||||
|
<glyph unicode="" d="M39 582l522 427q16 13 27.5 8t11.5 -26v-291h550q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-550v-291q0 -21 -11.5 -26t-27.5 8l-522 427q-16 13 -16 32t16 32z" />
|
||||||
|
<glyph unicode="" d="M639 1009l522 -427q16 -13 16 -32t-16 -32l-522 -427q-16 -13 -27.5 -8t-11.5 26v291h-550q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5h550v291q0 21 11.5 26t27.5 -8z" />
|
||||||
|
<glyph unicode="" d="M682 1161l427 -522q13 -16 8 -27.5t-26 -11.5h-291v-550q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v550h-291q-21 0 -26 11.5t8 27.5l427 522q13 16 32 16t32 -16z" />
|
||||||
|
<glyph unicode="" d="M550 1200h200q21 0 35.5 -14.5t14.5 -35.5v-550h291q21 0 26 -11.5t-8 -27.5l-427 -522q-13 -16 -32 -16t-32 16l-427 522q-13 16 -8 27.5t26 11.5h291v550q0 21 14.5 35.5t35.5 14.5z" />
|
||||||
|
<glyph unicode="" d="M639 1109l522 -427q16 -13 16 -32t-16 -32l-522 -427q-16 -13 -27.5 -8t-11.5 26v291q-94 -2 -182 -20t-170.5 -52t-147 -92.5t-100.5 -135.5q5 105 27 193.5t67.5 167t113 135t167 91.5t225.5 42v262q0 21 11.5 26t27.5 -8z" />
|
||||||
|
<glyph unicode="" d="M850 1200h300q21 0 35.5 -14.5t14.5 -35.5v-300q0 -21 -10.5 -25t-24.5 10l-94 94l-249 -249q-8 -7 -18 -7t-18 7l-106 106q-7 8 -7 18t7 18l249 249l-94 94q-14 14 -10 24.5t25 10.5zM350 0h-300q-21 0 -35.5 14.5t-14.5 35.5v300q0 21 10.5 25t24.5 -10l94 -94l249 249 q8 7 18 7t18 -7l106 -106q7 -8 7 -18t-7 -18l-249 -249l94 -94q14 -14 10 -24.5t-25 -10.5z" />
|
||||||
|
<glyph unicode="" d="M1014 1120l106 -106q7 -8 7 -18t-7 -18l-249 -249l94 -94q14 -14 10 -24.5t-25 -10.5h-300q-21 0 -35.5 14.5t-14.5 35.5v300q0 21 10.5 25t24.5 -10l94 -94l249 249q8 7 18 7t18 -7zM250 600h300q21 0 35.5 -14.5t14.5 -35.5v-300q0 -21 -10.5 -25t-24.5 10l-94 94 l-249 -249q-8 -7 -18 -7t-18 7l-106 106q-7 8 -7 18t7 18l249 249l-94 94q-14 14 -10 24.5t25 10.5z" />
|
||||||
|
<glyph unicode="" d="M600 1177q117 0 224 -45.5t184.5 -123t123 -184.5t45.5 -224t-45.5 -224t-123 -184.5t-184.5 -123t-224 -45.5t-224 45.5t-184.5 123t-123 184.5t-45.5 224t45.5 224t123 184.5t184.5 123t224 45.5zM704 900h-208q-20 0 -32 -14.5t-8 -34.5l58 -302q4 -20 21.5 -34.5 t37.5 -14.5h54q20 0 37.5 14.5t21.5 34.5l58 302q4 20 -8 34.5t-32 14.5zM675 400h-150q-10 0 -17.5 -7.5t-7.5 -17.5v-150q0 -10 7.5 -17.5t17.5 -7.5h150q10 0 17.5 7.5t7.5 17.5v150q0 10 -7.5 17.5t-17.5 7.5z" />
|
||||||
|
<glyph unicode="" d="M260 1200q9 0 19 -2t15 -4l5 -2q22 -10 44 -23l196 -118q21 -13 36 -24q29 -21 37 -12q11 13 49 35l196 118q22 13 45 23q17 7 38 7q23 0 47 -16.5t37 -33.5l13 -16q14 -21 18 -45l25 -123l8 -44q1 -9 8.5 -14.5t17.5 -5.5h61q10 0 17.5 -7.5t7.5 -17.5v-50 q0 -10 -7.5 -17.5t-17.5 -7.5h-50q-10 0 -17.5 -7.5t-7.5 -17.5v-175h-400v300h-200v-300h-400v175q0 10 -7.5 17.5t-17.5 7.5h-50q-10 0 -17.5 7.5t-7.5 17.5v50q0 10 7.5 17.5t17.5 7.5h61q11 0 18 3t7 8q0 4 9 52l25 128q5 25 19 45q2 3 5 7t13.5 15t21.5 19.5t26.5 15.5 t29.5 7zM915 1079l-166 -162q-7 -7 -5 -12t12 -5h219q10 0 15 7t2 17l-51 149q-3 10 -11 12t-15 -6zM463 917l-177 157q-8 7 -16 5t-11 -12l-51 -143q-3 -10 2 -17t15 -7h231q11 0 12.5 5t-5.5 12zM500 0h-375q-10 0 -17.5 7.5t-7.5 17.5v375h400v-400zM1100 400v-375 q0 -10 -7.5 -17.5t-17.5 -7.5h-375v400h400z" />
|
||||||
|
<glyph unicode="" d="M1165 1190q8 3 21 -6.5t13 -17.5q-2 -178 -24.5 -323.5t-55.5 -245.5t-87 -174.5t-102.5 -118.5t-118 -68.5t-118.5 -33t-120 -4.5t-105 9.5t-90 16.5q-61 12 -78 11q-4 1 -12.5 0t-34 -14.5t-52.5 -40.5l-153 -153q-26 -24 -37 -14.5t-11 43.5q0 64 42 102q8 8 50.5 45 t66.5 58q19 17 35 47t13 61q-9 55 -10 102.5t7 111t37 130t78 129.5q39 51 80 88t89.5 63.5t94.5 45t113.5 36t129 31t157.5 37t182 47.5zM1116 1098q-8 9 -22.5 -3t-45.5 -50q-38 -47 -119 -103.5t-142 -89.5l-62 -33q-56 -30 -102 -57t-104 -68t-102.5 -80.5t-85.5 -91 t-64 -104.5q-24 -56 -31 -86t2 -32t31.5 17.5t55.5 59.5q25 30 94 75.5t125.5 77.5t147.5 81q70 37 118.5 69t102 79.5t99 111t86.5 148.5q22 50 24 60t-6 19z" />
|
||||||
|
<glyph unicode="" d="M653 1231q-39 -67 -54.5 -131t-10.5 -114.5t24.5 -96.5t47.5 -80t63.5 -62.5t68.5 -46.5t65 -30q-4 7 -17.5 35t-18.5 39.5t-17 39.5t-17 43t-13 42t-9.5 44.5t-2 42t4 43t13.5 39t23 38.5q96 -42 165 -107.5t105 -138t52 -156t13 -159t-19 -149.5q-13 -55 -44 -106.5 t-68 -87t-78.5 -64.5t-72.5 -45t-53 -22q-72 -22 -127 -11q-31 6 -13 19q6 3 17 7q13 5 32.5 21t41 44t38.5 63.5t21.5 81.5t-6.5 94.5t-50 107t-104 115.5q10 -104 -0.5 -189t-37 -140.5t-65 -93t-84 -52t-93.5 -11t-95 24.5q-80 36 -131.5 114t-53.5 171q-2 23 0 49.5 t4.5 52.5t13.5 56t27.5 60t46 64.5t69.5 68.5q-8 -53 -5 -102.5t17.5 -90t34 -68.5t44.5 -39t49 -2q31 13 38.5 36t-4.5 55t-29 64.5t-36 75t-26 75.5q-15 85 2 161.5t53.5 128.5t85.5 92.5t93.5 61t81.5 25.5z" />
|
||||||
|
<glyph unicode="" d="M600 1094q82 0 160.5 -22.5t140 -59t116.5 -82.5t94.5 -95t68 -95t42.5 -82.5t14 -57.5t-14 -57.5t-43 -82.5t-68.5 -95t-94.5 -95t-116.5 -82.5t-140 -59t-159.5 -22.5t-159.5 22.5t-140 59t-116.5 82.5t-94.5 95t-68.5 95t-43 82.5t-14 57.5t14 57.5t42.5 82.5t68 95 t94.5 95t116.5 82.5t140 59t160.5 22.5zM888 829q-15 15 -18 12t5 -22q25 -57 25 -119q0 -124 -88 -212t-212 -88t-212 88t-88 212q0 59 23 114q8 19 4.5 22t-17.5 -12q-70 -69 -160 -184q-13 -16 -15 -40.5t9 -42.5q22 -36 47 -71t70 -82t92.5 -81t113 -58.5t133.5 -24.5 t133.5 24t113 58.5t92.5 81.5t70 81.5t47 70.5q11 18 9 42.5t-14 41.5q-90 117 -163 189zM448 727l-35 -36q-15 -15 -19.5 -38.5t4.5 -41.5q37 -68 93 -116q16 -13 38.5 -11t36.5 17l35 34q14 15 12.5 33.5t-16.5 33.5q-44 44 -89 117q-11 18 -28 20t-32 -12z" />
|
||||||
|
<glyph unicode="" d="M592 0h-148l31 120q-91 20 -175.5 68.5t-143.5 106.5t-103.5 119t-66.5 110t-22 76q0 21 14 57.5t42.5 82.5t68 95t94.5 95t116.5 82.5t140 59t160.5 22.5q61 0 126 -15l32 121h148zM944 770l47 181q108 -85 176.5 -192t68.5 -159q0 -26 -19.5 -71t-59.5 -102t-93 -112 t-129 -104.5t-158 -75.5l46 173q77 49 136 117t97 131q11 18 9 42.5t-14 41.5q-54 70 -107 130zM310 824q-70 -69 -160 -184q-13 -16 -15 -40.5t9 -42.5q18 -30 39 -60t57 -70.5t74 -73t90 -61t105 -41.5l41 154q-107 18 -178.5 101.5t-71.5 193.5q0 59 23 114q8 19 4.5 22 t-17.5 -12zM448 727l-35 -36q-15 -15 -19.5 -38.5t4.5 -41.5q37 -68 93 -116q16 -13 38.5 -11t36.5 17l12 11l22 86l-3 4q-44 44 -89 117q-11 18 -28 20t-32 -12z" />
|
||||||
|
<glyph unicode="" d="M-90 100l642 1066q20 31 48 28.5t48 -35.5l642 -1056q21 -32 7.5 -67.5t-50.5 -35.5h-1294q-37 0 -50.5 34t7.5 66zM155 200h345v75q0 10 7.5 17.5t17.5 7.5h150q10 0 17.5 -7.5t7.5 -17.5v-75h345l-445 723zM496 700h208q20 0 32 -14.5t8 -34.5l-58 -252 q-4 -20 -21.5 -34.5t-37.5 -14.5h-54q-20 0 -37.5 14.5t-21.5 34.5l-58 252q-4 20 8 34.5t32 14.5z" />
|
||||||
|
<glyph unicode="" d="M650 1200q62 0 106 -44t44 -106v-339l363 -325q15 -14 26 -38.5t11 -44.5v-41q0 -20 -12 -26.5t-29 5.5l-359 249v-263q100 -93 100 -113v-64q0 -21 -13 -29t-32 1l-205 128l-205 -128q-19 -9 -32 -1t-13 29v64q0 20 100 113v263l-359 -249q-17 -12 -29 -5.5t-12 26.5v41 q0 20 11 44.5t26 38.5l363 325v339q0 62 44 106t106 44z" />
|
||||||
|
<glyph unicode="" d="M850 1200h100q21 0 35.5 -14.5t14.5 -35.5v-50h50q21 0 35.5 -14.5t14.5 -35.5v-150h-1100v150q0 21 14.5 35.5t35.5 14.5h50v50q0 21 14.5 35.5t35.5 14.5h100q21 0 35.5 -14.5t14.5 -35.5v-50h500v50q0 21 14.5 35.5t35.5 14.5zM1100 800v-750q0 -21 -14.5 -35.5 t-35.5 -14.5h-1000q-21 0 -35.5 14.5t-14.5 35.5v750h1100zM100 600v-100h100v100h-100zM300 600v-100h100v100h-100zM500 600v-100h100v100h-100zM700 600v-100h100v100h-100zM900 600v-100h100v100h-100zM100 400v-100h100v100h-100zM300 400v-100h100v100h-100zM500 400 v-100h100v100h-100zM700 400v-100h100v100h-100zM900 400v-100h100v100h-100zM100 200v-100h100v100h-100zM300 200v-100h100v100h-100zM500 200v-100h100v100h-100zM700 200v-100h100v100h-100zM900 200v-100h100v100h-100z" />
|
||||||
|
<glyph unicode="" d="M1135 1165l249 -230q15 -14 15 -35t-15 -35l-249 -230q-14 -14 -24.5 -10t-10.5 25v150h-159l-600 -600h-291q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5h209l600 600h241v150q0 21 10.5 25t24.5 -10zM522 819l-141 -141l-122 122h-209q-21 0 -35.5 14.5 t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5h291zM1135 565l249 -230q15 -14 15 -35t-15 -35l-249 -230q-14 -14 -24.5 -10t-10.5 25v150h-241l-181 181l141 141l122 -122h159v150q0 21 10.5 25t24.5 -10z" />
|
||||||
|
<glyph unicode="" d="M100 1100h1000q41 0 70.5 -29.5t29.5 -70.5v-600q0 -41 -29.5 -70.5t-70.5 -29.5h-596l-304 -300v300h-100q-41 0 -70.5 29.5t-29.5 70.5v600q0 41 29.5 70.5t70.5 29.5z" />
|
||||||
|
<glyph unicode="" d="M150 1200h200q21 0 35.5 -14.5t14.5 -35.5v-250h-300v250q0 21 14.5 35.5t35.5 14.5zM850 1200h200q21 0 35.5 -14.5t14.5 -35.5v-250h-300v250q0 21 14.5 35.5t35.5 14.5zM1100 800v-300q0 -41 -3 -77.5t-15 -89.5t-32 -96t-58 -89t-89 -77t-129 -51t-174 -20t-174 20 t-129 51t-89 77t-58 89t-32 96t-15 89.5t-3 77.5v300h300v-250v-27v-42.5t1.5 -41t5 -38t10 -35t16.5 -30t25.5 -24.5t35 -19t46.5 -12t60 -4t60 4.5t46.5 12.5t35 19.5t25 25.5t17 30.5t10 35t5 38t2 40.5t-0.5 42v25v250h300z" />
|
||||||
|
<glyph unicode="" d="M1100 411l-198 -199l-353 353l-353 -353l-197 199l551 551z" />
|
||||||
|
<glyph unicode="" d="M1101 789l-550 -551l-551 551l198 199l353 -353l353 353z" />
|
||||||
|
<glyph unicode="" d="M404 1000h746q21 0 35.5 -14.5t14.5 -35.5v-551h150q21 0 25 -10.5t-10 -24.5l-230 -249q-14 -15 -35 -15t-35 15l-230 249q-14 14 -10 24.5t25 10.5h150v401h-381zM135 984l230 -249q14 -14 10 -24.5t-25 -10.5h-150v-400h385l215 -200h-750q-21 0 -35.5 14.5 t-14.5 35.5v550h-150q-21 0 -25 10.5t10 24.5l230 249q14 15 35 15t35 -15z" />
|
||||||
|
<glyph unicode="" d="M56 1200h94q17 0 31 -11t18 -27l38 -162h896q24 0 39 -18.5t10 -42.5l-100 -475q-5 -21 -27 -42.5t-55 -21.5h-633l48 -200h535q21 0 35.5 -14.5t14.5 -35.5t-14.5 -35.5t-35.5 -14.5h-50v-50q0 -21 -14.5 -35.5t-35.5 -14.5t-35.5 14.5t-14.5 35.5v50h-300v-50 q0 -21 -14.5 -35.5t-35.5 -14.5t-35.5 14.5t-14.5 35.5v50h-31q-18 0 -32.5 10t-20.5 19l-5 10l-201 961h-54q-20 0 -35 14.5t-15 35.5t15 35.5t35 14.5z" />
|
||||||
|
<glyph unicode="" d="M1200 1000v-100h-1200v100h200q0 41 29.5 70.5t70.5 29.5h300q41 0 70.5 -29.5t29.5 -70.5h500zM0 800h1200v-800h-1200v800z" />
|
||||||
|
<glyph unicode="" d="M200 800l-200 -400v600h200q0 41 29.5 70.5t70.5 29.5h300q42 0 71 -29.5t29 -70.5h500v-200h-1000zM1500 700l-300 -700h-1200l300 700h1200z" />
|
||||||
|
<glyph unicode="" d="M635 1184l230 -249q14 -14 10 -24.5t-25 -10.5h-150v-601h150q21 0 25 -10.5t-10 -24.5l-230 -249q-14 -15 -35 -15t-35 15l-230 249q-14 14 -10 24.5t25 10.5h150v601h-150q-21 0 -25 10.5t10 24.5l230 249q14 15 35 15t35 -15z" />
|
||||||
|
<glyph unicode="" d="M936 864l249 -229q14 -15 14 -35.5t-14 -35.5l-249 -229q-15 -15 -25.5 -10.5t-10.5 24.5v151h-600v-151q0 -20 -10.5 -24.5t-25.5 10.5l-249 229q-14 15 -14 35.5t14 35.5l249 229q15 15 25.5 10.5t10.5 -25.5v-149h600v149q0 21 10.5 25.5t25.5 -10.5z" />
|
||||||
|
<glyph unicode="" d="M1169 400l-172 732q-5 23 -23 45.5t-38 22.5h-672q-20 0 -38 -20t-23 -41l-172 -739h1138zM1100 300h-1000q-41 0 -70.5 -29.5t-29.5 -70.5v-100q0 -41 29.5 -70.5t70.5 -29.5h1000q41 0 70.5 29.5t29.5 70.5v100q0 41 -29.5 70.5t-70.5 29.5zM800 100v100h100v-100h-100 zM1000 100v100h100v-100h-100z" />
|
||||||
|
<glyph unicode="" d="M1150 1100q21 0 35.5 -14.5t14.5 -35.5v-850q0 -21 -14.5 -35.5t-35.5 -14.5t-35.5 14.5t-14.5 35.5v850q0 21 14.5 35.5t35.5 14.5zM1000 200l-675 200h-38l47 -276q3 -16 -5.5 -20t-29.5 -4h-7h-84q-20 0 -34.5 14t-18.5 35q-55 337 -55 351v250v6q0 16 1 23.5t6.5 14 t17.5 6.5h200l675 250v-850zM0 750v-250q-4 0 -11 0.5t-24 6t-30 15t-24 30t-11 48.5v50q0 26 10.5 46t25 30t29 16t25.5 7z" />
|
||||||
|
<glyph unicode="" d="M553 1200h94q20 0 29 -10.5t3 -29.5l-18 -37q83 -19 144 -82.5t76 -140.5l63 -327l118 -173h17q19 0 33 -14.5t14 -35t-13 -40.5t-31 -27q-8 -4 -23 -9.5t-65 -19.5t-103 -25t-132.5 -20t-158.5 -9q-57 0 -115 5t-104 12t-88.5 15.5t-73.5 17.5t-54.5 16t-35.5 12l-11 4 q-18 8 -31 28t-13 40.5t14 35t33 14.5h17l118 173l63 327q15 77 76 140t144 83l-18 32q-6 19 3.5 32t28.5 13zM498 110q50 -6 102 -6q53 0 102 6q-12 -49 -39.5 -79.5t-62.5 -30.5t-63 30.5t-39 79.5z" />
|
||||||
|
<glyph unicode="" d="M800 946l224 78l-78 -224l234 -45l-180 -155l180 -155l-234 -45l78 -224l-224 78l-45 -234l-155 180l-155 -180l-45 234l-224 -78l78 224l-234 45l180 155l-180 155l234 45l-78 224l224 -78l45 234l155 -180l155 180z" />
|
||||||
|
<glyph unicode="" d="M650 1200h50q40 0 70 -40.5t30 -84.5v-150l-28 -125h328q40 0 70 -40.5t30 -84.5v-100q0 -45 -29 -74l-238 -344q-16 -24 -38 -40.5t-45 -16.5h-250q-7 0 -42 25t-66 50l-31 25h-61q-45 0 -72.5 18t-27.5 57v400q0 36 20 63l145 196l96 198q13 28 37.5 48t51.5 20z M650 1100l-100 -212l-150 -213v-375h100l136 -100h214l250 375v125h-450l50 225v175h-50zM50 800h100q21 0 35.5 -14.5t14.5 -35.5v-500q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5v500q0 21 14.5 35.5t35.5 14.5z" />
|
||||||
|
<glyph unicode="" d="M600 1100h250q23 0 45 -16.5t38 -40.5l238 -344q29 -29 29 -74v-100q0 -44 -30 -84.5t-70 -40.5h-328q28 -118 28 -125v-150q0 -44 -30 -84.5t-70 -40.5h-50q-27 0 -51.5 20t-37.5 48l-96 198l-145 196q-20 27 -20 63v400q0 39 27.5 57t72.5 18h61q124 100 139 100z M50 1000h100q21 0 35.5 -14.5t14.5 -35.5v-500q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5v500q0 21 14.5 35.5t35.5 14.5zM636 1000l-136 -100h-100v-375l150 -213l100 -212h50v175l-50 225h450v125l-250 375h-214z" />
|
||||||
|
<glyph unicode="" d="M356 873l363 230q31 16 53 -6l110 -112q13 -13 13.5 -32t-11.5 -34l-84 -121h302q84 0 138 -38t54 -110t-55 -111t-139 -39h-106l-131 -339q-6 -21 -19.5 -41t-28.5 -20h-342q-7 0 -90 81t-83 94v525q0 17 14 35.5t28 28.5zM400 792v-503l100 -89h293l131 339 q6 21 19.5 41t28.5 20h203q21 0 30.5 25t0.5 50t-31 25h-456h-7h-6h-5.5t-6 0.5t-5 1.5t-5 2t-4 2.5t-4 4t-2.5 4.5q-12 25 5 47l146 183l-86 83zM50 800h100q21 0 35.5 -14.5t14.5 -35.5v-500q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5v500 q0 21 14.5 35.5t35.5 14.5z" />
|
||||||
|
<glyph unicode="" d="M475 1103l366 -230q2 -1 6 -3.5t14 -10.5t18 -16.5t14.5 -20t6.5 -22.5v-525q0 -13 -86 -94t-93 -81h-342q-15 0 -28.5 20t-19.5 41l-131 339h-106q-85 0 -139.5 39t-54.5 111t54 110t138 38h302l-85 121q-11 15 -10.5 34t13.5 32l110 112q22 22 53 6zM370 945l146 -183 q17 -22 5 -47q-2 -2 -3.5 -4.5t-4 -4t-4 -2.5t-5 -2t-5 -1.5t-6 -0.5h-6h-6.5h-6h-475v-100h221q15 0 29 -20t20 -41l130 -339h294l106 89v503l-342 236zM1050 800h100q21 0 35.5 -14.5t14.5 -35.5v-500q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5 v500q0 21 14.5 35.5t35.5 14.5z" />
|
||||||
|
<glyph unicode="" d="M550 1294q72 0 111 -55t39 -139v-106l339 -131q21 -6 41 -19.5t20 -28.5v-342q0 -7 -81 -90t-94 -83h-525q-17 0 -35.5 14t-28.5 28l-9 14l-230 363q-16 31 6 53l112 110q13 13 32 13.5t34 -11.5l121 -84v302q0 84 38 138t110 54zM600 972v203q0 21 -25 30.5t-50 0.5 t-25 -31v-456v-7v-6v-5.5t-0.5 -6t-1.5 -5t-2 -5t-2.5 -4t-4 -4t-4.5 -2.5q-25 -12 -47 5l-183 146l-83 -86l236 -339h503l89 100v293l-339 131q-21 6 -41 19.5t-20 28.5zM450 200h500q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-500 q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5z" />
|
||||||
|
<glyph unicode="" d="M350 1100h500q21 0 35.5 14.5t14.5 35.5v100q0 21 -14.5 35.5t-35.5 14.5h-500q-21 0 -35.5 -14.5t-14.5 -35.5v-100q0 -21 14.5 -35.5t35.5 -14.5zM600 306v-106q0 -84 -39 -139t-111 -55t-110 54t-38 138v302l-121 -84q-15 -12 -34 -11.5t-32 13.5l-112 110 q-22 22 -6 53l230 363q1 2 3.5 6t10.5 13.5t16.5 17t20 13.5t22.5 6h525q13 0 94 -83t81 -90v-342q0 -15 -20 -28.5t-41 -19.5zM308 900l-236 -339l83 -86l183 146q22 17 47 5q2 -1 4.5 -2.5t4 -4t2.5 -4t2 -5t1.5 -5t0.5 -6v-5.5v-6v-7v-456q0 -22 25 -31t50 0.5t25 30.5 v203q0 15 20 28.5t41 19.5l339 131v293l-89 100h-503z" />
|
||||||
|
<glyph unicode="" d="M600 1178q118 0 225 -45.5t184.5 -123t123 -184.5t45.5 -225t-45.5 -225t-123 -184.5t-184.5 -123t-225 -45.5t-225 45.5t-184.5 123t-123 184.5t-45.5 225t45.5 225t123 184.5t184.5 123t225 45.5zM914 632l-275 223q-16 13 -27.5 8t-11.5 -26v-137h-275 q-10 0 -17.5 -7.5t-7.5 -17.5v-150q0 -10 7.5 -17.5t17.5 -7.5h275v-137q0 -21 11.5 -26t27.5 8l275 223q16 13 16 32t-16 32z" />
|
||||||
|
<glyph unicode="" d="M600 1178q118 0 225 -45.5t184.5 -123t123 -184.5t45.5 -225t-45.5 -225t-123 -184.5t-184.5 -123t-225 -45.5t-225 45.5t-184.5 123t-123 184.5t-45.5 225t45.5 225t123 184.5t184.5 123t225 45.5zM561 855l-275 -223q-16 -13 -16 -32t16 -32l275 -223q16 -13 27.5 -8 t11.5 26v137h275q10 0 17.5 7.5t7.5 17.5v150q0 10 -7.5 17.5t-17.5 7.5h-275v137q0 21 -11.5 26t-27.5 -8z" />
|
||||||
|
<glyph unicode="" d="M600 1178q118 0 225 -45.5t184.5 -123t123 -184.5t45.5 -225t-45.5 -225t-123 -184.5t-184.5 -123t-225 -45.5t-225 45.5t-184.5 123t-123 184.5t-45.5 225t45.5 225t123 184.5t184.5 123t225 45.5zM855 639l-223 275q-13 16 -32 16t-32 -16l-223 -275q-13 -16 -8 -27.5 t26 -11.5h137v-275q0 -10 7.5 -17.5t17.5 -7.5h150q10 0 17.5 7.5t7.5 17.5v275h137q21 0 26 11.5t-8 27.5z" />
|
||||||
|
<glyph unicode="" d="M600 1178q118 0 225 -45.5t184.5 -123t123 -184.5t45.5 -225t-45.5 -225t-123 -184.5t-184.5 -123t-225 -45.5t-225 45.5t-184.5 123t-123 184.5t-45.5 225t45.5 225t123 184.5t184.5 123t225 45.5zM675 900h-150q-10 0 -17.5 -7.5t-7.5 -17.5v-275h-137q-21 0 -26 -11.5 t8 -27.5l223 -275q13 -16 32 -16t32 16l223 275q13 16 8 27.5t-26 11.5h-137v275q0 10 -7.5 17.5t-17.5 7.5z" />
|
||||||
|
<glyph unicode="" d="M600 1176q116 0 222.5 -46t184 -123.5t123.5 -184t46 -222.5t-46 -222.5t-123.5 -184t-184 -123.5t-222.5 -46t-222.5 46t-184 123.5t-123.5 184t-46 222.5t46 222.5t123.5 184t184 123.5t222.5 46zM627 1101q-15 -12 -36.5 -20.5t-35.5 -12t-43 -8t-39 -6.5 q-15 -3 -45.5 0t-45.5 -2q-20 -7 -51.5 -26.5t-34.5 -34.5q-3 -11 6.5 -22.5t8.5 -18.5q-3 -34 -27.5 -91t-29.5 -79q-9 -34 5 -93t8 -87q0 -9 17 -44.5t16 -59.5q12 0 23 -5t23.5 -15t19.5 -14q16 -8 33 -15t40.5 -15t34.5 -12q21 -9 52.5 -32t60 -38t57.5 -11 q7 -15 -3 -34t-22.5 -40t-9.5 -38q13 -21 23 -34.5t27.5 -27.5t36.5 -18q0 -7 -3.5 -16t-3.5 -14t5 -17q104 -2 221 112q30 29 46.5 47t34.5 49t21 63q-13 8 -37 8.5t-36 7.5q-15 7 -49.5 15t-51.5 19q-18 0 -41 -0.5t-43 -1.5t-42 -6.5t-38 -16.5q-51 -35 -66 -12 q-4 1 -3.5 25.5t0.5 25.5q-6 13 -26.5 17.5t-24.5 6.5q1 15 -0.5 30.5t-7 28t-18.5 11.5t-31 -21q-23 -25 -42 4q-19 28 -8 58q6 16 22 22q6 -1 26 -1.5t33.5 -4t19.5 -13.5q7 -12 18 -24t21.5 -20.5t20 -15t15.5 -10.5l5 -3q2 12 7.5 30.5t8 34.5t-0.5 32q-3 18 3.5 29 t18 22.5t15.5 24.5q6 14 10.5 35t8 31t15.5 22.5t34 22.5q-6 18 10 36q8 0 24 -1.5t24.5 -1.5t20 4.5t20.5 15.5q-10 23 -31 42.5t-37.5 29.5t-49 27t-43.5 23q0 1 2 8t3 11.5t1.5 10.5t-1 9.5t-4.5 4.5q31 -13 58.5 -14.5t38.5 2.5l12 5q5 28 -9.5 46t-36.5 24t-50 15 t-41 20q-18 -4 -37 0zM613 994q0 -17 8 -42t17 -45t9 -23q-8 1 -39.5 5.5t-52.5 10t-37 16.5q3 11 16 29.5t16 25.5q10 -10 19 -10t14 6t13.5 14.5t16.5 12.5z" />
|
||||||
|
<glyph unicode="" d="M756 1157q164 92 306 -9l-259 -138l145 -232l251 126q6 -89 -34 -156.5t-117 -110.5q-60 -34 -127 -39.5t-126 16.5l-596 -596q-15 -16 -36.5 -16t-36.5 16l-111 110q-15 15 -15 36.5t15 37.5l600 599q-34 101 5.5 201.5t135.5 154.5z" />
|
||||||
|
<glyph unicode="" horiz-adv-x="1220" d="M100 1196h1000q41 0 70.5 -29.5t29.5 -70.5v-100q0 -41 -29.5 -70.5t-70.5 -29.5h-1000q-41 0 -70.5 29.5t-29.5 70.5v100q0 41 29.5 70.5t70.5 29.5zM1100 1096h-200v-100h200v100zM100 796h1000q41 0 70.5 -29.5t29.5 -70.5v-100q0 -41 -29.5 -70.5t-70.5 -29.5h-1000 q-41 0 -70.5 29.5t-29.5 70.5v100q0 41 29.5 70.5t70.5 29.5zM1100 696h-500v-100h500v100zM100 396h1000q41 0 70.5 -29.5t29.5 -70.5v-100q0 -41 -29.5 -70.5t-70.5 -29.5h-1000q-41 0 -70.5 29.5t-29.5 70.5v100q0 41 29.5 70.5t70.5 29.5zM1100 296h-300v-100h300v100z " />
|
||||||
|
<glyph unicode="" d="M150 1200h900q21 0 35.5 -14.5t14.5 -35.5t-14.5 -35.5t-35.5 -14.5h-900q-21 0 -35.5 14.5t-14.5 35.5t14.5 35.5t35.5 14.5zM700 500v-300l-200 -200v500l-350 500h900z" />
|
||||||
|
<glyph unicode="" d="M500 1200h200q41 0 70.5 -29.5t29.5 -70.5v-100h300q41 0 70.5 -29.5t29.5 -70.5v-400h-500v100h-200v-100h-500v400q0 41 29.5 70.5t70.5 29.5h300v100q0 41 29.5 70.5t70.5 29.5zM500 1100v-100h200v100h-200zM1200 400v-200q0 -41 -29.5 -70.5t-70.5 -29.5h-1000 q-41 0 -70.5 29.5t-29.5 70.5v200h1200z" />
|
||||||
|
<glyph unicode="" d="M50 1200h300q21 0 25 -10.5t-10 -24.5l-94 -94l199 -199q7 -8 7 -18t-7 -18l-106 -106q-8 -7 -18 -7t-18 7l-199 199l-94 -94q-14 -14 -24.5 -10t-10.5 25v300q0 21 14.5 35.5t35.5 14.5zM850 1200h300q21 0 35.5 -14.5t14.5 -35.5v-300q0 -21 -10.5 -25t-24.5 10l-94 94 l-199 -199q-8 -7 -18 -7t-18 7l-106 106q-7 8 -7 18t7 18l199 199l-94 94q-14 14 -10 24.5t25 10.5zM364 470l106 -106q7 -8 7 -18t-7 -18l-199 -199l94 -94q14 -14 10 -24.5t-25 -10.5h-300q-21 0 -35.5 14.5t-14.5 35.5v300q0 21 10.5 25t24.5 -10l94 -94l199 199 q8 7 18 7t18 -7zM1071 271l94 94q14 14 24.5 10t10.5 -25v-300q0 -21 -14.5 -35.5t-35.5 -14.5h-300q-21 0 -25 10.5t10 24.5l94 94l-199 199q-7 8 -7 18t7 18l106 106q8 7 18 7t18 -7z" />
|
||||||
|
<glyph unicode="" d="M596 1192q121 0 231.5 -47.5t190 -127t127 -190t47.5 -231.5t-47.5 -231.5t-127 -190.5t-190 -127t-231.5 -47t-231.5 47t-190.5 127t-127 190.5t-47 231.5t47 231.5t127 190t190.5 127t231.5 47.5zM596 1010q-112 0 -207.5 -55.5t-151 -151t-55.5 -207.5t55.5 -207.5 t151 -151t207.5 -55.5t207.5 55.5t151 151t55.5 207.5t-55.5 207.5t-151 151t-207.5 55.5zM454.5 905q22.5 0 38.5 -16t16 -38.5t-16 -39t-38.5 -16.5t-38.5 16.5t-16 39t16 38.5t38.5 16zM754.5 905q22.5 0 38.5 -16t16 -38.5t-16 -39t-38 -16.5q-14 0 -29 10l-55 -145 q17 -23 17 -51q0 -36 -25.5 -61.5t-61.5 -25.5t-61.5 25.5t-25.5 61.5q0 32 20.5 56.5t51.5 29.5l122 126l1 1q-9 14 -9 28q0 23 16 39t38.5 16zM345.5 709q22.5 0 38.5 -16t16 -38.5t-16 -38.5t-38.5 -16t-38.5 16t-16 38.5t16 38.5t38.5 16zM854.5 709q22.5 0 38.5 -16 t16 -38.5t-16 -38.5t-38.5 -16t-38.5 16t-16 38.5t16 38.5t38.5 16z" />
|
||||||
|
<glyph unicode="" d="M546 173l469 470q91 91 99 192q7 98 -52 175.5t-154 94.5q-22 4 -47 4q-34 0 -66.5 -10t-56.5 -23t-55.5 -38t-48 -41.5t-48.5 -47.5q-376 -375 -391 -390q-30 -27 -45 -41.5t-37.5 -41t-32 -46.5t-16 -47.5t-1.5 -56.5q9 -62 53.5 -95t99.5 -33q74 0 125 51l548 548 q36 36 20 75q-7 16 -21.5 26t-32.5 10q-26 0 -50 -23q-13 -12 -39 -38l-341 -338q-15 -15 -35.5 -15.5t-34.5 13.5t-14 34.5t14 34.5q327 333 361 367q35 35 67.5 51.5t78.5 16.5q14 0 29 -1q44 -8 74.5 -35.5t43.5 -68.5q14 -47 2 -96.5t-47 -84.5q-12 -11 -32 -32 t-79.5 -81t-114.5 -115t-124.5 -123.5t-123 -119.5t-96.5 -89t-57 -45q-56 -27 -120 -27q-70 0 -129 32t-93 89q-48 78 -35 173t81 163l511 511q71 72 111 96q91 55 198 55q80 0 152 -33q78 -36 129.5 -103t66.5 -154q17 -93 -11 -183.5t-94 -156.5l-482 -476 q-15 -15 -36 -16t-37 14t-17.5 34t14.5 35z" />
|
||||||
|
<glyph unicode="" d="M649 949q48 68 109.5 104t121.5 38.5t118.5 -20t102.5 -64t71 -100.5t27 -123q0 -57 -33.5 -117.5t-94 -124.5t-126.5 -127.5t-150 -152.5t-146 -174q-62 85 -145.5 174t-150 152.5t-126.5 127.5t-93.5 124.5t-33.5 117.5q0 64 28 123t73 100.5t104 64t119 20 t120.5 -38.5t104.5 -104zM896 972q-33 0 -64.5 -19t-56.5 -46t-47.5 -53.5t-43.5 -45.5t-37.5 -19t-36 19t-40 45.5t-43 53.5t-54 46t-65.5 19q-67 0 -122.5 -55.5t-55.5 -132.5q0 -23 13.5 -51t46 -65t57.5 -63t76 -75l22 -22q15 -14 44 -44t50.5 -51t46 -44t41 -35t23 -12 t23.5 12t42.5 36t46 44t52.5 52t44 43q4 4 12 13q43 41 63.5 62t52 55t46 55t26 46t11.5 44q0 79 -53 133.5t-120 54.5z" />
|
||||||
|
<glyph unicode="" d="M776.5 1214q93.5 0 159.5 -66l141 -141q66 -66 66 -160q0 -42 -28 -95.5t-62 -87.5l-29 -29q-31 53 -77 99l-18 18l95 95l-247 248l-389 -389l212 -212l-105 -106l-19 18l-141 141q-66 66 -66 159t66 159l283 283q65 66 158.5 66zM600 706l105 105q10 -8 19 -17l141 -141 q66 -66 66 -159t-66 -159l-283 -283q-66 -66 -159 -66t-159 66l-141 141q-66 66 -66 159.5t66 159.5l55 55q29 -55 75 -102l18 -17l-95 -95l247 -248l389 389z" />
|
||||||
|
<glyph unicode="" d="M603 1200q85 0 162 -15t127 -38t79 -48t29 -46v-953q0 -41 -29.5 -70.5t-70.5 -29.5h-600q-41 0 -70.5 29.5t-29.5 70.5v953q0 21 30 46.5t81 48t129 37.5t163 15zM300 1000v-700h600v700h-600zM600 254q-43 0 -73.5 -30.5t-30.5 -73.5t30.5 -73.5t73.5 -30.5t73.5 30.5 t30.5 73.5t-30.5 73.5t-73.5 30.5z" />
|
||||||
|
<glyph unicode="" d="M902 1185l283 -282q15 -15 15 -36t-14.5 -35.5t-35.5 -14.5t-35 15l-36 35l-279 -267v-300l-212 210l-308 -307l-280 -203l203 280l307 308l-210 212h300l267 279l-35 36q-15 14 -15 35t14.5 35.5t35.5 14.5t35 -15z" />
|
||||||
|
<glyph unicode="" d="M700 1248v-78q38 -5 72.5 -14.5t75.5 -31.5t71 -53.5t52 -84t24 -118.5h-159q-4 36 -10.5 59t-21 45t-40 35.5t-64.5 20.5v-307l64 -13q34 -7 64 -16.5t70 -32t67.5 -52.5t47.5 -80t20 -112q0 -139 -89 -224t-244 -97v-77h-100v79q-150 16 -237 103q-40 40 -52.5 93.5 t-15.5 139.5h139q5 -77 48.5 -126t117.5 -65v335l-27 8q-46 14 -79 26.5t-72 36t-63 52t-40 72.5t-16 98q0 70 25 126t67.5 92t94.5 57t110 27v77h100zM600 754v274q-29 -4 -50 -11t-42 -21.5t-31.5 -41.5t-10.5 -65q0 -29 7 -50.5t16.5 -34t28.5 -22.5t31.5 -14t37.5 -10 q9 -3 13 -4zM700 547v-310q22 2 42.5 6.5t45 15.5t41.5 27t29 42t12 59.5t-12.5 59.5t-38 44.5t-53 31t-66.5 24.5z" />
|
||||||
|
<glyph unicode="" d="M561 1197q84 0 160.5 -40t123.5 -109.5t47 -147.5h-153q0 40 -19.5 71.5t-49.5 48.5t-59.5 26t-55.5 9q-37 0 -79 -14.5t-62 -35.5q-41 -44 -41 -101q0 -26 13.5 -63t26.5 -61t37 -66q6 -9 9 -14h241v-100h-197q8 -50 -2.5 -115t-31.5 -95q-45 -62 -99 -112 q34 10 83 17.5t71 7.5q32 1 102 -16t104 -17q83 0 136 30l50 -147q-31 -19 -58 -30.5t-55 -15.5t-42 -4.5t-46 -0.5q-23 0 -76 17t-111 32.5t-96 11.5q-39 -3 -82 -16t-67 -25l-23 -11l-55 145q4 3 16 11t15.5 10.5t13 9t15.5 12t14.5 14t17.5 18.5q48 55 54 126.5 t-30 142.5h-221v100h166q-23 47 -44 104q-7 20 -12 41.5t-6 55.5t6 66.5t29.5 70.5t58.5 71q97 88 263 88z" />
|
||||||
|
<glyph unicode="" d="M400 300h150q21 0 25 -11t-10 -25l-230 -250q-14 -15 -35 -15t-35 15l-230 250q-14 14 -10 25t25 11h150v900h200v-900zM935 1184l230 -249q14 -14 10 -24.5t-25 -10.5h-150v-900h-200v900h-150q-21 0 -25 10.5t10 24.5l230 249q14 15 35 15t35 -15z" />
|
||||||
|
<glyph unicode="" d="M1000 700h-100v100h-100v-100h-100v500h300v-500zM400 300h150q21 0 25 -11t-10 -25l-230 -250q-14 -15 -35 -15t-35 15l-230 250q-14 14 -10 25t25 11h150v900h200v-900zM801 1100v-200h100v200h-100zM1000 350l-200 -250h200v-100h-300v150l200 250h-200v100h300v-150z " />
|
||||||
|
<glyph unicode="" d="M400 300h150q21 0 25 -11t-10 -25l-230 -250q-14 -15 -35 -15t-35 15l-230 250q-14 14 -10 25t25 11h150v900h200v-900zM1000 1050l-200 -250h200v-100h-300v150l200 250h-200v100h300v-150zM1000 0h-100v100h-100v-100h-100v500h300v-500zM801 400v-200h100v200h-100z " />
|
||||||
|
<glyph unicode="" d="M400 300h150q21 0 25 -11t-10 -25l-230 -250q-14 -15 -35 -15t-35 15l-230 250q-14 14 -10 25t25 11h150v900h200v-900zM1000 700h-100v400h-100v100h200v-500zM1100 0h-100v100h-200v400h300v-500zM901 400v-200h100v200h-100z" />
|
||||||
|
<glyph unicode="" d="M400 300h150q21 0 25 -11t-10 -25l-230 -250q-14 -15 -35 -15t-35 15l-230 250q-14 14 -10 25t25 11h150v900h200v-900zM1100 700h-100v100h-200v400h300v-500zM901 1100v-200h100v200h-100zM1000 0h-100v400h-100v100h200v-500z" />
|
||||||
|
<glyph unicode="" d="M400 300h150q21 0 25 -11t-10 -25l-230 -250q-14 -15 -35 -15t-35 15l-230 250q-14 14 -10 25t25 11h150v900h200v-900zM900 1000h-200v200h200v-200zM1000 700h-300v200h300v-200zM1100 400h-400v200h400v-200zM1200 100h-500v200h500v-200z" />
|
||||||
|
<glyph unicode="" d="M400 300h150q21 0 25 -11t-10 -25l-230 -250q-14 -15 -35 -15t-35 15l-230 250q-14 14 -10 25t25 11h150v900h200v-900zM1200 1000h-500v200h500v-200zM1100 700h-400v200h400v-200zM1000 400h-300v200h300v-200zM900 100h-200v200h200v-200z" />
|
||||||
|
<glyph unicode="" d="M350 1100h400q162 0 256 -93.5t94 -256.5v-400q0 -165 -93.5 -257.5t-256.5 -92.5h-400q-165 0 -257.5 92.5t-92.5 257.5v400q0 165 92.5 257.5t257.5 92.5zM800 900h-500q-41 0 -70.5 -29.5t-29.5 -70.5v-500q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5 v500q0 41 -29.5 70.5t-70.5 29.5z" />
|
||||||
|
<glyph unicode="" d="M350 1100h400q165 0 257.5 -92.5t92.5 -257.5v-400q0 -165 -92.5 -257.5t-257.5 -92.5h-400q-163 0 -256.5 92.5t-93.5 257.5v400q0 163 94 256.5t256 93.5zM800 900h-500q-41 0 -70.5 -29.5t-29.5 -70.5v-500q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5 v500q0 41 -29.5 70.5t-70.5 29.5zM440 770l253 -190q17 -12 17 -30t-17 -30l-253 -190q-16 -12 -28 -6.5t-12 26.5v400q0 21 12 26.5t28 -6.5z" />
|
||||||
|
<glyph unicode="" d="M350 1100h400q163 0 256.5 -94t93.5 -256v-400q0 -165 -92.5 -257.5t-257.5 -92.5h-400q-165 0 -257.5 92.5t-92.5 257.5v400q0 163 92.5 256.5t257.5 93.5zM800 900h-500q-41 0 -70.5 -29.5t-29.5 -70.5v-500q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5 v500q0 41 -29.5 70.5t-70.5 29.5zM350 700h400q21 0 26.5 -12t-6.5 -28l-190 -253q-12 -17 -30 -17t-30 17l-190 253q-12 16 -6.5 28t26.5 12z" />
|
||||||
|
<glyph unicode="" d="M350 1100h400q165 0 257.5 -92.5t92.5 -257.5v-400q0 -163 -92.5 -256.5t-257.5 -93.5h-400q-163 0 -256.5 94t-93.5 256v400q0 165 92.5 257.5t257.5 92.5zM800 900h-500q-41 0 -70.5 -29.5t-29.5 -70.5v-500q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5 v500q0 41 -29.5 70.5t-70.5 29.5zM580 693l190 -253q12 -16 6.5 -28t-26.5 -12h-400q-21 0 -26.5 12t6.5 28l190 253q12 17 30 17t30 -17z" />
|
||||||
|
<glyph unicode="" d="M550 1100h400q165 0 257.5 -92.5t92.5 -257.5v-400q0 -165 -92.5 -257.5t-257.5 -92.5h-400q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5h450q41 0 70.5 29.5t29.5 70.5v500q0 41 -29.5 70.5t-70.5 29.5h-450q-21 0 -35.5 14.5t-14.5 35.5v100 q0 21 14.5 35.5t35.5 14.5zM338 867l324 -284q16 -14 16 -33t-16 -33l-324 -284q-16 -14 -27 -9t-11 26v150h-250q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5h250v150q0 21 11 26t27 -9z" />
|
||||||
|
<glyph unicode="" d="M793 1182l9 -9q8 -10 5 -27q-3 -11 -79 -225.5t-78 -221.5l300 1q24 0 32.5 -17.5t-5.5 -35.5q-1 0 -133.5 -155t-267 -312.5t-138.5 -162.5q-12 -15 -26 -15h-9l-9 8q-9 11 -4 32q2 9 42 123.5t79 224.5l39 110h-302q-23 0 -31 19q-10 21 6 41q75 86 209.5 237.5 t228 257t98.5 111.5q9 16 25 16h9z" />
|
||||||
|
<glyph unicode="" d="M350 1100h400q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-450q-41 0 -70.5 -29.5t-29.5 -70.5v-500q0 -41 29.5 -70.5t70.5 -29.5h450q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-400q-165 0 -257.5 92.5t-92.5 257.5v400 q0 165 92.5 257.5t257.5 92.5zM938 867l324 -284q16 -14 16 -33t-16 -33l-324 -284q-16 -14 -27 -9t-11 26v150h-250q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5h250v150q0 21 11 26t27 -9z" />
|
||||||
|
<glyph unicode="" d="M750 1200h400q21 0 35.5 -14.5t14.5 -35.5v-400q0 -21 -10.5 -25t-24.5 10l-109 109l-312 -312q-15 -15 -35.5 -15t-35.5 15l-141 141q-15 15 -15 35.5t15 35.5l312 312l-109 109q-14 14 -10 24.5t25 10.5zM456 900h-156q-41 0 -70.5 -29.5t-29.5 -70.5v-500 q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5v148l200 200v-298q0 -165 -93.5 -257.5t-256.5 -92.5h-400q-165 0 -257.5 92.5t-92.5 257.5v400q0 165 92.5 257.5t257.5 92.5h300z" />
|
||||||
|
<glyph unicode="" d="M600 1186q119 0 227.5 -46.5t187 -125t125 -187t46.5 -227.5t-46.5 -227.5t-125 -187t-187 -125t-227.5 -46.5t-227.5 46.5t-187 125t-125 187t-46.5 227.5t46.5 227.5t125 187t187 125t227.5 46.5zM600 1022q-115 0 -212 -56.5t-153.5 -153.5t-56.5 -212t56.5 -212 t153.5 -153.5t212 -56.5t212 56.5t153.5 153.5t56.5 212t-56.5 212t-153.5 153.5t-212 56.5zM600 794q80 0 137 -57t57 -137t-57 -137t-137 -57t-137 57t-57 137t57 137t137 57z" />
|
||||||
|
<glyph unicode="" d="M450 1200h200q21 0 35.5 -14.5t14.5 -35.5v-350h245q20 0 25 -11t-9 -26l-383 -426q-14 -15 -33.5 -15t-32.5 15l-379 426q-13 15 -8.5 26t25.5 11h250v350q0 21 14.5 35.5t35.5 14.5zM50 300h1000q21 0 35.5 -14.5t14.5 -35.5v-250h-1100v250q0 21 14.5 35.5t35.5 14.5z M900 200v-50h100v50h-100z" />
|
||||||
|
<glyph unicode="" d="M583 1182l378 -435q14 -15 9 -31t-26 -16h-244v-250q0 -20 -17 -35t-39 -15h-200q-20 0 -32 14.5t-12 35.5v250h-250q-20 0 -25.5 16.5t8.5 31.5l383 431q14 16 33.5 17t33.5 -14zM50 300h1000q21 0 35.5 -14.5t14.5 -35.5v-250h-1100v250q0 21 14.5 35.5t35.5 14.5z M900 200v-50h100v50h-100z" />
|
||||||
|
<glyph unicode="" d="M396 723l369 369q7 7 17.5 7t17.5 -7l139 -139q7 -8 7 -18.5t-7 -17.5l-525 -525q-7 -8 -17.5 -8t-17.5 8l-292 291q-7 8 -7 18t7 18l139 139q8 7 18.5 7t17.5 -7zM50 300h1000q21 0 35.5 -14.5t14.5 -35.5v-250h-1100v250q0 21 14.5 35.5t35.5 14.5zM900 200v-50h100v50 h-100z" />
|
||||||
|
<glyph unicode="" d="M135 1023l142 142q14 14 35 14t35 -14l77 -77l-212 -212l-77 76q-14 15 -14 36t14 35zM655 855l210 210q14 14 24.5 10t10.5 -25l-2 -599q-1 -20 -15.5 -35t-35.5 -15l-597 -1q-21 0 -25 10.5t10 24.5l208 208l-154 155l212 212zM50 300h1000q21 0 35.5 -14.5t14.5 -35.5 v-250h-1100v250q0 21 14.5 35.5t35.5 14.5zM900 200v-50h100v50h-100z" />
|
||||||
|
<glyph unicode="" d="M350 1200l599 -2q20 -1 35 -15.5t15 -35.5l1 -597q0 -21 -10.5 -25t-24.5 10l-208 208l-155 -154l-212 212l155 154l-210 210q-14 14 -10 24.5t25 10.5zM524 512l-76 -77q-15 -14 -36 -14t-35 14l-142 142q-14 14 -14 35t14 35l77 77zM50 300h1000q21 0 35.5 -14.5 t14.5 -35.5v-250h-1100v250q0 21 14.5 35.5t35.5 14.5zM900 200v-50h100v50h-100z" />
|
||||||
|
<glyph unicode="" d="M1200 103l-483 276l-314 -399v423h-399l1196 796v-1096zM483 424v-230l683 953z" />
|
||||||
|
<glyph unicode="" d="M1100 1000v-850q0 -21 -14.5 -35.5t-35.5 -14.5h-150v400h-700v-400h-150q-21 0 -35.5 14.5t-14.5 35.5v1000q0 20 14.5 35t35.5 15h250v-300h500v300h100zM700 1000h-100v200h100v-200z" />
|
||||||
|
<glyph unicode="" d="M1100 1000l-2 -149l-299 -299l-95 95q-9 9 -21.5 9t-21.5 -9l-149 -147h-312v-400h-150q-21 0 -35.5 14.5t-14.5 35.5v1000q0 20 14.5 35t35.5 15h250v-300h500v300h100zM700 1000h-100v200h100v-200zM1132 638l106 -106q7 -7 7 -17.5t-7 -17.5l-420 -421q-8 -7 -18 -7 t-18 7l-202 203q-8 7 -8 17.5t8 17.5l106 106q7 8 17.5 8t17.5 -8l79 -79l297 297q7 7 17.5 7t17.5 -7z" />
|
||||||
|
<glyph unicode="" d="M1100 1000v-269l-103 -103l-134 134q-15 15 -33.5 16.5t-34.5 -12.5l-266 -266h-329v-400h-150q-21 0 -35.5 14.5t-14.5 35.5v1000q0 20 14.5 35t35.5 15h250v-300h500v300h100zM700 1000h-100v200h100v-200zM1202 572l70 -70q15 -15 15 -35.5t-15 -35.5l-131 -131 l131 -131q15 -15 15 -35.5t-15 -35.5l-70 -70q-15 -15 -35.5 -15t-35.5 15l-131 131l-131 -131q-15 -15 -35.5 -15t-35.5 15l-70 70q-15 15 -15 35.5t15 35.5l131 131l-131 131q-15 15 -15 35.5t15 35.5l70 70q15 15 35.5 15t35.5 -15l131 -131l131 131q15 15 35.5 15 t35.5 -15z" />
|
||||||
|
<glyph unicode="" d="M1100 1000v-300h-350q-21 0 -35.5 -14.5t-14.5 -35.5v-150h-500v-400h-150q-21 0 -35.5 14.5t-14.5 35.5v1000q0 20 14.5 35t35.5 15h250v-300h500v300h100zM700 1000h-100v200h100v-200zM850 600h100q21 0 35.5 -14.5t14.5 -35.5v-250h150q21 0 25 -10.5t-10 -24.5 l-230 -230q-14 -14 -35 -14t-35 14l-230 230q-14 14 -10 24.5t25 10.5h150v250q0 21 14.5 35.5t35.5 14.5z" />
|
||||||
|
<glyph unicode="" d="M1100 1000v-400l-165 165q-14 15 -35 15t-35 -15l-263 -265h-402v-400h-150q-21 0 -35.5 14.5t-14.5 35.5v1000q0 20 14.5 35t35.5 15h250v-300h500v300h100zM700 1000h-100v200h100v-200zM935 565l230 -229q14 -15 10 -25.5t-25 -10.5h-150v-250q0 -20 -14.5 -35 t-35.5 -15h-100q-21 0 -35.5 15t-14.5 35v250h-150q-21 0 -25 10.5t10 25.5l230 229q14 15 35 15t35 -15z" />
|
||||||
|
<glyph unicode="" d="M50 1100h1100q21 0 35.5 -14.5t14.5 -35.5v-150h-1200v150q0 21 14.5 35.5t35.5 14.5zM1200 800v-550q0 -21 -14.5 -35.5t-35.5 -14.5h-1100q-21 0 -35.5 14.5t-14.5 35.5v550h1200zM100 500v-200h400v200h-400z" />
|
||||||
|
<glyph unicode="" d="M935 1165l248 -230q14 -14 14 -35t-14 -35l-248 -230q-14 -14 -24.5 -10t-10.5 25v150h-400v200h400v150q0 21 10.5 25t24.5 -10zM200 800h-50q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5h50v-200zM400 800h-100v200h100v-200zM18 435l247 230 q14 14 24.5 10t10.5 -25v-150h400v-200h-400v-150q0 -21 -10.5 -25t-24.5 10l-247 230q-15 14 -15 35t15 35zM900 300h-100v200h100v-200zM1000 500h51q20 0 34.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-34.5 -14.5h-51v200z" />
|
||||||
|
<glyph unicode="" d="M862 1073l276 116q25 18 43.5 8t18.5 -41v-1106q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v397q-4 1 -11 5t-24 17.5t-30 29t-24 42t-11 56.5v359q0 31 18.5 65t43.5 52zM550 1200q22 0 34.5 -12.5t14.5 -24.5l1 -13v-450q0 -28 -10.5 -59.5 t-25 -56t-29 -45t-25.5 -31.5l-10 -11v-447q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v447q-4 4 -11 11.5t-24 30.5t-30 46t-24 55t-11 60v450q0 2 0.5 5.5t4 12t8.5 15t14.5 12t22.5 5.5q20 0 32.5 -12.5t14.5 -24.5l3 -13v-350h100v350v5.5t2.5 12 t7 15t15 12t25.5 5.5q23 0 35.5 -12.5t13.5 -24.5l1 -13v-350h100v350q0 2 0.5 5.5t3 12t7 15t15 12t24.5 5.5z" />
|
||||||
|
<glyph unicode="" d="M1200 1100v-56q-4 0 -11 -0.5t-24 -3t-30 -7.5t-24 -15t-11 -24v-888q0 -22 25 -34.5t50 -13.5l25 -2v-56h-400v56q75 0 87.5 6.5t12.5 43.5v394h-500v-394q0 -37 12.5 -43.5t87.5 -6.5v-56h-400v56q4 0 11 0.5t24 3t30 7.5t24 15t11 24v888q0 22 -25 34.5t-50 13.5 l-25 2v56h400v-56q-75 0 -87.5 -6.5t-12.5 -43.5v-394h500v394q0 37 -12.5 43.5t-87.5 6.5v56h400z" />
|
||||||
|
<glyph unicode="" d="M675 1000h375q21 0 35.5 -14.5t14.5 -35.5v-150h-105l-295 -98v98l-200 200h-400l100 100h375zM100 900h300q41 0 70.5 -29.5t29.5 -70.5v-500q0 -41 -29.5 -70.5t-70.5 -29.5h-300q-41 0 -70.5 29.5t-29.5 70.5v500q0 41 29.5 70.5t70.5 29.5zM100 800v-200h300v200 h-300zM1100 535l-400 -133v163l400 133v-163zM100 500v-200h300v200h-300zM1100 398v-248q0 -21 -14.5 -35.5t-35.5 -14.5h-375l-100 -100h-375l-100 100h400l200 200h105z" />
|
||||||
|
<glyph unicode="" d="M17 1007l162 162q17 17 40 14t37 -22l139 -194q14 -20 11 -44.5t-20 -41.5l-119 -118q102 -142 228 -268t267 -227l119 118q17 17 42.5 19t44.5 -12l192 -136q19 -14 22.5 -37.5t-13.5 -40.5l-163 -162q-3 -1 -9.5 -1t-29.5 2t-47.5 6t-62.5 14.5t-77.5 26.5t-90 42.5 t-101.5 60t-111 83t-119 108.5q-74 74 -133.5 150.5t-94.5 138.5t-60 119.5t-34.5 100t-15 74.5t-4.5 48z" />
|
||||||
|
<glyph unicode="" d="M600 1100q92 0 175 -10.5t141.5 -27t108.5 -36.5t81.5 -40t53.5 -37t31 -27l9 -10v-200q0 -21 -14.5 -33t-34.5 -9l-202 34q-20 3 -34.5 20t-14.5 38v146q-141 24 -300 24t-300 -24v-146q0 -21 -14.5 -38t-34.5 -20l-202 -34q-20 -3 -34.5 9t-14.5 33v200q3 4 9.5 10.5 t31 26t54 37.5t80.5 39.5t109 37.5t141 26.5t175 10.5zM600 795q56 0 97 -9.5t60 -23.5t30 -28t12 -24l1 -10v-50l365 -303q14 -15 24.5 -40t10.5 -45v-212q0 -21 -14.5 -35.5t-35.5 -14.5h-1100q-21 0 -35.5 14.5t-14.5 35.5v212q0 20 10.5 45t24.5 40l365 303v50 q0 4 1 10.5t12 23t30 29t60 22.5t97 10z" />
|
||||||
|
<glyph unicode="" d="M1100 700l-200 -200h-600l-200 200v500h200v-200h200v200h200v-200h200v200h200v-500zM250 400h700q21 0 35.5 -14.5t14.5 -35.5t-14.5 -35.5t-35.5 -14.5h-12l137 -100h-950l137 100h-12q-21 0 -35.5 14.5t-14.5 35.5t14.5 35.5t35.5 14.5zM50 100h1100q21 0 35.5 -14.5 t14.5 -35.5v-50h-1200v50q0 21 14.5 35.5t35.5 14.5z" />
|
||||||
|
<glyph unicode="" d="M700 1100h-100q-41 0 -70.5 -29.5t-29.5 -70.5v-1000h300v1000q0 41 -29.5 70.5t-70.5 29.5zM1100 800h-100q-41 0 -70.5 -29.5t-29.5 -70.5v-700h300v700q0 41 -29.5 70.5t-70.5 29.5zM400 0h-300v400q0 41 29.5 70.5t70.5 29.5h100q41 0 70.5 -29.5t29.5 -70.5v-400z " />
|
||||||
|
<glyph unicode="" d="M200 1100h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212v500q0 124 88 212t212 88zM100 900v-700h900v700h-900zM500 700h-200v-100h200v-300h-300v100h200v100h-200v300h300v-100zM900 700v-300l-100 -100h-200v500h200z M700 700v-300h100v300h-100z" />
|
||||||
|
<glyph unicode="" d="M200 1100h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212v500q0 124 88 212t212 88zM100 900v-700h900v700h-900zM500 300h-100v200h-100v-200h-100v500h100v-200h100v200h100v-500zM900 700v-300l-100 -100h-200v500h200z M700 700v-300h100v300h-100z" />
|
||||||
|
<glyph unicode="" d="M200 1100h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212v500q0 124 88 212t212 88zM100 900v-700h900v700h-900zM500 700h-200v-300h200v-100h-300v500h300v-100zM900 700h-200v-300h200v-100h-300v500h300v-100z" />
|
||||||
|
<glyph unicode="" d="M200 1100h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212v500q0 124 88 212t212 88zM100 900v-700h900v700h-900zM500 400l-300 150l300 150v-300zM900 550l-300 -150v300z" />
|
||||||
|
<glyph unicode="" d="M200 1100h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212v500q0 124 88 212t212 88zM100 900v-700h900v700h-900zM900 300h-700v500h700v-500zM800 700h-130q-38 0 -66.5 -43t-28.5 -108t27 -107t68 -42h130v300zM300 700v-300 h130q41 0 68 42t27 107t-28.5 108t-66.5 43h-130z" />
|
||||||
|
<glyph unicode="" d="M200 1100h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212v500q0 124 88 212t212 88zM100 900v-700h900v700h-900zM500 700h-200v-100h200v-300h-300v100h200v100h-200v300h300v-100zM900 300h-100v400h-100v100h200v-500z M700 300h-100v100h100v-100z" />
|
||||||
|
<glyph unicode="" d="M200 1100h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212v500q0 124 88 212t212 88zM100 900v-700h900v700h-900zM300 700h200v-400h-300v500h100v-100zM900 300h-100v400h-100v100h200v-500zM300 600v-200h100v200h-100z M700 300h-100v100h100v-100z" />
|
||||||
|
<glyph unicode="" d="M200 1100h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212v500q0 124 88 212t212 88zM100 900v-700h900v700h-900zM500 500l-199 -200h-100v50l199 200v150h-200v100h300v-300zM900 300h-100v400h-100v100h200v-500zM701 300h-100 v100h100v-100z" />
|
||||||
|
<glyph unicode="" d="M600 1191q120 0 229.5 -47t188.5 -126t126 -188.5t47 -229.5t-47 -229.5t-126 -188.5t-188.5 -126t-229.5 -47t-229.5 47t-188.5 126t-126 188.5t-47 229.5t47 229.5t126 188.5t188.5 126t229.5 47zM600 1021q-114 0 -211 -56.5t-153.5 -153.5t-56.5 -211t56.5 -211 t153.5 -153.5t211 -56.5t211 56.5t153.5 153.5t56.5 211t-56.5 211t-153.5 153.5t-211 56.5zM800 700h-300v-200h300v-100h-300l-100 100v200l100 100h300v-100z" />
|
||||||
|
<glyph unicode="" d="M600 1191q120 0 229.5 -47t188.5 -126t126 -188.5t47 -229.5t-47 -229.5t-126 -188.5t-188.5 -126t-229.5 -47t-229.5 47t-188.5 126t-126 188.5t-47 229.5t47 229.5t126 188.5t188.5 126t229.5 47zM600 1021q-114 0 -211 -56.5t-153.5 -153.5t-56.5 -211t56.5 -211 t153.5 -153.5t211 -56.5t211 56.5t153.5 153.5t56.5 211t-56.5 211t-153.5 153.5t-211 56.5zM800 700v-100l-50 -50l100 -100v-50h-100l-100 100h-150v-100h-100v400h300zM500 700v-100h200v100h-200z" />
|
||||||
|
<glyph unicode="" d="M503 1089q110 0 200.5 -59.5t134.5 -156.5q44 14 90 14q120 0 205 -86.5t85 -207t-85 -207t-205 -86.5h-128v250q0 21 -14.5 35.5t-35.5 14.5h-300q-21 0 -35.5 -14.5t-14.5 -35.5v-250h-222q-80 0 -136 57.5t-56 136.5q0 69 43 122.5t108 67.5q-2 19 -2 37q0 100 49 185 t134 134t185 49zM525 500h150q10 0 17.5 -7.5t7.5 -17.5v-275h137q21 0 26 -11.5t-8 -27.5l-223 -244q-13 -16 -32 -16t-32 16l-223 244q-13 16 -8 27.5t26 11.5h137v275q0 10 7.5 17.5t17.5 7.5z" />
|
||||||
|
<glyph unicode="" d="M502 1089q110 0 201 -59.5t135 -156.5q43 15 89 15q121 0 206 -86.5t86 -206.5q0 -99 -60 -181t-150 -110l-378 360q-13 16 -31.5 16t-31.5 -16l-381 -365h-9q-79 0 -135.5 57.5t-56.5 136.5q0 69 43 122.5t108 67.5q-2 19 -2 38q0 100 49 184.5t133.5 134t184.5 49.5z M632 467l223 -228q13 -16 8 -27.5t-26 -11.5h-137v-275q0 -10 -7.5 -17.5t-17.5 -7.5h-150q-10 0 -17.5 7.5t-7.5 17.5v275h-137q-21 0 -26 11.5t8 27.5q199 204 223 228q19 19 31.5 19t32.5 -19z" />
|
||||||
|
<glyph unicode="" d="M700 100v100h400l-270 300h170l-270 300h170l-300 333l-300 -333h170l-270 -300h170l-270 -300h400v-100h-50q-21 0 -35.5 -14.5t-14.5 -35.5v-50h400v50q0 21 -14.5 35.5t-35.5 14.5h-50z" />
|
||||||
|
<glyph unicode="" d="M600 1179q94 0 167.5 -56.5t99.5 -145.5q89 -6 150.5 -71.5t61.5 -155.5q0 -61 -29.5 -112.5t-79.5 -82.5q9 -29 9 -55q0 -74 -52.5 -126.5t-126.5 -52.5q-55 0 -100 30v-251q21 0 35.5 -14.5t14.5 -35.5v-50h-300v50q0 21 14.5 35.5t35.5 14.5v251q-45 -30 -100 -30 q-74 0 -126.5 52.5t-52.5 126.5q0 18 4 38q-47 21 -75.5 65t-28.5 97q0 74 52.5 126.5t126.5 52.5q5 0 23 -2q0 2 -1 10t-1 13q0 116 81.5 197.5t197.5 81.5z" />
|
||||||
|
<glyph unicode="" d="M1010 1010q111 -111 150.5 -260.5t0 -299t-150.5 -260.5q-83 -83 -191.5 -126.5t-218.5 -43.5t-218.5 43.5t-191.5 126.5q-111 111 -150.5 260.5t0 299t150.5 260.5q83 83 191.5 126.5t218.5 43.5t218.5 -43.5t191.5 -126.5zM476 1065q-4 0 -8 -1q-121 -34 -209.5 -122.5 t-122.5 -209.5q-4 -12 2.5 -23t18.5 -14l36 -9q3 -1 7 -1q23 0 29 22q27 96 98 166q70 71 166 98q11 3 17.5 13.5t3.5 22.5l-9 35q-3 13 -14 19q-7 4 -15 4zM512 920q-4 0 -9 -2q-80 -24 -138.5 -82.5t-82.5 -138.5q-4 -13 2 -24t19 -14l34 -9q4 -1 8 -1q22 0 28 21 q18 58 58.5 98.5t97.5 58.5q12 3 18 13.5t3 21.5l-9 35q-3 12 -14 19q-7 4 -15 4zM719.5 719.5q-49.5 49.5 -119.5 49.5t-119.5 -49.5t-49.5 -119.5t49.5 -119.5t119.5 -49.5t119.5 49.5t49.5 119.5t-49.5 119.5zM855 551q-22 0 -28 -21q-18 -58 -58.5 -98.5t-98.5 -57.5 q-11 -4 -17 -14.5t-3 -21.5l9 -35q3 -12 14 -19q7 -4 15 -4q4 0 9 2q80 24 138.5 82.5t82.5 138.5q4 13 -2.5 24t-18.5 14l-34 9q-4 1 -8 1zM1000 515q-23 0 -29 -22q-27 -96 -98 -166q-70 -71 -166 -98q-11 -3 -17.5 -13.5t-3.5 -22.5l9 -35q3 -13 14 -19q7 -4 15 -4 q4 0 8 1q121 34 209.5 122.5t122.5 209.5q4 12 -2.5 23t-18.5 14l-36 9q-3 1 -7 1z" />
|
||||||
|
<glyph unicode="" d="M700 800h300v-380h-180v200h-340v-200h-380v755q0 10 7.5 17.5t17.5 7.5h575v-400zM1000 900h-200v200zM700 300h162l-212 -212l-212 212h162v200h100v-200zM520 0h-395q-10 0 -17.5 7.5t-7.5 17.5v395zM1000 220v-195q0 -10 -7.5 -17.5t-17.5 -7.5h-195z" />
|
||||||
|
<glyph unicode="" d="M700 800h300v-520l-350 350l-550 -550v1095q0 10 7.5 17.5t17.5 7.5h575v-400zM1000 900h-200v200zM862 200h-162v-200h-100v200h-162l212 212zM480 0h-355q-10 0 -17.5 7.5t-7.5 17.5v55h380v-80zM1000 80v-55q0 -10 -7.5 -17.5t-17.5 -7.5h-155v80h180z" />
|
||||||
|
<glyph unicode="" d="M1162 800h-162v-200h100l100 -100h-300v300h-162l212 212zM200 800h200q27 0 40 -2t29.5 -10.5t23.5 -30t7 -57.5h300v-100h-600l-200 -350v450h100q0 36 7 57.5t23.5 30t29.5 10.5t40 2zM800 400h240l-240 -400h-800l300 500h500v-100z" />
|
||||||
|
<glyph unicode="" d="M650 1100h100q21 0 35.5 -14.5t14.5 -35.5v-50h50q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-300q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5h50v50q0 21 14.5 35.5t35.5 14.5zM1000 850v150q41 0 70.5 -29.5t29.5 -70.5v-800 q0 -41 -29.5 -70.5t-70.5 -29.5h-600q-1 0 -20 4l246 246l-326 326v324q0 41 29.5 70.5t70.5 29.5v-150q0 -62 44 -106t106 -44h300q62 0 106 44t44 106zM412 250l-212 -212v162h-200v100h200v162z" />
|
||||||
|
<glyph unicode="" d="M450 1100h100q21 0 35.5 -14.5t14.5 -35.5v-50h50q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-300q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5h50v50q0 21 14.5 35.5t35.5 14.5zM800 850v150q41 0 70.5 -29.5t29.5 -70.5v-500 h-200v-300h200q0 -36 -7 -57.5t-23.5 -30t-29.5 -10.5t-40 -2h-600q-41 0 -70.5 29.5t-29.5 70.5v800q0 41 29.5 70.5t70.5 29.5v-150q0 -62 44 -106t106 -44h300q62 0 106 44t44 106zM1212 250l-212 -212v162h-200v100h200v162z" />
|
||||||
|
<glyph unicode="" d="M658 1197l637 -1104q23 -38 7 -65.5t-60 -27.5h-1276q-44 0 -60 27.5t7 65.5l637 1104q22 39 54 39t54 -39zM704 800h-208q-20 0 -32 -14.5t-8 -34.5l58 -302q4 -20 21.5 -34.5t37.5 -14.5h54q20 0 37.5 14.5t21.5 34.5l58 302q4 20 -8 34.5t-32 14.5zM500 300v-100h200 v100h-200z" />
|
||||||
|
<glyph unicode="" d="M425 1100h250q10 0 17.5 -7.5t7.5 -17.5v-150q0 -10 -7.5 -17.5t-17.5 -7.5h-250q-10 0 -17.5 7.5t-7.5 17.5v150q0 10 7.5 17.5t17.5 7.5zM425 800h250q10 0 17.5 -7.5t7.5 -17.5v-150q0 -10 -7.5 -17.5t-17.5 -7.5h-250q-10 0 -17.5 7.5t-7.5 17.5v150q0 10 7.5 17.5 t17.5 7.5zM825 800h250q10 0 17.5 -7.5t7.5 -17.5v-150q0 -10 -7.5 -17.5t-17.5 -7.5h-250q-10 0 -17.5 7.5t-7.5 17.5v150q0 10 7.5 17.5t17.5 7.5zM25 500h250q10 0 17.5 -7.5t7.5 -17.5v-150q0 -10 -7.5 -17.5t-17.5 -7.5h-250q-10 0 -17.5 7.5t-7.5 17.5v150 q0 10 7.5 17.5t17.5 7.5zM425 500h250q10 0 17.5 -7.5t7.5 -17.5v-150q0 -10 -7.5 -17.5t-17.5 -7.5h-250q-10 0 -17.5 7.5t-7.5 17.5v150q0 10 7.5 17.5t17.5 7.5zM825 500h250q10 0 17.5 -7.5t7.5 -17.5v-150q0 -10 -7.5 -17.5t-17.5 -7.5h-250q-10 0 -17.5 7.5t-7.5 17.5 v150q0 10 7.5 17.5t17.5 7.5zM25 200h250q10 0 17.5 -7.5t7.5 -17.5v-150q0 -10 -7.5 -17.5t-17.5 -7.5h-250q-10 0 -17.5 7.5t-7.5 17.5v150q0 10 7.5 17.5t17.5 7.5zM425 200h250q10 0 17.5 -7.5t7.5 -17.5v-150q0 -10 -7.5 -17.5t-17.5 -7.5h-250q-10 0 -17.5 7.5 t-7.5 17.5v150q0 10 7.5 17.5t17.5 7.5zM825 200h250q10 0 17.5 -7.5t7.5 -17.5v-150q0 -10 -7.5 -17.5t-17.5 -7.5h-250q-10 0 -17.5 7.5t-7.5 17.5v150q0 10 7.5 17.5t17.5 7.5z" />
|
||||||
|
<glyph unicode="" d="M700 1200h100v-200h-100v-100h350q62 0 86.5 -39.5t-3.5 -94.5l-66 -132q-41 -83 -81 -134h-772q-40 51 -81 134l-66 132q-28 55 -3.5 94.5t86.5 39.5h350v100h-100v200h100v100h200v-100zM250 400h700q21 0 35.5 -14.5t14.5 -35.5t-14.5 -35.5t-35.5 -14.5h-12l137 -100 h-950l138 100h-13q-21 0 -35.5 14.5t-14.5 35.5t14.5 35.5t35.5 14.5zM50 100h1100q21 0 35.5 -14.5t14.5 -35.5v-50h-1200v50q0 21 14.5 35.5t35.5 14.5z" />
|
||||||
|
<glyph unicode="" d="M600 1300q40 0 68.5 -29.5t28.5 -70.5h-194q0 41 28.5 70.5t68.5 29.5zM443 1100h314q18 -37 18 -75q0 -8 -3 -25h328q41 0 44.5 -16.5t-30.5 -38.5l-175 -145h-678l-178 145q-34 22 -29 38.5t46 16.5h328q-3 17 -3 25q0 38 18 75zM250 700h700q21 0 35.5 -14.5 t14.5 -35.5t-14.5 -35.5t-35.5 -14.5h-150v-200l275 -200h-950l275 200v200h-150q-21 0 -35.5 14.5t-14.5 35.5t14.5 35.5t35.5 14.5zM50 100h1100q21 0 35.5 -14.5t14.5 -35.5v-50h-1200v50q0 21 14.5 35.5t35.5 14.5z" />
|
||||||
|
<glyph unicode="" d="M600 1181q75 0 128 -53t53 -128t-53 -128t-128 -53t-128 53t-53 128t53 128t128 53zM602 798h46q34 0 55.5 -28.5t21.5 -86.5q0 -76 39 -183h-324q39 107 39 183q0 58 21.5 86.5t56.5 28.5h45zM250 400h700q21 0 35.5 -14.5t14.5 -35.5t-14.5 -35.5t-35.5 -14.5h-13 l138 -100h-950l137 100h-12q-21 0 -35.5 14.5t-14.5 35.5t14.5 35.5t35.5 14.5zM50 100h1100q21 0 35.5 -14.5t14.5 -35.5v-50h-1200v50q0 21 14.5 35.5t35.5 14.5z" />
|
||||||
|
<glyph unicode="" d="M600 1300q47 0 92.5 -53.5t71 -123t25.5 -123.5q0 -78 -55.5 -133.5t-133.5 -55.5t-133.5 55.5t-55.5 133.5q0 62 34 143l144 -143l111 111l-163 163q34 26 63 26zM602 798h46q34 0 55.5 -28.5t21.5 -86.5q0 -76 39 -183h-324q39 107 39 183q0 58 21.5 86.5t56.5 28.5h45 zM250 400h700q21 0 35.5 -14.5t14.5 -35.5t-14.5 -35.5t-35.5 -14.5h-13l138 -100h-950l137 100h-12q-21 0 -35.5 14.5t-14.5 35.5t14.5 35.5t35.5 14.5zM50 100h1100q21 0 35.5 -14.5t14.5 -35.5v-50h-1200v50q0 21 14.5 35.5t35.5 14.5z" />
|
||||||
|
<glyph unicode="" d="M600 1200l300 -161v-139h-300q0 -57 18.5 -108t50 -91.5t63 -72t70 -67.5t57.5 -61h-530q-60 83 -90.5 177.5t-30.5 178.5t33 164.5t87.5 139.5t126 96.5t145.5 41.5v-98zM250 400h700q21 0 35.5 -14.5t14.5 -35.5t-14.5 -35.5t-35.5 -14.5h-13l138 -100h-950l137 100 h-12q-21 0 -35.5 14.5t-14.5 35.5t14.5 35.5t35.5 14.5zM50 100h1100q21 0 35.5 -14.5t14.5 -35.5v-50h-1200v50q0 21 14.5 35.5t35.5 14.5z" />
|
||||||
|
<glyph unicode="" d="M600 1300q41 0 70.5 -29.5t29.5 -70.5v-78q46 -26 73 -72t27 -100v-50h-400v50q0 54 27 100t73 72v78q0 41 29.5 70.5t70.5 29.5zM400 800h400q54 0 100 -27t72 -73h-172v-100h200v-100h-200v-100h200v-100h-200v-100h200q0 -83 -58.5 -141.5t-141.5 -58.5h-400 q-83 0 -141.5 58.5t-58.5 141.5v400q0 83 58.5 141.5t141.5 58.5z" />
|
||||||
|
<glyph unicode="" d="M150 1100h900q21 0 35.5 -14.5t14.5 -35.5v-500q0 -21 -14.5 -35.5t-35.5 -14.5h-900q-21 0 -35.5 14.5t-14.5 35.5v500q0 21 14.5 35.5t35.5 14.5zM125 400h950q10 0 17.5 -7.5t7.5 -17.5v-50q0 -10 -7.5 -17.5t-17.5 -7.5h-283l224 -224q13 -13 13 -31.5t-13 -32 t-31.5 -13.5t-31.5 13l-88 88h-524l-87 -88q-13 -13 -32 -13t-32 13.5t-13 32t13 31.5l224 224h-289q-10 0 -17.5 7.5t-7.5 17.5v50q0 10 7.5 17.5t17.5 7.5zM541 300l-100 -100h324l-100 100h-124z" />
|
||||||
|
<glyph unicode="" d="M200 1100h800q83 0 141.5 -58.5t58.5 -141.5v-200h-100q0 41 -29.5 70.5t-70.5 29.5h-250q-41 0 -70.5 -29.5t-29.5 -70.5h-100q0 41 -29.5 70.5t-70.5 29.5h-250q-41 0 -70.5 -29.5t-29.5 -70.5h-100v200q0 83 58.5 141.5t141.5 58.5zM100 600h1000q41 0 70.5 -29.5 t29.5 -70.5v-300h-1200v300q0 41 29.5 70.5t70.5 29.5zM300 100v-50q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5v50h200zM1100 100v-50q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5v50h200z" />
|
||||||
|
<glyph unicode="" d="M480 1165l682 -683q31 -31 31 -75.5t-31 -75.5l-131 -131h-481l-517 518q-32 31 -32 75.5t32 75.5l295 296q31 31 75.5 31t76.5 -31zM108 794l342 -342l303 304l-341 341zM250 100h800q21 0 35.5 -14.5t14.5 -35.5v-50h-900v50q0 21 14.5 35.5t35.5 14.5z" />
|
||||||
|
<glyph unicode="" d="M1057 647l-189 506q-8 19 -27.5 33t-40.5 14h-400q-21 0 -40.5 -14t-27.5 -33l-189 -506q-8 -19 1.5 -33t30.5 -14h625v-150q0 -21 14.5 -35.5t35.5 -14.5t35.5 14.5t14.5 35.5v150h125q21 0 30.5 14t1.5 33zM897 0h-595v50q0 21 14.5 35.5t35.5 14.5h50v50 q0 21 14.5 35.5t35.5 14.5h48v300h200v-300h47q21 0 35.5 -14.5t14.5 -35.5v-50h50q21 0 35.5 -14.5t14.5 -35.5v-50z" />
|
||||||
|
<glyph unicode="" d="M900 800h300v-575q0 -10 -7.5 -17.5t-17.5 -7.5h-375v591l-300 300v84q0 10 7.5 17.5t17.5 7.5h375v-400zM1200 900h-200v200zM400 600h300v-575q0 -10 -7.5 -17.5t-17.5 -7.5h-650q-10 0 -17.5 7.5t-7.5 17.5v950q0 10 7.5 17.5t17.5 7.5h375v-400zM700 700h-200v200z " />
|
||||||
|
<glyph unicode="" d="M484 1095h195q75 0 146 -32.5t124 -86t89.5 -122.5t48.5 -142q18 -14 35 -20q31 -10 64.5 6.5t43.5 48.5q10 34 -15 71q-19 27 -9 43q5 8 12.5 11t19 -1t23.5 -16q41 -44 39 -105q-3 -63 -46 -106.5t-104 -43.5h-62q-7 -55 -35 -117t-56 -100l-39 -234q-3 -20 -20 -34.5 t-38 -14.5h-100q-21 0 -33 14.5t-9 34.5l12 70q-49 -14 -91 -14h-195q-24 0 -65 8l-11 -64q-3 -20 -20 -34.5t-38 -14.5h-100q-21 0 -33 14.5t-9 34.5l26 157q-84 74 -128 175l-159 53q-19 7 -33 26t-14 40v50q0 21 14.5 35.5t35.5 14.5h124q11 87 56 166l-111 95 q-16 14 -12.5 23.5t24.5 9.5h203q116 101 250 101zM675 1000h-250q-10 0 -17.5 -7.5t-7.5 -17.5v-50q0 -10 7.5 -17.5t17.5 -7.5h250q10 0 17.5 7.5t7.5 17.5v50q0 10 -7.5 17.5t-17.5 7.5z" />
|
||||||
|
<glyph unicode="" d="M641 900l423 247q19 8 42 2.5t37 -21.5l32 -38q14 -15 12.5 -36t-17.5 -34l-139 -120h-390zM50 1100h106q67 0 103 -17t66 -71l102 -212h823q21 0 35.5 -14.5t14.5 -35.5v-50q0 -21 -14 -40t-33 -26l-737 -132q-23 -4 -40 6t-26 25q-42 67 -100 67h-300q-62 0 -106 44 t-44 106v200q0 62 44 106t106 44zM173 928h-80q-19 0 -28 -14t-9 -35v-56q0 -51 42 -51h134q16 0 21.5 8t5.5 24q0 11 -16 45t-27 51q-18 28 -43 28zM550 727q-32 0 -54.5 -22.5t-22.5 -54.5t22.5 -54.5t54.5 -22.5t54.5 22.5t22.5 54.5t-22.5 54.5t-54.5 22.5zM130 389 l152 130q18 19 34 24t31 -3.5t24.5 -17.5t25.5 -28q28 -35 50.5 -51t48.5 -13l63 5l48 -179q13 -61 -3.5 -97.5t-67.5 -79.5l-80 -69q-47 -40 -109 -35.5t-103 51.5l-130 151q-40 47 -35.5 109.5t51.5 102.5zM380 377l-102 -88q-31 -27 2 -65l37 -43q13 -15 27.5 -19.5 t31.5 6.5l61 53q19 16 14 49q-2 20 -12 56t-17 45q-11 12 -19 14t-23 -8z" />
|
||||||
|
<glyph unicode="" d="M625 1200h150q10 0 17.5 -7.5t7.5 -17.5v-109q79 -33 131 -87.5t53 -128.5q1 -46 -15 -84.5t-39 -61t-46 -38t-39 -21.5l-17 -6q6 0 15 -1.5t35 -9t50 -17.5t53 -30t50 -45t35.5 -64t14.5 -84q0 -59 -11.5 -105.5t-28.5 -76.5t-44 -51t-49.5 -31.5t-54.5 -16t-49.5 -6.5 t-43.5 -1v-75q0 -10 -7.5 -17.5t-17.5 -7.5h-150q-10 0 -17.5 7.5t-7.5 17.5v75h-100v-75q0 -10 -7.5 -17.5t-17.5 -7.5h-150q-10 0 -17.5 7.5t-7.5 17.5v75h-175q-10 0 -17.5 7.5t-7.5 17.5v150q0 10 7.5 17.5t17.5 7.5h75v600h-75q-10 0 -17.5 7.5t-7.5 17.5v150 q0 10 7.5 17.5t17.5 7.5h175v75q0 10 7.5 17.5t17.5 7.5h150q10 0 17.5 -7.5t7.5 -17.5v-75h100v75q0 10 7.5 17.5t17.5 7.5zM400 900v-200h263q28 0 48.5 10.5t30 25t15 29t5.5 25.5l1 10q0 4 -0.5 11t-6 24t-15 30t-30 24t-48.5 11h-263zM400 500v-200h363q28 0 48.5 10.5 t30 25t15 29t5.5 25.5l1 10q0 4 -0.5 11t-6 24t-15 30t-30 24t-48.5 11h-363z" />
|
||||||
|
<glyph unicode="" d="M212 1198h780q86 0 147 -61t61 -147v-416q0 -51 -18 -142.5t-36 -157.5l-18 -66q-29 -87 -93.5 -146.5t-146.5 -59.5h-572q-82 0 -147 59t-93 147q-8 28 -20 73t-32 143.5t-20 149.5v416q0 86 61 147t147 61zM600 1045q-70 0 -132.5 -11.5t-105.5 -30.5t-78.5 -41.5 t-57 -45t-36 -41t-20.5 -30.5l-6 -12l156 -243h560l156 243q-2 5 -6 12.5t-20 29.5t-36.5 42t-57 44.5t-79 42t-105 29.5t-132.5 12zM762 703h-157l195 261z" />
|
||||||
|
<glyph unicode="" d="M475 1300h150q103 0 189 -86t86 -189v-500q0 -41 -42 -83t-83 -42h-450q-41 0 -83 42t-42 83v500q0 103 86 189t189 86zM700 300v-225q0 -21 -27 -48t-48 -27h-150q-21 0 -48 27t-27 48v225h300z" />
|
||||||
|
<glyph unicode="" d="M475 1300h96q0 -150 89.5 -239.5t239.5 -89.5v-446q0 -41 -42 -83t-83 -42h-450q-41 0 -83 42t-42 83v500q0 103 86 189t189 86zM700 300v-225q0 -21 -27 -48t-48 -27h-150q-21 0 -48 27t-27 48v225h300z" />
|
||||||
|
<glyph unicode="" d="M1294 767l-638 -283l-378 170l-78 -60v-224l100 -150v-199l-150 148l-150 -149v200l100 150v250q0 4 -0.5 10.5t0 9.5t1 8t3 8t6.5 6l47 40l-147 65l642 283zM1000 380l-350 -166l-350 166v147l350 -165l350 165v-147z" />
|
||||||
|
<glyph unicode="" d="M250 800q62 0 106 -44t44 -106t-44 -106t-106 -44t-106 44t-44 106t44 106t106 44zM650 800q62 0 106 -44t44 -106t-44 -106t-106 -44t-106 44t-44 106t44 106t106 44zM1050 800q62 0 106 -44t44 -106t-44 -106t-106 -44t-106 44t-44 106t44 106t106 44z" />
|
||||||
|
<glyph unicode="" d="M550 1100q62 0 106 -44t44 -106t-44 -106t-106 -44t-106 44t-44 106t44 106t106 44zM550 700q62 0 106 -44t44 -106t-44 -106t-106 -44t-106 44t-44 106t44 106t106 44zM550 300q62 0 106 -44t44 -106t-44 -106t-106 -44t-106 44t-44 106t44 106t106 44z" />
|
||||||
|
<glyph unicode="" d="M125 1100h950q10 0 17.5 -7.5t7.5 -17.5v-150q0 -10 -7.5 -17.5t-17.5 -7.5h-950q-10 0 -17.5 7.5t-7.5 17.5v150q0 10 7.5 17.5t17.5 7.5zM125 700h950q10 0 17.5 -7.5t7.5 -17.5v-150q0 -10 -7.5 -17.5t-17.5 -7.5h-950q-10 0 -17.5 7.5t-7.5 17.5v150q0 10 7.5 17.5 t17.5 7.5zM125 300h950q10 0 17.5 -7.5t7.5 -17.5v-150q0 -10 -7.5 -17.5t-17.5 -7.5h-950q-10 0 -17.5 7.5t-7.5 17.5v150q0 10 7.5 17.5t17.5 7.5z" />
|
||||||
|
<glyph unicode="" d="M350 1200h500q162 0 256 -93.5t94 -256.5v-500q0 -165 -93.5 -257.5t-256.5 -92.5h-500q-165 0 -257.5 92.5t-92.5 257.5v500q0 165 92.5 257.5t257.5 92.5zM900 1000h-600q-41 0 -70.5 -29.5t-29.5 -70.5v-600q0 -41 29.5 -70.5t70.5 -29.5h600q41 0 70.5 29.5 t29.5 70.5v600q0 41 -29.5 70.5t-70.5 29.5zM350 900h500q21 0 35.5 -14.5t14.5 -35.5v-300q0 -21 -14.5 -35.5t-35.5 -14.5h-500q-21 0 -35.5 14.5t-14.5 35.5v300q0 21 14.5 35.5t35.5 14.5zM400 800v-200h400v200h-400z" />
|
||||||
|
<glyph unicode="" d="M150 1100h1000q21 0 35.5 -14.5t14.5 -35.5t-14.5 -35.5t-35.5 -14.5h-50v-200h50q21 0 35.5 -14.5t14.5 -35.5t-14.5 -35.5t-35.5 -14.5h-50v-200h50q21 0 35.5 -14.5t14.5 -35.5t-14.5 -35.5t-35.5 -14.5h-50v-200h50q21 0 35.5 -14.5t14.5 -35.5t-14.5 -35.5 t-35.5 -14.5h-1000q-21 0 -35.5 14.5t-14.5 35.5t14.5 35.5t35.5 14.5h50v200h-50q-21 0 -35.5 14.5t-14.5 35.5t14.5 35.5t35.5 14.5h50v200h-50q-21 0 -35.5 14.5t-14.5 35.5t14.5 35.5t35.5 14.5h50v200h-50q-21 0 -35.5 14.5t-14.5 35.5t14.5 35.5t35.5 14.5z" />
|
||||||
|
<glyph unicode="" d="M650 1187q87 -67 118.5 -156t0 -178t-118.5 -155q-87 66 -118.5 155t0 178t118.5 156zM300 800q124 0 212 -88t88 -212q-124 0 -212 88t-88 212zM1000 800q0 -124 -88 -212t-212 -88q0 124 88 212t212 88zM300 500q124 0 212 -88t88 -212q-124 0 -212 88t-88 212z M1000 500q0 -124 -88 -212t-212 -88q0 124 88 212t212 88zM700 199v-144q0 -21 -14.5 -35.5t-35.5 -14.5t-35.5 14.5t-14.5 35.5v142q40 -4 43 -4q17 0 57 6z" />
|
||||||
|
<glyph unicode="" d="M745 878l69 19q25 6 45 -12l298 -295q11 -11 15 -26.5t-2 -30.5q-5 -14 -18 -23.5t-28 -9.5h-8q1 0 1 -13q0 -29 -2 -56t-8.5 -62t-20 -63t-33 -53t-51 -39t-72.5 -14h-146q-184 0 -184 288q0 24 10 47q-20 4 -62 4t-63 -4q11 -24 11 -47q0 -288 -184 -288h-142 q-48 0 -84.5 21t-56 51t-32 71.5t-16 75t-3.5 68.5q0 13 2 13h-7q-15 0 -27.5 9.5t-18.5 23.5q-6 15 -2 30.5t15 25.5l298 296q20 18 46 11l76 -19q20 -5 30.5 -22.5t5.5 -37.5t-22.5 -31t-37.5 -5l-51 12l-182 -193h891l-182 193l-44 -12q-20 -5 -37.5 6t-22.5 31t6 37.5 t31 22.5z" />
|
||||||
|
<glyph unicode="" d="M1200 900h-50q0 21 -4 37t-9.5 26.5t-18 17.5t-22 11t-28.5 5.5t-31 2t-37 0.5h-200v-850q0 -22 25 -34.5t50 -13.5l25 -2v-100h-400v100q4 0 11 0.5t24 3t30 7t24 15t11 24.5v850h-200q-25 0 -37 -0.5t-31 -2t-28.5 -5.5t-22 -11t-18 -17.5t-9.5 -26.5t-4 -37h-50v300 h1000v-300zM500 450h-25q0 15 -4 24.5t-9 14.5t-17 7.5t-20 3t-25 0.5h-100v-425q0 -11 12.5 -17.5t25.5 -7.5h12v-50h-200v50q50 0 50 25v425h-100q-17 0 -25 -0.5t-20 -3t-17 -7.5t-9 -14.5t-4 -24.5h-25v150h500v-150z" />
|
||||||
|
<glyph unicode="" d="M1000 300v50q-25 0 -55 32q-14 14 -25 31t-16 27l-4 11l-289 747h-69l-300 -754q-18 -35 -39 -56q-9 -9 -24.5 -18.5t-26.5 -14.5l-11 -5v-50h273v50q-49 0 -78.5 21.5t-11.5 67.5l69 176h293l61 -166q13 -34 -3.5 -66.5t-55.5 -32.5v-50h312zM412 691l134 342l121 -342 h-255zM1100 150v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-1000q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5h1000q21 0 35.5 -14.5t14.5 -35.5z" />
|
||||||
|
<glyph unicode="" d="M50 1200h1100q21 0 35.5 -14.5t14.5 -35.5v-1100q0 -21 -14.5 -35.5t-35.5 -14.5h-1100q-21 0 -35.5 14.5t-14.5 35.5v1100q0 21 14.5 35.5t35.5 14.5zM611 1118h-70q-13 0 -18 -12l-299 -753q-17 -32 -35 -51q-18 -18 -56 -34q-12 -5 -12 -18v-50q0 -8 5.5 -14t14.5 -6 h273q8 0 14 6t6 14v50q0 8 -6 14t-14 6q-55 0 -71 23q-10 14 0 39l63 163h266l57 -153q11 -31 -6 -55q-12 -17 -36 -17q-8 0 -14 -6t-6 -14v-50q0 -8 6 -14t14 -6h313q8 0 14 6t6 14v50q0 7 -5.5 13t-13.5 7q-17 0 -42 25q-25 27 -40 63h-1l-288 748q-5 12 -19 12zM639 611 h-197l103 264z" />
|
||||||
|
<glyph unicode="" d="M1200 1100h-1200v100h1200v-100zM50 1000h400q21 0 35.5 -14.5t14.5 -35.5v-900q0 -21 -14.5 -35.5t-35.5 -14.5h-400q-21 0 -35.5 14.5t-14.5 35.5v900q0 21 14.5 35.5t35.5 14.5zM650 1000h400q21 0 35.5 -14.5t14.5 -35.5v-400q0 -21 -14.5 -35.5t-35.5 -14.5h-400 q-21 0 -35.5 14.5t-14.5 35.5v400q0 21 14.5 35.5t35.5 14.5zM700 900v-300h300v300h-300z" />
|
||||||
|
<glyph unicode="" d="M50 1200h400q21 0 35.5 -14.5t14.5 -35.5v-900q0 -21 -14.5 -35.5t-35.5 -14.5h-400q-21 0 -35.5 14.5t-14.5 35.5v900q0 21 14.5 35.5t35.5 14.5zM650 700h400q21 0 35.5 -14.5t14.5 -35.5v-400q0 -21 -14.5 -35.5t-35.5 -14.5h-400q-21 0 -35.5 14.5t-14.5 35.5v400 q0 21 14.5 35.5t35.5 14.5zM700 600v-300h300v300h-300zM1200 0h-1200v100h1200v-100z" />
|
||||||
|
<glyph unicode="" d="M50 1000h400q21 0 35.5 -14.5t14.5 -35.5v-350h100v150q0 21 14.5 35.5t35.5 14.5h400q21 0 35.5 -14.5t14.5 -35.5v-150h100v-100h-100v-150q0 -21 -14.5 -35.5t-35.5 -14.5h-400q-21 0 -35.5 14.5t-14.5 35.5v150h-100v-350q0 -21 -14.5 -35.5t-35.5 -14.5h-400 q-21 0 -35.5 14.5t-14.5 35.5v800q0 21 14.5 35.5t35.5 14.5zM700 700v-300h300v300h-300z" />
|
||||||
|
<glyph unicode="" d="M100 0h-100v1200h100v-1200zM250 1100h400q21 0 35.5 -14.5t14.5 -35.5v-400q0 -21 -14.5 -35.5t-35.5 -14.5h-400q-21 0 -35.5 14.5t-14.5 35.5v400q0 21 14.5 35.5t35.5 14.5zM300 1000v-300h300v300h-300zM250 500h900q21 0 35.5 -14.5t14.5 -35.5v-400 q0 -21 -14.5 -35.5t-35.5 -14.5h-900q-21 0 -35.5 14.5t-14.5 35.5v400q0 21 14.5 35.5t35.5 14.5z" />
|
||||||
|
<glyph unicode="" d="M600 1100h150q21 0 35.5 -14.5t14.5 -35.5v-400q0 -21 -14.5 -35.5t-35.5 -14.5h-150v-100h450q21 0 35.5 -14.5t14.5 -35.5v-400q0 -21 -14.5 -35.5t-35.5 -14.5h-900q-21 0 -35.5 14.5t-14.5 35.5v400q0 21 14.5 35.5t35.5 14.5h350v100h-150q-21 0 -35.5 14.5 t-14.5 35.5v400q0 21 14.5 35.5t35.5 14.5h150v100h100v-100zM400 1000v-300h300v300h-300z" />
|
||||||
|
<glyph unicode="" d="M1200 0h-100v1200h100v-1200zM550 1100h400q21 0 35.5 -14.5t14.5 -35.5v-400q0 -21 -14.5 -35.5t-35.5 -14.5h-400q-21 0 -35.5 14.5t-14.5 35.5v400q0 21 14.5 35.5t35.5 14.5zM600 1000v-300h300v300h-300zM50 500h900q21 0 35.5 -14.5t14.5 -35.5v-400 q0 -21 -14.5 -35.5t-35.5 -14.5h-900q-21 0 -35.5 14.5t-14.5 35.5v400q0 21 14.5 35.5t35.5 14.5z" />
|
||||||
|
<glyph unicode="" d="M865 565l-494 -494q-23 -23 -41 -23q-14 0 -22 13.5t-8 38.5v1000q0 25 8 38.5t22 13.5q18 0 41 -23l494 -494q14 -14 14 -35t-14 -35z" />
|
||||||
|
<glyph unicode="" d="M335 635l494 494q29 29 50 20.5t21 -49.5v-1000q0 -41 -21 -49.5t-50 20.5l-494 494q-14 14 -14 35t14 35z" />
|
||||||
|
<glyph unicode="" d="M100 900h1000q41 0 49.5 -21t-20.5 -50l-494 -494q-14 -14 -35 -14t-35 14l-494 494q-29 29 -20.5 50t49.5 21z" />
|
||||||
|
<glyph unicode="" d="M635 865l494 -494q29 -29 20.5 -50t-49.5 -21h-1000q-41 0 -49.5 21t20.5 50l494 494q14 14 35 14t35 -14z" />
|
||||||
|
<glyph unicode="" d="M700 741v-182l-692 -323v221l413 193l-413 193v221zM1200 0h-800v200h800v-200z" />
|
||||||
|
<glyph unicode="" d="M1200 900h-200v-100h200v-100h-300v300h200v100h-200v100h300v-300zM0 700h50q0 21 4 37t9.5 26.5t18 17.5t22 11t28.5 5.5t31 2t37 0.5h100v-550q0 -22 -25 -34.5t-50 -13.5l-25 -2v-100h400v100q-4 0 -11 0.5t-24 3t-30 7t-24 15t-11 24.5v550h100q25 0 37 -0.5t31 -2 t28.5 -5.5t22 -11t18 -17.5t9.5 -26.5t4 -37h50v300h-800v-300z" />
|
||||||
|
<glyph unicode="" d="M800 700h-50q0 21 -4 37t-9.5 26.5t-18 17.5t-22 11t-28.5 5.5t-31 2t-37 0.5h-100v-550q0 -22 25 -34.5t50 -14.5l25 -1v-100h-400v100q4 0 11 0.5t24 3t30 7t24 15t11 24.5v550h-100q-25 0 -37 -0.5t-31 -2t-28.5 -5.5t-22 -11t-18 -17.5t-9.5 -26.5t-4 -37h-50v300 h800v-300zM1100 200h-200v-100h200v-100h-300v300h200v100h-200v100h300v-300z" />
|
||||||
|
<glyph unicode="" d="M701 1098h160q16 0 21 -11t-7 -23l-464 -464l464 -464q12 -12 7 -23t-21 -11h-160q-13 0 -23 9l-471 471q-7 8 -7 18t7 18l471 471q10 9 23 9z" />
|
||||||
|
<glyph unicode="" d="M339 1098h160q13 0 23 -9l471 -471q7 -8 7 -18t-7 -18l-471 -471q-10 -9 -23 -9h-160q-16 0 -21 11t7 23l464 464l-464 464q-12 12 -7 23t21 11z" />
|
||||||
|
<glyph unicode="" d="M1087 882q11 -5 11 -21v-160q0 -13 -9 -23l-471 -471q-8 -7 -18 -7t-18 7l-471 471q-9 10 -9 23v160q0 16 11 21t23 -7l464 -464l464 464q12 12 23 7z" />
|
||||||
|
<glyph unicode="" d="M618 993l471 -471q9 -10 9 -23v-160q0 -16 -11 -21t-23 7l-464 464l-464 -464q-12 -12 -23 -7t-11 21v160q0 13 9 23l471 471q8 7 18 7t18 -7z" />
|
||||||
|
<glyph unicode="" d="M1000 1200q0 -124 -88 -212t-212 -88q0 124 88 212t212 88zM450 1000h100q21 0 40 -14t26 -33l79 -194q5 1 16 3q34 6 54 9.5t60 7t65.5 1t61 -10t56.5 -23t42.5 -42t29 -64t5 -92t-19.5 -121.5q-1 -7 -3 -19.5t-11 -50t-20.5 -73t-32.5 -81.5t-46.5 -83t-64 -70 t-82.5 -50q-13 -5 -42 -5t-65.5 2.5t-47.5 2.5q-14 0 -49.5 -3.5t-63 -3.5t-43.5 7q-57 25 -104.5 78.5t-75 111.5t-46.5 112t-26 90l-7 35q-15 63 -18 115t4.5 88.5t26 64t39.5 43.5t52 25.5t58.5 13t62.5 2t59.5 -4.5t55.5 -8l-147 192q-12 18 -5.5 30t27.5 12z" />
|
||||||
|
<glyph unicode="🔑" d="M250 1200h600q21 0 35.5 -14.5t14.5 -35.5v-400q0 -21 -14.5 -35.5t-35.5 -14.5h-150v-500l-255 -178q-19 -9 -32 -1t-13 29v650h-150q-21 0 -35.5 14.5t-14.5 35.5v400q0 21 14.5 35.5t35.5 14.5zM400 1100v-100h300v100h-300z" />
|
||||||
|
<glyph unicode="🚪" d="M250 1200h750q39 0 69.5 -40.5t30.5 -84.5v-933l-700 -117v950l600 125h-700v-1000h-100v1025q0 23 15.5 49t34.5 26zM500 525v-100l100 20v100z" />
|
||||||
|
</font>
|
||||||
|
</defs></svg>
|
||||||
|
After Width: | Height: | Size: 106 KiB |
BIN
src/assets/fonts/glyphicons-halflings-regular.ttf
Normal file
BIN
src/assets/fonts/glyphicons-halflings-regular.ttf
Normal file
Binary file not shown.
BIN
src/assets/fonts/glyphicons-halflings-regular.woff
Normal file
BIN
src/assets/fonts/glyphicons-halflings-regular.woff
Normal file
Binary file not shown.
BIN
src/assets/fonts/glyphicons-halflings-regular.woff2
Normal file
BIN
src/assets/fonts/glyphicons-halflings-regular.woff2
Normal file
Binary file not shown.
BIN
src/assets/img/about_img.png
Normal file
BIN
src/assets/img/about_img.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 46 KiB |
BIN
src/assets/img/banner1.png
Normal file
BIN
src/assets/img/banner1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 356 KiB |
BIN
src/assets/img/banner2.jpg
Normal file
BIN
src/assets/img/banner2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 102 KiB |
BIN
src/assets/img/banner_1.jpg
Normal file
BIN
src/assets/img/banner_1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 81 KiB |
BIN
src/assets/img/banner_2.jpg
Normal file
BIN
src/assets/img/banner_2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 63 KiB |
BIN
src/assets/img/circle.png
Normal file
BIN
src/assets/img/circle.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.2 KiB |
BIN
src/assets/img/computer.png
Normal file
BIN
src/assets/img/computer.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.7 KiB |
BIN
src/assets/img/contact_us_bg.jpg
Normal file
BIN
src/assets/img/contact_us_bg.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 191 KiB |
BIN
src/assets/img/enLogo1.png
Normal file
BIN
src/assets/img/enLogo1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 38 KiB |
BIN
src/assets/img/enLogo3.png
Normal file
BIN
src/assets/img/enLogo3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.1 KiB |
BIN
src/assets/img/enLogo4.png
Normal file
BIN
src/assets/img/enLogo4.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.5 KiB |
BIN
src/assets/img/enlogo2.png
Normal file
BIN
src/assets/img/enlogo2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 34 KiB |
BIN
src/assets/img/home (19).png
Normal file
BIN
src/assets/img/home (19).png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 437 B |
BIN
src/assets/img/img1.png
Normal file
BIN
src/assets/img/img1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 85 KiB |
BIN
src/assets/img/logo.png
Normal file
BIN
src/assets/img/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
src/assets/img/logo_black.png
Normal file
BIN
src/assets/img/logo_black.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.2 KiB |
BIN
src/assets/img/logo_hp.png
Normal file
BIN
src/assets/img/logo_hp.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.1 KiB |
BIN
src/assets/img/logo_kk.png
Normal file
BIN
src/assets/img/logo_kk.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.8 KiB |
BIN
src/assets/img/logo_toyota.png
Normal file
BIN
src/assets/img/logo_toyota.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.9 KiB |
BIN
src/assets/img/logo_white.png
Normal file
BIN
src/assets/img/logo_white.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 45 KiB |
BIN
src/assets/img/pMap.png
Normal file
BIN
src/assets/img/pMap.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 490 B |
BIN
src/assets/img/qq.png
Normal file
BIN
src/assets/img/qq.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.9 KiB |
BIN
src/assets/img/service1.jpg
Normal file
BIN
src/assets/img/service1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 55 KiB |
BIN
src/assets/img/service2.jpg
Normal file
BIN
src/assets/img/service2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 40 KiB |
BIN
src/assets/img/service3.jpg
Normal file
BIN
src/assets/img/service3.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 45 KiB |
BIN
src/assets/img/service4.jpg
Normal file
BIN
src/assets/img/service4.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 48 KiB |
BIN
src/assets/img/skill.png
Normal file
BIN
src/assets/img/skill.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.9 KiB |
BIN
src/assets/img/tel.png
Normal file
BIN
src/assets/img/tel.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.8 KiB |
BIN
src/assets/img/twitter.png
Normal file
BIN
src/assets/img/twitter.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.1 KiB |
BIN
src/assets/img/uloveI.png
Normal file
BIN
src/assets/img/uloveI.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.3 KiB |
BIN
src/assets/img/weibo.png
Normal file
BIN
src/assets/img/weibo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.2 KiB |
BIN
src/assets/img/weixin.png
Normal file
BIN
src/assets/img/weixin.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.5 KiB |
BIN
src/assets/img/weizhi.png
Normal file
BIN
src/assets/img/weizhi.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 488 B |
BIN
src/assets/img/yinhao.png
Normal file
BIN
src/assets/img/yinhao.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.0 KiB |
7
src/assets/js/bootstrap.min.js
vendored
Normal file
7
src/assets/js/bootstrap.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
src/assets/vue.svg
Normal file
1
src/assets/vue.svg
Normal file
@ -0,0 +1 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="37.07" height="36" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 198"><path fill="#41B883" d="M204.8 0H256L128 220.8L0 0h97.92L128 51.2L157.44 0h47.36Z"></path><path fill="#41B883" d="m0 0l128 220.8L256 0h-51.2L128 132.48L50.56 0H0Z"></path><path fill="#35495E" d="M50.56 0L128 133.12L204.8 0h-47.36L128 51.2L97.92 0H50.56Z"></path></svg>
|
||||||
|
After Width: | Height: | Size: 496 B |
16
src/common/load-bmap.js
Normal file
16
src/common/load-bmap.js
Normal file
@ -0,0 +1,16 @@
|
|||||||
|
export function Bmap() {
|
||||||
|
return new Promise(function (resolve, reject) {
|
||||||
|
window.initBMapGL = function () {
|
||||||
|
console.log('initBMapGL')
|
||||||
|
resolve()
|
||||||
|
}
|
||||||
|
let script = document.createElement('script')
|
||||||
|
script.type = 'text/javascript'
|
||||||
|
script.src = `//api.map.baidu.com/api?v=3.0&ak=jcI3Q88g6V99OPBjLryoOqPTtsRdedHA&callback=initBMapGL`
|
||||||
|
|
||||||
|
script.onerror = reject
|
||||||
|
|
||||||
|
document.head.appendChild(script)
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
122
src/components/CustomSelect.vue
Normal file
122
src/components/CustomSelect.vue
Normal file
@ -0,0 +1,122 @@
|
|||||||
|
<script setup>
|
||||||
|
import { ref, computed } from 'vue'
|
||||||
|
|
||||||
|
const props = defineProps({
|
||||||
|
options: Array,
|
||||||
|
modelValue: [String, Number]
|
||||||
|
})
|
||||||
|
|
||||||
|
const emit = defineEmits(['update:modelValue'])
|
||||||
|
|
||||||
|
const isOpen = ref(false)
|
||||||
|
const selectedLabel = computed(() =>
|
||||||
|
props.options.find(opt => opt.value === props.modelValue)?.label || '请选择'
|
||||||
|
)
|
||||||
|
|
||||||
|
const toggleDropdown = () => {
|
||||||
|
isOpen.value = !isOpen.value
|
||||||
|
}
|
||||||
|
|
||||||
|
const selectOption = (option) => {
|
||||||
|
emit('update:modelValue', option.value)
|
||||||
|
isOpen.value = false
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<div class="custom-select">
|
||||||
|
<div
|
||||||
|
class="select-header"
|
||||||
|
:class="{ 'select-active': isOpen }"
|
||||||
|
@click="toggleDropdown"
|
||||||
|
>
|
||||||
|
{{ selectedLabel }}
|
||||||
|
<span class="arrow"></span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<transition name="slide">
|
||||||
|
<div v-show="isOpen" class="select-options">
|
||||||
|
<div
|
||||||
|
v-for="(option, index) in options"
|
||||||
|
:key="index"
|
||||||
|
class="select-item"
|
||||||
|
@click="selectOption(option)"
|
||||||
|
>
|
||||||
|
{{ option.label }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</transition>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.custom-select {
|
||||||
|
position: relative;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.select-header {
|
||||||
|
height: 56px;
|
||||||
|
padding: 0 15px;
|
||||||
|
border: 1px solid #B2B3B5;
|
||||||
|
border-radius: 10px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: border-color 0.3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.select-header:hover {
|
||||||
|
border-color: #79BBFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
.select-active {
|
||||||
|
border-color: #79BBFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
.arrow {
|
||||||
|
width: 24px;
|
||||||
|
height: 24px;
|
||||||
|
background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2366676C' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
|
||||||
|
transition: transform 0.3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.select-active .arrow {
|
||||||
|
transform: rotate(180deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
.select-options {
|
||||||
|
position: absolute;
|
||||||
|
top: 60px;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
text-align: left;
|
||||||
|
background: #fff;
|
||||||
|
border: 1px solid #eee;
|
||||||
|
border-radius: 8px;
|
||||||
|
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
|
||||||
|
z-index: 100;
|
||||||
|
}
|
||||||
|
|
||||||
|
.select-item {
|
||||||
|
padding: 12px 16px;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: background 0.2s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.select-item:hover {
|
||||||
|
background: #f5f7fa;
|
||||||
|
}
|
||||||
|
|
||||||
|
.slide-enter-active,
|
||||||
|
.slide-leave-active {
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.slide-enter-from,
|
||||||
|
.slide-leave-to {
|
||||||
|
opacity: 0;
|
||||||
|
transform: translateY(-10px);
|
||||||
|
}
|
||||||
|
</style>
|
||||||
71
src/components/createdCode.vue
Normal file
71
src/components/createdCode.vue
Normal file
@ -0,0 +1,71 @@
|
|||||||
|
<script setup>
|
||||||
|
import {onMounted, ref, toRefs} from 'vue';
|
||||||
|
import QRCode from 'qrcode'
|
||||||
|
|
||||||
|
const props = defineProps({
|
||||||
|
text:{
|
||||||
|
type: String,
|
||||||
|
default: ''
|
||||||
|
},
|
||||||
|
width:{
|
||||||
|
type: Number,
|
||||||
|
default: 100
|
||||||
|
},
|
||||||
|
height:{
|
||||||
|
type: Number,
|
||||||
|
default: 100
|
||||||
|
},
|
||||||
|
correctLevel:{
|
||||||
|
type: String,
|
||||||
|
default: 'M'
|
||||||
|
}
|
||||||
|
})
|
||||||
|
const {text,width,height,correctLevel} = toRefs(props)
|
||||||
|
// const qrcodeDataURL = ref()
|
||||||
|
const qrCanvas = ref(null);
|
||||||
|
onMounted(() => {
|
||||||
|
console.log(qrCanvas.value,props.text)
|
||||||
|
QRCode.toCanvas(qrCanvas.value, props.text,{ errorCorrectionLevel: 'H' }, error => {
|
||||||
|
if (error) console.error(error);
|
||||||
|
});
|
||||||
|
// console.log(props.text,'text===')
|
||||||
|
// QRCode.toDataURL({
|
||||||
|
// text:props.text,
|
||||||
|
// width:props.width,
|
||||||
|
// height:props.height,
|
||||||
|
// correctLevel:props.correctLevel
|
||||||
|
// }).then((url) => {
|
||||||
|
// console.log(url)
|
||||||
|
// qrcodeDataURL.value = url
|
||||||
|
// }).catch((error) => {
|
||||||
|
// console.error(error)
|
||||||
|
// })
|
||||||
|
})
|
||||||
|
const toClick = () => {
|
||||||
|
let canvas = document.getElementById('qrCanvas')
|
||||||
|
console.log(canvas,qrCanvas.value,'canvas')
|
||||||
|
|
||||||
|
|
||||||
|
let dataURL=canvas.toDataURL('image/jpeg'); //转换图片为dataURL;
|
||||||
|
console.log(dataURL,'dataURL')
|
||||||
|
let a = document.createElement('a') // 生成一个a元素
|
||||||
|
let event = new MouseEvent('click') // 创建一个单击事件
|
||||||
|
a.download = name || 'photo' // 设置图片名称
|
||||||
|
a.href = dataURL // 将生成的URL设置为a.href属性
|
||||||
|
a.dispatchEvent(event) // 触发a的单击事件
|
||||||
|
// pubilc.downPic(props.text)
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<canvas id="qrCanvas" ref="qrCanvas"></canvas>
|
||||||
|
<!-- <div><el-button @click="toClick">下载</el-button></div>-->
|
||||||
|
<!--<img :src="qrcodeDataURL" alt="二维码" />-->
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style scoped >
|
||||||
|
#qrCanvas{
|
||||||
|
width: 100%!important;
|
||||||
|
height: 100%!important;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
79
src/components/mobile/AboutUs.vue
Normal file
79
src/components/mobile/AboutUs.vue
Normal file
@ -0,0 +1,79 @@
|
|||||||
|
<template>
|
||||||
|
<div class='ui-mobile-aboutUs'>
|
||||||
|
<img :src='newImages' alt='' class='ui-mobile-aboutUs-bg'>
|
||||||
|
<div class='ui-health-aboutUs-title'>{{t('message.AboutUs.title2')}}</div>
|
||||||
|
<div class='ui-health-aboutUs-subtitle'>{{topSubtitle}}</div>
|
||||||
|
<img class='ui-health-aboutUs-img' src='https://image.fulllinkai.com/202309/18/2d40c39264c2e3ce1e3218bccd31a0b2.png' alt=''>
|
||||||
|
<div class='ui-health-aboutUs-title'>{{t('message.AboutUs.title3')}}</div>
|
||||||
|
<div class='ui-health-aboutUs-subtitleV2'>{{centerSubtitle}}</div>
|
||||||
|
<img class='ui-health-aboutUs-img' src='https://image.fulllinkai.com/202309/18/7c62b1a8de3bd3e3c94d6cb442836bd0.png' alt=''>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { useI18n } from 'vue-i18n'
|
||||||
|
import { computed } from 'vue'
|
||||||
|
const { t,locale } = useI18n()
|
||||||
|
|
||||||
|
const newImages = computed(() => {
|
||||||
|
return t('message.AboutUs.imgM1')
|
||||||
|
})
|
||||||
|
const topSubtitle = computed(() => {
|
||||||
|
return t('message.AboutUs.subtitle1V1')+'\n' +
|
||||||
|
|
||||||
|
'\n' +
|
||||||
|
t('message.AboutUs.subtitle1V2')+'\n' +
|
||||||
|
t('message.AboutUs.subtitle1V3')+'\n' +
|
||||||
|
'\n' +
|
||||||
|
t('message.AboutUs.subtitle1V4')+'\n' +
|
||||||
|
t('message.AboutUs.subtitle1V5')
|
||||||
|
})
|
||||||
|
|
||||||
|
const centerSubtitle =computed(() => {
|
||||||
|
return t('message.AboutUs.subtitle2V1')+'\n' +
|
||||||
|
t('message.AboutUs.subtitle2V2')
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.ui-mobile-aboutUs{
|
||||||
|
width: 100%;
|
||||||
|
padding-bottom: 96px;
|
||||||
|
background: url("https://image.fulllinkai.com/202309/18/11f991ca4d1b3d5b0d8c443c5b66c2a9.png") no-repeat center;
|
||||||
|
background-size: cover;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.ui-mobile-aboutUs-bg{
|
||||||
|
width: 100%;
|
||||||
|
height: 256px;
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
|
.ui-health-aboutUs-title{
|
||||||
|
margin: 64px 0 24px;
|
||||||
|
font-size: 24px;
|
||||||
|
font-weight: 900;
|
||||||
|
color: #375FFF;
|
||||||
|
line-height: 24px;
|
||||||
|
}
|
||||||
|
.ui-health-aboutUs-subtitle{
|
||||||
|
padding: 0 20px;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 350;
|
||||||
|
color: #0A112E;
|
||||||
|
line-height: 28px;
|
||||||
|
white-space: pre-wrap;
|
||||||
|
}
|
||||||
|
.ui-health-aboutUs-subtitleV2{
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #0F1A46;
|
||||||
|
line-height: 28px;
|
||||||
|
white-space: pre-wrap;
|
||||||
|
}
|
||||||
|
.ui-health-aboutUs-img{
|
||||||
|
margin-top: 24px;
|
||||||
|
width: 100%;
|
||||||
|
height: 184px;
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
95
src/components/mobile/Footer.vue
Normal file
95
src/components/mobile/Footer.vue
Normal file
@ -0,0 +1,95 @@
|
|||||||
|
<template>
|
||||||
|
<div class='ui-mobile-footer'>
|
||||||
|
<div class='ui-mobile-bit-title'>{{ t('message.Footer.html1') }}</div>
|
||||||
|
<div class='ui-mobile-list'
|
||||||
|
v-for='(item,index) in titleMessage' :key='index'
|
||||||
|
@click='goToDetail(item.path,index+1)'
|
||||||
|
>
|
||||||
|
{{item.title}}
|
||||||
|
</div>
|
||||||
|
<div class='ui-mobile-bit-title'>{{ t('message.Footer.html2') }}</div>
|
||||||
|
<div class='ui-mobile-list'
|
||||||
|
v-for='(item,index) in contactUsMessage' :key='index'
|
||||||
|
>
|
||||||
|
{{item.title}}
|
||||||
|
</div>
|
||||||
|
<img class='ui-mobile-code' src='https://image.fulllinkai.com/202311/30/6692dbd0b30bd6efda325b0dd0999222.jpeg' alt=''>
|
||||||
|
<div class='ui-mobile-foot-title'>
|
||||||
|
<div>{{ t('message.Footer.html3') }}</div>
|
||||||
|
<div @click.stop='goToICP()'>{{ t('message.Footer.html4') }}</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { computed, onMounted, onUnmounted, ref } from 'vue'
|
||||||
|
import { useRouter } from 'vue-router'
|
||||||
|
import { useI18n } from 'vue-i18n'
|
||||||
|
const { t,locale } = useI18n()
|
||||||
|
const router = useRouter()
|
||||||
|
const titleMessage = computed(() => {
|
||||||
|
return [
|
||||||
|
{title:t('message.Footer.title1'),path:'health'},
|
||||||
|
{title:t('message.Footer.title2'),path:''},
|
||||||
|
{title:t('message.Footer.title3'),path:'news'},
|
||||||
|
{title:t('message.Footer.title4'),path:'joinUs'}
|
||||||
|
]})
|
||||||
|
const contactUsMessage = computed(() => {
|
||||||
|
return [
|
||||||
|
{title:t('message.Footer.title5'),icon:'https://image.fulllinkai.com/202309/01/7fe6ba4f1e1142b25b11c2e5d4ed3760.png'},
|
||||||
|
{title:'181-4852-2763',icon:'https://image.fulllinkai.com/202309/01/8c53e599b77bb4b37d1371c43c2a883e.png'},
|
||||||
|
{title:'yftxtx@uftx2023.com ',icon:'https://image.fulllinkai.com/202309/01/3239822c4ee37cfd29c9bfb42b9fadcf.png'}
|
||||||
|
]
|
||||||
|
})
|
||||||
|
const goToICP = () => {
|
||||||
|
location.href = 'https://beian.miit.gov.cn/#/Integrated/index'
|
||||||
|
}
|
||||||
|
const goToDetail = (path,index) => {
|
||||||
|
console.log(router,'r-------')
|
||||||
|
// return
|
||||||
|
if (index === 2){
|
||||||
|
return
|
||||||
|
}
|
||||||
|
sessionStorage.setItem('navIndex', index)
|
||||||
|
router.push({
|
||||||
|
name: path,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<style scoped>
|
||||||
|
.ui-mobile-footer{
|
||||||
|
width: 100%;
|
||||||
|
padding: 0 0 156px 32px;
|
||||||
|
background: #FFFFFF;
|
||||||
|
}
|
||||||
|
.ui-mobile-bit-title{
|
||||||
|
margin-top: 64px;
|
||||||
|
margin-bottom: 24px;
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #375FFF;
|
||||||
|
line-height: 22px;
|
||||||
|
}
|
||||||
|
.ui-mobile-list{
|
||||||
|
margin-bottom: 24px;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #8DA4FF;
|
||||||
|
}
|
||||||
|
.ui-mobile-list:nth-last-child(1){
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
.ui-mobile-code{
|
||||||
|
margin: 64px 0;
|
||||||
|
width: 192px;
|
||||||
|
height: 96px;
|
||||||
|
}
|
||||||
|
.ui-mobile-foot-title{
|
||||||
|
margin-right: 29px;
|
||||||
|
/*display: flex;*/
|
||||||
|
/*align-items: center;*/
|
||||||
|
/*justify-content: space-between;*/
|
||||||
|
font-size: 12px;
|
||||||
|
color: #8DA4FF;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
234
src/components/mobile/Header.vue
Normal file
234
src/components/mobile/Header.vue
Normal file
@ -0,0 +1,234 @@
|
|||||||
|
<template>
|
||||||
|
<!-- 头部整体盒子 -->
|
||||||
|
<div class='ui-mobile-menu'>
|
||||||
|
<div class='ui-mobile-menu-box'>
|
||||||
|
<img class='ui-mobile-menu-img' src='https://image.fulllinkai.com/202309/15/85802c783d418c2ac11bf54eca1ab94a.png' alt=''>
|
||||||
|
<img v-if='!showMenuList && (navIndex == 0 || navIndex == 4 ||navIndex == 5)' class='ui-mobile-menu-left' src='https://image.fulllinkai.com/202309/15/5a8e2fffde32a0e15c260d1b0f435ba9.png' alt=''
|
||||||
|
@click='showMenuList = true'>
|
||||||
|
<img v-else-if='!showMenuList' class='ui-mobile-menu-left' src='https://image.fulllinkai.com/202309/18/210697910d2bdc1ef4343c2cabcfd7e9.png' alt=''
|
||||||
|
@click='showMenuList = true'>
|
||||||
|
<img v-else class='ui-mobile-menu-left' src='https://image.fulllinkai.com/202309/18/9c2edecf5aa769c6f5aa799fbf7b352f.png' alt=''
|
||||||
|
@click='showMenuList = false'>
|
||||||
|
<img @click='goToHome' v-if='!showMenuList &&(navIndex == 0 || navIndex == 4 ||navIndex == 5)' class='ui-mobile-menu-icon' src='https://image.fulllinkai.com/202309/15/26b66042e63ec4d16e5d1e8ad2412db7.png' alt=''>
|
||||||
|
<img @click='goToHome' v-else class='ui-mobile-menu-icon' src='https://image.fulllinkai.com/202309/18/2d3977db9fbe5ae9ba26ab762dfc9b44.png' alt=''>
|
||||||
|
<div class="ui-lang" :class='!showMenuList && (navIndex == 0 || navIndex == 4 ||navIndex == 5) ? "ui-lang-color" : ""'>
|
||||||
|
<span @click='toggle("en")' class='ui-cursor' :class="[locale === 'en' ? 'bold animate__animated animate__pulse' : '']">English{{}}</span>
|
||||||
|
<span class='margin8'>|</span>
|
||||||
|
<span @click='toggle("zh-cn")' class='ui-cursor' :class="[locale === 'zh-cn' ? 'bold animate__animated animate__pulse' : '']">中文</span>
|
||||||
|
<span class='margin8'>|</span>
|
||||||
|
<span @click='toggle("zh-tw")' class='ui-cursor' :class="[locale === 'zh-tw' ? 'bold animate__animated animate__pulse' : '']">繁體</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class='ui-mobile-menu-list-box' v-if='showMenuList'>
|
||||||
|
<div class='ui-mobile-menu-list'>
|
||||||
|
<div class='ui-mobile-menu-list-one' :class='navIndex == index ? "ui-mobile-menu-select" : "" '
|
||||||
|
v-for='(item,index) in navList' :key='index'
|
||||||
|
@click="navClick(index, item.name,item.routerName)"
|
||||||
|
>
|
||||||
|
{{item.name}}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { ref, reactive, onMounted, computed, onActivated } from 'vue'
|
||||||
|
import { useRouter } from 'vue-router'
|
||||||
|
import { useI18n } from 'vue-i18n'
|
||||||
|
import en from '@/locale/modules/en.js'
|
||||||
|
const { t,locale } = useI18n()
|
||||||
|
|
||||||
|
const showMenuList = ref( false)
|
||||||
|
const navIndex = ref('')
|
||||||
|
const productMap = ref('')
|
||||||
|
const navList = computed(() => {
|
||||||
|
return [
|
||||||
|
{
|
||||||
|
// name: t('message.Header.home'),
|
||||||
|
name: t('message.Header.title1'),
|
||||||
|
path: '/',
|
||||||
|
routerName:'Home',
|
||||||
|
children: []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
// name: t('message.Header.softwareProduct'),
|
||||||
|
name: t('message.Header.title2'),
|
||||||
|
path: '/health',
|
||||||
|
routerName:'health',
|
||||||
|
children: [
|
||||||
|
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
// name: t('message.Header.services'),
|
||||||
|
name: t('message.Header.title3'),
|
||||||
|
path: '/startABusiness',
|
||||||
|
routerName:'startABusiness',
|
||||||
|
// children: [
|
||||||
|
// {
|
||||||
|
// name: 'RaaS系统',
|
||||||
|
// path: 'other',
|
||||||
|
// routerName: 'http://b.fulllinkai.com/#/'
|
||||||
|
// },
|
||||||
|
// {
|
||||||
|
// name: '友福婚恋',
|
||||||
|
// path: 'other',
|
||||||
|
// routerName:'https://love.ufutx.com/web/#/'
|
||||||
|
// },
|
||||||
|
// {
|
||||||
|
// name: '友福活动',
|
||||||
|
// path: '/startABusiness',
|
||||||
|
// routerName:'startABusiness',
|
||||||
|
// }
|
||||||
|
// ]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
// name: t('message.Header.news'),
|
||||||
|
name: t('message.Header.title7'),
|
||||||
|
path: '/news',
|
||||||
|
routerName:'news',
|
||||||
|
children: []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
// name: t('message.Header.aboutUs'),
|
||||||
|
name: t('message.Header.title8'),
|
||||||
|
path: '/joinUs',
|
||||||
|
routerName:'joinUs',
|
||||||
|
children: []
|
||||||
|
},
|
||||||
|
// {
|
||||||
|
// name: t('message.Header.jobChance'),
|
||||||
|
// path: '/jobchance',
|
||||||
|
// children: []
|
||||||
|
// },
|
||||||
|
{
|
||||||
|
// name: t('message.Header.contactUs'),
|
||||||
|
name: t('message.Header.title9'),
|
||||||
|
path: '/aboutUs',
|
||||||
|
routerName:'aboutUs',
|
||||||
|
children: []
|
||||||
|
}
|
||||||
|
]
|
||||||
|
})
|
||||||
|
|
||||||
|
const goToHome = () => {
|
||||||
|
router.push({
|
||||||
|
name: 'Home',
|
||||||
|
})
|
||||||
|
}
|
||||||
|
onMounted(() => {
|
||||||
|
setTimeout(() => {
|
||||||
|
navIndex.value = sessionStorage.getItem('navIndex')
|
||||||
|
? sessionStorage.getItem('navIndex')
|
||||||
|
: 0
|
||||||
|
productMap.value = sessionStorage.getItem('productMap')
|
||||||
|
? sessionStorage.getItem('productMap')
|
||||||
|
: 0
|
||||||
|
},10)
|
||||||
|
|
||||||
|
})
|
||||||
|
|
||||||
|
const menuName = ref('首页')
|
||||||
|
|
||||||
|
|
||||||
|
const hoverIndex = ref(0)
|
||||||
|
const toggle = language => {
|
||||||
|
locale.value = language // zh en
|
||||||
|
console.log(t('message.language'))
|
||||||
|
localStorage.setItem("language", language);
|
||||||
|
console.log(navList)
|
||||||
|
}
|
||||||
|
const router = useRouter()
|
||||||
|
function navClick(index, name, path) {
|
||||||
|
console.log(index,path,'111---&&&&&')
|
||||||
|
showMenuList.value = false
|
||||||
|
// if (name === 'other'){
|
||||||
|
// location.href = path
|
||||||
|
// return
|
||||||
|
// }
|
||||||
|
navIndex.value = index
|
||||||
|
sessionStorage.setItem('navIndex', index)
|
||||||
|
menuName.value = name
|
||||||
|
router.push({
|
||||||
|
name: path,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.ui-mobile-menu{
|
||||||
|
position: fixed;
|
||||||
|
top:0;
|
||||||
|
left: 0;
|
||||||
|
height: 44px;
|
||||||
|
width: 375px;
|
||||||
|
z-index: 9;
|
||||||
|
}
|
||||||
|
.ui-mobile-menu-box{
|
||||||
|
position: relative;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
backdrop-filter: blur(6px)
|
||||||
|
}
|
||||||
|
.ui-mobile-menu-img{
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
.ui-mobile-menu-left{
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 16px;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
width: 24px;
|
||||||
|
height: 24px;
|
||||||
|
z-index: 10;
|
||||||
|
}
|
||||||
|
.ui-mobile-menu-icon{
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%,-50%);
|
||||||
|
width: 30px;
|
||||||
|
height: 24px;
|
||||||
|
z-index: 10;
|
||||||
|
}
|
||||||
|
.ui-lang{
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
right: 16px;
|
||||||
|
color: #375fff;
|
||||||
|
font-size: 12px;
|
||||||
|
z-index: 10;
|
||||||
|
}
|
||||||
|
.ui-lang-color{
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
.ui-mobile-menu-list-box{
|
||||||
|
position: fixed;
|
||||||
|
top:0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background-image: url("https://image.fulllinkai.com/202309/15/11f991ca4d1b3d5b0d8c443c5b66c2a9.png");
|
||||||
|
z-index: 8;
|
||||||
|
}
|
||||||
|
.ui-mobile-menu-list{
|
||||||
|
margin: 84px 24px ;
|
||||||
|
}
|
||||||
|
.ui-mobile-menu-list-one{
|
||||||
|
margin-bottom: 32px;
|
||||||
|
height: 28px;
|
||||||
|
font-size: 20px;
|
||||||
|
|
||||||
|
color: #8DA4FF;
|
||||||
|
line-height: 28px;
|
||||||
|
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
|
||||||
|
}
|
||||||
|
.ui-mobile-menu-select{
|
||||||
|
color: #375FFF;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
124
src/components/mobile/Health.vue
Normal file
124
src/components/mobile/Health.vue
Normal file
@ -0,0 +1,124 @@
|
|||||||
|
<template>
|
||||||
|
<div id='mobileHealth'>
|
||||||
|
<div class='ui-mobile-health'>
|
||||||
|
<div class='ui-mobile-health-title'>{{ t('message.Health.title1') }}</div>
|
||||||
|
<div class='ui-mobile-health-subtitle'>{{topSubtitle}}</div>
|
||||||
|
<div class='ui-mobile-health-title'>{{ t('message.Health.title4') }}</div>
|
||||||
|
<div class='ui-mobile-health-subtitle'>{{centerSubtitle}}</div>
|
||||||
|
<div class=' ui-mobile-health-nextTitle'>{{ t('message.Health.html2') }}</div>
|
||||||
|
<div class='ui-mobile-health-list' v-for='(item,index) in list' :key='index'>
|
||||||
|
<div class='ui-m-h-l-title'>{{item.name}}</div>
|
||||||
|
<div class='ui-m-h-l-pic'>
|
||||||
|
<img :src='item.icon' alt=''>
|
||||||
|
<div class='ui-m-h-l-subtitle'>{{item.subtitle}}</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
|
||||||
|
import { computed, onMounted } from 'vue'
|
||||||
|
import { useI18n } from 'vue-i18n'
|
||||||
|
const { t,locale } = useI18n()
|
||||||
|
|
||||||
|
const topSubtitle =computed(() => {
|
||||||
|
return t('message.Health.titleM1')+'\n' +
|
||||||
|
t('message.Health.titleM2')+'\n' +
|
||||||
|
t('message.Health.titleM3')+'\n' +
|
||||||
|
t('message.Health.titleM4')+'\n' +
|
||||||
|
t('message.Health.titleM5')+'\n' +
|
||||||
|
t('message.Health.titleM6')
|
||||||
|
})
|
||||||
|
|
||||||
|
const centerSubtitle = computed(() => {
|
||||||
|
return t('message.Health.title5M1')+'\n' +
|
||||||
|
t('message.Health.title5M2')+'\n' +
|
||||||
|
t('message.Health.title5M3')+'\n' +
|
||||||
|
t('message.Health.title5M4')+'\n' +
|
||||||
|
t('message.Health.title5M5')+'\n' +
|
||||||
|
t('message.Health.title5M6')+'\n'
|
||||||
|
})
|
||||||
|
|
||||||
|
const list =computed(() => {
|
||||||
|
return [
|
||||||
|
{name: '01.'+ t('message.Health.list1'),subtitle:t('message.Health.list2'),icon:'https://image.fulllinkai.com/202309/18/0b9407007c0dda9419dcc3b02b2283c7.png'},
|
||||||
|
{name: '02.'+ t('message.Health.list3'),subtitle:t('message.Health.list4'),icon:'https://image.fulllinkai.com/202309/18/2e1d657778a833ee25528b26004d1aa7.png'},
|
||||||
|
{name: '03.'+ t('message.Health.list5'),subtitle:t('message.Health.list6'),icon:'https://image.fulllinkai.com/202309/18/b49154cfa009ceda5bdf2f038cdeaba4.png'},
|
||||||
|
{name: '04.'+ t('message.Health.list7'),subtitle:t('message.Health.list8'),icon:'https://image.fulllinkai.com/202309/18/37e3a27e03f62a3173db4326a5b021c8.png'},
|
||||||
|
{name: '05.'+ t('message.Health.list9'),subtitle:t('message.Health.list10'),icon:'https://image.fulllinkai.com/202309/18/a37b26a88619d2b2463e8856de1fdba6.png'},
|
||||||
|
]
|
||||||
|
})
|
||||||
|
onMounted(() => {
|
||||||
|
sessionStorage.setItem('navIndex', '1')
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
#mobileHealth{
|
||||||
|
width: 100%;
|
||||||
|
background: url("https://image.fulllinkai.com/202309/18/11f991ca4d1b3d5b0d8c443c5b66c2a9.png") no-repeat center;
|
||||||
|
background-size: cover;
|
||||||
|
padding-bottom: 96px;
|
||||||
|
}
|
||||||
|
.ui-mobile-health{
|
||||||
|
padding: 140px 24px 0;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.ui-mobile-health-title{
|
||||||
|
margin-bottom: 24px;
|
||||||
|
font-size: 24px;
|
||||||
|
font-weight: 900;
|
||||||
|
color: #375FFF;
|
||||||
|
}
|
||||||
|
.ui-mobile-health-subtitle{
|
||||||
|
margin-bottom: 96px;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 350;
|
||||||
|
color: #0A112E;
|
||||||
|
line-height: 28px;
|
||||||
|
white-space: pre-wrap;
|
||||||
|
}
|
||||||
|
.ui-mobile-health-nextTitle{
|
||||||
|
margin-bottom: 24px;
|
||||||
|
font-size: 24px;
|
||||||
|
font-weight: 900;
|
||||||
|
color: #375FFF;
|
||||||
|
}
|
||||||
|
.ui-mobile-health-list{
|
||||||
|
margin-bottom: 24px;
|
||||||
|
}
|
||||||
|
.ui-mobile-health-list:nth-last-child(1){
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
.ui-m-h-l-title{
|
||||||
|
margin-bottom: 8px;
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: 700;
|
||||||
|
color: #8DA4FF;
|
||||||
|
}
|
||||||
|
.ui-m-h-l-pic{
|
||||||
|
/*margin-bottom: 24px;*/
|
||||||
|
position: relative;
|
||||||
|
width: 328px;
|
||||||
|
height: 132px;
|
||||||
|
}
|
||||||
|
/*.ui-m-h-l-pic:nth-last-child(1){*/
|
||||||
|
/* margin-bottom: 0;*/
|
||||||
|
/*}*/
|
||||||
|
.ui-m-h-l-pic img {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
|
.ui-m-h-l-pic div {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 12px;
|
||||||
|
left: 8px;
|
||||||
|
text-align: left;
|
||||||
|
font-size: 12px;
|
||||||
|
font-weight: 350;
|
||||||
|
color: #FFFFFF;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
385
src/components/mobile/JoinUs.vue
Normal file
385
src/components/mobile/JoinUs.vue
Normal file
@ -0,0 +1,385 @@
|
|||||||
|
<template>
|
||||||
|
<div id='joinUs' @click='selectIndex = 99'>
|
||||||
|
<div class='ui-joinUs-bg'>
|
||||||
|
<img src='https://image.fulllinkai.com/202309/05/eef666a9377322e9a9356a931d5cfc01.png' alt=''>
|
||||||
|
</div>
|
||||||
|
<div class=''>
|
||||||
|
<div class='ui-joinUs-title ui-mobile-mr-8'>
|
||||||
|
<div class='ui-joinUs-title-left'></div>
|
||||||
|
<div class='ui-joinUs-title-text'>
|
||||||
|
<img alt='' :src='newImagesV1' >
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class='ui-joinUs-introduce ui-mobile-mr-8'>
|
||||||
|
<div class='ui-joinUs-introduce-list' v-for='(item,index) in introduceList' :key='index'>
|
||||||
|
<div class='ui-joinUs-introduce-list-title'>{{item.title}}</div>
|
||||||
|
<div class='ui-joinUs-introduce-list-line'></div>
|
||||||
|
<div class='ui-joinUs-introduce-list-subtitle'>{{item.subtitle}}</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class='ui-joinUs-title ui-mobile-mr-8'>
|
||||||
|
<div class='ui-joinUs-title-left'></div>
|
||||||
|
<div class='ui-joinUs-title-text'>
|
||||||
|
<img :src='newImagesV2' alt=''>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class='ui-joinUs-recruit ui-mobile-mr-8'>
|
||||||
|
<div style='margin-bottom: 24px;' v-for='(item,index) in recruitList' :key='index' @click.stop='recruitChange(index)'>
|
||||||
|
<div class='ui-joinUs-recruit-list' @mouseenter='borderIndex = index' :class='borderIndex === index && selectIndex === 99? "ui-joinUs-recruit-list-border" : "" '>
|
||||||
|
<div class='ui-joinUs-recruit-list-title'>{{item.title}}</div>
|
||||||
|
<div class='ui-joinUs-recruit-list-sub'>
|
||||||
|
<div>{{item.subtitle}}</div>
|
||||||
|
<div class='ui-joinUs-recruit-list-sub-time'>{{item.time}}</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class='ui-joinUs-recruit-list-box' v-if='selectIndex === index'>
|
||||||
|
<div class='ui-joinUs-recruit-b-title'>{{t('message.JoinUs.html1')}}：</div>
|
||||||
|
<div class='ui-joinUs-recruit-b-subtitle'>{{item.responsibilityMessage}}</div>
|
||||||
|
<div class='ui-joinUs-recruit-b-title'>{{t('message.JoinUs.html2')}}：</div>
|
||||||
|
<div class='ui-joinUs-recruit-b-subtitle ui-joinUs-bottom'>{{item.qualificationMessage}}</div>
|
||||||
|
<div class='ui-joinUs-contact-box'>
|
||||||
|
<div class='ui-joinUs-contact-phone ui-joinUs-right' @click.stop='toShare(item.tel)'>
|
||||||
|
<img class='ui-joinUs-contact-phone-icon' src='https://image.fulllinkai.com/202309/05/1d71c794eed1cf2bb03c8c2f79f144c9.png' alt=''>
|
||||||
|
<div>{{item.tel}}</div>
|
||||||
|
</div>
|
||||||
|
<div class='ui-joinUs-contact-phone' @click.stop='toShare(item.email)'>
|
||||||
|
<img class='ui-joinUs-contact-phone-icon' src='https://image.fulllinkai.com/202309/05/a8bc9bd19b7e9e2dc8dd0265c7d7cbfb.png' alt=''>
|
||||||
|
<div>{{item.email}}</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class='ui-newsDetail-tip' v-if='showTip'>
|
||||||
|
{{ t('message.JoinUs.html3') }}
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import {computed,onMounted,ref} from 'vue'
|
||||||
|
import { useI18n } from 'vue-i18n'
|
||||||
|
const { t,locale } = useI18n()
|
||||||
|
|
||||||
|
const newImagesV1 = computed(() => {
|
||||||
|
return t('message.JoinUs.imgM1')
|
||||||
|
})
|
||||||
|
const newImagesV2 = computed(() => {
|
||||||
|
return t('message.JoinUs.imgM2')
|
||||||
|
})
|
||||||
|
const introduceList = computed(() => {
|
||||||
|
return [
|
||||||
|
{
|
||||||
|
title: t('message.JoinUs.list1'),
|
||||||
|
subtitle:t('message.JoinUs.list2'),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: t('message.JoinUs.list3'),
|
||||||
|
subtitle:t('message.JoinUs.list4'),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: t('message.JoinUs.list5'),
|
||||||
|
subtitle:t('message.JoinUs.list6'),
|
||||||
|
}
|
||||||
|
]
|
||||||
|
})
|
||||||
|
const selectIndex = ref(99)
|
||||||
|
const borderIndex = ref(99)
|
||||||
|
const recruitList = computed(() => {
|
||||||
|
return [
|
||||||
|
{
|
||||||
|
title: t('message.JoinUs.RList1V1'),
|
||||||
|
time:t('message.JoinUs.RList1V2'),
|
||||||
|
subtitle:t('message.JoinUs.RList1V3'),
|
||||||
|
responsibilityTitle:t('message.JoinUs.RList1V4'),
|
||||||
|
responsibilityMessage:t('message.JoinUs.RList1V5')+'\n' +
|
||||||
|
t('message.JoinUs.RList1V6')+'\n' +
|
||||||
|
t('message.JoinUs.RList1V7')+'\n' +
|
||||||
|
t('message.JoinUs.RList1V8')+'\n',
|
||||||
|
qualificationTitle:t('message.JoinUs.RList1V9'),
|
||||||
|
qualificationMessage:t('message.JoinUs.RList1V10')+'\n' +
|
||||||
|
t('message.JoinUs.RList1V11')+'\n' +
|
||||||
|
t('message.JoinUs.RList1V12')+'\n' +
|
||||||
|
t('message.JoinUs.RList1V13')+'\n' +
|
||||||
|
t('message.JoinUs.RList1V14'),
|
||||||
|
tel:'181-4852-2763',
|
||||||
|
email:'yftxtx@uftx2023.com '
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: t('message.JoinUs.RList2V1'),
|
||||||
|
time:t('message.JoinUs.RList1V2'),
|
||||||
|
subtitle:t('message.JoinUs.RList1V3'),
|
||||||
|
responsibilityTitle:t('message.JoinUs.html1'),
|
||||||
|
responsibilityMessage:t('message.JoinUs.RList2V2')+'\n' +
|
||||||
|
t('message.JoinUs.RList2V3')+'\n' +
|
||||||
|
t('message.JoinUs.RList2V4')+'\n' +
|
||||||
|
t('message.JoinUs.RList2V5')+'\n',
|
||||||
|
qualificationTitle:t('message.JoinUs.html2'),
|
||||||
|
qualificationMessage:t('message.JoinUs.RList2V6')+'\n' +
|
||||||
|
t('message.JoinUs.RList2V7')+'\n',
|
||||||
|
tel:'181-4852-2763',
|
||||||
|
email:'yftxtx@uftx2023.com '
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: t('message.JoinUs.RList3V1'),
|
||||||
|
time:t('message.JoinUs.RList1V2'),
|
||||||
|
subtitle:t('message.JoinUs.RList1V3'),
|
||||||
|
responsibilityTitle:t('message.JoinUs.html1'),
|
||||||
|
responsibilityMessage:t('message.JoinUs.RList3V2')+'\n' +
|
||||||
|
t('message.JoinUs.RList3V3')+'\n' +
|
||||||
|
t('message.JoinUs.RList3V4')+'\n' +
|
||||||
|
t('message.JoinUs.RList3V5')+'\n',
|
||||||
|
qualificationTitle:t('message.JoinUs.html2'),
|
||||||
|
qualificationMessage:t('message.JoinUs.RList3V6')+'\n' +
|
||||||
|
t('message.JoinUs.RList3V7')+'\n' +
|
||||||
|
t('message.JoinUs.RList3V8')+'\n',
|
||||||
|
tel:'181-4852-2763',
|
||||||
|
email:'yftxtx@uftx2023.com '
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title:t('message.JoinUs.RList4V1'),
|
||||||
|
time:t('message.JoinUs.RList1V2'),
|
||||||
|
subtitle:t('message.JoinUs.RList1V3'),
|
||||||
|
responsibilityTitle:t('message.JoinUs.html1'),
|
||||||
|
responsibilityMessage:t('message.JoinUs.RList4V2')+'\n' +
|
||||||
|
t('message.JoinUs.RList4V3')+'\n' +
|
||||||
|
t('message.JoinUs.RList4V4')+'\n' +
|
||||||
|
t('message.JoinUs.RList4V5')+'\n',
|
||||||
|
qualificationTitle:t('message.JoinUs.html2'),
|
||||||
|
qualificationMessage:t('message.JoinUs.RList4V6')+'\n' +
|
||||||
|
t('message.JoinUs.RList4V7')+'\n' +
|
||||||
|
t('message.JoinUs.RList4V8')+'\n',
|
||||||
|
tel:'181-4852-2763',
|
||||||
|
email:'yftxtx@uftx2023.com '
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title:t('message.JoinUs.RList5V1'),
|
||||||
|
time:t('message.JoinUs.RList1V2'),
|
||||||
|
subtitle:t('message.JoinUs.RList1V3'),
|
||||||
|
responsibilityTitle:t('message.JoinUs.html1'),
|
||||||
|
responsibilityMessage:t('message.JoinUs.RList5V2')+'\n' +
|
||||||
|
t('message.JoinUs.RList5V3')+'\n' +
|
||||||
|
t('message.JoinUs.RList5V4')+'\n' +
|
||||||
|
t('message.JoinUs.RList5V5')+'\n' +
|
||||||
|
t('message.JoinUs.RList5V6')+'\n',
|
||||||
|
qualificationTitle:t('message.JoinUs.html2'),
|
||||||
|
qualificationMessage:t('message.JoinUs.RList5V7')+'\n' +
|
||||||
|
t('message.JoinUs.RList5V8')+'\n' +
|
||||||
|
t('message.JoinUs.RList5V9')+'\n' +
|
||||||
|
t('message.JoinUs.RList5V10')+'\n' +
|
||||||
|
t('message.JoinUs.RList5V11')+'\n',
|
||||||
|
tel:'181-4852-2763',
|
||||||
|
email:'yftxtx@uftx2023.com '
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: t('message.JoinUs.RList6V1'),
|
||||||
|
time:t('message.JoinUs.RList1V2'),
|
||||||
|
subtitle:t('message.JoinUs.RList1V3'),
|
||||||
|
responsibilityTitle:t('message.JoinUs.html1'),
|
||||||
|
responsibilityMessage:t('message.JoinUs.RList6V62')+'\n' +
|
||||||
|
t('message.JoinUs.RList6V3')+'\n' +
|
||||||
|
t('message.JoinUs.RList6V4')+'\n' +
|
||||||
|
t('message.JoinUs.RList6V5')+'\n' +
|
||||||
|
t('message.JoinUs.RList6V6')+'\n',
|
||||||
|
qualificationTitle:t('message.JoinUs.html2'),
|
||||||
|
qualificationMessage:t('message.JoinUs.RList6V7')+'\n' +
|
||||||
|
t('message.JoinUs.RList6V8')+'\n' +
|
||||||
|
t('message.JoinUs.RList6V9')+'\n' +
|
||||||
|
t('message.JoinUs.RList6V10')+'\n' +
|
||||||
|
t('message.JoinUs.RList6V11')+'\n',
|
||||||
|
tel:'181-4852-2763',
|
||||||
|
email:'yftxtx@uftx2023.com '
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
||||||
|
})
|
||||||
|
const recruitChange = (index) => {
|
||||||
|
borderIndex.value = index
|
||||||
|
if (selectIndex.value === 99 || selectIndex.value !== index ){
|
||||||
|
selectIndex.value = index
|
||||||
|
}else {
|
||||||
|
selectIndex.value = 99
|
||||||
|
}
|
||||||
|
}
|
||||||
|
const showTip = ref(false)
|
||||||
|
const toShare = (value) => {
|
||||||
|
const element = document.createElement('textarea')
|
||||||
|
element.value = value
|
||||||
|
console.log(element,'-')
|
||||||
|
document.body.appendChild(element);
|
||||||
|
element.select()
|
||||||
|
if (document.execCommand('copy')) {
|
||||||
|
document.execCommand('copy')
|
||||||
|
document.body.removeChild(element)
|
||||||
|
showTip.value = true
|
||||||
|
setTimeout(() => {
|
||||||
|
showTip.value = false
|
||||||
|
},1200)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
onMounted(() => {
|
||||||
|
sessionStorage.setItem('navIndex', '4')
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
#joinUs{
|
||||||
|
width: 100%;
|
||||||
|
padding-bottom: 96px;
|
||||||
|
background: url("https://image.fulllinkai.com/202309/18/11f991ca4d1b3d5b0d8c443c5b66c2a9.png") no-repeat center;
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
.ui-joinUs-bg{
|
||||||
|
width: 100%;
|
||||||
|
height: 256px;
|
||||||
|
margin-bottom: 32px;
|
||||||
|
}
|
||||||
|
.ui-joinUs-bg img {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
|
.ui-joinUs-title{
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.ui-joinUs-title-left{
|
||||||
|
/*margin-right: 24px;*/
|
||||||
|
width: 4px;
|
||||||
|
height: 24px;
|
||||||
|
background: #375FFF;
|
||||||
|
}
|
||||||
|
.ui-joinUs-title-text{
|
||||||
|
margin-left: 4px;
|
||||||
|
font-size: 70px;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.ui-joinUs-title-text img {
|
||||||
|
width: auto;
|
||||||
|
height: 32px;
|
||||||
|
}
|
||||||
|
.ui-mobile-mr-8{
|
||||||
|
margin: 0 8px;
|
||||||
|
}
|
||||||
|
.ui-joinUs-introduce{
|
||||||
|
padding: 16px 0 8px;
|
||||||
|
/*display: flex;*/
|
||||||
|
/*justify-content: space-between;*/
|
||||||
|
}
|
||||||
|
.ui-joinUs-introduce-list{
|
||||||
|
/*width: 376px;*/
|
||||||
|
}
|
||||||
|
.ui-joinUs-introduce-list-title{
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #17224C;
|
||||||
|
}
|
||||||
|
.ui-joinUs-introduce-list-line{
|
||||||
|
margin: 8px 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 2px;
|
||||||
|
background: #E2E8FF;
|
||||||
|
}
|
||||||
|
.ui-joinUs-introduce-list-subtitle{
|
||||||
|
margin-bottom: 24px;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #0F1A46;
|
||||||
|
}
|
||||||
|
.ui-joinUs-recruit{
|
||||||
|
padding: 24px 0 0;
|
||||||
|
}
|
||||||
|
.ui-joinUs-recruit-list{
|
||||||
|
padding: 24px;
|
||||||
|
width: 100%;
|
||||||
|
/*height: 168px;*/
|
||||||
|
background: #FFFFFF;
|
||||||
|
border-radius: 16px;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.ui-joinUs-recruit-list-border{
|
||||||
|
border: 1px solid #375FFF
|
||||||
|
}
|
||||||
|
.ui-joinUs-recruit-list-title{
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 700;
|
||||||
|
color: #0A112E;
|
||||||
|
}
|
||||||
|
.ui-joinUs-recruit-list-sub{
|
||||||
|
margin-top: 8px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
font-size: 6px;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #0A112E;
|
||||||
|
}
|
||||||
|
.ui-joinUs-recruit-list-sub-time{
|
||||||
|
color: rgba(15,26,70,0.5);
|
||||||
|
}
|
||||||
|
.ui-joinUs-recruit-list-box{
|
||||||
|
padding: 16px 8px 24px;
|
||||||
|
width: 100%;
|
||||||
|
/*height: 508px;*/
|
||||||
|
background: #FFFFFF;
|
||||||
|
border-radius: 16px 16px 16px 16px;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.ui-joinUs-recruit-b-title{
|
||||||
|
font-size: 8px;
|
||||||
|
color: #0F1A46;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.ui-joinUs-recruit-b-subtitle{
|
||||||
|
padding-bottom: 24px;
|
||||||
|
font-size: 6px;
|
||||||
|
color: #0F1A46;
|
||||||
|
white-space: pre-wrap;
|
||||||
|
line-height: 2.5;
|
||||||
|
word-break: break-word;
|
||||||
|
}
|
||||||
|
.ui-joinUs-bottom{
|
||||||
|
padding-bottom: 16px;
|
||||||
|
}
|
||||||
|
.ui-joinUs-contact-box{
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.ui-joinUs-contact-phone{
|
||||||
|
width: 150px;
|
||||||
|
padding: 10px 0 8px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
font-size: 10px;
|
||||||
|
height: 32px;
|
||||||
|
color: #ffffff;
|
||||||
|
text-align: center;
|
||||||
|
background: #335CFF;
|
||||||
|
line-height: 32px;
|
||||||
|
border-radius: 200px 200px 200px 200px;
|
||||||
|
}
|
||||||
|
.ui-joinUs-contact-phone:nth-child(1){
|
||||||
|
margin-right: 16px;
|
||||||
|
}
|
||||||
|
.ui-joinUs-contact-phone-icon{
|
||||||
|
margin-right: 5px;
|
||||||
|
margin-bottom: 1px;
|
||||||
|
width: 12px;
|
||||||
|
height: 12px;
|
||||||
|
}
|
||||||
|
.ui-newsDetail-tip{
|
||||||
|
position: fixed;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%,-50%);
|
||||||
|
width: 240px;
|
||||||
|
height: 40px;
|
||||||
|
font-size: 20px;
|
||||||
|
color: #ffffff;
|
||||||
|
background: #4a4a4b;
|
||||||
|
line-height: 40px;
|
||||||
|
border-radius: 12px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
100
src/components/mobile/News.vue
Normal file
100
src/components/mobile/News.vue
Normal file
@ -0,0 +1,100 @@
|
|||||||
|
<template>
|
||||||
|
<div id='ui-mobile-news'>
|
||||||
|
<img :src='newImages' alt='' class='ui-mobile-news-top'>
|
||||||
|
<div class='ui-mobile-news-list'>
|
||||||
|
<div class='ui-mobile-news-title'>{{t('message.news.html1')}}</div>
|
||||||
|
<div class='ui-mobile-news-box' @click='goToMessage("newsDetail",1)'>
|
||||||
|
<div class='ui-mobile-news-box-title'>{{ t('message.news.list1')+t('message.news.list2') }}</div>
|
||||||
|
<img class='ui-mobile-news-box-img' src='https://image.fulllinkai.com/202309/18/1fbcd82da93c0e8b6f7de4c05e6cc9fe.png' alt=''>
|
||||||
|
<div class='ui-mobile-news-box-subtitle'>2023.08.20</div>
|
||||||
|
</div>
|
||||||
|
<div class='ui-mobile-news-box' @click='goToMessage("newsDetail",2)'>
|
||||||
|
<div class='ui-mobile-news-box-title'>{{ t('message.news.list4')+t('message.news.list5') }}</div>
|
||||||
|
<img class='ui-mobile-news-box-img' src='https://image.fulllinkai.com/202309/18/0b3dfe7b5778f8087f28015cd94908cd.png' alt=''>
|
||||||
|
<div class='ui-mobile-news-box-subtitle'>2023.08.20</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
|
||||||
|
import { computed, onMounted } from 'vue'
|
||||||
|
import { useRouter } from 'vue-router'
|
||||||
|
import { useI18n } from 'vue-i18n'
|
||||||
|
const { t,locale } = useI18n()
|
||||||
|
const newImages = computed(() => {
|
||||||
|
return t('message.news.imgM1')
|
||||||
|
})
|
||||||
|
const newsList = [
|
||||||
|
{
|
||||||
|
title:t('message.news.list1')+'\n'+t('message.news.list2'),
|
||||||
|
pic:'https://image.fulllinkai.com/202309/04/caab29d4770e125863863466a66a95e6.png',
|
||||||
|
subTitle:t('message.news.list3'),
|
||||||
|
time:'2023.08.20',
|
||||||
|
path: 'newsDetail',
|
||||||
|
id: 1
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: t('message.news.list4')+'\n'+t('message.news.list5'),
|
||||||
|
pic:'https://image.fulllinkai.com/202309/04/9e21ed15f152637de4a0224f615ad131.png',
|
||||||
|
subTitle:t('message.news.list6'),
|
||||||
|
time:'2023.08.20',
|
||||||
|
path: 'newsDetail',
|
||||||
|
id: 2
|
||||||
|
},
|
||||||
|
]
|
||||||
|
const router = useRouter()
|
||||||
|
const goToMessage = (url,id) => {
|
||||||
|
console.log(router,'r-------')
|
||||||
|
// return
|
||||||
|
router.push({
|
||||||
|
name: url,
|
||||||
|
query:{id:id}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
onMounted(() => {
|
||||||
|
sessionStorage.setItem('navIndex', '3')
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
#ui-mobile-news{
|
||||||
|
width: 100%;
|
||||||
|
padding-bottom: 96px;
|
||||||
|
background: url("https://image.fulllinkai.com/202309/18/11f991ca4d1b3d5b0d8c443c5b66c2a9.png") no-repeat center;
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
.ui-mobile-news-top{
|
||||||
|
width: 100%;
|
||||||
|
height: 256px;
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
|
.ui-mobile-news-list{
|
||||||
|
padding: 24px 8px 0;
|
||||||
|
}
|
||||||
|
.ui-mobile-news-title{
|
||||||
|
font-size: 24px;
|
||||||
|
font-weight: 700;
|
||||||
|
color: #375FFF;
|
||||||
|
}
|
||||||
|
.ui-mobile-news-box{
|
||||||
|
margin-top: 24px;
|
||||||
|
}
|
||||||
|
.ui-mobile-news-box-title{
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #0A112E;
|
||||||
|
}
|
||||||
|
.ui-mobile-news-box-img{
|
||||||
|
margin: 8px 0;
|
||||||
|
width: 360px;
|
||||||
|
height: 160px;
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
|
.ui-mobile-news-box-subtitle{
|
||||||
|
font-size: 10px;
|
||||||
|
font-weight: 400;
|
||||||
|
color: rgba(15,26,70,0.5);
|
||||||
|
}
|
||||||
|
</style>
|
||||||
248
src/components/mobile/ProductMap.vue
Normal file
248
src/components/mobile/ProductMap.vue
Normal file
@ -0,0 +1,248 @@
|
|||||||
|
<template>
|
||||||
|
<div id='productMap'>
|
||||||
|
<!-- <div>-->
|
||||||
|
<!-- <img style='width: 200px;height: 200px;' :src='homeMap' alt='fff'>-->
|
||||||
|
<!-- </div>-->
|
||||||
|
<div class='ui-productMap-box'>
|
||||||
|
<div id="productMapV"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { computed, onMounted, onUnmounted, ref } from 'vue'
|
||||||
|
import { useRouter } from "vue-router";
|
||||||
|
import homeMap from "@/assets/img/pMap.png";
|
||||||
|
import { useI18n } from 'vue-i18n'
|
||||||
|
const { t,locale } = useI18n()
|
||||||
|
|
||||||
|
const address = import.meta.env.VITE_APP_ADDRESS
|
||||||
|
const phone = import.meta.env.VITE_APP_PHONE
|
||||||
|
const email = import.meta.env.VITE_APP_EMAIL
|
||||||
|
const qq = import.meta.env.VITE_APP_QQ
|
||||||
|
const company = import.meta.env.VITE_APP_COMPANYNAME
|
||||||
|
const blog = import.meta.env.VITE_APP_BLOG
|
||||||
|
const qqgroup = import.meta.env.VITE_APP_QQGROUP
|
||||||
|
|
||||||
|
const router = useRouter()
|
||||||
|
|
||||||
|
const id = ref('')
|
||||||
|
const points =computed(()=>{
|
||||||
|
return [
|
||||||
|
{ lng: 116.38, lat: 39.87,name:t('message.ProductMap.list') },
|
||||||
|
{ lng: 121.46, lat: 31.25,name:t('message.ProductMap.list1') },
|
||||||
|
{ lng: 113.26, lat: 23.13,name:t('message.ProductMap.list2') },
|
||||||
|
{ lng: 113.75, lat: 23.02,name:t('message.ProductMap.list3') },
|
||||||
|
{ lng: 114.17, lat: 22.28,name:t('message.ProductMap.list4') },
|
||||||
|
{ lng: 121.78, lat: 24.67,name:t('message.ProductMap.list5') },
|
||||||
|
{ lng: 120.21, lat: 30.25,name:t('message.ProductMap.list6') },
|
||||||
|
{ lng: 113.78, lat: 34.76,name:t('message.ProductMap.list7') },
|
||||||
|
{ lng: 104.07, lat: 30.57,name:t('message.ProductMap.list8') },
|
||||||
|
{ lng: 106.55, lat: 29.56,name:t('message.ProductMap.list9') },
|
||||||
|
{ lng: 114.30, lat: 30.59,name:t('message.ProductMap.list10') },
|
||||||
|
{ lng: 118.09, lat: 24.48,name:t('message.ProductMap.list11') },
|
||||||
|
{ lng: 114.42, lat: 23.11,name:t('message.ProductMap.list12') },
|
||||||
|
{ lng: 113.12, lat: 23.02,name:t('message.ProductMap.list13') },
|
||||||
|
{ lng: 120.59, lat: 31.30,name:t('message.ProductMap.list14') },
|
||||||
|
{ lng: 118.80, lat: 32.06,name:t('message.ProductMap.list15') },
|
||||||
|
{ lng: 112.94, lat: 28.23,name:t('message.ProductMap.list16') },
|
||||||
|
{ lng: 108.94, lat: 34.34,name:t('message.ProductMap.list17') },
|
||||||
|
{ lng: 113.85, lat: 34.04,name:t('message.ProductMap.list18') },
|
||||||
|
{ lng: 120.70, lat: 27.99,name:t('message.ProductMap.list19') },
|
||||||
|
{ lng: 116.68, lat: 23.35,name:t('message.ProductMap.list20') },
|
||||||
|
{ lng: 110.36, lat: 21.27,name:t('message.ProductMap.list21') },
|
||||||
|
{ lng: 110.93, lat: 21.66,name:t('message.ProductMap.list22') },
|
||||||
|
{ lng: 108.37, lat: 22.82,name:t('message.ProductMap.list23') },
|
||||||
|
{ lng: 110.18, lat: 25.24,name:t('message.ProductMap.list24') },
|
||||||
|
{ lng: 117.23, lat: 31.82,name:t('message.ProductMap.list25') },
|
||||||
|
{ lng: 113.54, lat: 22.19,name:t('message.ProductMap.list26') },
|
||||||
|
{ lng: 117.20, lat: 39.09,name:t('message.ProductMap.list27') },
|
||||||
|
{ lng: 102.83, lat: 24.88,name:t('message.ProductMap.list28') },
|
||||||
|
{ lng: 120.99, lat: 36.49,name:t('message.ProductMap.list29') },
|
||||||
|
{ lng: 113.39, lat: 22.52,name:t('message.ProductMap.list30') },
|
||||||
|
{ lng: 103.83, lat: 36.06,name:t('message.ProductMap.list31') },
|
||||||
|
{ lng: 110.20, lat: 20.05,name:t('message.ProductMap.list32') },
|
||||||
|
{ lng: 114.31, lat: 34.80,name:t('message.ProductMap.list33') },
|
||||||
|
{ lng: 115.86, lat: 28.68,name:t('message.ProductMap.list34') },
|
||||||
|
{ lng: 119.30, lat: 26.07,name:t('message.ProductMap.list35') },
|
||||||
|
{ lng: 109.44, lat: 18.29,name:t('message.ProductMap.list36') },
|
||||||
|
{ lng: 125.32, lat: 43.82,name:t('message.ProductMap.list37') },
|
||||||
|
{ lng: 91.17, lat: 29.65,name:t('message.ProductMap.list38') },
|
||||||
|
{ lng: 117.12, lat: 36.65,name:t('message.ProductMap.list39') },
|
||||||
|
{ lng: 114.51, lat: 38.04,name:t('message.ProductMap.list40') },
|
||||||
|
{ lng: 123.46, lat: 41.68,name:t('message.ProductMap.list41') },
|
||||||
|
{ lng: 106.63, lat: 26.65,name:t('message.ProductMap.list42') },
|
||||||
|
{ lng: 112.55, lat: 37.87,name:t('message.ProductMap.list43') },
|
||||||
|
{ lng: 118.68, lat: 24.87,name:t('message.ProductMap.list44') },
|
||||||
|
{ lng: 119.41, lat: 32.39,name:t('message.ProductMap.list45') },
|
||||||
|
{ lng: 115.66, lat: 34.42,name:t('message.ProductMap.list46') },
|
||||||
|
{ lng: 112.58, lat: 33.02,name:t('message.ProductMap.list47') },
|
||||||
|
{ lng: 113.58, lat: 22.27,name:t('message.ProductMap.list48') },
|
||||||
|
{ lng: 114.93, lat: 25.83,name:t('message.ProductMap.list49') },
|
||||||
|
{ lng: 116.37, lat: 23.55,name:t('message.ProductMap.list50') },
|
||||||
|
{ lng: 120.31, lat: 31.49,name:t('message.ProductMap.list51') },
|
||||||
|
{ lng: 126.54, lat: 45.80,name:t('message.ProductMap.list52') },
|
||||||
|
{ lng: 87.62, lat: 43.83,name:t('message.ProductMap.list53') },
|
||||||
|
{ lng: 112.45, lat: 34.62,name:t('message.ProductMap.list54') },
|
||||||
|
{ lng: 121.62, lat: 29.86,name:t('message.ProductMap.list55') },
|
||||||
|
{ lng: 109.78, lat: 39.61,name:t('message.ProductMap.list56')},
|
||||||
|
{ lng: 112.12, lat: 32.01,name:t('message.ProductMap.list57') },
|
||||||
|
{ lng: 111.70, lat: 29.03,name:t('message.ProductMap.list58') },
|
||||||
|
{ lng: 112.95, lat: 27.83,name:t('message.ProductMap.list59') },
|
||||||
|
{ lng: 115.38, lat: 22.79,name:t('message.ProductMap.list60') },
|
||||||
|
{ lng: 113.13, lat: 29.36,name:t('message.ProductMap.list61') },
|
||||||
|
{ lng: 121.61, lat: 38.91,name:t('message.ProductMap.list62') },
|
||||||
|
{ lng: 119.65, lat: 29.08,name:t('message.ProductMap.list63') },
|
||||||
|
{ lng: 120.89, lat: 31.98,name:t('message.ProductMap.list64') },
|
||||||
|
{ lng: 119.97, lat: 31.81,name:t('message.ProductMap.list65') },
|
||||||
|
|
||||||
|
|
||||||
|
{ lng: -123.12, lat: 49.28,name:t('message.ProductMap.list66') },
|
||||||
|
{ lng: 100.48, lat: 13.76,name:t('message.ProductMap.list67') },
|
||||||
|
{ lng: 101.69, lat: 3.14,name:t('message.ProductMap.list68') },
|
||||||
|
{ lng: -74.00, lat: 40.71,name:t('message.ProductMap.list69') },
|
||||||
|
{ lng: -118.24, lat: 34.07,name:t('message.ProductMap.list70') },
|
||||||
|
{ lng: -77.03 , lat: 38.90,name:t('message.ProductMap.list71') },
|
||||||
|
{ lng: -122.41, lat: 37.76,name:t('message.ProductMap.list72') },
|
||||||
|
{ lng: -87.64 , lat: 41.87,name:t('message.ProductMap.list73') },
|
||||||
|
{ lng: -95.39 , lat: 29.76,name:t('message.ProductMap.list74') },
|
||||||
|
{ lng: 103.87 , lat: 1.35,name:t('message.ProductMap.list75')},
|
||||||
|
{ lng: -0.13 , lat: 51.51,name:t('message.ProductMap.list76') },
|
||||||
|
{ lng: 151.20 , lat: -33.87,name:t('message.ProductMap.list77') },
|
||||||
|
{ lng: 144.94 , lat: -37.80,name:t('message.ProductMap.list78') },
|
||||||
|
{ lng: -79.38 , lat: 43.66,name:t('message.ProductMap.list79') },
|
||||||
|
{ lng: 2.35 , lat: 48.85,name:t('message.ProductMap.list80')},
|
||||||
|
{ lng: 55.36 , lat: 25.27,name:t('message.ProductMap.list81')},
|
||||||
|
{ lng: 139.76 , lat: 35.70,name:t('message.ProductMap.list82')},
|
||||||
|
{ lng: 126.99 , lat: 37.55,name:t('message.ProductMap.list83')},
|
||||||
|
{ lng: 13.39 , lat: 52.52,name:t('message.ProductMap.list84')},
|
||||||
|
{ lng: 12.49 , lat: 41.90,name:t('message.ProductMap.list85')},
|
||||||
|
{ lng: 9.18 , lat: 45.46,name:t('message.ProductMap.list86')},
|
||||||
|
]
|
||||||
|
})
|
||||||
|
let productBMap = null
|
||||||
|
const productMapV = ref(null)
|
||||||
|
onMounted(() => {
|
||||||
|
sessionStorage.setItem('navIndex', '0')
|
||||||
|
sessionStorage.setItem('productMap', '1')
|
||||||
|
id.value = router.currentRoute.value.query.id
|
||||||
|
let mapId = 4
|
||||||
|
if (id.value == 1){
|
||||||
|
mapId = 5
|
||||||
|
}
|
||||||
|
setTimeout(() => {
|
||||||
|
productMapV.value = new window.BMap.Map('productMapV') // 创建地图实例
|
||||||
|
|
||||||
|
productMapV.value.setMapStyle({styleJson: [ //地图隐藏默认城市名
|
||||||
|
{
|
||||||
|
"featureType": "district",
|
||||||
|
"elementType": "all",
|
||||||
|
"stylers": {
|
||||||
|
"visibility": "off",
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"featureType": "town",
|
||||||
|
"elementType": "all",
|
||||||
|
"stylers": {
|
||||||
|
"visibility": "off",
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"featureType": "village",
|
||||||
|
"elementType": "all",
|
||||||
|
"stylers": {
|
||||||
|
"visibility": "off",
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"featureType": "city",
|
||||||
|
"elementType": "all",
|
||||||
|
"stylers": {
|
||||||
|
"visibility": "off",
|
||||||
|
// "lightness": 10,
|
||||||
|
// "saturation": -100
|
||||||
|
}
|
||||||
|
}
|
||||||
|
]})
|
||||||
|
// productMapV.clearOverlays(); // 清除覆盖物
|
||||||
|
// var point = new BMap.Point(113.92089769405693, 22.51942636366546) // 创建点坐标
|
||||||
|
productMapV.value.centerAndZoom(new window.BMap.Point(points.value[0].lng, points.value[0].lat), mapId) // 初始化地图，设置中心点坐标和地图级别
|
||||||
|
productMapV.value.enableScrollWheelZoom(true) //开启鼠标滚轮缩放
|
||||||
|
points.value.forEach((point) => {
|
||||||
|
// const myIcon = new window.BMap.Icon(homeMap, new window.BMap.Size(23, 25))
|
||||||
|
const myIcon = new window.BMap.Icon(homeMap, new window.BMap.Size(23, 25),{
|
||||||
|
// 指定定位位置。
|
||||||
|
// 当标注显示在地图上时，其所指向的地理位置距离图标左上
|
||||||
|
// 角各偏移10像素和25像素。您可以看到在本例中该位置即是
|
||||||
|
// 图标中央下端的尖角位置。
|
||||||
|
anchor: new window.BMap.Size(23, 25),
|
||||||
|
// 设置图片偏移。
|
||||||
|
// 当您需要从一幅较大的图片中截取某部分作为标注图标时，您
|
||||||
|
// 需要指定大图的偏移位置，此做法与css sprites技术类似。
|
||||||
|
imageOffset: new window.BMap.Size(-3, -1) // 设置图片偏移
|
||||||
|
})
|
||||||
|
|
||||||
|
// const myIcon = new productBMap.Icon(homeMap, new productBMap.Size(23, 25), {
|
||||||
|
// // 指定定位位置。
|
||||||
|
// // 当标注显示在地图上时，其所指向的地理位置距离图标左上
|
||||||
|
// // 角各偏移10像素和25像素。您可以看到在本例中该位置即是
|
||||||
|
// // 图标中央下端的尖角位置。
|
||||||
|
// anchor: new productBMap.Size(10, 25),
|
||||||
|
// // 设置图片偏移。
|
||||||
|
// // 当您需要从一幅较大的图片中截取某部分作为标注图标时，您
|
||||||
|
// // 需要指定大图的偏移位置，此做法与css sprites技术类似。
|
||||||
|
// imageOffset: new productBMap.Size(0, 0 - 25) // 设置图片偏移
|
||||||
|
// })
|
||||||
|
myIcon.setImageSize(new window.BMap.Size(23, 25));
|
||||||
|
const bPoint = new window.BMap.Point(point.lng, point.lat); // 创建点
|
||||||
|
const marker = new window.BMap.Marker(bPoint,{icon:myIcon}); // 做标记
|
||||||
|
|
||||||
|
productMapV.value.addOverlay(marker); // 在地图上显示标注点
|
||||||
|
const label = new window.BMap.Label(point.name, { offset: new window.BMap.Size(9, 4) });
|
||||||
|
label.setStyle({ // 设置文本标注样式
|
||||||
|
marginLeft:'5px',
|
||||||
|
fontWeight: 600,
|
||||||
|
fontSize: '15px',
|
||||||
|
color: '#375fff',
|
||||||
|
backgroundColor: '0',
|
||||||
|
border: 0,
|
||||||
|
});
|
||||||
|
marker.setLabel(label);
|
||||||
|
// markers.value.push(marker);
|
||||||
|
|
||||||
|
// // 点击标注监听事件
|
||||||
|
// marker.addEventListener("click", function (e) {
|
||||||
|
// alert("您点击了标注");
|
||||||
|
// console.log(e, 888888888);
|
||||||
|
// });
|
||||||
|
})
|
||||||
|
// var marker = new productBMap.Marker(point) // 创建标注
|
||||||
|
// map.addOverlay(marker) // 将标注添加到地图中
|
||||||
|
// let productWow = new WOW()
|
||||||
|
// productWow.init()
|
||||||
|
})
|
||||||
|
|
||||||
|
console.log(homeMap,'homeMap--')
|
||||||
|
// productBMap = window.BMap
|
||||||
|
|
||||||
|
})
|
||||||
|
onUnmounted(() => {
|
||||||
|
productBMap = null; // 销毁地图实例
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
#productMap{
|
||||||
|
background: url("https://image.fulllinkai.com/202309/07/348a87abc5f0870ed4d0e6085fd032fb.png") no-repeat center;
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
.ui-productMap-box{
|
||||||
|
width: 100%;
|
||||||
|
height: 812px;
|
||||||
|
}
|
||||||
|
#productMapV{
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
167
src/components/mobile/StartABusiness.vue
Normal file
167
src/components/mobile/StartABusiness.vue
Normal file
@ -0,0 +1,167 @@
|
|||||||
|
<template>
|
||||||
|
<div class='ui-mobile-startAB'>
|
||||||
|
<div class='ui-mobile-startAB-list' v-for='(item,index) in list' :key='index'>
|
||||||
|
<div class='ui-mobile-startAB-title'>{{item.title}}</div>
|
||||||
|
<div class='ui-mobile-startAB-subtitle'>{{item.subtitle}}</div>
|
||||||
|
<div class='ui-mobile-startAB-list-img'>
|
||||||
|
<swiper
|
||||||
|
id="swiper"
|
||||||
|
:modules="modules"
|
||||||
|
:slides-per-view="1"
|
||||||
|
:space-between="0"
|
||||||
|
navigation
|
||||||
|
lazy
|
||||||
|
loop
|
||||||
|
>
|
||||||
|
<swiper-slide
|
||||||
|
class="banner-swiper"
|
||||||
|
v-for="(itemV2, indexV2) in item.icon"
|
||||||
|
:key="indexV2"
|
||||||
|
>
|
||||||
|
<img class="swiper-lazy" :data-src="itemV2" alt="轮播图" />
|
||||||
|
<!-- <div class='ui-swiper-line'></div>-->
|
||||||
|
</swiper-slide>
|
||||||
|
<!-- <div class="swiper-button-prev" @click.stop="prevEl(item, index)"></div><!–左箭头。如果放置在swiper外面，需要自定义样式。–>-->
|
||||||
|
<!-- <div class="swiper-button-next" @click.stop="nextEl"></div><!–右箭头。如果放置在swiper外面，需要自定义样式。–>-->
|
||||||
|
</swiper>
|
||||||
|
</div>
|
||||||
|
<!-- <img class='ui-mobile-startAB-list-img' :src='item.icon' alt=''>-->
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { computed, onMounted, ref } from 'vue'
|
||||||
|
import WOW from 'wow.js'
|
||||||
|
import { Navigation, Pagination, Scrollbar, A11y, Lazy, Autoplay } from 'swiper'
|
||||||
|
import { Swiper, SwiperSlide } from 'swiper/vue'
|
||||||
|
import 'swiper/css'
|
||||||
|
import 'swiper/css/navigation'
|
||||||
|
import 'swiper/css/pagination'
|
||||||
|
import 'swiper/css/scrollbar'
|
||||||
|
import 'swiper/css/lazy'
|
||||||
|
import 'swiper/css/autoplay'
|
||||||
|
import { useI18n } from 'vue-i18n'
|
||||||
|
const { t,locale } = useI18n()
|
||||||
|
|
||||||
|
const list = computed(() => {
|
||||||
|
return [
|
||||||
|
{
|
||||||
|
title:t('message.StartABusiness.list1'),
|
||||||
|
subtitle:t('message.StartABusiness.list2M1')+'\n' +
|
||||||
|
t('message.StartABusiness.list2M2')+'\n' +
|
||||||
|
t('message.StartABusiness.list2M3')+'\n' +
|
||||||
|
t('message.StartABusiness.list2M4'),
|
||||||
|
icon:[
|
||||||
|
'https://image.fulllinkai.com/202309/18/a8b6d50df7ed97a9f8e5df7e46391cd8.png',
|
||||||
|
'https://image.fulllinkai.com/202309/18/0d25e43cf86f072802804b4d7afa0269.png',
|
||||||
|
'https://image.fulllinkai.com/202309/18/ede0ee94311e1ba610d7aa8c2b21e5fd.png',
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title:t('message.StartABusiness.list3'),
|
||||||
|
subtitle:t('message.StartABusiness.list4M1')+'\n' +
|
||||||
|
t('message.StartABusiness.list4M2')+'\n' +
|
||||||
|
t('message.StartABusiness.list4M3')+'\n' +
|
||||||
|
t('message.StartABusiness.list4M4'),
|
||||||
|
icon:[
|
||||||
|
'https://image.fulllinkai.com/202309/18/e549e14d9a4fa24d223d48ea19e2a455.png',
|
||||||
|
'https://image.fulllinkai.com/202309/18/09faf9bd296475906f50f444ffe01d51.png',
|
||||||
|
'https://image.fulllinkai.com/202309/18/7911bb856c88eadf2a3d68e626bb0395.png',
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title:t('message.StartABusiness.list5'),
|
||||||
|
subtitle:t('message.StartABusiness.list6M1')+'\n' +
|
||||||
|
t('message.StartABusiness.list6M2')+'\n' +
|
||||||
|
t('message.StartABusiness.list6M3')+'\n' +
|
||||||
|
t('message.StartABusiness.list6M4')+'\n' +
|
||||||
|
t('message.StartABusiness.list6M5')+'\n' +
|
||||||
|
t('message.StartABusiness.list6M6')+'\n' +
|
||||||
|
t('message.StartABusiness.list6M7'),
|
||||||
|
icon:[
|
||||||
|
'https://image.fulllinkai.com/202309/18/9e9c4ff0b32d6b9e3bedda29913cbe95.png',
|
||||||
|
'https://image.fulllinkai.com/202309/18/33219ecaa2e3e0e7f3c97ef07e18d1d9.png',
|
||||||
|
'https://image.fulllinkai.com/202309/18/3ba5534039275ad9c2459d4ac0068065.png',
|
||||||
|
]
|
||||||
|
},
|
||||||
|
]
|
||||||
|
})
|
||||||
|
const modules = [Navigation, Pagination, Scrollbar, A11y, Lazy, Autoplay]
|
||||||
|
const navigation = ref({
|
||||||
|
nextEl: '.button-next',
|
||||||
|
prevEl: '.button-prev',
|
||||||
|
})
|
||||||
|
const prevEl = (item, index) => {
|
||||||
|
console.log(item,index)
|
||||||
|
// console.log('上一张' + index + item)
|
||||||
|
}
|
||||||
|
const nextEl = () => {
|
||||||
|
|
||||||
|
}
|
||||||
|
onMounted(() => {
|
||||||
|
sessionStorage.setItem('navIndex', '2')
|
||||||
|
// new WOW().init()
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.ui-mobile-startAB{
|
||||||
|
padding-top: 1px;
|
||||||
|
width: 100%;
|
||||||
|
background: url("https://image.fulllinkai.com/202309/18/11f991ca4d1b3d5b0d8c443c5b66c2a9.png") no-repeat center;
|
||||||
|
padding-bottom: 96px;
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
.ui-mobile-startAB-list{
|
||||||
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
|
text-align: center;
|
||||||
|
margin-bottom: 96px;
|
||||||
|
}
|
||||||
|
.ui-mobile-startAB-list:nth-last-child(1){
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
.ui-mobile-startAB-list:nth-child(1){
|
||||||
|
margin-top: 140px;
|
||||||
|
}
|
||||||
|
.ui-mobile-startAB-title{
|
||||||
|
margin-bottom: 24px;
|
||||||
|
font-size: 24px;
|
||||||
|
font-weight: 900;
|
||||||
|
color: #375FFF;
|
||||||
|
}
|
||||||
|
.ui-mobile-startAB-subtitle{
|
||||||
|
padding: 20px;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 350;
|
||||||
|
color: #0A112E;
|
||||||
|
line-height: 28px;
|
||||||
|
white-space: pre-wrap;
|
||||||
|
}
|
||||||
|
.ui-mobile-startAB-list-img {
|
||||||
|
margin-top: 24px;
|
||||||
|
|
||||||
|
width: 100%;
|
||||||
|
height: 262px;
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
|
.ui-mobile-startAB-list-img img {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
|
::v-deep(.swiper-button-prev){
|
||||||
|
left: 12px;
|
||||||
|
}
|
||||||
|
::v-deep(.swiper-button-prev::after){
|
||||||
|
content: url("https://image.fulllinkai.com/202309/18/189fe256e004bc4f8ac5f4d094fe4481.png");
|
||||||
|
}
|
||||||
|
::v-deep(.swiper-button-next){
|
||||||
|
right: 12px;
|
||||||
|
}
|
||||||
|
::v-deep(.swiper-button-next::after){
|
||||||
|
content: url("https://image.fulllinkai.com/202309/18/2585c34bee59c7823ff59addf9de85db.png");
|
||||||
|
}
|
||||||
|
</style>
|
||||||
93
src/components/mobile/examCheckCertificate.vue
Normal file
93
src/components/mobile/examCheckCertificate.vue
Normal file
@ -0,0 +1,93 @@
|
|||||||
|
<script setup>
|
||||||
|
|
||||||
|
import { onMounted, ref } from 'vue'
|
||||||
|
import { useRouter } from "vue-router"; // 引入路由
|
||||||
|
const router = useRouter();
|
||||||
|
const url = ref('') // 证书图片
|
||||||
|
const downPic = () => {
|
||||||
|
const link = document.createElement('a');
|
||||||
|
link.href = url.value;
|
||||||
|
link.download = '岗位能力培训证书.jpg'
|
||||||
|
document.body.appendChild(link)
|
||||||
|
link.click();
|
||||||
|
document.body.removeChild(link)
|
||||||
|
// link.setAttribute('download', '岗位能力培训证书.jpg'); // 指定下载文件名
|
||||||
|
// document.body.appendChild(link);
|
||||||
|
// link.click();
|
||||||
|
// document.body.removeChild(link); // 清理DOM
|
||||||
|
// let image = new Image()
|
||||||
|
// console.log(image,'image---')
|
||||||
|
// // 解决跨域 Canvas 污染问题
|
||||||
|
// image.setAttribute('crossOrigin', 'anonymous')
|
||||||
|
// image.src = url.value + '?time=' + new Date().valueOf() //解决跨域
|
||||||
|
// console.log('--1--')
|
||||||
|
// image.onload = function () {
|
||||||
|
// let canvas = document.createElement('canvas')
|
||||||
|
// canvas.width = image.width
|
||||||
|
// canvas.height = image.height
|
||||||
|
// let context = canvas.getContext('2d')
|
||||||
|
// context.drawImage(image, 0, 0, image.width, image.height)
|
||||||
|
// let url = canvas.toDataURL('image/png') //得到图片的base64编码数据
|
||||||
|
// let a = document.createElement('a') // 生成一个a元素
|
||||||
|
// let event = new MouseEvent('click') // 创建一个单击事件
|
||||||
|
// a.download = '岗位能力培训证书' || 'photo' // 设置图片名称
|
||||||
|
// a.href = url // 将生成的URL设置为a.href属性
|
||||||
|
// a.dispatchEvent(event) // 触发a的单击事件
|
||||||
|
// }
|
||||||
|
}
|
||||||
|
onMounted(() => {
|
||||||
|
url.value = router.currentRoute.value.query.url
|
||||||
|
// url.value = 'https://local-pictures.oss-cn-shenzhen.aliyuncs.com/202506/11/d1de6328c69a31191387112970a5cd73.png'
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<div class='exam-check-box'>
|
||||||
|
<div class='exam-check-img-box'>
|
||||||
|
<img :src='url' alt='证书图片' />
|
||||||
|
</div>
|
||||||
|
<div class='exam-check-btn' @click='downPic'>查看图片，长按图片保存</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.exam-check-box{
|
||||||
|
background: #ffffff;
|
||||||
|
width: 100vw;
|
||||||
|
height: 100vh;
|
||||||
|
//display: flex;
|
||||||
|
//flex-direction: column;
|
||||||
|
//justify-content: center;
|
||||||
|
//align-items: center;
|
||||||
|
.exam-check-img-box{
|
||||||
|
margin-top: 100px;
|
||||||
|
width: 100vw;
|
||||||
|
height: auto;
|
||||||
|
padding: 10px;
|
||||||
|
img{
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.exam-check-btn{
|
||||||
|
margin: 50px auto ;
|
||||||
|
display: flex;
|
||||||
|
width: 200px;
|
||||||
|
height: 50px;
|
||||||
|
padding: 14px 10px;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
gap: 10px;
|
||||||
|
flex: 1 0 0;
|
||||||
|
border-radius: 43px;
|
||||||
|
background: #3554C5;
|
||||||
|
color: #FFF;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 14px;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: normal;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
623
src/components/mobile/examGuide.vue
Normal file
623
src/components/mobile/examGuide.vue
Normal file
@ -0,0 +1,623 @@
|
|||||||
|
<script setup>
|
||||||
|
import {useRouter} from "vue-router";
|
||||||
|
import { onMounted, ref } from 'vue'
|
||||||
|
import request from '@/utils/request.js'
|
||||||
|
import { ElMessage } from 'element-plus'
|
||||||
|
|
||||||
|
const router = useRouter()
|
||||||
|
|
||||||
|
const id = ref('')
|
||||||
|
const isStart = ref(false)
|
||||||
|
const isEnterStart = ref(false)
|
||||||
|
const endTime = ref(new Date('2025-4-28 10:21:00')) // 请在此设置具体结束时间
|
||||||
|
const showTimeEnd = ref(false)
|
||||||
|
const list = [
|
||||||
|
{
|
||||||
|
title:'一、考试环境',
|
||||||
|
list: [
|
||||||
|
'若在电脑上参加，请使用谷歌（Chrome）或Edge浏览器',
|
||||||
|
'考试前，请检查所有硬件设备、网络是否正常，确保硬件性能和网络稳定',
|
||||||
|
'考试中因断电、关机等退出考试界面，请务必用上次参加时使用的软件（如谷歌浏览器、微信）打开链接或扫码',
|
||||||
|
'请尽量选择一处相对安静、不易被打扰的环境',
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title:'二、考试环境',
|
||||||
|
list: [
|
||||||
|
'考试有效时间：2025-04-28 下午14:00-15:00，超过60分钟系统将强制收卷，请在有效时间内参加',
|
||||||
|
'开考前5分钟才能进入考场系统，准点系统开放试卷',
|
||||||
|
'开考15分钟之后，无法进入考试系统',
|
||||||
|
'考试卷面满分为100分，及格分数线：60分',
|
||||||
|
'允许考生参加1次，答题限时为60分钟，系统采用倒计时方式',
|
||||||
|
'因未遵守本通知各项要求导致的考试迟到、网络中断、设备问题等导致考试无法正常进行的，由考生自行承担责任',
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title:'三、考场纪律',
|
||||||
|
list: [
|
||||||
|
'考生应知悉，在整个考试过程上，考生应承诺自觉遵守考试纪律，并知悉以下行为将会被认定违反考试纪律或作弊行为。违纪考生将视为违纪并取消成绩',
|
||||||
|
'不允许出现伪造资料、身份信息等，替代他人或委托 他人代为参加考试的行为',
|
||||||
|
'考试全程不允许出现翻看书籍、资料或使用手机、计算器、平板电脑等与考试无关的行为',
|
||||||
|
'考试全程不允许以任意方式(包括但不限于抄录、截图摄屏、视频记录等行为)记录或传播考试过程及试题',
|
||||||
|
'考试全程不允许出现与考试内容相关的讨论、对话等声音；本次考试试题属于机密内容，不得对外泄露。如发现有通过摄屏、拍照并在互联网传播等渠道泄露试题的行为，将取消考生本次考试成绩并依法追究相关法律责任。',
|
||||||
|
]
|
||||||
|
},
|
||||||
|
]
|
||||||
|
const toDetail = (path) => {
|
||||||
|
router.push({
|
||||||
|
name: path,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
const dialogTableVisible = ref(false)
|
||||||
|
const handleSubmit = () => {
|
||||||
|
dialogTableVisible.value = false
|
||||||
|
console.log('执行提交操作')
|
||||||
|
showToast('提交成功')
|
||||||
|
window.onbeforeunload = null
|
||||||
|
// 这里添加实际提交逻辑
|
||||||
|
// let radioKey = radioList.map(item => {
|
||||||
|
// return item.value
|
||||||
|
// })
|
||||||
|
// let checkKey = checkList.map(item => {
|
||||||
|
// return item.value
|
||||||
|
// })
|
||||||
|
// let data = {
|
||||||
|
//
|
||||||
|
// }
|
||||||
|
// request.post(``)
|
||||||
|
// .then(res => {
|
||||||
|
//
|
||||||
|
// })
|
||||||
|
}
|
||||||
|
const toastMessage = ref('')
|
||||||
|
const toastVisible = ref(false)
|
||||||
|
const toastType = ref('success')
|
||||||
|
|
||||||
|
const showToast = (message,type) => {
|
||||||
|
toastMessage.value = message
|
||||||
|
toastType.value = type
|
||||||
|
toastVisible.value = true
|
||||||
|
setTimeout(() => toastVisible.value = false, 2000)
|
||||||
|
}
|
||||||
|
const mobile = ref('')
|
||||||
|
const code = ref('')
|
||||||
|
const countdown = ref(0)
|
||||||
|
const timer = ref(null)
|
||||||
|
const showCountdown = ref(false)
|
||||||
|
|
||||||
|
// 获取验证码方法
|
||||||
|
const getCode = () => {
|
||||||
|
if (!/^1[3-9]\d{9}$/.test(mobile.value)) {
|
||||||
|
ElMessage({
|
||||||
|
dangerouslyUseHTMLString: true,
|
||||||
|
message: '<div style="font-size: 16px;">请输入有效的手机号</div>',
|
||||||
|
type: 'warning',
|
||||||
|
duration: 3 * 1000
|
||||||
|
})
|
||||||
|
// showToast('请输入有效的手机号','warning')
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
// 这里添加实际获取验证码逻辑
|
||||||
|
console.log('发送验证码到:', mobile.value)
|
||||||
|
let data = {
|
||||||
|
mobile: mobile.value,
|
||||||
|
area_code:86
|
||||||
|
}
|
||||||
|
request.post(`go/api/h5/v2/user/smscode`,data)
|
||||||
|
.then(res => {
|
||||||
|
// 开始倒计时
|
||||||
|
countdown.value = 60
|
||||||
|
showCountdown.value = true
|
||||||
|
timer.value = setInterval(() => {
|
||||||
|
if(countdown.value > 0) {
|
||||||
|
countdown.value--
|
||||||
|
} else {
|
||||||
|
clearInterval(timer.value)
|
||||||
|
showCountdown.value = false
|
||||||
|
}
|
||||||
|
}, 1000)
|
||||||
|
})
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
// 登录验证方法
|
||||||
|
const handleLogin = () => {
|
||||||
|
if (!mobile.value || !code.value) {
|
||||||
|
ElMessage({
|
||||||
|
dangerouslyUseHTMLString: true,
|
||||||
|
message: '<div style="font-size: 16px;">请填写完整信息</div>',
|
||||||
|
type: 'warning',
|
||||||
|
duration: 3 * 1000
|
||||||
|
})
|
||||||
|
return
|
||||||
|
}
|
||||||
|
let data = {
|
||||||
|
mobile:mobile.value,
|
||||||
|
area_code: 86,
|
||||||
|
code:code.value
|
||||||
|
}
|
||||||
|
isEnterStart.value = true
|
||||||
|
request.post(`go/api/app/v2/account/code/login`,data)
|
||||||
|
.then(res => {
|
||||||
|
// 登录成功处理
|
||||||
|
localStorage.setItem('mobile', mobile.value)
|
||||||
|
localStorage.setItem('answerToken',res.data.api_token)
|
||||||
|
|
||||||
|
ElMessage({
|
||||||
|
dangerouslyUseHTMLString: true,
|
||||||
|
message: '<div style="font-size: 16px;">登录成功</div>',
|
||||||
|
type: 'success',
|
||||||
|
duration: 1200
|
||||||
|
})
|
||||||
|
setTimeout(() => {
|
||||||
|
dialogTableVisible.value = false
|
||||||
|
isEnterStart.value = false
|
||||||
|
router.push({ name: 'onlineTest',query:{id:id.value} })
|
||||||
|
},600)
|
||||||
|
})
|
||||||
|
|
||||||
|
}
|
||||||
|
const isComposing = ref(false)
|
||||||
|
const startTest = () => {
|
||||||
|
if (localStorage.getItem('answerToken')){
|
||||||
|
isStart.value = true
|
||||||
|
request.get(`go/api/h5/v2/user/info2`)
|
||||||
|
.then(res => {
|
||||||
|
localStorage.setItem('answer_user_mobile', res.data.mobile)
|
||||||
|
localStorage.setItem('answer_user_id', res.data.user_id)
|
||||||
|
localStorage.setItem('answer_user_name', res.data.name)
|
||||||
|
setTimeout(() => {
|
||||||
|
router.push({ name: 'onlineTest',query:{id:id.value} })
|
||||||
|
},800)
|
||||||
|
}).finally(() => {
|
||||||
|
isStart.value = false
|
||||||
|
})
|
||||||
|
}else {
|
||||||
|
dialogTableVisible.value = true
|
||||||
|
}
|
||||||
|
}
|
||||||
|
onMounted(() => {
|
||||||
|
id.value = router.currentRoute.value.query.id || '1'
|
||||||
|
if (endTime.value < new Date()){
|
||||||
|
console.log('111')
|
||||||
|
showTimeEnd.value = true
|
||||||
|
return
|
||||||
|
}
|
||||||
|
if (!localStorage.getItem('answerToken')){
|
||||||
|
dialogTableVisible.value = true
|
||||||
|
}else {
|
||||||
|
// getIsJoin()
|
||||||
|
}
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<div class="ui-mobile-examGuide">
|
||||||
|
<div class='ui-mobile-top'>
|
||||||
|
<img src="https://images.health.ufutx.com/202504/22/39698006488f04c88e5e4390720fe3cb.png" alt="">
|
||||||
|
</div>
|
||||||
|
<div class='ui-mobile-title-card'>
|
||||||
|
<div class='testTitle'>4月份考试时间</div>
|
||||||
|
<div class='testTime'>2025-04-08 至 2025-05-01</div>
|
||||||
|
</div>
|
||||||
|
<div class="ui-examGuide-box">
|
||||||
|
<div class=" ">
|
||||||
|
<div class="ui-mb-6 font20 bold testTitle">考试须知</div>
|
||||||
|
<div class="testSubtitle ui-mb-6">为了您能顺利地完成本次考试，请阅读并注意一下事项：</div>
|
||||||
|
<div v-for="(item,index) in list" :key="index">
|
||||||
|
<div class="ui-list-title ">{{item.title}}</div>
|
||||||
|
<div class="ui-list-suttitle" v-for="(itemV2,indexV2) in item.list" :key="indexV2">
|
||||||
|
<div class="ui-list-suttitle ui-mb-6 font18">{{indexV2 + 1 + '、' + itemV2}}</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- <div class="ui-list-suttitle">本次考试试题属于机密内容，不得对外泄露。如发现有通过摄屏、拍照并在互联网传播等渠道泄露试题的行为，将取消考生本次考试成绩并依法追究相关法律责任</div>-->
|
||||||
|
<div class='ui-btn-box'>
|
||||||
|
<div class="ui-btn font20 bold text-center" @click="startTest" :class="{disabled: isStart}">
|
||||||
|
<div class="loading-spinner" v-if="isStart"></div>
|
||||||
|
{{ isStart ? '准备中...' : '开始考试' }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="dialog-mask" v-if="dialogTableVisible" @click="dialogTableVisible = false">
|
||||||
|
<div class="dialog-box" @click.stop>
|
||||||
|
<div class="dialog-title">请登录</div>
|
||||||
|
<div class="dialog-content">
|
||||||
|
<!-- 新增文字标签 -->
|
||||||
|
<!-- <div class="input-label">手机号</div>-->
|
||||||
|
<div class="login-input">
|
||||||
|
<input v-model="mobile" type="tel" placeholder="请输入手机号" maxlength="11">
|
||||||
|
</div>
|
||||||
|
<!-- <div class="input-label marginT32">验证码</div>-->
|
||||||
|
<div class="login-input code-input">
|
||||||
|
<input
|
||||||
|
v-model="code"
|
||||||
|
type="tel"
|
||||||
|
inputmode="numeric"
|
||||||
|
placeholder="请输入验证码"
|
||||||
|
maxlength="6"
|
||||||
|
@compositionstart="isComposing = true"
|
||||||
|
@compositionend="(e) => {
|
||||||
|
isComposing = false
|
||||||
|
e.target.value = e.target.value.replace(/[^0-9]/g, '').slice(0,6)
|
||||||
|
code = e.target.value
|
||||||
|
}"
|
||||||
|
@input="(e) => {
|
||||||
|
if (!isComposing) {
|
||||||
|
e.target.value = e.target.value.replace(/[^0-9]/g, '').slice(0,6)
|
||||||
|
code = e.target.value
|
||||||
|
}
|
||||||
|
}"
|
||||||
|
>
|
||||||
|
<button
|
||||||
|
class="get-code-btn"
|
||||||
|
@click="getCode"
|
||||||
|
:disabled="showCountdown"
|
||||||
|
>
|
||||||
|
{{ showCountdown ? `${countdown}s` : '获取验证码' }}
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<!-- <div class="error-tip" v-if="errorVisible">{{ errorMessage }}</div>-->
|
||||||
|
</div>
|
||||||
|
<div class="dialog-btns">
|
||||||
|
<div class="dialog-btn confirm text-center" @click="handleLogin" :class="{disabled: isEnterStart}">
|
||||||
|
<div class="loading-spinner" v-if="isEnterStart"></div>
|
||||||
|
{{ isEnterStart ? '准备中...' : '进入考试' }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="toast-mask" v-if="toastVisible">
|
||||||
|
<div class="toast-box" :class="toastType == 'warning' ? 'toast-warning-box' : ''">
|
||||||
|
{{ toastMessage }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="dialog-mask" v-if="showTimeEnd">
|
||||||
|
<div class="dialog-success-box text-center">
|
||||||
|
<img src="https://images.health.ufutx.com/202504/17/2ee13769aa745d646d4951179ade3419.png" alt="" class="dialog-success-img" />
|
||||||
|
<div class="dialog-success-title">温馨提示</div>
|
||||||
|
<div class="dialog-success-content">
|
||||||
|
考试时间已结束。
|
||||||
|
</div>
|
||||||
|
<!-- <div class="dialog-success-btns">-->
|
||||||
|
<!-- <!– <div class="dialog-btn cancel" @click="dialogTableVisible = false">继续答题</div>–>-->
|
||||||
|
<!-- <div class="dialog-success-btn confirm" @click="successSubmit" :class="{disabled: isSuccessSubmitting}">-->
|
||||||
|
<!-- <div class="loading-spinner" v-if="isSuccessSubmitting"></div>-->
|
||||||
|
<!-- {{ isSuccessSubmitting ? '正在退出...' : '好的' }}-->
|
||||||
|
<!-- </div>-->
|
||||||
|
<!-- </div>-->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.ui-mobile-examGuide{
|
||||||
|
position: relative;
|
||||||
|
padding: 0 0 100px;
|
||||||
|
width: 100vw;
|
||||||
|
height: auto;
|
||||||
|
background: #daf1fd;
|
||||||
|
|
||||||
|
/* 新增容器最小高度 */
|
||||||
|
//min-height: 100vh;
|
||||||
|
//width: 100vw;
|
||||||
|
//height: 100vh;
|
||||||
|
.ui-mobile-top{
|
||||||
|
margin-bottom: 14px;
|
||||||
|
img{
|
||||||
|
width: 375px;
|
||||||
|
height: 238px;
|
||||||
|
//max-height: 100vh;
|
||||||
|
object-fit: cover;
|
||||||
|
/* 设置宽高比保持图片比例 */
|
||||||
|
aspect-ratio: 16/9;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.ui-mobile-title-card{
|
||||||
|
display: flex;
|
||||||
|
margin: 0 10px;
|
||||||
|
padding: 16px 0px 26px 0px;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
background: linear-gradient(180deg, #3178FF 0%, #409EFF 100%);
|
||||||
|
border-radius: 20px 20px 0 0 ;
|
||||||
|
font-size: 16px;
|
||||||
|
color: #ffffff;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
.testTitle{
|
||||||
|
color:#ffffff;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
.testTime{
|
||||||
|
margin: 6px 0 0;
|
||||||
|
color: #ffffff;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ui-examGuide-box{
|
||||||
|
margin: -16px 10px 30px;
|
||||||
|
//position: absolute;
|
||||||
|
//top: 50%;
|
||||||
|
right: 160px;
|
||||||
|
//transform: translateY(-50%);
|
||||||
|
|
||||||
|
height: auto;
|
||||||
|
padding: 16px;
|
||||||
|
border-radius: 20px;
|
||||||
|
background: #FFF;
|
||||||
|
box-shadow: -4px 15px 100px 0px rgba(2, 115, 181, 0.25);
|
||||||
|
|
||||||
|
.testTitle{
|
||||||
|
font-size: 16px;
|
||||||
|
color: #0E0E0E;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
.testSubtitle{
|
||||||
|
color: #0E0E0E;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
.ui-mb-6{
|
||||||
|
margin-bottom: 6px;
|
||||||
|
}
|
||||||
|
.ui-list-title{
|
||||||
|
font-size: 16px;
|
||||||
|
color: #0E0E0E;
|
||||||
|
line-height: 1.5;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
.ui-list-suttitle{
|
||||||
|
font-size: 16px;
|
||||||
|
color: #0E0E0E;
|
||||||
|
//line-height: 27px;
|
||||||
|
line-height: 1.5;
|
||||||
|
}
|
||||||
|
.ui-btn-box{
|
||||||
|
position: fixed;
|
||||||
|
left: 0;
|
||||||
|
bottom:0;
|
||||||
|
display: flex;
|
||||||
|
width: 375px;
|
||||||
|
padding: 10px 10px 30px 10px;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
background: #FFF;
|
||||||
|
}
|
||||||
|
.ui-btn{
|
||||||
|
display: flex;
|
||||||
|
width: 338px;
|
||||||
|
height: 50px;
|
||||||
|
padding: 14px 10px;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: 500;
|
||||||
|
border-radius: 43px;
|
||||||
|
background: #409EFF;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.dialog-mask {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background: rgba(0, 0, 0, 0.5);
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
z-index: 999;
|
||||||
|
}
|
||||||
|
.dialog-success-box{
|
||||||
|
display: flex;
|
||||||
|
width: 320px;
|
||||||
|
padding: 30px;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
border-radius: 20px;
|
||||||
|
background: #FFF;
|
||||||
|
.dialog-success-img{
|
||||||
|
width: 130px;
|
||||||
|
height: 116px;
|
||||||
|
}
|
||||||
|
.dialog-success-title{
|
||||||
|
margin: 50px auto 30px;
|
||||||
|
color: #0E0E0E;
|
||||||
|
font-size: 22px;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
.dialog-success-content{
|
||||||
|
margin-bottom: 50px;
|
||||||
|
color:#0E0E0E;
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
.dialog-success-btns{
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.dialog-success-btn{
|
||||||
|
padding: 16px 0;
|
||||||
|
border-radius: 10px;
|
||||||
|
cursor: pointer;
|
||||||
|
width: 172px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.dialog-box {
|
||||||
|
width: 320px;
|
||||||
|
background: #fff;
|
||||||
|
border-radius: 20px;
|
||||||
|
padding: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dialog-title {
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: bold;
|
||||||
|
margin-bottom: 30px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dialog-content {
|
||||||
|
margin-bottom: 50px;
|
||||||
|
font-size: 18px;
|
||||||
|
color:#0E0E0E;
|
||||||
|
font-weight: 400;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dialog-btns {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.dialog-btn {
|
||||||
|
padding: 16px 0;
|
||||||
|
cursor: pointer;
|
||||||
|
width: 240px;
|
||||||
|
border-radius: 38px;
|
||||||
|
background: #409EFF;
|
||||||
|
}
|
||||||
|
.dialog-btn, .ui-btn{
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
&.disabled {
|
||||||
|
opacity: 0.7;
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.loading-spinner {
|
||||||
|
width: 16px;
|
||||||
|
height: 16px;
|
||||||
|
margin-right: 8px;
|
||||||
|
border: 2px solid #fff;
|
||||||
|
border-top-color: transparent;
|
||||||
|
border-radius: 50%;
|
||||||
|
animation: spin 0.8s linear infinite;
|
||||||
|
}
|
||||||
|
@keyframes spin {
|
||||||
|
to {
|
||||||
|
transform: rotate(360deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.cancel {
|
||||||
|
border: 1px solid #409EFF;
|
||||||
|
color: #409EFF;
|
||||||
|
background: #fff;
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.confirm {
|
||||||
|
background: #409eff;
|
||||||
|
color: #fff;
|
||||||
|
border: 1px solid #409eff;
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
.toast-mask {
|
||||||
|
position: fixed;
|
||||||
|
top: 100px;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
z-index: 1000;
|
||||||
|
|
||||||
|
.toast-box {
|
||||||
|
padding: 12px 24px;
|
||||||
|
background: rgba(231, 245, 224, 0.7);
|
||||||
|
color: #6bc340;
|
||||||
|
border-radius: 4px;
|
||||||
|
font-size: 14px;
|
||||||
|
border: 1px solid #6bc340;
|
||||||
|
animation: fadeInOut 2s;
|
||||||
|
}
|
||||||
|
.toast-warning-box{
|
||||||
|
background: #fdf6ec;
|
||||||
|
color:#e7a746;
|
||||||
|
border: 1px solid #e7a746;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes fadeInOut {
|
||||||
|
0%,100% { opacity: 0; }
|
||||||
|
20%,80% { opacity: 1; }
|
||||||
|
}
|
||||||
|
.input-label {
|
||||||
|
font-size: 14px;
|
||||||
|
color: #0e0e0e;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
}
|
||||||
|
.login-input {
|
||||||
|
margin: 0 0 16px;
|
||||||
|
input {
|
||||||
|
width: 100%;
|
||||||
|
height: 56px;
|
||||||
|
padding: 0 20px;
|
||||||
|
border: 1px solid #DDD; /* 默认黑色边框 */
|
||||||
|
border-radius: 30px;
|
||||||
|
font-size: 14px;
|
||||||
|
/* 去除输入框默认样式 */
|
||||||
|
-webkit-appearance: none;
|
||||||
|
outline: none;
|
||||||
|
/* 隐藏数字输入框箭头 */
|
||||||
|
&[type="number"] {
|
||||||
|
-moz-appearance: textfield;
|
||||||
|
&::-webkit-outer-spin-button,
|
||||||
|
&::-webkit-inner-spin-button {
|
||||||
|
-webkit-appearance: none;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&::placeholder{
|
||||||
|
color: #B2B3B5;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
&:focus {
|
||||||
|
border-color: #79BBFF; /* 输入时边框颜色 */
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.code-input {
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
.get-code-btn {
|
||||||
|
position: absolute;
|
||||||
|
right: 10px;
|
||||||
|
top: 50%;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
background: none;
|
||||||
|
border: none;
|
||||||
|
color: #79BBFF; /* 按钮文字颜色 */
|
||||||
|
padding: 0;
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.dialog-content {
|
||||||
|
margin-bottom: 30px;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
:deep(.el-message){
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<style>
|
||||||
|
@media screen and (max-width: 750px) {
|
||||||
|
*{
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
583
src/components/mobile/homePage.vue
Normal file
583
src/components/mobile/homePage.vue
Normal file
@ -0,0 +1,583 @@
|
|||||||
|
<template>
|
||||||
|
<div id="mobileHomePage">
|
||||||
|
<!-- 轮播图 -->
|
||||||
|
<swiper
|
||||||
|
id="swiper"
|
||||||
|
:modules="modules"
|
||||||
|
:slides-per-view="1"
|
||||||
|
:space-between="0"
|
||||||
|
lazy
|
||||||
|
loop
|
||||||
|
:autoplay="true"
|
||||||
|
>
|
||||||
|
<swiper-slide
|
||||||
|
class="banner-swiper"
|
||||||
|
v-for="(item, index) in swiperList"
|
||||||
|
:key="index"
|
||||||
|
>
|
||||||
|
<img class="swiper-lazy" :data-src="item.img" alt="轮播图" />
|
||||||
|
<div class="swiper-lazy-preloader"></div>
|
||||||
|
<div class="swiper-slide-title" @click.stop='goToPath(item.path,index)'>
|
||||||
|
<h1>{{ item.title }}</h1>
|
||||||
|
<p :style="{color: index == 0 ? '#45A724': index == 1? '#F08E33': index ==2 ? '#FC5464': '#335CFF'}">{{ item.content }}</p>
|
||||||
|
</div>
|
||||||
|
<!-- <div class='ui-swiper-line'></div>-->
|
||||||
|
</swiper-slide>
|
||||||
|
</swiper>
|
||||||
|
<!-- 大数据管理系统 -->
|
||||||
|
<div id="bigData" class="">
|
||||||
|
<div class="ui-mobile-message">
|
||||||
|
<div class='ui-home-message' @mouseleave='selectIndex = 0'>
|
||||||
|
<div v-for='(item,index) in homeMessage' :key='index' class='ui-home-message-box' @click.stop='toPath(item.path,index)' >
|
||||||
|
<img :src='item.pic' class='ui-home-message-image' alt='' />
|
||||||
|
<div class='ui-home-message-title'>{{item.title}}</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 生态布局 -->
|
||||||
|
<div id="ecologicalLayout">
|
||||||
|
<div class='ui-mobile-ecologicalLayout'>
|
||||||
|
<img class='ui-mobile-ecologicalLayout-img' src='https://image.fulllinkai.com/202309/18/38dfe552b528ed8aa59e5606e97866aa.png' alt='生态布局'>
|
||||||
|
<div class='ui-mobile-ecologicalLayout-message'>
|
||||||
|
<div class='ui-m-e-m-title'>{{t('message.homePage.html2')}}</div>
|
||||||
|
<div class='ui-m-e-m-subtitle'>{{ecologicalLayoutMessage}}</div>
|
||||||
|
<div class='ui-m-e-m-more' @click='goToMessage(2)'>
|
||||||
|
<div>{{t('message.homePage.content1')}}</div>
|
||||||
|
<img src='https://image.fulllinkai.com/202309/19/ab2ac0304e4a715915360c840ca7c73f.png' alt='箭头'>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- <div class="">-->
|
||||||
|
<!-- <div class='ui-title'>生态布局</div>-->
|
||||||
|
<!-- <div class='ui-ecologicalLayout-message'>-->
|
||||||
|
<!-- <div class='ui-ecologicalLayout-box' v-for='(item,index) in ecologicalList' :key='index' @click='goToMessage(item.id)'>-->
|
||||||
|
<!-- <img :src='item.pic' alt='' class='ui-ecologicalLayout-box-pic' />-->
|
||||||
|
<!-- <div class='ui-ecologicalLayout-box-title'>{{item.title}}</div>-->
|
||||||
|
<!-- <div class='ui-ecologicalLayout-box-subTitle'>{{item.subTitle}}</div>-->
|
||||||
|
<!-- </div>-->
|
||||||
|
<!-- </div>-->
|
||||||
|
<!-- </div>-->
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 生态布局 -->
|
||||||
|
<div id='partner'>
|
||||||
|
<div class='ui-partner'>
|
||||||
|
<div class='ui-mobile-title'>{{t('message.homePage.html3')}}</div>
|
||||||
|
<swiper
|
||||||
|
id="partnerSwiper"
|
||||||
|
:modules="partnerModules"
|
||||||
|
:slides-per-view="4"
|
||||||
|
:space-between="20"
|
||||||
|
lazy
|
||||||
|
:pagination="{
|
||||||
|
clickable: true
|
||||||
|
}"
|
||||||
|
>
|
||||||
|
<swiper-slide
|
||||||
|
class="partner-swiper"
|
||||||
|
v-for="(item, index) in partnerSwiperList"
|
||||||
|
:key="index"
|
||||||
|
>
|
||||||
|
<img class="swiper-lazy" :data-src="item" alt="合作伙伴" />
|
||||||
|
<!-- <div class="swiper-lazy-preloader"></div>-->
|
||||||
|
<!-- <div class="swiper-slide-title">-->
|
||||||
|
<!-- <h1>{{ item.title }}</h1>-->
|
||||||
|
<!-- <p :style="{background: index == 0 ? '#45A724': index == 1? '#F08E33': index ==2 ? '#FC5464': '#335CFF'}">{{ item.content }}</p>-->
|
||||||
|
<!-- </div>-->
|
||||||
|
</swiper-slide>
|
||||||
|
</swiper>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- 为什么选择我们 -->
|
||||||
|
<!-- <div id="whyChooseUs" class="conatiner-fuild">-->
|
||||||
|
<!-- <div class="containerV2">-->
|
||||||
|
<!-- <div class="whyChooseUs-title text-center">-->
|
||||||
|
<!-- <p>为什么选择我们的服务</p>-->
|
||||||
|
<!-- <p>THE REASON TO CHOOSING US</p>-->
|
||||||
|
<!-- </div>-->
|
||||||
|
<!-- <div class="row">-->
|
||||||
|
<!-- <div-->
|
||||||
|
<!-- class="col-xs-12 col-sm-6 col-md-3 server-wrapper"-->
|
||||||
|
<!-- v-for="(item, index) in serverList"-->
|
||||||
|
<!-- :key="index"-->
|
||||||
|
<!-- >-->
|
||||||
|
<!-- <div-->
|
||||||
|
<!-- class="server-block wow slideInUp"-->
|
||||||
|
<!-- onmouseenter="this.style.color='#28f';this.style.borderColor='#28f'"-->
|
||||||
|
<!-- onmouseleave="this.style.color='#666';this.style.borderColor='#ccc'"-->
|
||||||
|
<!-- >-->
|
||||||
|
<!-- <img class="center-block" :src="item.logo" alt="logo" />-->
|
||||||
|
<!-- <p class="text-center">{{ item.title }}</p>-->
|
||||||
|
<!-- <div-->
|
||||||
|
<!-- class="text-center"-->
|
||||||
|
<!-- v-html="item.content"-->
|
||||||
|
<!-- onmouseenter="this.style.color='#28f'"-->
|
||||||
|
<!-- onmouseleave="this.style.color='#ccc'"-->
|
||||||
|
<!-- ></div>-->
|
||||||
|
<!-- </div>-->
|
||||||
|
<!-- </div>-->
|
||||||
|
<!-- </div>-->
|
||||||
|
<!-- </div>-->
|
||||||
|
<!-- </div>-->
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup name="HomePage">
|
||||||
|
import WOW from 'wow.js'
|
||||||
|
import { computed, getCurrentInstance, onMounted, ref } from 'vue'
|
||||||
|
// import Swiper from 'swiper'
|
||||||
|
import { Navigation, Pagination, Scrollbar, A11y, Lazy, Autoplay } from 'swiper'
|
||||||
|
import { Swiper, SwiperSlide } from 'swiper/vue'
|
||||||
|
import 'swiper/css'
|
||||||
|
import 'swiper/css/navigation'
|
||||||
|
import 'swiper/css/pagination'
|
||||||
|
import 'swiper/css/scrollbar'
|
||||||
|
import 'swiper/css/lazy'
|
||||||
|
import 'swiper/css/autoplay'
|
||||||
|
|
||||||
|
import banner1 from '@/assets/img/banner1.png'
|
||||||
|
import banner2 from '@/assets/img/banner2.jpg'
|
||||||
|
|
||||||
|
import logo_hp from '@/assets/img/logo_hp.png'
|
||||||
|
import logo_kk from '@/assets/img/logo_kk.png'
|
||||||
|
import logo_toyota from '@/assets/img/logo_toyota.png'
|
||||||
|
|
||||||
|
import img_tel from '@/assets/img/tel.png'
|
||||||
|
import img_computer from '@/assets/img/computer.png'
|
||||||
|
import img_qq from '@/assets/img/qq.png'
|
||||||
|
import img_skill from '@/assets/img/skill.png'
|
||||||
|
import {useRouter} from "vue-router";
|
||||||
|
import { useI18n } from 'vue-i18n'
|
||||||
|
const { t,locale } = useI18n()
|
||||||
|
|
||||||
|
|
||||||
|
const swiperList =computed(() => {
|
||||||
|
return [
|
||||||
|
{
|
||||||
|
img: 'https://image.fulllinkai.com/202309/18/9cf9b8f3f84dae233762cc272496967b.png',
|
||||||
|
title: t('message.homePage.list1'),
|
||||||
|
content: t('message.homePage.content1'),
|
||||||
|
path:'health',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
img: 'https://image.fulllinkai.com/202309/18/15f8b30feefc8b2aa54ea494d4115f28.png',
|
||||||
|
title: t('message.homePage.list2'),
|
||||||
|
content: t('message.homePage.content1'),
|
||||||
|
path:'http://b.fulllinkai.com/#/',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
img: 'https://image.fulllinkai.com/202309/18/92dfb2152901a216d51024c0df797cb6.png',
|
||||||
|
title: t('message.homePage.list3'),
|
||||||
|
content: t('message.homePage.content1'),
|
||||||
|
path:'https://love.ufutx.com/web/#/',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
img: 'https://image.fulllinkai.com/202309/18/fad784e32ff47d3636c05fa1b48cbace.png',
|
||||||
|
title: t('message.homePage.list4'),
|
||||||
|
content: t('message.homePage.content1'),
|
||||||
|
path:'startABusiness',
|
||||||
|
}
|
||||||
|
]
|
||||||
|
})
|
||||||
|
|
||||||
|
const modules = [Navigation, Pagination, Scrollbar, A11y, Lazy, Autoplay]
|
||||||
|
const goToPath = (path,index) => {
|
||||||
|
if (index===1 ||index === 2){
|
||||||
|
location.href = path
|
||||||
|
}else {
|
||||||
|
sessionStorage.setItem('navIndex', index ==0? 1:2)
|
||||||
|
router.push({
|
||||||
|
name: path
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
const partnerSwiperList = [
|
||||||
|
'https://image.fulllinkai.com/202309/19/274cee6271a8ae7a4219550b9a6f110e.png',
|
||||||
|
'https://image.fulllinkai.com/202309/19/812b5cf00889914b3a888f80c860bd8b.png',
|
||||||
|
'https://image.fulllinkai.com/202309/19/42dc27a79605f4c4ddbb28a4e56bad79.png',
|
||||||
|
'https://image.fulllinkai.com/202309/19/e97cdfa7bfff463ee3cf25830e0fd73a.png',
|
||||||
|
]
|
||||||
|
const partnerModules = [Scrollbar, A11y, Lazy, Autoplay]
|
||||||
|
|
||||||
|
const homeMessage =computed(() => {
|
||||||
|
return [
|
||||||
|
{ pic:'https://image.fulllinkai.com/202308/31/eb80f7e4d53b615731b8e05591177789.png',title:t('message.homePage.list5'),path:'aboutUs' },
|
||||||
|
{ pic:'https://image.fulllinkai.com/202308/31/138fc696eedfcf26588af85b2ca42d62.png',title:t('message.homePage.list6') ,path:'aboutUs'},
|
||||||
|
{ pic:'https://image.fulllinkai.com/202308/31/68eb40558468656ca9cc58d24db73e1c.png',title:t('message.homePage.list7') ,path:'joinUs'},
|
||||||
|
]
|
||||||
|
})
|
||||||
|
const selectIndex = ref(0)
|
||||||
|
let timer = null
|
||||||
|
const hoveIndex = (index) => {
|
||||||
|
// if (timer === null){
|
||||||
|
// timer = setTimeout(() => {
|
||||||
|
selectIndex.value = index
|
||||||
|
// clearTimeout(timer)
|
||||||
|
// timer = null
|
||||||
|
// },300)
|
||||||
|
// }
|
||||||
|
|
||||||
|
}
|
||||||
|
const ecologicalLayoutMessage = computed(() => {
|
||||||
|
return t('message.homePage.list11M1')+'\n' +
|
||||||
|
t('message.homePage.list11M2')+'\n' +
|
||||||
|
t('message.homePage.list11M3')+'\n' +
|
||||||
|
t('message.homePage.list11M4')
|
||||||
|
})
|
||||||
|
|
||||||
|
const ecologicalList = [
|
||||||
|
{
|
||||||
|
pic:'https://image.fulllinkai.com/202309/01/04f911d83f4fa6b5901cc5f5c61759f4.png',
|
||||||
|
title:'国内',
|
||||||
|
subTitle:'友福同享国内城市运营中心遍布大江南北，无论是冰雪覆盖的北方大地，抑或是烟雨茫茫的江南水乡，都可以见到友福人传播健康的身影。',
|
||||||
|
id:'1'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
pic:'https://image.fulllinkai.com/202309/01/fa719d9f2d5ad1e611935d105a0933b6.png',
|
||||||
|
title:'全球',
|
||||||
|
subTitle:'友福同享放眼全球，致力于全人类的身心健康，提升人类生命质量。努力从未停止，我们一直在前进。',
|
||||||
|
id:'2'
|
||||||
|
},
|
||||||
|
]
|
||||||
|
|
||||||
|
const router = useRouter()
|
||||||
|
const goToMessage = (id) => {
|
||||||
|
console.log(router,'r-------')
|
||||||
|
// return
|
||||||
|
router.push({
|
||||||
|
name: 'productMap',
|
||||||
|
query:{id:id}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
const toPath = (path,index) => {
|
||||||
|
console.log('11--')
|
||||||
|
sessionStorage.setItem('navIndex', index ==2? 5:4)
|
||||||
|
router.push({
|
||||||
|
name: path,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// const { proxy } = getCurrentInstance() //获取上下文实例，ctx=vue2的this
|
||||||
|
onMounted(() => {
|
||||||
|
// console.log('mounted', proxy)
|
||||||
|
// console.log(proxy.$wow, '------')
|
||||||
|
/* wowjs动画 */
|
||||||
|
// new WOW({
|
||||||
|
// boxClass: 'wow',
|
||||||
|
// animateClass: 'animated',
|
||||||
|
// offset: 0,
|
||||||
|
// mobile: true,
|
||||||
|
// live: true
|
||||||
|
// }).init()
|
||||||
|
sessionStorage.setItem('navIndex', '0')
|
||||||
|
sessionStorage.setItem('productMap', '0')
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
/* 整体盒子 */
|
||||||
|
#mobileHomePage {
|
||||||
|
width: 100%;
|
||||||
|
padding-bottom: 96px;
|
||||||
|
background: url("https://image.fulllinkai.com/202309/18/11f991ca4d1b3d5b0d8c443c5b66c2a9.png") no-repeat center;
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
/* 顶部轮播图 */
|
||||||
|
#swiper {
|
||||||
|
width: 100%;
|
||||||
|
height: 700px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#swiper .banner-swiper {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
position: relative;
|
||||||
|
z-index: 1200;
|
||||||
|
}
|
||||||
|
|
||||||
|
#swiper .banner-swiper img {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#swiper .banner-swiper .swiper-slide-title {
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%,-50%);
|
||||||
|
z-index: 1200;
|
||||||
|
width: 328px;
|
||||||
|
/*width: 100%;*/
|
||||||
|
/*height: 100%;*/
|
||||||
|
color: #fff;
|
||||||
|
/*background: rgba(51, 51, 51, 0.534);*/
|
||||||
|
text-align: center;
|
||||||
|
line-height: 80px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#swiper .banner-swiper .swiper-slide-title > h1 {
|
||||||
|
font-size: 48px;
|
||||||
|
margin-top: 12%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#swiper .banner-swiper .swiper-slide-title > p {
|
||||||
|
margin: 4% auto;
|
||||||
|
font-size: 18px;
|
||||||
|
/*margin-top: 1%;*/
|
||||||
|
font-weight: 700;
|
||||||
|
word-wrap: break-word;
|
||||||
|
width: 164px;
|
||||||
|
height: 40px;
|
||||||
|
line-height: 40px;
|
||||||
|
background: #FFFFFF;
|
||||||
|
border-radius: 252px 252px 252px 252px;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
:deep(#swiper .swiper-pagination-bullet) {
|
||||||
|
margin-right: 60px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
background: #375FFF;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
:deep( #swiper .swiper-pagination-bullet-active){
|
||||||
|
background: #ffffff;
|
||||||
|
}
|
||||||
|
.ui-swiper-line{
|
||||||
|
position: absolute;
|
||||||
|
bottom: 39px;
|
||||||
|
width: 100%;
|
||||||
|
height: 1px;
|
||||||
|
background: #FFFFFF;
|
||||||
|
opacity: .6;
|
||||||
|
z-index: 9;
|
||||||
|
}
|
||||||
|
/* 大数据管理系统 */
|
||||||
|
#bigData {
|
||||||
|
padding: 16px 8px;
|
||||||
|
transition: all ease 0.6s;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ui-mobile-message{
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#bigData .ui-home-message{
|
||||||
|
width: 100%;
|
||||||
|
/*height: 400px;*/
|
||||||
|
/*background-color: #1e73be;*/
|
||||||
|
border-radius: 16px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
#bigData .ui-home-message-box{
|
||||||
|
position: relative;
|
||||||
|
text-align: center;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
/*display: flex;*/
|
||||||
|
/*align-items: center;*/
|
||||||
|
}
|
||||||
|
|
||||||
|
#bigData .ui-home-message-box .ui-select-index{
|
||||||
|
width: 720px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#bigData .ui-home-message-image{
|
||||||
|
width: 360px;
|
||||||
|
height: 200px;
|
||||||
|
background: rgba(0,0,0,0.2);
|
||||||
|
border-radius: 16px 16px 16px 16px;
|
||||||
|
/*object-fit: cover;*/
|
||||||
|
/*transition: width .2s ease;*/
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*#bigData .ui-home-message-image:hover{*/
|
||||||
|
/* width: 720px;*/
|
||||||
|
/*}*/
|
||||||
|
|
||||||
|
#bigData .ui-home-message-title{
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%,-50%);
|
||||||
|
width: 100%;
|
||||||
|
font-size: 48px;
|
||||||
|
color: #FFFFFF;
|
||||||
|
font-weight: 500;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
#bigData .bigData-title {
|
||||||
|
padding-bottom: 10px;
|
||||||
|
border-bottom: 1px solid #ccc;
|
||||||
|
}
|
||||||
|
|
||||||
|
#bigData p {
|
||||||
|
font-size: 14px;
|
||||||
|
color: #333;
|
||||||
|
line-height: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
#bigData .bigData-device {
|
||||||
|
margin: 50px 0 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ui-mobile-title{
|
||||||
|
margin-bottom: 24px;
|
||||||
|
font-size: 36px;
|
||||||
|
font-family: Source Han Sans CN-Bold, Source Han Sans CN;
|
||||||
|
font-weight: 700;
|
||||||
|
color: #14235D;
|
||||||
|
}
|
||||||
|
|
||||||
|
#ecologicalLayout{
|
||||||
|
/*margin-top: 128px;*/
|
||||||
|
}
|
||||||
|
.ui-mobile-ecologicalLayout{
|
||||||
|
margin-top: 96px;
|
||||||
|
position: relative;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.ui-mobile-ecologicalLayout-img{
|
||||||
|
width: 100%;
|
||||||
|
height: 492px;
|
||||||
|
}
|
||||||
|
.ui-mobile-ecologicalLayout-message{
|
||||||
|
position: absolute;
|
||||||
|
top:0;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
flex-direction: column;
|
||||||
|
text-align: center;
|
||||||
|
width: 328px;
|
||||||
|
}
|
||||||
|
.ui-m-e-m-title{
|
||||||
|
font-size: 36px;
|
||||||
|
font-weight: 700;
|
||||||
|
color: #14235D;
|
||||||
|
}
|
||||||
|
.ui-m-e-m-subtitle{
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #0A112E;
|
||||||
|
line-height: 28px;
|
||||||
|
white-space: pre-wrap;
|
||||||
|
}
|
||||||
|
.ui-m-e-m-more{
|
||||||
|
margin-top: 6px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #33A8FF;
|
||||||
|
}
|
||||||
|
.ui-m-e-m-more div{
|
||||||
|
margin-right: 4px;
|
||||||
|
}
|
||||||
|
.ui-m-e-m-more img {
|
||||||
|
width: 20px;
|
||||||
|
height: 18px;
|
||||||
|
}
|
||||||
|
#partner{
|
||||||
|
margin-top: 96px;
|
||||||
|
width: 100%;
|
||||||
|
padding: 0 16px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
#partnerSwiper .partner-swiper{
|
||||||
|
width: 25%;
|
||||||
|
height: 32px;
|
||||||
|
margin-right: auto!important;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
#partnerSwiper .partner-swiper img {
|
||||||
|
width: auto;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 客户评价 */
|
||||||
|
#customer {
|
||||||
|
padding: 50px 0;
|
||||||
|
box-sizing: border-box;
|
||||||
|
background: #efefef;
|
||||||
|
transition: all ease 0.6s;
|
||||||
|
}
|
||||||
|
|
||||||
|
#customer .customer-title {
|
||||||
|
font-size: 30px;
|
||||||
|
color: rgb(102, 102, 102);
|
||||||
|
margin: 0 0 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#customer .customer-block {
|
||||||
|
background: #fff;
|
||||||
|
padding: 30px 80px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#customer .customer-logo img {
|
||||||
|
width: 94px;
|
||||||
|
height: 94px;
|
||||||
|
border: 1px solid #ccc;
|
||||||
|
}
|
||||||
|
|
||||||
|
#customer .customer-yh img {
|
||||||
|
width: 34px;
|
||||||
|
height: 34px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#customer .customer-content1 {
|
||||||
|
padding-bottom: 20px;
|
||||||
|
border-bottom: 1px solid #0ce9f1;
|
||||||
|
}
|
||||||
|
|
||||||
|
#customer .customer-content2 {
|
||||||
|
padding-top: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 为什么选择我们 */
|
||||||
|
#whyChooseUs {
|
||||||
|
padding: 100px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#whyChooseUs .whyChooseUs-title {
|
||||||
|
margin-bottom: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#whyChooseUs .whyChooseUs-title p:nth-of-type(1) {
|
||||||
|
font-size: 25px;
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
|
||||||
|
#whyChooseUs .whyChooseUs-title p:nth-of-type(2) {
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#whyChooseUs .server-block {
|
||||||
|
padding: 50px 20px;
|
||||||
|
border: 1px solid #ccc;
|
||||||
|
border-bottom: 5px solid #ccc;
|
||||||
|
}
|
||||||
|
|
||||||
|
#whyChooseUs .server-block img {
|
||||||
|
width: 48px;
|
||||||
|
height: 48px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#whyChooseUs .server-block > p {
|
||||||
|
font-size: 20px;
|
||||||
|
margin: 30px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#whyChooseUs .server-block > div {
|
||||||
|
color: #ccc;
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
|
|
||||||
291
src/components/mobile/newsDetail.vue
Normal file
291
src/components/mobile/newsDetail.vue
Normal file
@ -0,0 +1,291 @@
|
|||||||
|
<template>
|
||||||
|
<div id='newsDetail'>
|
||||||
|
<div class='ui-mobile-newsDetail'>
|
||||||
|
<div class='ui-newsDetail-box'>
|
||||||
|
<div class='ui-newsDetail-title'>{{newsMessage[id].title}}</div>
|
||||||
|
<div class='ui-newsDetail-time'>{{newsMessage[id].time}}</div>
|
||||||
|
<div style='position: relative'>
|
||||||
|
<div v-for='(item,index) in newsMessage[id].message' :key='index'>
|
||||||
|
<div v-if='item.type ==="img"'>
|
||||||
|
<img class='ui-newsDetail-img' :src='item.text' alt=''>
|
||||||
|
</div>
|
||||||
|
<div class='ui-newsDetail-text' v-else>
|
||||||
|
{{item.text}}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class='ui-newsDetail-bottom'>
|
||||||
|
<div class='ui-newsDetail-share'>
|
||||||
|
<a :href="`mailto:?subject=${newsMessage[id].title}&body=${mailPath}`">
|
||||||
|
<img class='ui-newsDetail-share-img' alt='' src='https://image.fulllinkai.com/202309/07/9cf569ffdfe00f0234a309513a9b6c86.png'>
|
||||||
|
</a>
|
||||||
|
<img class='ui-newsDetail-share-img' alt='' src='https://image.fulllinkai.com/202309/07/c9e539783db7129db4b636317a7b9173.png' @click='toShare'>
|
||||||
|
<div class='ui-mobile-news-wechat'>
|
||||||
|
<img class='ui-newsDetail-share-img' alt='' src='https://image.fulllinkai.com/202309/18/99a5cbc05de4882fc20c55bad2e52aa8.png' @click='wechatShare = !wechatShare'>
|
||||||
|
<img v-if='wechatShare' :src='newsMessage[id].weChatShare' alt='' class='ui-mobile-news-wechat-box'>
|
||||||
|
</div>
|
||||||
|
<div class='ui-newsDetail-share-title'>分享</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class='ui-newsDetail-tip' v-if='showTip'>
|
||||||
|
{{ t('message.newsDetail.html2') }}
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import {computed ,ref,onMounted} from 'vue'
|
||||||
|
import { useRouter } from "vue-router"; // 引入路由
|
||||||
|
import { useI18n } from 'vue-i18n'
|
||||||
|
const { t,locale } = useI18n()
|
||||||
|
|
||||||
|
const id = ref(0)
|
||||||
|
const newsMessage =computed(() => {
|
||||||
|
return[
|
||||||
|
{
|
||||||
|
title:t('message.newsDetail.list1V1') + '\n' + t('message.newsDetail.list1V2'),
|
||||||
|
time:'2023-06-03',
|
||||||
|
weChatShare:'https://image.fulllinkai.com/202309/18/7e8c6dda9de73ad5395f4939f7087c67.png',
|
||||||
|
message:[
|
||||||
|
{
|
||||||
|
type: 'img',
|
||||||
|
text:'https://image.fulllinkai.com/202309/05/99fe92f441bab1f0d4b1e37e2c261366.png'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: 'text',
|
||||||
|
text: t('message.newsDetail.list1V3')+'\n' +
|
||||||
|
'\n' +
|
||||||
|
t('message.newsDetail.list1V4')+'\n' +
|
||||||
|
'\n' +
|
||||||
|
t('message.newsDetail.list1V5')+'\n' +
|
||||||
|
'\n' +
|
||||||
|
t('message.newsDetail.list1V6')+'\n' +
|
||||||
|
'\n' +
|
||||||
|
t('message.newsDetail.list1V7')+'\n' +
|
||||||
|
'\n' +
|
||||||
|
t('message.newsDetail.list1V8')+'\n' +
|
||||||
|
'\n' +
|
||||||
|
t('message.newsDetail.list1V9')+'\n'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: 'img',
|
||||||
|
text:'https://image.fulllinkai.com/202309/05/50965c135ab9c433194102efb8048349.png'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: 'text',
|
||||||
|
text:t('message.newsDetail.list1V10')+'\n' +
|
||||||
|
'\n' +
|
||||||
|
t('message.newsDetail.list1V11')+'\n' +
|
||||||
|
'\n' +
|
||||||
|
t('message.newsDetail.list1V12')+'\n' +
|
||||||
|
'\n' +
|
||||||
|
t('message.newsDetail.list1V13')+'\n' +
|
||||||
|
'\n' +
|
||||||
|
t('message.newsDetail.list1V14')+'\n' +
|
||||||
|
'\n' +
|
||||||
|
'\n' +
|
||||||
|
t('message.newsDetail.list1V15')+'\n' +
|
||||||
|
'\n' +
|
||||||
|
t('message.newsDetail.list1V16')+'\n' +
|
||||||
|
'\n' +
|
||||||
|
'\n' +
|
||||||
|
t('message.newsDetail.list1V17')+'\n' +
|
||||||
|
'\n'
|
||||||
|
},
|
||||||
|
],
|
||||||
|
bottom:'',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title:t('message.newsDetail.list2V1')+'\n' + t('message.newsDetail.list2V2'),
|
||||||
|
time:'2023-05-06',
|
||||||
|
weChatShare:'https://image.fulllinkai.com/202309/18/c7f1ac8e2faf5333362e0ce1921dcae2.png',
|
||||||
|
message:[
|
||||||
|
{
|
||||||
|
type: 'img',
|
||||||
|
text:'https://image.fulllinkai.com/202309/05/f01e2692357f1b689bb6e5a1667cbcc0.png'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: 'text',
|
||||||
|
text:t('message.newsDetail.list2V3')+'\n' +
|
||||||
|
'\n' +
|
||||||
|
'\n' +
|
||||||
|
'\n' +
|
||||||
|
t('message.newsDetail.list2V4')+'\n' +
|
||||||
|
'\n' +
|
||||||
|
t('message.newsDetail.list2V5')+'\n' +
|
||||||
|
'\n' +
|
||||||
|
t('message.newsDetail.list2V6')+'\n' +
|
||||||
|
'\n' +
|
||||||
|
'\n' +
|
||||||
|
t('message.newsDetail.list2V7')+'\n' +
|
||||||
|
'\n' +
|
||||||
|
'\n' +
|
||||||
|
t('message.newsDetail.list2V8')+'\n'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: 'img',
|
||||||
|
text:'https://image.fulllinkai.com/202309/05/a24f6ddf26714a2e65fc71c60f452830.png'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: 'text',
|
||||||
|
text:t('message.newsDetail.list2V9')+'\n' +
|
||||||
|
'\n' +
|
||||||
|
'\n' +
|
||||||
|
t('message.newsDetail.list2V10')+'\n' +
|
||||||
|
'\n' +
|
||||||
|
t('message.newsDetail.list2V11')+'\n' +
|
||||||
|
'\n' +
|
||||||
|
t('message.newsDetail.list2V12')+'\n' +
|
||||||
|
'\n' +
|
||||||
|
'\n' +
|
||||||
|
t('message.newsDetail.list2V13')+'\n' +
|
||||||
|
'\n' +
|
||||||
|
t('message.newsDetail.list2V14')
|
||||||
|
}
|
||||||
|
],
|
||||||
|
bottom:'',
|
||||||
|
}
|
||||||
|
]
|
||||||
|
})
|
||||||
|
const showTip = ref(false)
|
||||||
|
|
||||||
|
const toShare = () => {
|
||||||
|
const element = document.createElement('textarea')
|
||||||
|
element.value = location.href
|
||||||
|
console.log(element,'-')
|
||||||
|
document.body.appendChild(element);
|
||||||
|
element.select()
|
||||||
|
if (document.execCommand('copy')) {
|
||||||
|
document.execCommand('copy')
|
||||||
|
document.body.removeChild(element)
|
||||||
|
showTip.value = true
|
||||||
|
setTimeout(() => {
|
||||||
|
showTip.value = false
|
||||||
|
},1200)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
const router = useRouter();
|
||||||
|
const selectPartner = ref('')
|
||||||
|
const mailPath = ref('')
|
||||||
|
onMounted(() => {
|
||||||
|
sessionStorage.setItem('navIndex', '3')
|
||||||
|
mailPath.value = window.location.origin + '/'+router.currentRoute.value.href
|
||||||
|
id.value = router.currentRoute.value.query.id - 1
|
||||||
|
console.log(router.currentRoute.value.query,'3---')
|
||||||
|
})
|
||||||
|
// export default {
|
||||||
|
// name: 'newsDetail'
|
||||||
|
// }
|
||||||
|
const wechatShare = ref( false)
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
#newsDetail{
|
||||||
|
padding-top: 1px;
|
||||||
|
background: url("https://image.fulllinkai.com/202309/18/11f991ca4d1b3d5b0d8c443c5b66c2a9.png") center;
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
.ui-mobile-newsDetail{
|
||||||
|
|
||||||
|
}
|
||||||
|
.ui-newsDetail-box{
|
||||||
|
position: relative;
|
||||||
|
margin-top: 78px;
|
||||||
|
/*padding: 0 64px;*/
|
||||||
|
}
|
||||||
|
.ui-newsDetail-title{
|
||||||
|
padding: 0 8px;
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: 700;
|
||||||
|
color: #375FFF;
|
||||||
|
line-height: 24px;
|
||||||
|
white-space: pre-wrap;
|
||||||
|
}
|
||||||
|
.ui-newsDetail-time{
|
||||||
|
padding: 16px 8px 0;
|
||||||
|
font-size: 10px;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #8DA4FF;
|
||||||
|
}
|
||||||
|
.ui-newsDetail-line{
|
||||||
|
margin-top: 8px;
|
||||||
|
width: 100%;
|
||||||
|
height: 1px;
|
||||||
|
background: rgba(20,35,93,0.2);
|
||||||
|
}
|
||||||
|
.ui-newsDetail-img{
|
||||||
|
padding: 24px 0;
|
||||||
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
|
.ui-newsDetail-text{
|
||||||
|
padding: 0 8px;
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #0F1A46;
|
||||||
|
white-space: pre-wrap;
|
||||||
|
}
|
||||||
|
.ui-newsDetail-bottom{
|
||||||
|
padding: 48px 0 96px;
|
||||||
|
text-align: right;
|
||||||
|
font-size: 12px;
|
||||||
|
font-weight: 350;
|
||||||
|
color: rgba(5,9,23,0.6);
|
||||||
|
}
|
||||||
|
.ui-newsDetail-share{
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
flex-direction: row-reverse;
|
||||||
|
margin-right: 24px;
|
||||||
|
/*position: absolute;*/
|
||||||
|
/*top:24px;*/
|
||||||
|
/*right: -52px;*/
|
||||||
|
/*width: 29px;*/
|
||||||
|
/*height: 29px;*/
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
|
.ui-newsDetail-share-title {
|
||||||
|
width: 40px;
|
||||||
|
margin-right: 8px;
|
||||||
|
margin-bottom: 12px;
|
||||||
|
font-size: 12px;
|
||||||
|
color: rgba(15,26,70,0.6);
|
||||||
|
}
|
||||||
|
.ui-mobile-news-wechat{
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.ui-mobile-news-wechat-box{
|
||||||
|
position: absolute;
|
||||||
|
top:-70px;
|
||||||
|
left: -105px;
|
||||||
|
width: 100px;
|
||||||
|
height: 100px;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
.ui-newsDetail-share-img {
|
||||||
|
margin-right: 6px;
|
||||||
|
margin-bottom: 19px;
|
||||||
|
width: 32px;
|
||||||
|
height: 32px;
|
||||||
|
border-radius: 50%;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.ui-newsDetail-tip{
|
||||||
|
position: fixed;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%,-50%);
|
||||||
|
width: 240px;
|
||||||
|
height: 40px;
|
||||||
|
font-size: 20px;
|
||||||
|
color: #ffffff;
|
||||||
|
background: #4a4a4b;
|
||||||
|
line-height: 40px;
|
||||||
|
border-radius: 12px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
1056
src/components/mobile/onlineTest.vue
Normal file
1056
src/components/mobile/onlineTest.vue
Normal file
File diff suppressed because it is too large
Load Diff
147
src/components/pc/AboutUs.vue
Normal file
147
src/components/pc/AboutUs.vue
Normal file
@ -0,0 +1,147 @@
|
|||||||
|
<template>
|
||||||
|
<div id='aboutUs'>
|
||||||
|
<div class='ui-aboutUs-bg'>
|
||||||
|
<img :src='newImages' alt=''>
|
||||||
|
</div>
|
||||||
|
<div class='containerV2'>
|
||||||
|
<div class='ui-aboutUs-box'>
|
||||||
|
<div class='ui-aboutUs-list ui-aboutUs-bottom' >
|
||||||
|
<div class='ui-aboutUs-list-text-box'>
|
||||||
|
<div class='ui-aboutUs-list-text-title'>{{aboutList[0].title}}</div>
|
||||||
|
<div class='ui-aboutUs-list-text-subtitle'>{{aboutList[0].subtitle}}</div>
|
||||||
|
</div>
|
||||||
|
<img alt='' :src='aboutList[0].pic' class='ui-aboutUs-list-image'>
|
||||||
|
</div>
|
||||||
|
<div class='ui-aboutUs-list' >
|
||||||
|
<img alt='' :src='aboutList[1].pic' class='ui-aboutUs-list-image'>
|
||||||
|
<div class='ui-aboutUs-list-text-box'>
|
||||||
|
<div class='ui-aboutUs-list-text-title'>{{aboutList[1].title}}</div>
|
||||||
|
<div class='ui-aboutUs-list-text-subtitleV2'>{{aboutList[1].subtitle}}</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import {onMounted,ref,computed} from 'vue'
|
||||||
|
import en from '@/locale/modules/en.js'
|
||||||
|
import { useI18n } from 'vue-i18n'
|
||||||
|
|
||||||
|
const { t,locale } = useI18n()
|
||||||
|
const newImages = computed(() => {
|
||||||
|
return t('message.AboutUs.img1')
|
||||||
|
})
|
||||||
|
// const aboutList = [{},{}]
|
||||||
|
const aboutList = computed(() => {
|
||||||
|
return [
|
||||||
|
{
|
||||||
|
title: t('message.AboutUs.title1'),
|
||||||
|
pic: 'https://image.fulllinkai.com/202309/05/2da81ea14543b8e025e697d503aef0e8.png',
|
||||||
|
subtitle: t('message.AboutUs.subtitle1V1') + '\n' +
|
||||||
|
'\n' +
|
||||||
|
t('message.AboutUs.subtitle1V2') + '\n' +
|
||||||
|
t('message.AboutUs.subtitle1V3') + '\n' +
|
||||||
|
'\n' +
|
||||||
|
t('message.AboutUs.subtitle1V4') + '\n' +
|
||||||
|
t('message.AboutUs.subtitle1V5')
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: t('message.AboutUs.title3'),
|
||||||
|
pic: 'https://image.fulllinkai.com/202309/05/51f28db166a3e613839b198d271db3a8.png',
|
||||||
|
subtitle: '\n' +
|
||||||
|
t('message.AboutUs.subtitle2V1') + '\n' +
|
||||||
|
'\n' +
|
||||||
|
t('message.AboutUs.subtitle2V2') + '\n' +
|
||||||
|
'\n'
|
||||||
|
},
|
||||||
|
]})
|
||||||
|
// const aboutList = computed(() => {
|
||||||
|
// return [
|
||||||
|
// {
|
||||||
|
// title: t('message.AboutUs.title1'),
|
||||||
|
// pic: 'https://image.fulllinkai.com/202309/05/2da81ea14543b8e025e697d503aef0e8.png',
|
||||||
|
// subtitle: t('message.AboutUs.subtitle1V1') + '\n' +
|
||||||
|
// '\n' +
|
||||||
|
// t('message.AboutUs.subtitle1V2') + '\n' +
|
||||||
|
// t('message.AboutUs.subtitle1V3') + '\n' +
|
||||||
|
// '\n' +
|
||||||
|
// t('message.AboutUs.subtitle1V4') + '\n' +
|
||||||
|
// t('message.AboutUs.subtitle1V5')
|
||||||
|
// },
|
||||||
|
// {
|
||||||
|
// title: t('message.AboutUs.title3'),
|
||||||
|
// pic: 'https://image.fulllinkai.com/202309/05/51f28db166a3e613839b198d271db3a8.png',
|
||||||
|
// subtitle: '\n' +
|
||||||
|
// t('message.AboutUs.subtitle2V1') + '\n' +
|
||||||
|
// '\n' +
|
||||||
|
// t('message.AboutUs.subtitle2V2') + '\n' +
|
||||||
|
// '\n'
|
||||||
|
// },
|
||||||
|
// ]
|
||||||
|
// })
|
||||||
|
onMounted(() => {
|
||||||
|
sessionStorage.setItem('navIndex', '5')
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
#aboutUs{
|
||||||
|
background: url("https://image.fulllinkai.com/202309/07/348a87abc5f0870ed4d0e6085fd032fb.png") no-repeat center;
|
||||||
|
}
|
||||||
|
.ui-aboutUs-bg{
|
||||||
|
width: 100%;
|
||||||
|
height: 512px;
|
||||||
|
}
|
||||||
|
.ui-aboutUs-bg img{
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
|
.ui-aboutUs-box{
|
||||||
|
padding: 128px 0;
|
||||||
|
}
|
||||||
|
.ui-aboutUs-list{
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
.ui-aboutUs-list-image{
|
||||||
|
width: 570px;
|
||||||
|
height: 400px;
|
||||||
|
border-radius: 16px 16px 16px 16px;
|
||||||
|
}
|
||||||
|
.ui-aboutUs-list-text-box{
|
||||||
|
|
||||||
|
}
|
||||||
|
.ui-aboutUs-list-text-title{
|
||||||
|
font-size: 36px;
|
||||||
|
font-weight: 900;
|
||||||
|
color: #375FFF;
|
||||||
|
}
|
||||||
|
.ui-aboutUs-list-text-subtitle{
|
||||||
|
margin-top: 16px;
|
||||||
|
width: 534px;
|
||||||
|
font-size: 18px;
|
||||||
|
color: #0F1A46;
|
||||||
|
line-height: 32px;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
white-space: pre-wrap;
|
||||||
|
}
|
||||||
|
.ui-aboutUs-list-text-subtitleV2{
|
||||||
|
margin-right: 40px;
|
||||||
|
margin-top: 30px;
|
||||||
|
width: 400px;
|
||||||
|
font-size: 24px;
|
||||||
|
font-weight: 700;
|
||||||
|
color: #0F1A46;
|
||||||
|
letter-spacing: 2px;
|
||||||
|
line-height: 26px;
|
||||||
|
white-space: pre-wrap;
|
||||||
|
}
|
||||||
|
.ui-aboutUs-bottom{
|
||||||
|
margin-bottom: 128px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
323
src/components/pc/Footer.vue
Normal file
323
src/components/pc/Footer.vue
Normal file
@ -0,0 +1,323 @@
|
|||||||
|
<template>
|
||||||
|
<div id="footer">
|
||||||
|
<div class='containerV2' v-show='showMenu'>
|
||||||
|
<div class='ui-footer-box'>
|
||||||
|
<div class='ui-footer-left'>
|
||||||
|
<div class='ui-footer-l-top'>
|
||||||
|
<div class='ui-footer-l-top-left'>
|
||||||
|
<div class='ui-footer-title'>{{ t('message.Footer.html1') }}</div>
|
||||||
|
<div class='ui-footer-list ' :class='index !== 1 ? "ui-cursor" : ""' v-for='(item,index) in titleMessage' :key='index' @click='goToDetail(item.path,index+1)'>{{item.title}}</div>
|
||||||
|
</div>
|
||||||
|
<div class='ui-footer-l-top-right'>
|
||||||
|
<div class='ui-footer-title'>{{ t('message.Footer.html1') }}</div>
|
||||||
|
<div class='ui-footer-list' v-for='(item,index) in contactUsMessage' :key='index'>
|
||||||
|
<img class='ui-footer-list-img' :src='item.icon' alt='' />
|
||||||
|
<div>{{item.title}}</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class='ui-footer-l-center'>
|
||||||
|
<img src='https://image.fulllinkai.com/202309/01/9953f32c2d605041b15a5be4d728b0eb.png' alt='' class='ui-footer-l-center-img'
|
||||||
|
@mousemove='showContactUsImage = true' @mouseleave='showContactUsImage = false'/>
|
||||||
|
<div v-if='showContactUsImage' class='ui-footer-l-center-box'>
|
||||||
|
<img class='ui-footer-l-center-box-image' src='https://image.fulllinkai.com/202311/30/6692dbd0b30bd6efda325b0dd0999222.jpeg' alt='' >
|
||||||
|
</div>
|
||||||
|
<div style='display: flex;align-items: center;'>
|
||||||
|
<img class='ui-footer-l-center-box-share' src='https://image.fulllinkai.com/202406/28/8b042a92a2226ee618282e5a04e140ef.jpeg' alt='' >
|
||||||
|
<img class='ui-footer-l-center-box-share' src='https://images.health.ufutx.com/202507/30/23806d94c5587954fceb3cd8770789af.png' alt='' >
|
||||||
|
<img class='ui-footer-l-center-box-share' src='https://image.fulllinkai.com/202406/29/gh_cc679dc3e074_43041.jpg' alt='' >
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class='ui-footer-l-bottom'>{{ t('message.Footer.html3') }}</div>
|
||||||
|
</div>
|
||||||
|
<div class='ui-footer-right' @click.stop='goToPath()'>
|
||||||
|
<div id="footMap"></div>
|
||||||
|
<div class='ui-footer-l-bottom ui-footer-r-bottom ui-cursor' @click.stop='goToICP()'>{{ t('message.Footer.html4') }}</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- <div class="logo">-->
|
||||||
|
<!-- <img src="@/assets/img/logo_white.png" alt="logo图" />-->
|
||||||
|
<!-- </div>-->
|
||||||
|
<!-- <p class="title">公司企业网站模板</p>-->
|
||||||
|
<!-- <p class="address_tel_fax">-->
|
||||||
|
<!-- <p>地址：{{ address }}</p>-->
|
||||||
|
<!-- <p>QQ群：<a style="color:#fff" target="_blank" href="//shang.qq.com/wpa/qunwpa?idkey=ce9f5f0d1d7553fb5634521f79a89668ad0d798eb35047f93300df63ebae4c05">{{ qqgroup }}</a></p>-->
|
||||||
|
<!-- </p>-->
|
||||||
|
<!-- <p class="email_wx">-->
|
||||||
|
<!-- <p>博客：<a :href='blog + "neveryu/"' style="color:#fff">{{ blog }}</a></p>-->
|
||||||
|
<!-- <p>邮箱：{{ email }}</p>-->
|
||||||
|
<!-- <p>公司QQ号：{{ qq }}</p>-->
|
||||||
|
<!-- </p>-->
|
||||||
|
<!-- <p class="copy">Copyright © 2018 - Now {{ company }}</p>-->
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { computed, onMounted, onUnmounted, ref } from 'vue'
|
||||||
|
// import WOW from '../../../node_modules/wow.js/dist/wow'
|
||||||
|
import { useRouter } from 'vue-router'
|
||||||
|
|
||||||
|
const address = import.meta.env.VITE_APP_ADDRESS
|
||||||
|
const phone = import.meta.env.VITE_APP_PHONE
|
||||||
|
const email = import.meta.env.VITE_APP_EMAIL
|
||||||
|
const qq = import.meta.env.VITE_APP_QQ
|
||||||
|
const company = import.meta.env.VITE_APP_COMPANYNAME
|
||||||
|
const blog = import.meta.env.VITE_APP_BLOG
|
||||||
|
const qqgroup = import.meta.env.VITE_APP_QQGROUP
|
||||||
|
import { useI18n } from 'vue-i18n'
|
||||||
|
const { t,locale } = useI18n()
|
||||||
|
|
||||||
|
const titleMessage = computed(() => {
|
||||||
|
return [
|
||||||
|
{title:t('message.Footer.title1'),path:'health'},
|
||||||
|
{title:t('message.Footer.title2'),path:''},
|
||||||
|
{title:t('message.Footer.title3'),path:'news'},
|
||||||
|
{title:t('message.Footer.title4'),path:'joinUs'}
|
||||||
|
]})
|
||||||
|
const contactUsMessage =computed(() => {
|
||||||
|
return [
|
||||||
|
{title:t('message.Footer.title5'),icon:'https://image.fulllinkai.com/202309/01/7fe6ba4f1e1142b25b11c2e5d4ed3760.png'},
|
||||||
|
{title:'181-4852-2763',icon:'https://image.fulllinkai.com/202309/01/8c53e599b77bb4b37d1371c43c2a883e.png'},
|
||||||
|
{title:'yftxtx@uftx2023.com ',icon:'https://image.fulllinkai.com/202309/01/3239822c4ee37cfd29c9bfb42b9fadcf.png'}
|
||||||
|
]
|
||||||
|
})
|
||||||
|
const showContactUsImage = ref(false)
|
||||||
|
const goToPath = () => {
|
||||||
|
location.href = 'https://j.map.baidu.com/20/NUt'
|
||||||
|
// location.href = 'https://map.baidu.com/poi/%E9%98%B3%E5%85%89%E7%A7%91%E5%88%9B%E4%B8%AD%E5%BF%83-B%E5%BA%A7/@12681658.21,2557502.65,19z?uid=327d4691071c32cea2a93437&ugc_type=3&ugc_ver=1&device_ratio=1&compat=1&pcevaname=pc4.1&querytype=detailConInfo&da_src=shareurl'
|
||||||
|
}
|
||||||
|
const goToICP = () => {
|
||||||
|
window.open('https://beian.miit.gov.cn/#/Integrated/index')
|
||||||
|
}
|
||||||
|
const router = useRouter()
|
||||||
|
const goToDetail = (path,index) => {
|
||||||
|
console.log(router,'r-------')
|
||||||
|
// return
|
||||||
|
if (index === 2){
|
||||||
|
return
|
||||||
|
}
|
||||||
|
sessionStorage.setItem('navIndex', index)
|
||||||
|
router.push({
|
||||||
|
name: path,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
const mapIndex = ref(0)
|
||||||
|
let footBMap = null
|
||||||
|
let footWow = null
|
||||||
|
const footMap = ref(null)
|
||||||
|
const footPoint = ref(null)
|
||||||
|
const footMarker = ref(null)
|
||||||
|
const footInfoWindow = ref(null)
|
||||||
|
const footOpts = {
|
||||||
|
width: 50, // 信息窗口宽度
|
||||||
|
height: 10, // 信息窗口高度
|
||||||
|
title: t('message.Footer.title6') // 信息窗口标题
|
||||||
|
}
|
||||||
|
const showMenu = ref(false)
|
||||||
|
onMounted(() => {
|
||||||
|
setTimeout(() => {
|
||||||
|
footBMap = window.BMap
|
||||||
|
var footMap = new footBMap.Map('footMap') // 创建地图实例
|
||||||
|
var footPoint = new footBMap.Point(113.92089769405693, 22.51942636366546) // 创建点坐标
|
||||||
|
footMap.centerAndZoom(footPoint, 18) // 初始化地图，设置中心点坐标和地图级别
|
||||||
|
footMap.enableScrollWheelZoom(true) //开启鼠标滚轮缩放
|
||||||
|
var footMarker = new footBMap.Marker(footPoint) // 创建标注
|
||||||
|
footMap.addOverlay(footMarker) // 将标注添加到地图中
|
||||||
|
// footInfoWindow.value = new footBMap.InfoWindow(
|
||||||
|
// `<span>地址：深圳市南山区南山街道南山社区南新路阳光科创中心一期A座3306A<span>
|
||||||
|
// <br>
|
||||||
|
// <span>联系方式：423-xxxxxx-789</span>`,
|
||||||
|
// footOpts
|
||||||
|
// ) // 创建信息窗口对象
|
||||||
|
// footMap.openInfoWindow(footInfoWindow, footMap.getCenter()) // 打开信息窗口
|
||||||
|
// footWow = new WOW()
|
||||||
|
// footWow.init()
|
||||||
|
|
||||||
|
// var footMapV2 = new footBMap.Map('footMapV2') // 创建地图实例
|
||||||
|
// var footPointV2 = new footBMap.Point(113.92089769405693, 22.51942636366546) // 创建点坐标
|
||||||
|
// footMapV2.centerAndZoom(footPointV2, 18)
|
||||||
|
// mapIndex.value ++
|
||||||
|
|
||||||
|
showMenu.value = true
|
||||||
|
},600)
|
||||||
|
})
|
||||||
|
// onUnmounted(() => {
|
||||||
|
// BMap = null
|
||||||
|
// })
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
#footer {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
/*color: #fff;*/
|
||||||
|
background: #fff;
|
||||||
|
overflow: hidden;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
#footer .ui-footer-box{
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding: 60px 0 24px;
|
||||||
|
width: 100%;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
/*height: 418px;*/
|
||||||
|
}
|
||||||
|
|
||||||
|
#footer .ui-footer-left{
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.ui-footer-l-top{
|
||||||
|
display: flex;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ui-footer-l-top-left{
|
||||||
|
margin-right: 176px;
|
||||||
|
/*display: flex;*/
|
||||||
|
}
|
||||||
|
.ui-footer-l-top-right{
|
||||||
|
max-width: 450px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ui-footer-title{
|
||||||
|
margin-bottom: 16px;
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: 700;
|
||||||
|
color: #3D3D3D;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ui-footer-list{
|
||||||
|
display: flex;
|
||||||
|
align-items: flex-start;
|
||||||
|
margin-bottom: 16px;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #3D3D3D;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ui-footer-list-img{
|
||||||
|
margin-top: 3px;
|
||||||
|
margin-right: 10px;
|
||||||
|
width: 13px;
|
||||||
|
height: 13px;
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ui-footer-l-center{
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
position: relative;
|
||||||
|
//margin-top: 40px;
|
||||||
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
|
.ui-footer-l-center-img{
|
||||||
|
width: 29px;
|
||||||
|
height: 29px;
|
||||||
|
}
|
||||||
|
.ui-footer-l-center-box{
|
||||||
|
position: absolute;
|
||||||
|
//top: -30px;
|
||||||
|
left:40px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between; /* 24 192*/
|
||||||
|
}
|
||||||
|
.ui-footer-l-center-box-image{
|
||||||
|
width: 192px;
|
||||||
|
height: 96px;
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
|
.ui-footer-l-center-box-share{
|
||||||
|
margin-left: 10px;
|
||||||
|
width: 96px;
|
||||||
|
height: 96px;
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
|
/*.ui-footer-l-center-box-image{*/
|
||||||
|
/* width: 84px;*/
|
||||||
|
/* height: 84px;*/
|
||||||
|
/*}*/
|
||||||
|
.ui-mr-24{
|
||||||
|
margin-right: 24px;
|
||||||
|
}
|
||||||
|
.ui-footer-l-bottom{
|
||||||
|
text-align: left;
|
||||||
|
margin-top: 55px;
|
||||||
|
font-size: 12px;
|
||||||
|
color: #3D3D3D;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ui-footer-right{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: flex-end;
|
||||||
|
/*width: 450px;*/
|
||||||
|
/*height: 206px;*/
|
||||||
|
}
|
||||||
|
.ui-cursor{
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
#footMap ,#footMapV2 {
|
||||||
|
margin-left: 12px;
|
||||||
|
width: 384px;
|
||||||
|
height: 206px;
|
||||||
|
border-radius: 10px;
|
||||||
|
}
|
||||||
|
.ui-footer-r-bottom{
|
||||||
|
margin-top: 102px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo {
|
||||||
|
width: 95px;
|
||||||
|
height: 45px;
|
||||||
|
margin: 50px auto 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title {
|
||||||
|
font-size: 25px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.address_tel_fax {
|
||||||
|
color: #d3d3d3;
|
||||||
|
font-size: 14px;
|
||||||
|
margin: 10px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.email_wx {
|
||||||
|
color: #d3d3d3;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.copy {
|
||||||
|
color: #d3d3d3;
|
||||||
|
font-size: 14px;
|
||||||
|
margin: 50px 0 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 997px) {
|
||||||
|
.title {
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.address_tel_fax {
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.email_wx {
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.copy {
|
||||||
|
font-size: 12px;
|
||||||
|
margin: 30px 0 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
61
src/components/pc/GoTop.vue
Normal file
61
src/components/pc/GoTop.vue
Normal file
@ -0,0 +1,61 @@
|
|||||||
|
<template>
|
||||||
|
<div id="GoTop" @click="GoTop()">
|
||||||
|
<!-- <span class="glyphicon glyphicon-chevron-up"></span>-->
|
||||||
|
<img v-if='flag' src='https://image.fulllinkai.com/202309/04/8be2661ace82829c18f219aae3529b66.png' alt=''>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup name="GoTop">
|
||||||
|
import { onMounted, onUnmounted, ref } from 'vue'
|
||||||
|
import {useMainStore} from '@/store/homeSwiperStatus.js';
|
||||||
|
|
||||||
|
const mainStore = useMainStore();
|
||||||
|
const flag = ref(false)
|
||||||
|
// 获取滚动元素的滚动距离
|
||||||
|
|
||||||
|
function GoTop() {
|
||||||
|
;(function smoothscroll() {
|
||||||
|
var currentScroll =
|
||||||
|
document.documentElement.scrollTop || document.body.scrollTop
|
||||||
|
if (currentScroll > 0) {
|
||||||
|
window.requestAnimationFrame(smoothscroll)
|
||||||
|
window.scrollTo(0, currentScroll - currentScroll / 10)
|
||||||
|
}
|
||||||
|
})()
|
||||||
|
}
|
||||||
|
|
||||||
|
onMounted(() => {
|
||||||
|
window.addEventListener("scroll", () => {
|
||||||
|
// 获取滚动元素的滚动距离
|
||||||
|
let scrollTop =
|
||||||
|
window.pageYOffset || document.documentElement.scrollTop ||document.body.scrollTop;
|
||||||
|
// 判断回到顶部按钮的显示条件,如果滚动距离大于1000就显示
|
||||||
|
scrollTop > 800 ? (flag.value= true) : (flag.value = false);
|
||||||
|
scrollTop > 800 ? mainStore.swiperSlideChange(true) : mainStore.swiperSlideChange(false);
|
||||||
|
}, true);
|
||||||
|
})
|
||||||
|
onUnmounted(() => {
|
||||||
|
window.removeEventListener("scroll",() => {},true)
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
#GoTop {
|
||||||
|
width: 50px;
|
||||||
|
height: 50px;
|
||||||
|
position: fixed;
|
||||||
|
right: 20px;
|
||||||
|
bottom: 34%;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
z-index: 99999999;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
#GoTop > img {
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
color: rgb(8, 162, 233);
|
||||||
|
font-size: 30px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
557
src/components/pc/Header.vue
Normal file
557
src/components/pc/Header.vue
Normal file
@ -0,0 +1,557 @@
|
|||||||
|
<template>
|
||||||
|
<!-- 头部整体盒子 -->
|
||||||
|
<div style='position: fixed;top:0;z-index: 999999999;width: 100%;'>
|
||||||
|
<!-- <h1 style='color:red'>{{mainStore.showSwiperValue}}123</h1>-->
|
||||||
|
<div class="header ui-header f-fbc" >
|
||||||
|
<!-- 头部顶部 -->
|
||||||
|
<!-- <div class="header-top container-fuild hidden-xs">-->
|
||||||
|
<!-- <div class="container">-->
|
||||||
|
<!-- <div class="server pull-left">-->
|
||||||
|
<!-- <span class="glyphicon glyphicon-earphone"></span>{{ phone }}-->
|
||||||
|
<!-- <span class="glyphicon glyphicon-envelope"></span>{{ email }}-->
|
||||||
|
<!-- <span class="glyphicon glyphicon-time"></span>7x24小时为您服务-->
|
||||||
|
<!-- </div>-->
|
||||||
|
<!-- <div class="shejiao pull-right">-->
|
||||||
|
<!-- <span @click='toggle("en")'>English</span>|<span @click='toggle("zh-cn")'>中文版</span>-->
|
||||||
|
<!--<!– <span class="glyphicon glyphicon-hand-right"></span>赶快联系我们吧！–>-->
|
||||||
|
<!--<!– <span class="glyphicon glyphicon-hand-left"></span>–>-->
|
||||||
|
|
||||||
|
<!--<!– <a–>-->
|
||||||
|
<!--<!– href="https://github.com/neveryu"–>-->
|
||||||
|
<!--<!– target="_blank"–>-->
|
||||||
|
<!--<!– style="color: #fc5531; font-size: 18px; cursor: pointer"–>-->
|
||||||
|
<!--<!– >Github</a–>-->
|
||||||
|
<!--<!– >–>-->
|
||||||
|
<!-- </div>-->
|
||||||
|
<!-- </div>-->
|
||||||
|
<!-- </div>-->
|
||||||
|
<!-- 电脑导航 -->
|
||||||
|
<div class="header-nav containerV2 hidden-xs">
|
||||||
|
<!-- 导航logo -->
|
||||||
|
<div class="header-nav-logo" @click="navClick(0, '首页','Home')">
|
||||||
|
<span v-if="locale === 'en'">
|
||||||
|
<img src="@/assets/img/enLogo4.png" alt='' v-if='(navIndex == 0 ||navIndex == 1)&&(navIndex == 0 ? mainStore.showSwiperValue ==0 || mainStore.showSwiperValue ==1 : true)&&(navIndex == 0 ? !mainStore.swiperSlide : true) && productMap != 1'/>
|
||||||
|
<img src="@/assets/img/enLogo3.png" alt='' v-else/>
|
||||||
|
</span>
|
||||||
|
<span v-else>
|
||||||
|
<img src="@/assets/img/logo.png" alt='' v-if='(navIndex == 0||navIndex == 1)&&(navIndex == 0 ? mainStore.showSwiperValue ==0 || mainStore.showSwiperValue ==1 : true)&&(navIndex == 0 ? !mainStore.swiperSlide : true) && productMap != 1'/>
|
||||||
|
<img src="@/assets/img/uloveI.png" alt='' v-else/>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<!-- 导航内容 -->
|
||||||
|
<ul class="header-nav-wrapper">
|
||||||
|
<li
|
||||||
|
v-for="(item, index) in navList"
|
||||||
|
:key="index"
|
||||||
|
:class="[index == navIndex ? 'active' : '',(navIndex == 0||navIndex == 1)&&(navIndex == 0 ? mainStore.showSwiperValue ==0 || mainStore.showSwiperValue ==1 : true)&&(navIndex == 0 ? !mainStore.swiperSlide : true) && productMap != 1 ? 'isOne':'']"
|
||||||
|
@click="navClick(index, item.name,item.routerName)"
|
||||||
|
@mouseenter='hoverIndex = index'
|
||||||
|
@mouseleave='hoverIndex = 99'
|
||||||
|
>
|
||||||
|
<a>
|
||||||
|
{{ item.name }}
|
||||||
|
<!-- <span-->
|
||||||
|
<!-- v-if="item.children.length > 0"-->
|
||||||
|
<!-- class="glyphicon glyphicon-menu-down"-->
|
||||||
|
<!-- ></span>-->
|
||||||
|
<i class="underline"></i>
|
||||||
|
</a>
|
||||||
|
<dl v-if="item.children.length > 0" :class='locale === "en" ? "ui-is-style" : ""'>
|
||||||
|
<dt v-for="(i, n) in item.children" :key="n">
|
||||||
|
<a @click.stop='navClick(index, i.path,i.routerName)'>{{ i.name }}</a>
|
||||||
|
</dt>
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="ui-lang _lang" :class="[(navIndex == 0||navIndex == 1)&&(navIndex == 0 ? mainStore.showSwiperValue ==0 || mainStore.showSwiperValue ==1 : true)&&(navIndex == 0 ? !mainStore.swiperSlide : true)&& productMap != 1 ? 'isOne':'']">
|
||||||
|
<span @click='toggle("en")' class='ui-cursor' :class="[locale === 'en' ? 'bold font16 animate__animated animate__pulse' : '']">English{{}}</span>
|
||||||
|
<span class='margin8'>|</span>
|
||||||
|
<span @click='toggle("zh-cn")' class='ui-cursor' :class="[locale === 'zh-cn' ? 'bold font16 animate__animated animate__pulse' : '']">中文</span>
|
||||||
|
<span class='margin8'>|</span>
|
||||||
|
<span @click='toggle("zh-tw")' class='ui-cursor' :class="[locale === 'zh-tw' ? 'bold font16 animate__animated animate__pulse' : '']">繁體</span>
|
||||||
|
</div>
|
||||||
|
<!-- <div class='ui-header-children' v-if='hoverIndex == 2'></div>-->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- 手机导航 -->
|
||||||
|
<div class="header container-fuild ui-mobile-header">
|
||||||
|
<div class="header-nav-m containerV2-fuild visible-xs">
|
||||||
|
<div class="header-nav-m-logo">
|
||||||
|
<!-- <img class="center-block" src="@/assets/img/logo.png" alt='' v-if='navIndex == 0 && productMap != 1'/>-->
|
||||||
|
<img src="@/assets/img/uloveI.png" alt='' />
|
||||||
|
</div>
|
||||||
|
<!-- 导航栏 -->
|
||||||
|
<div class="header-nav-m-menu text-center">
|
||||||
|
{{ menuName }}
|
||||||
|
<div
|
||||||
|
class="header-nav-m-menu-wrapper"
|
||||||
|
data-toggle="collapse"
|
||||||
|
data-target="#menu"
|
||||||
|
@click="menuClick"
|
||||||
|
>
|
||||||
|
<span :class="menuClass"></span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 导航内容 -->
|
||||||
|
<ul id="menu" class="header-nav-m-wrapper collapse">
|
||||||
|
<li
|
||||||
|
v-for="(item, index) in navList"
|
||||||
|
:key="index"
|
||||||
|
:class="index == navIndex ? 'active' : ''"
|
||||||
|
@click="navClick(index, item.name,item.routerName)"
|
||||||
|
data-toggle="collapse"
|
||||||
|
data-target="#menu"
|
||||||
|
>
|
||||||
|
<a :class="index == navIndex ? 'isOne' : ''" @click.stop="navClick(index, item.name,item.routerName)">
|
||||||
|
{{ item.name }}
|
||||||
|
<i class="underline"></i>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { ref, reactive, onMounted, computed, onActivated } from 'vue'
|
||||||
|
import { useRouter } from 'vue-router'
|
||||||
|
import {useMainStore} from '@/store/homeSwiperStatus.js';
|
||||||
|
import { storeToRefs } from 'pinia'
|
||||||
|
|
||||||
|
const mainStore = useMainStore();
|
||||||
|
|
||||||
|
const {swiperValue} = storeToRefs(mainStore);
|
||||||
|
|
||||||
|
|
||||||
|
const phone = import.meta.env.VITE_APP_PHONE
|
||||||
|
const email = import.meta.env.VITE_APP_EMAIL
|
||||||
|
const navIndex = ref('')
|
||||||
|
const productMap = ref('')
|
||||||
|
onMounted(() => {
|
||||||
|
setTimeout(() => {
|
||||||
|
navIndex.value = sessionStorage.getItem('navIndex')
|
||||||
|
? sessionStorage.getItem('navIndex')
|
||||||
|
: 0
|
||||||
|
productMap.value = sessionStorage.getItem('productMap')
|
||||||
|
? sessionStorage.getItem('productMap')
|
||||||
|
: 0
|
||||||
|
},10)
|
||||||
|
|
||||||
|
})
|
||||||
|
|
||||||
|
const menuName = ref('首页')
|
||||||
|
const menuClass = ref('glyphicon glyphicon-menu-down')
|
||||||
|
import { useI18n } from 'vue-i18n'
|
||||||
|
const { t,locale } = useI18n()
|
||||||
|
import en from '@/locale/modules/en.js'
|
||||||
|
const navList = computed(() => {
|
||||||
|
return [
|
||||||
|
{
|
||||||
|
name: t('message.Header.title1'),
|
||||||
|
path: '/',
|
||||||
|
routerName:'Home',
|
||||||
|
children: []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: t('message.Header.title2'),
|
||||||
|
path: '/health',
|
||||||
|
routerName:'health',
|
||||||
|
children: [
|
||||||
|
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: t('message.Header.title3'),
|
||||||
|
path: '/',
|
||||||
|
routerName:'',
|
||||||
|
children: [
|
||||||
|
{
|
||||||
|
name: t('message.Header.title4'),
|
||||||
|
path: 'other',
|
||||||
|
routerName: 'http://b.fulllinkai.com/#/'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: t('message.Header.title5'),
|
||||||
|
path: 'other',
|
||||||
|
routerName:'https://love.ufutx.com/web/#/'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: t('message.Header.title6'),
|
||||||
|
path: '/startABusiness',
|
||||||
|
routerName:'startABusiness',
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: t('message.Header.title7'),
|
||||||
|
path: '/news',
|
||||||
|
routerName:'news',
|
||||||
|
children: []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: t('message.Header.title8'),
|
||||||
|
path: '/joinUs',
|
||||||
|
routerName:'joinUs',
|
||||||
|
children: []
|
||||||
|
},
|
||||||
|
// {
|
||||||
|
// name: t('message.Header.jobChance'),
|
||||||
|
// path: '/jobchance',
|
||||||
|
// children: []
|
||||||
|
// },
|
||||||
|
{
|
||||||
|
name: t('message.Header.title9'),
|
||||||
|
path: '/aboutUs',
|
||||||
|
routerName:'aboutUs',
|
||||||
|
children: []
|
||||||
|
}
|
||||||
|
]
|
||||||
|
})
|
||||||
|
|
||||||
|
const hoverIndex = ref(0)
|
||||||
|
const toggle = language => {
|
||||||
|
locale.value = language // zh en
|
||||||
|
console.log(t('message.language'))
|
||||||
|
localStorage.setItem("language", language);
|
||||||
|
console.log(navList)
|
||||||
|
}
|
||||||
|
const router = useRouter()
|
||||||
|
function navClick(index, name, path) {
|
||||||
|
console.log(index,path,'111---&&&&&')
|
||||||
|
if (name === 'other'){
|
||||||
|
location.href = path
|
||||||
|
return
|
||||||
|
}
|
||||||
|
navIndex.value = index
|
||||||
|
sessionStorage.setItem('navIndex', index)
|
||||||
|
menuName.value = name
|
||||||
|
router.push({
|
||||||
|
name: path,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
function menuClick() {
|
||||||
|
if (menuClass.value == 'glyphicon glyphicon-menu-down') {
|
||||||
|
menuClass.value = 'glyphicon glyphicon-menu-up'
|
||||||
|
} else {
|
||||||
|
menuClass.value = 'glyphicon glyphicon-menu-down'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.ui-header{
|
||||||
|
/*position: absolute;*/
|
||||||
|
position: relative;
|
||||||
|
width: 100%;
|
||||||
|
z-index: 222;
|
||||||
|
}
|
||||||
|
.ui-mobile-header{
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.ui-cursor{
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
/*.ui-header::before{*/
|
||||||
|
/* content: "";*/
|
||||||
|
/* position: absolute;*/
|
||||||
|
/* top: 0;*/
|
||||||
|
/* left: 0;*/
|
||||||
|
/* width: 100%;*/
|
||||||
|
/* height: 100%;*/
|
||||||
|
/* filter: blur(3px);*/
|
||||||
|
/* z-index: -1;*/
|
||||||
|
/*}*/
|
||||||
|
/* 顶部 */
|
||||||
|
.header ,.mobileHeader{
|
||||||
|
//background: linear-gradient( 360deg, rgba(237,238,242,0.5) 0%, rgba(227,229,242,0.5) 100%);
|
||||||
|
|
||||||
|
//background: rgba(244, 244, 244,.25);
|
||||||
|
background: url("https://image.fulllinkai.com/202309/07/ba8702a06053d5ff9d898a4c443e0bae.png") 100% 100%;
|
||||||
|
background-size: cover;
|
||||||
|
transition: all ease 0.6s;
|
||||||
|
backdrop-filter: blur(6px)
|
||||||
|
}
|
||||||
|
.header_one{
|
||||||
|
background: rgba(244, 244, 244,.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.header .header-top {
|
||||||
|
height: 50px;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 12px;
|
||||||
|
line-height: 50px;
|
||||||
|
background: #474747;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 顶部的图标 */
|
||||||
|
.header .header-top span {
|
||||||
|
margin: 0 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 导航栏 */
|
||||||
|
.header .header-nav {
|
||||||
|
height: 110px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header .ui-header-children{
|
||||||
|
width: 100%;
|
||||||
|
height: 122px;
|
||||||
|
background: #FFFFFF;
|
||||||
|
}
|
||||||
|
/* 导航栏logo */
|
||||||
|
.header .header-nav .header-nav-logo {
|
||||||
|
width: 120px;
|
||||||
|
height: 100%;
|
||||||
|
float: left;
|
||||||
|
position: relative;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 导航栏logo图片 */
|
||||||
|
.header .header-nav .header-nav-logo img {
|
||||||
|
width: 120px;
|
||||||
|
height: 40px;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 导航栏 导航容器 */
|
||||||
|
.header .header-nav-fixed .header-nav-wrapper {
|
||||||
|
line-height: 110px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header .header-nav .header-nav-wrapper {
|
||||||
|
line-height: 110px;
|
||||||
|
float: right;
|
||||||
|
margin: 0;
|
||||||
|
max-width: 1500px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 导航栏 每个导航 */
|
||||||
|
.header .header-nav .header-nav-wrapper > li {
|
||||||
|
float: left;
|
||||||
|
padding: 0 30px;
|
||||||
|
position: relative;
|
||||||
|
height: 110px;
|
||||||
|
min-width: 124px;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 导航栏 每个导航下面的 a 链接 */
|
||||||
|
.header .header-nav .header-nav-wrapper > li > a {
|
||||||
|
color: #000;
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: bold;
|
||||||
|
padding: 15px 0;
|
||||||
|
position: relative;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.ui-lang{
|
||||||
|
position: absolute;
|
||||||
|
top: 40px;
|
||||||
|
right: 40px;
|
||||||
|
}
|
||||||
|
._lang{
|
||||||
|
padding-right: 80px;
|
||||||
|
}
|
||||||
|
.header .header-nav .header-nav-wrapper > .isOne > a{
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
.header .header-nav .header-nav-wrapper > .isOne:hover >a{
|
||||||
|
color: #375fff!important;
|
||||||
|
}
|
||||||
|
.header .header-nav .header-nav-wrapper > li:hover >a{
|
||||||
|
color: #375fff!important;
|
||||||
|
}
|
||||||
|
.isOne> span{
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
/* 导航栏 每个导航下面的 a 链接的下划线 */
|
||||||
|
.header .header-nav .header-nav-wrapper > li > a > i {
|
||||||
|
display: block;
|
||||||
|
position: absolute;
|
||||||
|
bottom: -2px;
|
||||||
|
left: 50%;
|
||||||
|
width: 0;
|
||||||
|
height: 2px;
|
||||||
|
opacity: 0;
|
||||||
|
transition: all 0.6s ease;
|
||||||
|
background-color: #375fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 导航栏 每个导航下面的 a 链接的右侧小三角 */
|
||||||
|
.header .header-nav .header-nav-wrapper > li > a > span {
|
||||||
|
font-size: 12px;
|
||||||
|
transition: transform ease 0.5s;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 导航栏 每个导航下面的 a 链接 鼠标滑上去的样式 */
|
||||||
|
.header .header-nav .header-nav-wrapper > li:hover {
|
||||||
|
background: #ffffff;
|
||||||
|
color: #375fff;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 导航栏 每个导航下面的 a 链接 鼠标滑上去下划线的样式 */
|
||||||
|
.header .header-nav .header-nav-wrapper > li > a:hover .underline {
|
||||||
|
opacity: 1;
|
||||||
|
width: 100%;
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 导航栏 每个导航下面的 a 链接 鼠标滑上去三角标的样式 */
|
||||||
|
.header .header-nav .header-nav-wrapper > li > a:hover span {
|
||||||
|
transform: rotate(180deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 导航栏 每个导航下面的 a 链接 鼠标点击后的样式 */
|
||||||
|
.header .header-nav .header-nav-wrapper > li.active > a {
|
||||||
|
color: #375fff;
|
||||||
|
text-decoration: none;
|
||||||
|
border-bottom: 2px solid #375fff;
|
||||||
|
}
|
||||||
|
/* 导航栏 每个导航下面的 a 链接 鼠标点击后的样式 */
|
||||||
|
.header .header-nav .header-nav-wrapper > li.colorSize > a {
|
||||||
|
color: #ffffff;
|
||||||
|
/*text-decoration: none;*/
|
||||||
|
/*border-bottom: 2px solid #1e73be;*/
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 导航栏 每个导航下面的二级导航容器 */
|
||||||
|
.header .header-nav .header-nav-wrapper > li > dl {
|
||||||
|
display: none;
|
||||||
|
position: absolute;
|
||||||
|
width: 4130px;
|
||||||
|
top:100%;
|
||||||
|
left: -2000px;
|
||||||
|
padding-top: 12px;
|
||||||
|
z-index: 999999;
|
||||||
|
/*box-shadow: 0 0 3px 1px #ccc;*/
|
||||||
|
background: #fff;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #0A112E;
|
||||||
|
}
|
||||||
|
.ui-is-style{
|
||||||
|
width: 4220px!important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 导航栏 每个导航下面的二级导航容器的每个导航 */
|
||||||
|
.header .header-nav .header-nav-wrapper > li > dl > dt {
|
||||||
|
width: 100%;
|
||||||
|
/*margin-left: 3600px;*/
|
||||||
|
padding: 10px;
|
||||||
|
color: #0A112E;
|
||||||
|
/*border-bottom: 1px solid #ccc;*/
|
||||||
|
}
|
||||||
|
|
||||||
|
.header .header-nav .header-nav-wrapper > li > dl > dt > a{
|
||||||
|
width: 100%;
|
||||||
|
/*margin-left: 3600px;*/
|
||||||
|
padding: 10px;
|
||||||
|
color: #0A112E;
|
||||||
|
/*border-bottom: 1px solid #ccc;*/
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 导航栏 每个导航下面的二级导航容器的每个导航 当鼠标滑上时的样式*/
|
||||||
|
.header .header-nav .header-nav-wrapper > li > dl > dt > a:hover {
|
||||||
|
text-decoration: none;
|
||||||
|
color: #375fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 导航栏 滑上一级导航显示二级导航 */
|
||||||
|
.header .header-nav .header-nav-wrapper > li:hover dl {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header .header-nav .header-nav-wrapper > li > dl > dt:hover {
|
||||||
|
cursor: pointer;
|
||||||
|
/*background: #ccc;*/
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 997px) {
|
||||||
|
.header .header-nav-m {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 导航栏logo容器 */
|
||||||
|
.header .header-nav-m .header-nav-m-logo {
|
||||||
|
height: 80px;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 导航栏logo图片 */
|
||||||
|
.header .header-nav-m .header-nav-m-logo img {
|
||||||
|
width: 120px;
|
||||||
|
height: 40px;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 导航栏 菜单容器 */
|
||||||
|
.header .header-nav-m .header-nav-m-menu {
|
||||||
|
color: #fff;
|
||||||
|
height: 50px;
|
||||||
|
font-size: 20px;
|
||||||
|
line-height: 50px;
|
||||||
|
background: #474747;
|
||||||
|
position: relative;
|
||||||
|
z-index: 999999;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 导航栏 菜单图标 */
|
||||||
|
.header .header-nav-m .header-nav-m-menu-wrapper {
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
right: 20px;
|
||||||
|
margin-top: -20px;
|
||||||
|
width: 50px;
|
||||||
|
height: 40px;
|
||||||
|
color: #fff;
|
||||||
|
z-index: 999999;
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 导航栏 */
|
||||||
|
.header .header-nav-m .header-nav-m-wrapper {
|
||||||
|
position: absolute;
|
||||||
|
top: 50px;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
background: #474747;
|
||||||
|
z-index: 9999999;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 导航栏 每个导航 */
|
||||||
|
.header .header-nav-m .header-nav-m-wrapper > li {
|
||||||
|
height: 40px;
|
||||||
|
line-height: 40px;
|
||||||
|
border-bottom: 1px solid #ccc;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 导航栏 每个导航下面的 a 链接 */
|
||||||
|
.header .header-nav-m .header-nav-m-wrapper > li > a {
|
||||||
|
color: #fff;
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: bold;
|
||||||
|
padding: 15px 0;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 导航栏 每个导航下面的 a 链接的右侧小三角 */
|
||||||
|
.header .header-nav .header-nav-wrapper > li > a > span {
|
||||||
|
font-size: 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
285
src/components/pc/Health.vue
Normal file
285
src/components/pc/Health.vue
Normal file
@ -0,0 +1,285 @@
|
|||||||
|
<template>
|
||||||
|
<div id='health'>
|
||||||
|
<div class='ui-health-bg'>
|
||||||
|
<img src='https://image.fulllinkai.com/202406/26/fb4b4d8e4e2750cf7d7ebf787b668dc2.png' alt=''>
|
||||||
|
<div class='ui-health-bg-box' :class="locale === 'en' ? 'ui-health-bg-box-V2' : ''">
|
||||||
|
<div class='ui-health-b-b-title'>{{$t('message.Health.html1')}}</div>
|
||||||
|
<div class='ui-health-b-b-tab'>
|
||||||
|
<div class='ui-cursor' :class='[pageIndex === index ? "ui-health-b-active" :"",index == 0 ? "ui-mr-64" : "" ]'
|
||||||
|
v-for='(item,index) in pageTabs' :key='index'
|
||||||
|
@mouseenter='pageIndex = index'>
|
||||||
|
{{item.title}}
|
||||||
|
<div v-if='pageIndex === index ' class="underline"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class='ui-health-b-active-text'>
|
||||||
|
{{pageTabs[pageIndex].text}}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class='ui-health-box'>
|
||||||
|
<div class='containerV2'>
|
||||||
|
<div style='display: flex;flex-direction: column;align-items: center'>
|
||||||
|
<div class='ui-health-box-title'>{{$t('message.Health.html2')}}</div>
|
||||||
|
<div class='ui-health-box-title-e' v-if="locale !== 'en'">Service process</div>
|
||||||
|
<div class='ui-health-box-title-s'></div>
|
||||||
|
</div>
|
||||||
|
<div class='ui-health-big-box'>
|
||||||
|
<img class='ui-health-big-image' :src='list[selectListIndex].bigPic' alt=''>
|
||||||
|
<div class='ui-health-big-title' :class='selectListIndex === 0 ? "ui-health-big-title-one" :"" '>{{list[selectListIndex].nextTitle}}</div>
|
||||||
|
</div>
|
||||||
|
<div class='ui-health-list'>
|
||||||
|
<div class='ui-health-list-one' v-for='(item,index) in list' :key='index'>
|
||||||
|
<img class='ui-health-list-image' :class='selectListIndex === index ? "ui-health-list-active" : "" '
|
||||||
|
:src='item.pic' alt='' @mouseenter='selectListIndex = index'>
|
||||||
|
<div class='ui-health-list-title'>0{{index + 1}}</div>
|
||||||
|
<div class='ui-health-list-title'>{{item.title}}</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup name="health">
|
||||||
|
import { onMounted, ref, getCurrentInstance, computed, watch } from 'vue'
|
||||||
|
// {{$t(message.Header.Home)}}
|
||||||
|
// const { appContext : { config: { globalProperties } } } = getCurrentInstance();
|
||||||
|
// console.log(globalProperties.$t('message.Header.Services'))
|
||||||
|
|
||||||
|
// import useLocale from '@/hooks/locale'; // 引入
|
||||||
|
// const { currentLocale } = useLocale();
|
||||||
|
// watch(currentLocale, (newValue, oldValue) => {
|
||||||
|
// console.log('组件名----语言变化');
|
||||||
|
// console.log(`newValue: ${newValue}`);
|
||||||
|
// console.log(`oldValue: ${oldValue}`);
|
||||||
|
// });
|
||||||
|
|
||||||
|
|
||||||
|
import { useI18n } from 'vue-i18n'
|
||||||
|
const { t,locale } = useI18n()
|
||||||
|
const pageTabs = computed(()=>{
|
||||||
|
return [
|
||||||
|
{title:t('message.Health.title1'),text: t('message.Health.title2')},
|
||||||
|
{title:t('message.Health.title4'),text: t('message.Health.title5')},
|
||||||
|
]
|
||||||
|
})
|
||||||
|
|
||||||
|
// const pageTabs = ref(eval(tableDemoColumn))
|
||||||
|
// watch(
|
||||||
|
// () => tableDemoColumn,
|
||||||
|
// (newValue, oldValue) => {
|
||||||
|
// console.log(newValue, "percentage.value");
|
||||||
|
// },
|
||||||
|
// { deep: true }
|
||||||
|
// );
|
||||||
|
|
||||||
|
const pageIndex = ref(0)
|
||||||
|
|
||||||
|
const list = computed(()=>{
|
||||||
|
return [
|
||||||
|
{
|
||||||
|
title:t('message.Health.list1'),
|
||||||
|
nextTitle:t('message.Health.list2'),
|
||||||
|
pic:'https://image.fulllinkai.com/202309/04/12aa27f1f073d24682a495593ec34d12.png',
|
||||||
|
bigPic:'https://image.fulllinkai.com/202309/04/51048961648e51c1ce353bea643fa81b.png',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title:t('message.Health.list3'),
|
||||||
|
nextTitle:t('message.Health.list4'),
|
||||||
|
pic:'https://image.fulllinkai.com/202309/04/a40b967690a5fd1ed11837774de7ccc1.png',
|
||||||
|
bigPic:'https://image.fulllinkai.com/202309/04/d8f3a9fd906714b7740571d8c2ec54a5.png',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title:t('message.Health.list5'),
|
||||||
|
nextTitle:t('message.Health.list6'),
|
||||||
|
pic:'https://image.fulllinkai.com/202309/04/552227901a64d956c8c9c0cc37e65beb.png',
|
||||||
|
bigPic:'https://image.fulllinkai.com/202309/04/83c4df2ac883b43a0e32063aa3fe4729.png',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title:t('message.Health.list7'),
|
||||||
|
nextTitle:t('message.Health.list8'),
|
||||||
|
pic:'https://image.fulllinkai.com/202309/04/c64df84d100cb2555e07c22a1b00c4f4.png',
|
||||||
|
bigPic:'https://image.fulllinkai.com/202309/04/e1058a92e515e5d06f1d9f7706172c85.png',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title:t('message.Health.list9'),
|
||||||
|
nextTitle:t('message.Health.list10'),
|
||||||
|
pic:'https://image.fulllinkai.com/202309/04/a42825e58d1352eab41fd52e33c0e946.png',
|
||||||
|
bigPic:'https://image.fulllinkai.com/202309/04/718f158843f3b6cd38667ec7b9ac26d7.png',
|
||||||
|
},
|
||||||
|
]
|
||||||
|
|
||||||
|
})
|
||||||
|
const selectBox = ref({})
|
||||||
|
const selectListIndex = ref(0)
|
||||||
|
onMounted(() => {
|
||||||
|
sessionStorage.setItem('navIndex', '1')
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
#health{
|
||||||
|
background: url("https://image.fulllinkai.com/202309/07/348a87abc5f0870ed4d0e6085fd032fb.png") no-repeat center;
|
||||||
|
}
|
||||||
|
.ui-health-bg{
|
||||||
|
position: relative;
|
||||||
|
width: 100%;
|
||||||
|
height: 938px;
|
||||||
|
}
|
||||||
|
.ui-health-bg > img {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
.ui-health-bg-box{
|
||||||
|
position: absolute;
|
||||||
|
top: 324px;
|
||||||
|
left: 360px;
|
||||||
|
padding: 128px 48px;
|
||||||
|
max-width: 594px;
|
||||||
|
height: 614px;
|
||||||
|
/*background: rgba(244, 244, 244,.5);*/
|
||||||
|
background: url("https://image.fulllinkai.com/202309/07/4dccf7d931ac8fd5d15997e9377782b0.png");
|
||||||
|
transition: all ease 0.7s;
|
||||||
|
backdrop-filter: blur(4px);
|
||||||
|
width: fit-content
|
||||||
|
}
|
||||||
|
.ui-health-bg-box-V2{
|
||||||
|
max-width: 800px;
|
||||||
|
}
|
||||||
|
.ui-health-b-b-title{
|
||||||
|
font-size: 64px;
|
||||||
|
color: #050917;
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
.ui-health-b-b-tab{
|
||||||
|
margin-top: 64px;
|
||||||
|
display: flex;
|
||||||
|
font-size: 28px;
|
||||||
|
font-weight: 700;
|
||||||
|
color: rgba(10,17,46,0.5);
|
||||||
|
}
|
||||||
|
|
||||||
|
.ui-health-b-active{
|
||||||
|
color: #0A112E;
|
||||||
|
}
|
||||||
|
.underline{
|
||||||
|
width: 100%;
|
||||||
|
height: 4px;
|
||||||
|
background: #0A112E;
|
||||||
|
}
|
||||||
|
.ui-mr-64{
|
||||||
|
margin-right: 64px;
|
||||||
|
}
|
||||||
|
.ui-cursor{
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.ui-health-b-active-text{
|
||||||
|
margin-top: 64px;
|
||||||
|
font-size: 18px;
|
||||||
|
color: #0A112E;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
}
|
||||||
|
.ui-health-box{
|
||||||
|
/*margin: 0 auto;*/
|
||||||
|
width: 100%;
|
||||||
|
height: 1266px;
|
||||||
|
padding-top: 86px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.ui-health-box-title{
|
||||||
|
font-size: 40px;
|
||||||
|
font-weight: 700;
|
||||||
|
color: #050917;
|
||||||
|
}
|
||||||
|
.ui-health-box-title-e{
|
||||||
|
margin-top: -8px;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 300;
|
||||||
|
color: #050917;
|
||||||
|
}
|
||||||
|
.ui-health-box-title-s{
|
||||||
|
/*width: 12px;*/
|
||||||
|
/*height: 4px;*/
|
||||||
|
/*background: #375FFF;*/
|
||||||
|
margin-top: 6px;
|
||||||
|
width: 0;
|
||||||
|
height: 0;
|
||||||
|
border: 4px solid transparent;
|
||||||
|
border-top-color: #375FFF;
|
||||||
|
}
|
||||||
|
.ui-health-big-box{
|
||||||
|
position: relative;
|
||||||
|
margin-top: 64px;
|
||||||
|
width: 1200px;
|
||||||
|
height: 480px;
|
||||||
|
}
|
||||||
|
.ui-health-big-image{
|
||||||
|
width: 1200px;
|
||||||
|
height: 480px;
|
||||||
|
transition: 1s ease;
|
||||||
|
}
|
||||||
|
.ui-health-big-title{
|
||||||
|
position: absolute;
|
||||||
|
left: 24px;
|
||||||
|
bottom: 24px;
|
||||||
|
font-size: 24px;
|
||||||
|
font-weight: 350;
|
||||||
|
color: #FFFFFF;
|
||||||
|
}
|
||||||
|
.ui-health-big-title-one{
|
||||||
|
color: #14235D;
|
||||||
|
}
|
||||||
|
.ui-health-list{
|
||||||
|
position: relative;
|
||||||
|
display: flex;
|
||||||
|
align-items: flex-start;
|
||||||
|
width: 1200px;
|
||||||
|
//height: 318px;
|
||||||
|
background: #375FFF;
|
||||||
|
margin-top: 64px;
|
||||||
|
padding: 24px;
|
||||||
|
}
|
||||||
|
.ui-health-list:before{
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
top:-44px;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
width: 0;
|
||||||
|
height: 0;
|
||||||
|
border: 22px solid transparent;
|
||||||
|
border-bottom-color: #C6D1FF;
|
||||||
|
/*background: #C6D1FF;*/
|
||||||
|
}
|
||||||
|
.ui-health-list-one{
|
||||||
|
margin-right: 24px;
|
||||||
|
/*padding: 24px;*/
|
||||||
|
box-sizing: content-box;
|
||||||
|
}
|
||||||
|
.ui-health-list-one:nth-child(5){
|
||||||
|
padding-right: 0;
|
||||||
|
}
|
||||||
|
.ui-health-list-image{
|
||||||
|
width: 210px;
|
||||||
|
height: 210px;
|
||||||
|
object-fit: cover;
|
||||||
|
background: #ffffff;
|
||||||
|
}
|
||||||
|
/*.ui-health-list-image:hover{*/
|
||||||
|
/* padding: 4px;*/
|
||||||
|
/* !*border: 2px solid #ffffff;*!*/
|
||||||
|
/* transition: padding .2s ease;*/
|
||||||
|
/*}*/
|
||||||
|
.ui-health-list-active{
|
||||||
|
/*content: '';*/
|
||||||
|
padding: 4px;
|
||||||
|
/*border: 2px solid #ffffff;*/
|
||||||
|
transition: padding .2s ease;
|
||||||
|
}
|
||||||
|
.ui-health-list-title{
|
||||||
|
font-size: 24px;
|
||||||
|
/*font-weight: 700;*/
|
||||||
|
color: #FFFFFF;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
371
src/components/pc/JoinUs.vue
Normal file
371
src/components/pc/JoinUs.vue
Normal file
@ -0,0 +1,371 @@
|
|||||||
|
<template>
|
||||||
|
<div id='joinUs' @click='selectIndex = 99'>
|
||||||
|
<div class='ui-joinUs-bg'>
|
||||||
|
<img src='https://image.fulllinkai.com/202309/05/eef666a9377322e9a9356a931d5cfc01.png' alt=''>
|
||||||
|
</div>
|
||||||
|
<div class='containerV2'>
|
||||||
|
<div class='ui-joinUs-title'>
|
||||||
|
<div class='ui-joinUs-title-left'></div>
|
||||||
|
<div class='ui-joinUs-title-text'>
|
||||||
|
<img alt='' :src='newImagesV1' >
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class='ui-joinUs-introduce'>
|
||||||
|
<div class='ui-joinUs-introduce-list' v-for='(item,index) in introduceList' :key='index'>
|
||||||
|
<div class='ui-joinUs-introduce-list-title'>{{item.title}}</div>
|
||||||
|
<div class='ui-joinUs-introduce-list-line'></div>
|
||||||
|
<div class='ui-joinUs-introduce-list-subtitle'>{{item.subtitle}}</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class='ui-joinUs-title'>
|
||||||
|
<div class='ui-joinUs-title-left'></div>
|
||||||
|
<div class='ui-joinUs-title-text'>
|
||||||
|
<img :src='newImagesV2' alt=''>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class='ui-joinUs-recruit'>
|
||||||
|
<div style='margin-bottom: 24px;' v-for='(item,index) in recruitList' :key='index' @click.stop='recruitChange(index)'>
|
||||||
|
<div class='ui-joinUs-recruit-list' @mouseenter='borderIndex = index' :class='borderIndex === index && selectIndex === 99? "ui-joinUs-recruit-list-border" : "" '>
|
||||||
|
<div class='ui-joinUs-recruit-list-title'>{{item.title}}</div>
|
||||||
|
<div class='ui-joinUs-recruit-list-sub'>
|
||||||
|
<div>{{item.subtitle}}</div>
|
||||||
|
<div class='ui-joinUs-recruit-list-sub-time'>{{item.time}}</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class='ui-joinUs-recruit-list-box' v-if='selectIndex === index'>
|
||||||
|
<div class='ui-joinUs-recruit-b-title'>{{t('message.JoinUs.html1')}}：</div>
|
||||||
|
<div class='ui-joinUs-recruit-b-subtitle'>{{item.responsibilityMessage}}</div>
|
||||||
|
<div class='ui-joinUs-recruit-b-title'>{{t('message.JoinUs.html2')}}：</div>
|
||||||
|
<div class='ui-joinUs-recruit-b-subtitle ui-joinUs-bottom'>{{item.qualificationMessage}}</div>
|
||||||
|
<div class='ui-joinUs-contact-box'>
|
||||||
|
<div class='ui-joinUs-contact-phone ui-joinUs-right' @click.stop='toShare(item.tel)'>
|
||||||
|
<img class='ui-joinUs-contact-phone-icon' src='https://image.fulllinkai.com/202309/05/1d71c794eed1cf2bb03c8c2f79f144c9.png' alt=''>
|
||||||
|
<div>{{item.tel}}</div>
|
||||||
|
</div>
|
||||||
|
<div class='ui-joinUs-contact-phone' @click.stop='toShare(item.email)'>
|
||||||
|
<img class='ui-joinUs-contact-phone-icon' src='https://image.fulllinkai.com/202309/05/a8bc9bd19b7e9e2dc8dd0265c7d7cbfb.png' alt=''>
|
||||||
|
<div>{{item.email}}</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class='ui-newsDetail-tip' v-if='showTip'>
|
||||||
|
{{ t('message.JoinUs.html3') }}
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { computed, onMounted, ref } from 'vue'
|
||||||
|
import { useI18n } from 'vue-i18n'
|
||||||
|
const { t,locale } = useI18n()
|
||||||
|
const newImagesV1 = computed(() => {
|
||||||
|
return t('message.JoinUs.img1')
|
||||||
|
})
|
||||||
|
const newImagesV2 = computed(() => {
|
||||||
|
return t('message.JoinUs.img2')
|
||||||
|
})
|
||||||
|
|
||||||
|
const introduceList = computed(() => {
|
||||||
|
return [
|
||||||
|
{
|
||||||
|
title: t('message.JoinUs.list1'),
|
||||||
|
subtitle:t('message.JoinUs.list2'),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: t('message.JoinUs.list3'),
|
||||||
|
subtitle:t('message.JoinUs.list4'),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: t('message.JoinUs.list5'),
|
||||||
|
subtitle:t('message.JoinUs.list6'),
|
||||||
|
}
|
||||||
|
]
|
||||||
|
})
|
||||||
|
const selectIndex = ref(99)
|
||||||
|
const borderIndex = ref(99)
|
||||||
|
const recruitList = computed(() => {
|
||||||
|
return [
|
||||||
|
{
|
||||||
|
title: t('message.JoinUs.RList1V1'),
|
||||||
|
time:t('message.JoinUs.RList1V2'),
|
||||||
|
subtitle:t('message.JoinUs.RList1V3'),
|
||||||
|
responsibilityTitle:t('message.JoinUs.RList1V4'),
|
||||||
|
responsibilityMessage:t('message.JoinUs.RList1V5')+'\n' +
|
||||||
|
t('message.JoinUs.RList1V6')+'\n' +
|
||||||
|
t('message.JoinUs.RList1V7')+'\n' +
|
||||||
|
t('message.JoinUs.RList1V8')+'\n',
|
||||||
|
qualificationTitle:t('message.JoinUs.RList1V9'),
|
||||||
|
qualificationMessage:t('message.JoinUs.RList1V10')+'\n' +
|
||||||
|
t('message.JoinUs.RList1V11')+'\n' +
|
||||||
|
t('message.JoinUs.RList1V12')+'\n' +
|
||||||
|
t('message.JoinUs.RList1V13')+'\n' +
|
||||||
|
t('message.JoinUs.RList1V14'),
|
||||||
|
tel:'181-4852-2763',
|
||||||
|
email:'yftxtx@uftx2023.com '
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: t('message.JoinUs.RList2V1'),
|
||||||
|
time:t('message.JoinUs.RList1V2'),
|
||||||
|
subtitle:t('message.JoinUs.RList1V3'),
|
||||||
|
responsibilityTitle:t('message.JoinUs.html1'),
|
||||||
|
responsibilityMessage:t('message.JoinUs.RList2V2')+'\n' +
|
||||||
|
t('message.JoinUs.RList2V3')+'\n' +
|
||||||
|
t('message.JoinUs.RList2V4')+'\n' +
|
||||||
|
t('message.JoinUs.RList2V5')+'\n',
|
||||||
|
qualificationTitle:t('message.JoinUs.html2'),
|
||||||
|
qualificationMessage:t('message.JoinUs.RList2V6')+'\n' +
|
||||||
|
t('message.JoinUs.RList2V7')+'\n',
|
||||||
|
tel:'181-4852-2763',
|
||||||
|
email:'yftxtx@uftx2023.com '
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: t('message.JoinUs.RList3V1'),
|
||||||
|
time:t('message.JoinUs.RList1V2'),
|
||||||
|
subtitle:t('message.JoinUs.RList1V3'),
|
||||||
|
responsibilityTitle:t('message.JoinUs.html1'),
|
||||||
|
responsibilityMessage:t('message.JoinUs.RList3V2')+'\n' +
|
||||||
|
t('message.JoinUs.RList3V3')+'\n' +
|
||||||
|
t('message.JoinUs.RList3V4')+'\n' +
|
||||||
|
t('message.JoinUs.RList3V5')+'\n',
|
||||||
|
qualificationTitle:t('message.JoinUs.html2'),
|
||||||
|
qualificationMessage:t('message.JoinUs.RList3V6')+'\n' +
|
||||||
|
t('message.JoinUs.RList3V7')+'\n' +
|
||||||
|
t('message.JoinUs.RList3V8')+'\n',
|
||||||
|
tel:'181-4852-2763',
|
||||||
|
email:'yftxtx@uftx2023.com '
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title:t('message.JoinUs.RList4V1'),
|
||||||
|
time:t('message.JoinUs.RList1V2'),
|
||||||
|
subtitle:t('message.JoinUs.RList1V3'),
|
||||||
|
responsibilityTitle:t('message.JoinUs.html1'),
|
||||||
|
responsibilityMessage:t('message.JoinUs.RList4V2')+'\n' +
|
||||||
|
t('message.JoinUs.RList4V3')+'\n' +
|
||||||
|
t('message.JoinUs.RList4V4')+'\n' +
|
||||||
|
t('message.JoinUs.RList4V5')+'\n',
|
||||||
|
qualificationTitle:t('message.JoinUs.html2'),
|
||||||
|
qualificationMessage:t('message.JoinUs.RList4V6')+'\n' +
|
||||||
|
t('message.JoinUs.RList4V7')+'\n' +
|
||||||
|
t('message.JoinUs.RList4V8')+'\n',
|
||||||
|
tel:'181-4852-2763',
|
||||||
|
email:'yftxtx@uftx2023.com '
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title:t('message.JoinUs.RList5V1'),
|
||||||
|
time:t('message.JoinUs.RList1V2'),
|
||||||
|
subtitle:t('message.JoinUs.RList1V3'),
|
||||||
|
responsibilityTitle:t('message.JoinUs.html1'),
|
||||||
|
responsibilityMessage:t('message.JoinUs.RList5V2')+'\n' +
|
||||||
|
t('message.JoinUs.RList5V3')+'\n' +
|
||||||
|
t('message.JoinUs.RList5V4')+'\n' +
|
||||||
|
t('message.JoinUs.RList5V5')+'\n' +
|
||||||
|
t('message.JoinUs.RList5V6')+'\n',
|
||||||
|
qualificationTitle:t('message.JoinUs.html2'),
|
||||||
|
qualificationMessage:t('message.JoinUs.RList5V7')+'\n' +
|
||||||
|
t('message.JoinUs.RList5V8')+'\n' +
|
||||||
|
t('message.JoinUs.RList5V9')+'\n' +
|
||||||
|
t('message.JoinUs.RList5V10')+'\n' +
|
||||||
|
t('message.JoinUs.RList5V11')+'\n',
|
||||||
|
tel:'181-4852-2763',
|
||||||
|
email:'yftxtx@uftx2023.com '
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: t('message.JoinUs.RList6V1'),
|
||||||
|
time:t('message.JoinUs.RList1V2'),
|
||||||
|
subtitle:t('message.JoinUs.RList1V3'),
|
||||||
|
responsibilityTitle:t('message.JoinUs.html1'),
|
||||||
|
responsibilityMessage:t('message.JoinUs.RList6V62')+'\n' +
|
||||||
|
t('message.JoinUs.RList6V3')+'\n' +
|
||||||
|
t('message.JoinUs.RList6V4')+'\n' +
|
||||||
|
t('message.JoinUs.RList6V5')+'\n' +
|
||||||
|
t('message.JoinUs.RList6V6')+'\n',
|
||||||
|
qualificationTitle:t('message.JoinUs.html2'),
|
||||||
|
qualificationMessage:t('message.JoinUs.RList6V7')+'\n' +
|
||||||
|
t('message.JoinUs.RList6V8')+'\n' +
|
||||||
|
t('message.JoinUs.RList6V9')+'\n' +
|
||||||
|
t('message.JoinUs.RList6V10')+'\n' +
|
||||||
|
t('message.JoinUs.RList6V11')+'\n',
|
||||||
|
tel:'181-4852-2763',
|
||||||
|
email:'yftxtx@uftx2023.com '
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
||||||
|
})
|
||||||
|
const recruitChange = (index) => {
|
||||||
|
borderIndex.value = index
|
||||||
|
if (selectIndex.value === 99 || selectIndex.value !== index ){
|
||||||
|
selectIndex.value = index
|
||||||
|
}else {
|
||||||
|
selectIndex.value = 99
|
||||||
|
}
|
||||||
|
}
|
||||||
|
const showTip = ref(false)
|
||||||
|
const toShare = (value) => {
|
||||||
|
const element = document.createElement('textarea')
|
||||||
|
element.value = value
|
||||||
|
console.log(element,'-')
|
||||||
|
document.body.appendChild(element);
|
||||||
|
element.select()
|
||||||
|
if (document.execCommand('copy')) {
|
||||||
|
document.execCommand('copy')
|
||||||
|
document.body.removeChild(element)
|
||||||
|
showTip.value = true
|
||||||
|
setTimeout(() => {
|
||||||
|
showTip.value = false
|
||||||
|
},1200)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
onMounted(() => {
|
||||||
|
sessionStorage.setItem('navIndex', '4')
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
#joinUs{
|
||||||
|
background: url("https://image.fulllinkai.com/202309/07/348a87abc5f0870ed4d0e6085fd032fb.png") no-repeat center;
|
||||||
|
}
|
||||||
|
.ui-joinUs-bg{
|
||||||
|
width: 100%;
|
||||||
|
height: 512px;
|
||||||
|
margin-bottom: 96px;
|
||||||
|
}
|
||||||
|
.ui-joinUs-bg img {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
|
.ui-joinUs-title{
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.ui-joinUs-title-left{
|
||||||
|
margin-right: 24px;
|
||||||
|
width: 8px;
|
||||||
|
height: 72px;
|
||||||
|
background: #375FFF;
|
||||||
|
}
|
||||||
|
.ui-joinUs-title-text{
|
||||||
|
font-size: 70px;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.ui-joinUs-title-text img {
|
||||||
|
width: auto;
|
||||||
|
height: 72px;
|
||||||
|
}
|
||||||
|
.ui-joinUs-introduce{
|
||||||
|
margin: 70px 0 75px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
.ui-joinUs-introduce-list{
|
||||||
|
width: 376px;
|
||||||
|
}
|
||||||
|
.ui-joinUs-introduce-list-title{
|
||||||
|
font-size: 24px;
|
||||||
|
font-weight: 700;
|
||||||
|
color: rgba(0,0,0,0.7);
|
||||||
|
}
|
||||||
|
.ui-joinUs-introduce-list-line{
|
||||||
|
margin: 24px 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 4px;
|
||||||
|
background: #E2E8FF;
|
||||||
|
}
|
||||||
|
.ui-joinUs-introduce-list-subtitle{
|
||||||
|
font-size: 14px;
|
||||||
|
color: #0F1A46;
|
||||||
|
}
|
||||||
|
.ui-joinUs-recruit{
|
||||||
|
padding: 69px 0 204px;
|
||||||
|
}
|
||||||
|
.ui-joinUs-recruit-list{
|
||||||
|
padding: 48px;
|
||||||
|
width: 1200px;
|
||||||
|
/*height: 168px;*/
|
||||||
|
background: #FFFFFF;
|
||||||
|
border-radius: 16px;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.ui-joinUs-recruit-list-border{
|
||||||
|
border: 1px solid #375FFF
|
||||||
|
}
|
||||||
|
.ui-joinUs-recruit-list-title{
|
||||||
|
font-size: 24px;
|
||||||
|
font-weight: 700;
|
||||||
|
color: #0A112E;
|
||||||
|
}
|
||||||
|
.ui-joinUs-recruit-list-sub{
|
||||||
|
margin-top: 24px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #0A112E;
|
||||||
|
}
|
||||||
|
.ui-joinUs-recruit-list-sub-time{
|
||||||
|
color: rgba(15,26,70,0.5);
|
||||||
|
}
|
||||||
|
.ui-joinUs-recruit-list-box{
|
||||||
|
padding: 32px 49px 32px;
|
||||||
|
width: 1200px;
|
||||||
|
/*height: 508px;*/
|
||||||
|
background: #FFFFFF;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.ui-joinUs-recruit-b-title{
|
||||||
|
font-size: 18px;
|
||||||
|
color: #0F1A46;
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
.ui-joinUs-recruit-b-subtitle{
|
||||||
|
padding-bottom: 46px;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #0F1A46;
|
||||||
|
white-space: pre-wrap;
|
||||||
|
line-height: 2.5;
|
||||||
|
}
|
||||||
|
.ui-joinUs-bottom{
|
||||||
|
padding-bottom: 16px;
|
||||||
|
}
|
||||||
|
.ui-joinUs-contact-box{
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.ui-joinUs-contact-phone{
|
||||||
|
padding: 10px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
font-size: 14px;
|
||||||
|
height: 32px;
|
||||||
|
color: #ffffff;
|
||||||
|
background: #335CFF;
|
||||||
|
line-height: 32px;
|
||||||
|
border-radius: 200px 200px 200px 200px;
|
||||||
|
}
|
||||||
|
.ui-joinUs-contact-phone:nth-child(1){
|
||||||
|
margin-right: 48px;
|
||||||
|
}
|
||||||
|
.ui-joinUs-contact-phone-icon{
|
||||||
|
margin-right: 2px;
|
||||||
|
width: 13px;
|
||||||
|
height: 12px;
|
||||||
|
}
|
||||||
|
.ui-newsDetail-tip{
|
||||||
|
position: fixed;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%,-50%);
|
||||||
|
width: 240px;
|
||||||
|
height: 40px;
|
||||||
|
font-size: 20px;
|
||||||
|
color: #ffffff;
|
||||||
|
background: #4a4a4b;
|
||||||
|
line-height: 40px;
|
||||||
|
border-radius: 12px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
148
src/components/pc/News.vue
Normal file
148
src/components/pc/News.vue
Normal file
@ -0,0 +1,148 @@
|
|||||||
|
<template>
|
||||||
|
<div id='news'>
|
||||||
|
<div class='ui-news-bg'>
|
||||||
|
<img :src='newImages' alt='' />
|
||||||
|
</div>
|
||||||
|
<div class='containerV2'>
|
||||||
|
<div class='ui-news-title'>{{t('message.news.html1')}}</div>
|
||||||
|
<div class='ui-news-box'>
|
||||||
|
<div class='ui-news-list' v-for='(item,index) in newsList' :key='index' @click='goToMessage(item.path,item.id)'>
|
||||||
|
<div class='ui-news-list-message'>
|
||||||
|
<div class='ui-news-list-title'>{{item.title}}</div>
|
||||||
|
<div class='ui-news-list-time'>{{item.time}}</div>
|
||||||
|
<div class='ui-news-list-subTitle'>{{item.subTitle}}</div>
|
||||||
|
</div>
|
||||||
|
<img class='ui-news-list-pic' :src='item.pic' alt='' />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { computed, onMounted, ref } from 'vue'
|
||||||
|
import {useRouter} from "vue-router";
|
||||||
|
import WOW from 'wow.js'
|
||||||
|
|
||||||
|
import { useI18n } from 'vue-i18n'
|
||||||
|
const { t,locale } = useI18n()
|
||||||
|
|
||||||
|
const newImages = computed(() => {
|
||||||
|
return t('message.news.img1')
|
||||||
|
})
|
||||||
|
const newsList = computed(() => {
|
||||||
|
return [
|
||||||
|
{
|
||||||
|
title:t('message.news.list1')+'\n'+t('message.news.list2'),
|
||||||
|
pic: 'https://image.fulllinkai.com/202309/04/caab29d4770e125863863466a66a95e6.png',
|
||||||
|
subTitle: t('message.news.list3'),
|
||||||
|
time: '2023.08.20',
|
||||||
|
path: 'newsDetail',
|
||||||
|
id: 1
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: t('message.news.list4')+'\n'+t('message.news.list5'),
|
||||||
|
pic: 'https://image.fulllinkai.com/202309/04/9e21ed15f152637de4a0224f615ad131.png',
|
||||||
|
subTitle: t('message.news.list6'),
|
||||||
|
time: '2023.08.20',
|
||||||
|
path: 'newsDetail',
|
||||||
|
id: 2
|
||||||
|
}
|
||||||
|
]
|
||||||
|
})
|
||||||
|
const router = useRouter()
|
||||||
|
const goToMessage = (url,id) => {
|
||||||
|
console.log(router,'r-------')
|
||||||
|
// return
|
||||||
|
router.push({
|
||||||
|
name: url,
|
||||||
|
query:{id:id}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
onMounted(()=> {
|
||||||
|
sessionStorage.setItem('navIndex', '3')
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
#news{
|
||||||
|
background: url("https://image.fulllinkai.com/202309/07/348a87abc5f0870ed4d0e6085fd032fb.png") no-repeat center;
|
||||||
|
padding-bottom: 40px;
|
||||||
|
}
|
||||||
|
.ui-news-bg{
|
||||||
|
width: 100%;
|
||||||
|
//height: 512px;
|
||||||
|
}
|
||||||
|
.ui-news-bg img {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
|
.ui-news-bg-title{
|
||||||
|
position: absolute;
|
||||||
|
top: 274px;
|
||||||
|
left: 424px;
|
||||||
|
font-size: 64px;
|
||||||
|
color: #0F1A46;
|
||||||
|
letter-spacing: 2px;
|
||||||
|
}
|
||||||
|
.ui-news-title{
|
||||||
|
margin-top: 64px;
|
||||||
|
font-size: 36px;
|
||||||
|
font-weight: 700;
|
||||||
|
color: #050917;
|
||||||
|
}
|
||||||
|
.ui-news-box{
|
||||||
|
//display: flex;
|
||||||
|
//justify-content: space-between;
|
||||||
|
//align-items: center;
|
||||||
|
}
|
||||||
|
.ui-news-list{
|
||||||
|
margin-top: 24px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
//align-items: center;
|
||||||
|
width: 100%;
|
||||||
|
height: 260px;
|
||||||
|
//margin-bottom: 256px;
|
||||||
|
cursor: pointer;
|
||||||
|
background: #FFFFFF;
|
||||||
|
border-radius: 16px 16px 16px 16px;
|
||||||
|
}
|
||||||
|
.ui-news-list-message{
|
||||||
|
padding:24px 63px 24px 24px;
|
||||||
|
|
||||||
|
}
|
||||||
|
.ui-news-list-pic{
|
||||||
|
width: 460px;
|
||||||
|
height: 260px;
|
||||||
|
object-fit: cover;
|
||||||
|
border-radius: 16px;
|
||||||
|
}
|
||||||
|
.ui-news-list-title{
|
||||||
|
|
||||||
|
font-size: 20px;
|
||||||
|
font-weight: 700;
|
||||||
|
color: #0A112E;
|
||||||
|
white-space: pre-wrap;
|
||||||
|
}
|
||||||
|
.ui-news-list-subTitle{
|
||||||
|
width: 567px;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #0F1A46;
|
||||||
|
line-height: 24px;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
display: -webkit-box;
|
||||||
|
-webkit-line-clamp: 4; /* 设置行数 */
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
}
|
||||||
|
.ui-news-list-time{
|
||||||
|
margin-top: 16px;
|
||||||
|
margin-bottom: 16px;
|
||||||
|
font-size: 14px;
|
||||||
|
color: rgba(15,26,70,0.5);
|
||||||
|
letter-spacing: 1px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
261
src/components/pc/ProductMap.vue
Normal file
261
src/components/pc/ProductMap.vue
Normal file
@ -0,0 +1,261 @@
|
|||||||
|
<template>
|
||||||
|
<div id='productMap'>
|
||||||
|
<!-- <div>-->
|
||||||
|
<!-- <img style='width: 200px;height: 200px;' :src='homeMap' alt='fff'>-->
|
||||||
|
<!-- </div>-->
|
||||||
|
<div class='ui-productMap-box'>
|
||||||
|
<div id="productMapV"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { computed, onMounted, onUnmounted, ref, watch } from 'vue'
|
||||||
|
import { useRouter } from "vue-router";
|
||||||
|
import WOW from 'wow.js' // 引入路由
|
||||||
|
import homeMap from "@/assets/img/pMap.png";
|
||||||
|
import { useI18n } from 'vue-i18n'
|
||||||
|
const { t,locale } = useI18n()
|
||||||
|
|
||||||
|
const address = import.meta.env.VITE_APP_ADDRESS
|
||||||
|
const phone = import.meta.env.VITE_APP_PHONE
|
||||||
|
const email = import.meta.env.VITE_APP_EMAIL
|
||||||
|
const qq = import.meta.env.VITE_APP_QQ
|
||||||
|
const company = import.meta.env.VITE_APP_COMPANYNAME
|
||||||
|
const blog = import.meta.env.VITE_APP_BLOG
|
||||||
|
const qqgroup = import.meta.env.VITE_APP_QQGROUP
|
||||||
|
|
||||||
|
const router = useRouter()
|
||||||
|
|
||||||
|
const id = ref('')
|
||||||
|
const points =computed(()=>{
|
||||||
|
return [
|
||||||
|
{ lng: 116.38, lat: 39.87,name:t('message.ProductMap.list') },
|
||||||
|
{ lng: 121.46, lat: 31.25,name:t('message.ProductMap.list1') },
|
||||||
|
{ lng: 113.26, lat: 23.13,name:t('message.ProductMap.list2') },
|
||||||
|
{ lng: 113.75, lat: 23.02,name:t('message.ProductMap.list3') },
|
||||||
|
{ lng: 114.17, lat: 22.28,name:t('message.ProductMap.list4') },
|
||||||
|
{ lng: 121.78, lat: 24.67,name:t('message.ProductMap.list5') },
|
||||||
|
{ lng: 120.21, lat: 30.25,name:t('message.ProductMap.list6') },
|
||||||
|
{ lng: 113.78, lat: 34.76,name:t('message.ProductMap.list7') },
|
||||||
|
{ lng: 104.07, lat: 30.57,name:t('message.ProductMap.list8') },
|
||||||
|
{ lng: 106.55, lat: 29.56,name:t('message.ProductMap.list9') },
|
||||||
|
{ lng: 114.30, lat: 30.59,name:t('message.ProductMap.list10') },
|
||||||
|
{ lng: 118.09, lat: 24.48,name:t('message.ProductMap.list11') },
|
||||||
|
{ lng: 114.42, lat: 23.11,name:t('message.ProductMap.list12') },
|
||||||
|
{ lng: 113.12, lat: 23.02,name:t('message.ProductMap.list13') },
|
||||||
|
{ lng: 120.59, lat: 31.30,name:t('message.ProductMap.list14') },
|
||||||
|
{ lng: 118.80, lat: 32.06,name:t('message.ProductMap.list15') },
|
||||||
|
{ lng: 112.94, lat: 28.23,name:t('message.ProductMap.list16') },
|
||||||
|
{ lng: 108.94, lat: 34.34,name:t('message.ProductMap.list17') },
|
||||||
|
{ lng: 113.85, lat: 34.04,name:t('message.ProductMap.list18') },
|
||||||
|
{ lng: 120.70, lat: 27.99,name:t('message.ProductMap.list19') },
|
||||||
|
{ lng: 116.68, lat: 23.35,name:t('message.ProductMap.list20') },
|
||||||
|
{ lng: 110.36, lat: 21.27,name:t('message.ProductMap.list21') },
|
||||||
|
{ lng: 110.93, lat: 21.66,name:t('message.ProductMap.list22') },
|
||||||
|
{ lng: 108.37, lat: 22.82,name:t('message.ProductMap.list23') },
|
||||||
|
{ lng: 110.18, lat: 25.24,name:t('message.ProductMap.list24') },
|
||||||
|
{ lng: 117.23, lat: 31.82,name:t('message.ProductMap.list25') },
|
||||||
|
{ lng: 113.54, lat: 22.19,name:t('message.ProductMap.list26') },
|
||||||
|
{ lng: 117.20, lat: 39.09,name:t('message.ProductMap.list27') },
|
||||||
|
{ lng: 102.83, lat: 24.88,name:t('message.ProductMap.list28') },
|
||||||
|
{ lng: 120.99, lat: 36.49,name:t('message.ProductMap.list29') },
|
||||||
|
{ lng: 113.39, lat: 22.52,name:t('message.ProductMap.list30') },
|
||||||
|
{ lng: 103.83, lat: 36.06,name:t('message.ProductMap.list31') },
|
||||||
|
{ lng: 110.20, lat: 20.05,name:t('message.ProductMap.list32') },
|
||||||
|
{ lng: 114.31, lat: 34.80,name:t('message.ProductMap.list33') },
|
||||||
|
{ lng: 115.86, lat: 28.68,name:t('message.ProductMap.list34') },
|
||||||
|
{ lng: 119.30, lat: 26.07,name:t('message.ProductMap.list35') },
|
||||||
|
{ lng: 109.44, lat: 18.29,name:t('message.ProductMap.list36') },
|
||||||
|
{ lng: 125.32, lat: 43.82,name:t('message.ProductMap.list37') },
|
||||||
|
{ lng: 91.17, lat: 29.65,name:t('message.ProductMap.list38') },
|
||||||
|
{ lng: 117.12, lat: 36.65,name:t('message.ProductMap.list39') },
|
||||||
|
{ lng: 114.51, lat: 38.04,name:t('message.ProductMap.list40') },
|
||||||
|
{ lng: 123.46, lat: 41.68,name:t('message.ProductMap.list41') },
|
||||||
|
{ lng: 106.63, lat: 26.65,name:t('message.ProductMap.list42') },
|
||||||
|
{ lng: 112.55, lat: 37.87,name:t('message.ProductMap.list43') },
|
||||||
|
{ lng: 118.68, lat: 24.87,name:t('message.ProductMap.list44') },
|
||||||
|
{ lng: 119.41, lat: 32.39,name:t('message.ProductMap.list45') },
|
||||||
|
{ lng: 115.66, lat: 34.42,name:t('message.ProductMap.list46') },
|
||||||
|
{ lng: 112.58, lat: 33.02,name:t('message.ProductMap.list47') },
|
||||||
|
{ lng: 113.58, lat: 22.27,name:t('message.ProductMap.list48') },
|
||||||
|
{ lng: 114.93, lat: 25.83,name:t('message.ProductMap.list49') },
|
||||||
|
{ lng: 116.37, lat: 23.55,name:t('message.ProductMap.list50') },
|
||||||
|
{ lng: 120.31, lat: 31.49,name:t('message.ProductMap.list51') },
|
||||||
|
{ lng: 126.54, lat: 45.80,name:t('message.ProductMap.list52') },
|
||||||
|
{ lng: 87.62, lat: 43.83,name:t('message.ProductMap.list53') },
|
||||||
|
{ lng: 112.45, lat: 34.62,name:t('message.ProductMap.list54') },
|
||||||
|
{ lng: 121.62, lat: 29.86,name:t('message.ProductMap.list55') },
|
||||||
|
{ lng: 109.78, lat: 39.61,name:t('message.ProductMap.list56')},
|
||||||
|
{ lng: 112.12, lat: 32.01,name:t('message.ProductMap.list57') },
|
||||||
|
{ lng: 111.70, lat: 29.03,name:t('message.ProductMap.list58') },
|
||||||
|
{ lng: 112.95, lat: 27.83,name:t('message.ProductMap.list59') },
|
||||||
|
{ lng: 115.38, lat: 22.79,name:t('message.ProductMap.list60') },
|
||||||
|
{ lng: 113.13, lat: 29.36,name:t('message.ProductMap.list61') },
|
||||||
|
{ lng: 121.61, lat: 38.91,name:t('message.ProductMap.list62') },
|
||||||
|
{ lng: 119.65, lat: 29.08,name:t('message.ProductMap.list63') },
|
||||||
|
{ lng: 120.89, lat: 31.98,name:t('message.ProductMap.list64') },
|
||||||
|
{ lng: 119.97, lat: 31.81,name:t('message.ProductMap.list65') },
|
||||||
|
|
||||||
|
|
||||||
|
{ lng: -123.12, lat: 49.28,name:t('message.ProductMap.list66') },
|
||||||
|
{ lng: 100.48, lat: 13.76,name:t('message.ProductMap.list67') },
|
||||||
|
{ lng: 101.69, lat: 3.14,name:t('message.ProductMap.list68') },
|
||||||
|
{ lng: -74.00, lat: 40.71,name:t('message.ProductMap.list69') },
|
||||||
|
{ lng: -118.24, lat: 34.07,name:t('message.ProductMap.list70') },
|
||||||
|
{ lng: -77.03 , lat: 38.90,name:t('message.ProductMap.list71') },
|
||||||
|
{ lng: -122.41, lat: 37.76,name:t('message.ProductMap.list72') },
|
||||||
|
{ lng: -87.64 , lat: 41.87,name:t('message.ProductMap.list73') },
|
||||||
|
{ lng: -95.39 , lat: 29.76,name:t('message.ProductMap.list74') },
|
||||||
|
{ lng: 103.87 , lat: 1.35,name:t('message.ProductMap.list75')},
|
||||||
|
{ lng: -0.13 , lat: 51.51,name:t('message.ProductMap.list76') },
|
||||||
|
{ lng: 151.20 , lat: -33.87,name:t('message.ProductMap.list77') },
|
||||||
|
{ lng: 144.94 , lat: -37.80,name:t('message.ProductMap.list78') },
|
||||||
|
{ lng: -79.38 , lat: 43.66,name:t('message.ProductMap.list79') },
|
||||||
|
{ lng: 2.35 , lat: 48.85,name:t('message.ProductMap.list80')},
|
||||||
|
{ lng: 55.36 , lat: 25.27,name:t('message.ProductMap.list81')},
|
||||||
|
{ lng: 139.76 , lat: 35.70,name:t('message.ProductMap.list82')},
|
||||||
|
{ lng: 126.99 , lat: 37.55,name:t('message.ProductMap.list83')},
|
||||||
|
{ lng: 13.39 , lat: 52.52,name:t('message.ProductMap.list84')},
|
||||||
|
{ lng: 12.49 , lat: 41.90,name:t('message.ProductMap.list85')},
|
||||||
|
{ lng: 9.18 , lat: 45.46,name:t('message.ProductMap.list86')},
|
||||||
|
]
|
||||||
|
})
|
||||||
|
// const getNewPoints = computed(() => {
|
||||||
|
// return getPoints()
|
||||||
|
// })
|
||||||
|
watch(
|
||||||
|
locale,() => {
|
||||||
|
console.log('111=')
|
||||||
|
getPoints()
|
||||||
|
}
|
||||||
|
)
|
||||||
|
const getPoints = () => {
|
||||||
|
let mapId = 4
|
||||||
|
if (id.value == 1){
|
||||||
|
mapId = 5
|
||||||
|
}
|
||||||
|
setTimeout(() => {
|
||||||
|
productMapV.value = new window.BMap.Map('productMapV') // 创建地图实例
|
||||||
|
|
||||||
|
productMapV.value.setMapStyle({styleJson: [ //地图隐藏默认城市名
|
||||||
|
{
|
||||||
|
"featureType": "district",
|
||||||
|
"elementType": "all",
|
||||||
|
"stylers": {
|
||||||
|
"visibility": "off",
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"featureType": "town",
|
||||||
|
"elementType": "all",
|
||||||
|
"stylers": {
|
||||||
|
"visibility": "off",
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"featureType": "village",
|
||||||
|
"elementType": "all",
|
||||||
|
"stylers": {
|
||||||
|
"visibility": "off",
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"featureType": "city",
|
||||||
|
"elementType": "all",
|
||||||
|
"stylers": {
|
||||||
|
"visibility": "off",
|
||||||
|
// "lightness": 10,
|
||||||
|
// "saturation": -100
|
||||||
|
}
|
||||||
|
}
|
||||||
|
]})
|
||||||
|
// productMapV.clearOverlays(); // 清除覆盖物
|
||||||
|
// var point = new BMap.Point(113.92089769405693, 22.51942636366546) // 创建点坐标
|
||||||
|
productMapV.value.centerAndZoom(new window.BMap.Point(points.value[0].lng, points.value[0].lat), mapId) // 初始化地图，设置中心点坐标和地图级别
|
||||||
|
productMapV.value.enableScrollWheelZoom(true) //开启鼠标滚轮缩放
|
||||||
|
points.value.forEach((point) => {
|
||||||
|
// const myIcon = new window.BMap.Icon(homeMap, new window.BMap.Size(23, 25))
|
||||||
|
const myIcon = new window.BMap.Icon(homeMap, new window.BMap.Size(23, 25),{
|
||||||
|
// 指定定位位置。
|
||||||
|
// 当标注显示在地图上时，其所指向的地理位置距离图标左上
|
||||||
|
// 角各偏移10像素和25像素。您可以看到在本例中该位置即是
|
||||||
|
// 图标中央下端的尖角位置。
|
||||||
|
anchor: new window.BMap.Size(23, 25),
|
||||||
|
// 设置图片偏移。
|
||||||
|
// 当您需要从一幅较大的图片中截取某部分作为标注图标时，您
|
||||||
|
// 需要指定大图的偏移位置，此做法与css sprites技术类似。
|
||||||
|
imageOffset: new window.BMap.Size(-3, -1) // 设置图片偏移
|
||||||
|
})
|
||||||
|
|
||||||
|
// const myIcon = new productBMap.Icon(homeMap, new productBMap.Size(23, 25), {
|
||||||
|
// // 指定定位位置。
|
||||||
|
// // 当标注显示在地图上时，其所指向的地理位置距离图标左上
|
||||||
|
// // 角各偏移10像素和25像素。您可以看到在本例中该位置即是
|
||||||
|
// // 图标中央下端的尖角位置。
|
||||||
|
// anchor: new productBMap.Size(10, 25),
|
||||||
|
// // 设置图片偏移。
|
||||||
|
// // 当您需要从一幅较大的图片中截取某部分作为标注图标时，您
|
||||||
|
// // 需要指定大图的偏移位置，此做法与css sprites技术类似。
|
||||||
|
// imageOffset: new productBMap.Size(0, 0 - 25) // 设置图片偏移
|
||||||
|
// })
|
||||||
|
myIcon.setImageSize(new window.BMap.Size(23, 25));
|
||||||
|
const bPoint = new window.BMap.Point(point.lng, point.lat); // 创建点
|
||||||
|
const marker = new window.BMap.Marker(bPoint,{icon:myIcon}); // 做标记
|
||||||
|
|
||||||
|
productMapV.value.addOverlay(marker); // 在地图上显示标注点
|
||||||
|
const label = new window.BMap.Label(point.name, { offset: new window.BMap.Size(9, 4) });
|
||||||
|
label.setStyle({ // 设置文本标注样式
|
||||||
|
marginLeft:'7px',
|
||||||
|
fontWeight: 600,
|
||||||
|
fontSize: '15px',
|
||||||
|
color: '#375fff',
|
||||||
|
backgroundColor: '0',
|
||||||
|
border: 0,
|
||||||
|
});
|
||||||
|
marker.setLabel(label);
|
||||||
|
// markers.value.push(marker);
|
||||||
|
|
||||||
|
// // 点击标注监听事件
|
||||||
|
// marker.addEventListener("click", function (e) {
|
||||||
|
// alert("您点击了标注");
|
||||||
|
// console.log(e, 888888888);
|
||||||
|
// });
|
||||||
|
})
|
||||||
|
// var marker = new productBMap.Marker(point) // 创建标注
|
||||||
|
// map.addOverlay(marker) // 将标注添加到地图中
|
||||||
|
// let productWow = new WOW()
|
||||||
|
// productWow.init()
|
||||||
|
})
|
||||||
|
}
|
||||||
|
let productBMap = null
|
||||||
|
const productMapV = ref(null)
|
||||||
|
onMounted(() => {
|
||||||
|
sessionStorage.setItem('navIndex', '0')
|
||||||
|
sessionStorage.setItem('productMap', '1')
|
||||||
|
id.value = router.currentRoute.value.query.id
|
||||||
|
|
||||||
|
getPoints()
|
||||||
|
|
||||||
|
console.log(homeMap,'homeMap--')
|
||||||
|
// productBMap = window.BMap
|
||||||
|
|
||||||
|
})
|
||||||
|
onUnmounted(() => {
|
||||||
|
productBMap = null; // 销毁地图实例
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
#productMap{
|
||||||
|
background: url("https://image.fulllinkai.com/202309/07/348a87abc5f0870ed4d0e6085fd032fb.png") no-repeat center;
|
||||||
|
}
|
||||||
|
.ui-productMap-box{
|
||||||
|
width: 100%;
|
||||||
|
height: 1080px;
|
||||||
|
}
|
||||||
|
#productMapV{
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
166
src/components/pc/StartABusiness.vue
Normal file
166
src/components/pc/StartABusiness.vue
Normal file
@ -0,0 +1,166 @@
|
|||||||
|
<template>
|
||||||
|
<div id='startABusiness'>
|
||||||
|
<div class='containerV2'>
|
||||||
|
<div class='ui-startAB-tab'>
|
||||||
|
<div class='ui-mr-64' :class='pageIndex === index ? "ui-startAB-tab-active" :"" '
|
||||||
|
v-for='(item,index) in pageTabs' :key='index'
|
||||||
|
@mouseenter='pageChange(index)'>
|
||||||
|
<div style='display: flex;flex-direction: column;align-items: center'>
|
||||||
|
<div class='ui-startAB-tab-title'>{{item.title}}</div>
|
||||||
|
<div class='ui-startAB-tab-subtitle'>
|
||||||
|
{{item.eTitle}}
|
||||||
|
<div class="underline" :class='pageIndex === index ? "underline-active" :"" '></div>
|
||||||
|
</div>
|
||||||
|
<div class='ui-startAB-tab-subtitle-s' :class='pageIndex === index ? "ui-startAB-tab-subtitle-s-active" :"" '></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div v-for='(item,index) in pageTabs' :key='index'>
|
||||||
|
<div class='ui-startAB-img-box wow animate__fadeInRight animate__backOutLeft' v-if='pageIndex === index'>
|
||||||
|
<img :src='item.pics[0]' alt='' class='ui-startAB-img-left'>
|
||||||
|
<div class='ui-startAB-img-right'>
|
||||||
|
<img class='ui-startAB-img-right-one' :src='item.pics[1]' alt=''>
|
||||||
|
<img class='ui-startAB-img-right-one' :src='item.pics[2]' alt=''>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div style='text-align: center' v-if='pageIndex === index'>
|
||||||
|
<div class='ui-startAB-subText'>{{item.subText}}</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { computed, onMounted, ref } from 'vue'
|
||||||
|
import WOW from 'wow.js'
|
||||||
|
import { useI18n } from 'vue-i18n'
|
||||||
|
const { t,locale } = useI18n()
|
||||||
|
|
||||||
|
const pageTabs =computed(() => {
|
||||||
|
return [
|
||||||
|
{
|
||||||
|
title: t('message.StartABusiness.list1'),
|
||||||
|
eTitle:'Entrepreneur salon',
|
||||||
|
subText:t('message.StartABusiness.list2'),
|
||||||
|
pics:[
|
||||||
|
'https://image.fulllinkai.com/202309/04/26fd4b3089a868c26764eb482f4b33e9.png',
|
||||||
|
'https://image.fulllinkai.com/202309/04/530c9f9132c9fac3f3ae29227d8cfa98.png',
|
||||||
|
'https://image.fulllinkai.com/202309/04/943b00620f9d70f75596efb9e5874a01.png'
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: t('message.StartABusiness.list3'),
|
||||||
|
eTitle:'Investor salon',
|
||||||
|
subText:t('message.StartABusiness.list4'),
|
||||||
|
pics:[
|
||||||
|
'https://image.fulllinkai.com/202309/04/ec8ea5fb0835926403bc821ff11531a3.png',
|
||||||
|
'https://image.fulllinkai.com/202309/04/16f259134bd864f384730fba2c0dd9ba.png',
|
||||||
|
'https://image.fulllinkai.com/202309/04/010e1f990827476838512afa6af9e441.png'
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: t('message.StartABusiness.list5'),
|
||||||
|
eTitle:'Entrepreneurs carnival',
|
||||||
|
subText:t('message.StartABusiness.list6'),
|
||||||
|
pics:[
|
||||||
|
'https://image.fulllinkai.com/202309/04/d07e5409ca3fc2325134b4deb032d3e9.png',
|
||||||
|
'https://image.fulllinkai.com/202309/04/162e5b9049965ac584ef070abb40959f.png',
|
||||||
|
'https://image.fulllinkai.com/202309/04/07ffe81e1950db9096349cde3250e261.png'
|
||||||
|
]
|
||||||
|
},
|
||||||
|
]
|
||||||
|
})
|
||||||
|
const pageIndex = ref(0)
|
||||||
|
const showPageChange = ref(false)
|
||||||
|
const pageChange = (index) => {
|
||||||
|
pageIndex.value = index
|
||||||
|
showPageChange.value = true
|
||||||
|
// document.getElementsByName('ui-startAB-img-box').style.setProperty('animate__backInRight','2s')
|
||||||
|
}
|
||||||
|
onMounted(()=> {
|
||||||
|
sessionStorage.setItem('navIndex', '2')
|
||||||
|
new WOW().init()
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
#startABusiness{
|
||||||
|
width: 100%;
|
||||||
|
height: 984px;
|
||||||
|
background: url("https://image.fulllinkai.com/202309/07/348a87abc5f0870ed4d0e6085fd032fb.png") no-repeat center;
|
||||||
|
}
|
||||||
|
.ui-startAB-tab{
|
||||||
|
padding-top: 196px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-around;
|
||||||
|
font-size: 28px;
|
||||||
|
font-weight: 700;
|
||||||
|
color: rgba(0,0,0,0.4);
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.ui-startAB-tab-active{
|
||||||
|
color: rgba(0,0,0,1);
|
||||||
|
}
|
||||||
|
.ui-startAB-tab-title{
|
||||||
|
font-size: 24px;
|
||||||
|
font-weight: bold;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
}
|
||||||
|
.ui-startAB-tab-subtitle{
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
.underline{
|
||||||
|
width: 100%;
|
||||||
|
height: 4px;
|
||||||
|
background: rgba(0,0,0,0.4);
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.underline-active{
|
||||||
|
background: #000000;
|
||||||
|
}
|
||||||
|
.ui-startAB-tab-subtitle-s{
|
||||||
|
margin-top: 2px;
|
||||||
|
width: 0;
|
||||||
|
height: 0;
|
||||||
|
border: 12px solid transparent;
|
||||||
|
border-top-color: rgba(0,0,0,0.4);
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.ui-startAB-tab-subtitle-s-active{
|
||||||
|
border-top-color: #000000;
|
||||||
|
}
|
||||||
|
.ui-startAB-img-box{
|
||||||
|
margin-top: 48px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
.ui-img-box{
|
||||||
|
animation: animate__backInRight .5s;
|
||||||
|
}
|
||||||
|
.ui-startAB-img-left{
|
||||||
|
width: auto;
|
||||||
|
height: 480px;
|
||||||
|
object-fit: cover;
|
||||||
|
transition: width .5s ease;
|
||||||
|
}
|
||||||
|
.ui-startAB-img-right{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
.ui-startAB-img-right-one{
|
||||||
|
width: auto;
|
||||||
|
height: 232px;
|
||||||
|
object-fit: cover;
|
||||||
|
transition: width .5s ease;
|
||||||
|
}
|
||||||
|
.ui-startAB-subText{
|
||||||
|
margin: 48px auto;
|
||||||
|
width: 800px;
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: 500;
|
||||||
|
color: #3D3D3D;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
71
src/components/pc/contactTheCustomerS.vue
Normal file
71
src/components/pc/contactTheCustomerS.vue
Normal file
@ -0,0 +1,71 @@
|
|||||||
|
<template>
|
||||||
|
<div id="customerServer" @mouseenter='flag = true' @mouseleave='flag = false'>
|
||||||
|
<!-- <span class="glyphicon glyphicon-chevron-up"></span>-->
|
||||||
|
<div class='ui-customer-service-div'>
|
||||||
|
<img class='ui-customer-service-img1' :src="flag ? 'https://image.fulllinkai.com/202406/26/106c233809bede777e634f0a70945bc7.png':'https://image.fulllinkai.com/202406/26/8018c78dc27c87c7d155eecd8ccba33f.png'" alt=''>
|
||||||
|
<img v-if='flag' class='ui-customer-service-img2' src='https://image.fulllinkai.com/202406/26/733f40edae309cd56b93b00166476455.png' alt=''>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup name="GoTop">
|
||||||
|
import { onMounted, onUnmounted, ref } from 'vue'
|
||||||
|
const flag = ref(false)
|
||||||
|
// 获取滚动元素的滚动距离
|
||||||
|
|
||||||
|
// function GoTop() {
|
||||||
|
// ;(function smoothscroll() {
|
||||||
|
// var currentScroll =
|
||||||
|
// document.documentElement.scrollTop || document.body.scrollTop
|
||||||
|
// if (currentScroll > 0) {
|
||||||
|
// window.requestAnimationFrame(smoothscroll)
|
||||||
|
// window.scrollTo(0, currentScroll - currentScroll / 10)
|
||||||
|
// }
|
||||||
|
// })()
|
||||||
|
// }
|
||||||
|
|
||||||
|
onMounted(() => {
|
||||||
|
// window.addEventListener("scroll", () => {
|
||||||
|
// // 获取滚动元素的滚动距离
|
||||||
|
// let scrollTop =
|
||||||
|
// window.pageYOffset || document.documentElement.scrollTop ||document.body.scrollTop;
|
||||||
|
// // 判断回到顶部按钮的显示条件,如果滚动距离大于1000就显示
|
||||||
|
// scrollTop > 800 ? (flag.value= true) : (flag.value = false);
|
||||||
|
// }, true);
|
||||||
|
})
|
||||||
|
onUnmounted(() => {
|
||||||
|
// window.removeEventListener("scroll",() => {},true)
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
#customerServer {
|
||||||
|
width: 50px;
|
||||||
|
height: 50px;
|
||||||
|
position: fixed;
|
||||||
|
right: 20px;
|
||||||
|
bottom: 40%;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
z-index: 99999999;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
#customerServer .ui-customer-service-div {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
#customerServer .ui-customer-service-div .ui-customer-service-img1 {
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
color: rgb(8, 162, 233);
|
||||||
|
font-size: 30px;
|
||||||
|
}
|
||||||
|
#customerServer .ui-customer-service-div .ui-customer-service-img2 {
|
||||||
|
position: absolute;
|
||||||
|
top:-130%;
|
||||||
|
left: -80px;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
width: 160px;
|
||||||
|
height:172px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
518
src/components/pc/exam/examDetail.vue
Normal file
518
src/components/pc/exam/examDetail.vue
Normal file
@ -0,0 +1,518 @@
|
|||||||
|
<script setup>
|
||||||
|
import { onMounted, ref } from 'vue'
|
||||||
|
import ExamHeader from '@/components/pc/exam/examHeader.vue'
|
||||||
|
import request from '@/utils/request.js'
|
||||||
|
import { useRouter } from 'vue-router'
|
||||||
|
import { Swiper, SwiperSlide } from 'swiper/vue'
|
||||||
|
import { A11y, Autoplay, Lazy, Navigation, Pagination, Scrollbar } from 'swiper'
|
||||||
|
import 'swiper/css'
|
||||||
|
import 'swiper/css/navigation'
|
||||||
|
import 'swiper/css/pagination'
|
||||||
|
import 'swiper/css/scrollbar'
|
||||||
|
import 'swiper/css/lazy'
|
||||||
|
import 'swiper/css/autoplay'
|
||||||
|
import examLogin from './examLogin.vue'
|
||||||
|
|
||||||
|
const router = useRouter()
|
||||||
|
const id = ref('')
|
||||||
|
const isLoginLoading = ref(true)
|
||||||
|
const isLoginLoadingIndex = ref(0)
|
||||||
|
|
||||||
|
|
||||||
|
const modules = [Navigation, Pagination, Scrollbar, A11y, Lazy, Autoplay]
|
||||||
|
const onSwiper = (swiper) => {
|
||||||
|
};
|
||||||
|
|
||||||
|
const swiperList = ref( [
|
||||||
|
{
|
||||||
|
img: 'https://image.fulllinkai.com/202406/26/fb4b4d8e4e2750cf7d7ebf787b668dc2.png',
|
||||||
|
title: '',
|
||||||
|
content: '',
|
||||||
|
path:'health',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
img: 'https://image.fulllinkai.com/202406/26/fb4b4d8e4e2750cf7d7ebf787b668dc2.png',
|
||||||
|
path:'health',
|
||||||
|
},
|
||||||
|
])
|
||||||
|
//类型
|
||||||
|
const typeIndex = ref(0)
|
||||||
|
const typeList = ref([
|
||||||
|
{
|
||||||
|
id:'all',
|
||||||
|
name:'全部课程'
|
||||||
|
},
|
||||||
|
])
|
||||||
|
const detail = ref(
|
||||||
|
{
|
||||||
|
id:'',
|
||||||
|
pic:'',
|
||||||
|
title:'',
|
||||||
|
sub_title:'',
|
||||||
|
time:'',
|
||||||
|
date_time:'',
|
||||||
|
html:''
|
||||||
|
}
|
||||||
|
)
|
||||||
|
// 展示联系二维码
|
||||||
|
const flag = ref(false)
|
||||||
|
const getTypeList = () => {
|
||||||
|
request.get(`/go/api/app/v2/exam/home`)
|
||||||
|
.then(res => {
|
||||||
|
let result = res.data
|
||||||
|
// examList.value = res.data
|
||||||
|
swiperList.value =result.carousel_list
|
||||||
|
typeList.value = [...typeList.value,...result.paper_cate_list]
|
||||||
|
})
|
||||||
|
}
|
||||||
|
const changeType =(item,index) => {
|
||||||
|
localStorage.setItem('examType',index)
|
||||||
|
router.push({
|
||||||
|
name:'examHome'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
const isLogin = ref(false)
|
||||||
|
// 检查是否购买过25800或者5800
|
||||||
|
const toCheck = () => {
|
||||||
|
if (!localStorage.getItem('answerToken')){
|
||||||
|
isLogin.value = true
|
||||||
|
}else {
|
||||||
|
request.get(`/go/api/h5/v2/user/info2`)
|
||||||
|
.then(res => {
|
||||||
|
if (res.data.have_dma_letter){
|
||||||
|
goToPath('examPdf')
|
||||||
|
}else {
|
||||||
|
showContact.value = true
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
const closeLogin = () => {
|
||||||
|
isLoginLoadingIndex.value++
|
||||||
|
// isLoginLoading.value = false
|
||||||
|
//
|
||||||
|
isLogin.value = false
|
||||||
|
}
|
||||||
|
const goToPath = (path,id) => {
|
||||||
|
router.push({
|
||||||
|
name: path,
|
||||||
|
query:{id:id || ''}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
const getDetail = () => {
|
||||||
|
request.get(`/go/api/app/v2/exam/paper/${id.value}/detail`)
|
||||||
|
.then(res => {
|
||||||
|
let result = res.data
|
||||||
|
detail.value = res.data
|
||||||
|
console.log(result,'rrr')
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 新增时间格式化函数
|
||||||
|
// 优化后的时间格式化函数
|
||||||
|
const formatExamTime = (start, end) => {
|
||||||
|
if (!start || !end) return null;
|
||||||
|
|
||||||
|
const startDate = new Date(start);
|
||||||
|
const endDate = new Date(end);
|
||||||
|
|
||||||
|
// 日期格式化为两位数
|
||||||
|
const format = n => n.toString().padStart(2, '0');
|
||||||
|
|
||||||
|
// 分解日期组件
|
||||||
|
const s = {
|
||||||
|
y: startDate.getFullYear(),
|
||||||
|
m: format(startDate.getMonth() + 1),
|
||||||
|
d: format(startDate.getDate()),
|
||||||
|
t: startDate.toTimeString().substr(0,5)
|
||||||
|
};
|
||||||
|
|
||||||
|
const e = {
|
||||||
|
y: endDate.getFullYear(),
|
||||||
|
m: format(endDate.getMonth() + 1),
|
||||||
|
d: format(endDate.getDate()),
|
||||||
|
t: endDate.toTimeString().substr(0,5)
|
||||||
|
};
|
||||||
|
|
||||||
|
// 构建日期部分
|
||||||
|
let datePart = '';
|
||||||
|
if (s.y !== e.y) {
|
||||||
|
datePart = `${s.y}-${s.m}-${s.d} ${s.t} 至 ${e.y}-${e.m}-${e.d} ${e.t}`;
|
||||||
|
} else if (s.m !== e.m) {
|
||||||
|
datePart = `${s.y}-${s.m}-${s.d} ${s.t} 至 ${e.m}-${e.d} ${e.t}`;
|
||||||
|
} else if (s.d !== e.d) {
|
||||||
|
datePart = `${s.y}-${s.m}-${s.d} ${s.t} 至 ${e.m}-${e.d} ${e.t}`;
|
||||||
|
} else {
|
||||||
|
datePart = `${s.y}-${s.m}-${s.d} ${s.t}-${e.t}`;
|
||||||
|
}
|
||||||
|
|
||||||
|
return `${datePart}`;
|
||||||
|
}
|
||||||
|
const showContact = ref(false) // 联系我们二维码
|
||||||
|
const toShowService = () => {
|
||||||
|
showContact.value = true
|
||||||
|
}
|
||||||
|
onMounted(() => {
|
||||||
|
id.value = router.currentRoute.value.query.id || '1'
|
||||||
|
|
||||||
|
window.addEventListener("scroll", () => {
|
||||||
|
// 获取滚动元素的滚动距离
|
||||||
|
let scrollTop =
|
||||||
|
window.pageYOffset || document.documentElement.scrollTop ||document.body.scrollTop;
|
||||||
|
// 判断回到顶部按钮的显示条件,如果滚动距离大于1000就显示
|
||||||
|
scrollTop > 200 ? (flag.value= true) : (flag.value = false);
|
||||||
|
}, true);
|
||||||
|
if (localStorage.getItem('examType')){
|
||||||
|
typeIndex.value = localStorage.getItem('examType') * 1
|
||||||
|
}
|
||||||
|
console.log(typeIndex.value,'typeIndex.value')
|
||||||
|
getTypeList()
|
||||||
|
getDetail()
|
||||||
|
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<div class='exam-home-detail'>
|
||||||
|
<exam-header v-if='isLoginLoading' :key='isLoginLoadingIndex'></exam-header>
|
||||||
|
<div>
|
||||||
|
<swiper
|
||||||
|
id="swiper"
|
||||||
|
:modules="modules"
|
||||||
|
:slides-per-view="1"
|
||||||
|
:space-between="0"
|
||||||
|
lazy
|
||||||
|
loop
|
||||||
|
:autoplay="true"
|
||||||
|
@swiper="onSwiper"
|
||||||
|
:pagination="{
|
||||||
|
clickable: true
|
||||||
|
}"
|
||||||
|
>
|
||||||
|
<swiper-slide
|
||||||
|
class="banner-swiper"
|
||||||
|
v-for="(item, index) in swiperList"
|
||||||
|
:key="index"
|
||||||
|
>
|
||||||
|
<img class="swiper-lazy" :src="item.pic" alt="轮播图" @click.stop='goToBannerPath(item.path,index)' />
|
||||||
|
<!-- <div class="swiper-lazy-preloader"></div>-->
|
||||||
|
<!-- <div class="swiper-slide-title" @click.stop='goToPath(item.path,index)'>-->
|
||||||
|
<!-- <h1>{{ item.title }}</h1>-->
|
||||||
|
<!-- <div class='swiper-slide-more' v-if='index != 0'>-->
|
||||||
|
<!-- <p >{{ item.content }}</p>-->
|
||||||
|
<!-- <img src='https://image.fulllinkai.com/202406/26/2518a5c6cc6f91cd901ee273dbd07429.png' alt=''>-->
|
||||||
|
<!-- </div>-->
|
||||||
|
<!-- </div>-->
|
||||||
|
<!-- <div class='ui-swiper-line'></div>-->
|
||||||
|
<!-- <div class='ui-swiper-bottom-mask'></div>-->
|
||||||
|
</swiper-slide>
|
||||||
|
</swiper>
|
||||||
|
<div class='exam-home-type-box'>
|
||||||
|
<div class='exam-home-type-list'>
|
||||||
|
<div class='exam-home-type-item' @click.stop='changeType(item,index)' :class='typeIndex == index ?"exam-home-type-item-active" : ""' v-for='(item,index) in typeList' :key='index'>{{item.name}}</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class='exam-home-list-box'>
|
||||||
|
<div class='exam-home-list-box-card'>
|
||||||
|
<img :src='detail.pic' alt='' class='exam-home-card-img'>
|
||||||
|
<div class='exam-home-card-message'>
|
||||||
|
<div class='exam-home-card-message-title'>{{detail.title}}</div>
|
||||||
|
<div class='exam-home-card-message-subtitle'>{{detail.intro}}</div>
|
||||||
|
<div class='exam-home-card-message-bottom'>
|
||||||
|
<div>
|
||||||
|
<div class='exam-home-card-message-time'>考试时间：{{formatExamTime(detail.start_time_str,detail.end_time_str) || '--'}}</div>
|
||||||
|
<div class='exam-home-card-message-time'>补考时间：{{formatExamTime(detail.resit_start_time_str,detail.resit_end_time_str) || '--'}}</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<div class='exam-home-card-btn' v-if='id==1' @click='toCheck()'>查看教材</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class='exam-home-list-content' v-html='detail.details'></div>
|
||||||
|
<div class='exam-home-detail-btn'>
|
||||||
|
<div class='exam-home-detail-back' @click='goToPath("examHome")'>返回上一页</div>
|
||||||
|
<div class='exam-home-detail-back exam-home-detail-confirm' @click='toShowService'> 报名参加</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class='exam-home-wechat-icon'>
|
||||||
|
<img src='https://images.health.ufutx.com/202505/14/5b720a7d07e87354b96c2094d948bb9a.png' alt=''>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="dialog-mask" v-if="showContact">
|
||||||
|
<div class="dialog-box-contact dialog-box text-center">
|
||||||
|
<div class='ui-dialog-contact-title'>报名参加</div>
|
||||||
|
<div class='ui-dialog--subtitle'>请联系客服 报名参加考试</div>
|
||||||
|
<div class='ui-dialog-contact-box'>
|
||||||
|
<img class='ui-dialog-contact-icon' src='https://images.health.ufutx.com/202504/23/d2da9ca501b8e0fdcd68113bc5dec2f8.png' alt='' />
|
||||||
|
<div class='ui-dialog-contact-sub'>微信扫码 添加客服</div>
|
||||||
|
</div>
|
||||||
|
<svg @click='showContact = false' class='ui-dialog-contact-cancel' xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 34 34" fill="none">
|
||||||
|
<path opacity="0.3" d="M17 34C26.3888 34 34 26.3888 34 17C34 7.61116 26.3888 0 17 0C7.61116 0 0 7.61116 0 17C0 26.3888 7.61116 34 17 34Z" fill="black"/>
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.0006 9.95806C10.2271 9.74375 10.5827 9.74741 10.8048 9.96633L24.1111 23.0836C24.3235 23.2929 24.3259 23.6348 24.1166 23.8471C24.1122 23.8515 24.1077 23.8559 24.1032 23.8603C23.8766 24.0746 23.521 24.0709 23.299 23.852L9.99262 10.7347C9.7803 10.5254 9.77785 10.1836 9.98716 9.97123C9.99157 9.96676 9.99605 9.96237 10.0006 9.95806Z" fill="white" stroke="white" stroke-width="0.85"/>
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M24.0016 9.95806C23.7751 9.74375 23.4195 9.74741 23.1974 9.96633L9.89105 23.0836C9.67873 23.2929 9.67628 23.6348 9.88559 23.8471C9.89 23.8515 9.89448 23.8559 9.89904 23.8603C10.1256 24.0746 10.4811 24.0709 10.7032 23.852L24.0096 10.7347C24.2219 10.5254 24.2243 10.1836 24.015 9.97123C24.0106 9.96676 24.0061 9.96237 24.0016 9.95806Z" fill="white" stroke="white" stroke-width="0.85"/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<examLogin v-if='isLogin' @close='closeLogin'></examLogin>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.exam-home-detail{
|
||||||
|
background: #ffffff;
|
||||||
|
height: 100vh;
|
||||||
|
}
|
||||||
|
/* 顶部轮播图 */
|
||||||
|
#swiper {
|
||||||
|
padding-top: 100px;
|
||||||
|
width: 100%;
|
||||||
|
height: 708px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#swiper .banner-swiper {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
position: relative;
|
||||||
|
z-index: 1200;
|
||||||
|
}
|
||||||
|
|
||||||
|
#swiper .banner-swiper img {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
|
.exam-home-type-box{
|
||||||
|
display: flex;
|
||||||
|
padding: 20px 360px;
|
||||||
|
align-items: center;
|
||||||
|
align-self: stretch;
|
||||||
|
background: #FFF;
|
||||||
|
backdrop-filter: blur(15px);
|
||||||
|
}
|
||||||
|
.exam-home-type-list{
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.exam-home-type-item{
|
||||||
|
margin-right: 20px;
|
||||||
|
display: flex;
|
||||||
|
padding: 12px 20px;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
border-radius: 100px;
|
||||||
|
border: 1px solid #DDD;
|
||||||
|
color: #0E0E0E;
|
||||||
|
font-size: 16px;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: normal;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.exam-home-type-item-active{
|
||||||
|
background: #409EFF;
|
||||||
|
color: #FFF;
|
||||||
|
border: 1px solid #409EFF;
|
||||||
|
}
|
||||||
|
.exam-home-list-box{
|
||||||
|
padding: 20px 360px 100px ;
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
background: #ffffff;
|
||||||
|
}
|
||||||
|
.exam-home-list-box-card{
|
||||||
|
margin-bottom: 10px;
|
||||||
|
display: flex;
|
||||||
|
width: 1200px;
|
||||||
|
padding: 30px;
|
||||||
|
align-items: center;
|
||||||
|
gap: 30px;
|
||||||
|
border-radius: 10px;
|
||||||
|
background: #EFF7FF;
|
||||||
|
}
|
||||||
|
.exam-home-card-img{
|
||||||
|
width: 386px;
|
||||||
|
height: 240px;
|
||||||
|
object-fit: cover;
|
||||||
|
border-radius: 10px;
|
||||||
|
}
|
||||||
|
.exam-home-card-message{
|
||||||
|
//display: flex;
|
||||||
|
}
|
||||||
|
.exam-home-card-message-title{
|
||||||
|
color: #0E0E0E;
|
||||||
|
font-size: 18px;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 600;
|
||||||
|
line-height: 30px; /* 166.667% */
|
||||||
|
}
|
||||||
|
.exam-home-card-message-subtitle{
|
||||||
|
margin-bottom: 30px;
|
||||||
|
color: #0E0E0E;
|
||||||
|
font-size: 18px;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: 30px;
|
||||||
|
white-space: pre-wrap;
|
||||||
|
|
||||||
|
}
|
||||||
|
.exam-home-card-message-bottom{
|
||||||
|
width: 724px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
.exam-home-card-message-time{
|
||||||
|
margin-bottom: 10px;
|
||||||
|
color: #0E0E0E;
|
||||||
|
font-size: 18px;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 500;
|
||||||
|
line-height: normal;
|
||||||
|
}
|
||||||
|
.exam-home-card-btn{
|
||||||
|
display: flex;
|
||||||
|
height: 57px;
|
||||||
|
padding: 16px 50px;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
color: #FFF;
|
||||||
|
font-size: 18px;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: normal;
|
||||||
|
gap: 24.109px;
|
||||||
|
border-radius: 10px;
|
||||||
|
background: #409EFF;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.exam-home-wechat-icon{
|
||||||
|
position: fixed;
|
||||||
|
right: 20px;
|
||||||
|
bottom: 120px;
|
||||||
|
width: 190px;
|
||||||
|
height: 220px;
|
||||||
|
z-index: 101;
|
||||||
|
img{
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.exam-home-list-content{
|
||||||
|
margin-top: 10px;
|
||||||
|
width: 1200px;
|
||||||
|
|
||||||
|
}
|
||||||
|
.exam-home-detail-btn{
|
||||||
|
margin-top: 50px;
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
.exam-home-detail-back{
|
||||||
|
display: flex;
|
||||||
|
height: 57px;
|
||||||
|
padding: 16px 50px;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
border-radius: 10px;
|
||||||
|
border: 0.5px solid #409EFF;
|
||||||
|
color: #409EFF;
|
||||||
|
font-size: 18px;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 500;
|
||||||
|
line-height: normal;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.exam-home-detail-confirm{
|
||||||
|
margin-left: 50px;
|
||||||
|
color: #FFF;
|
||||||
|
background: #409EFF;
|
||||||
|
}
|
||||||
|
.dialog-mask {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background: rgba(0, 0, 0, 0.7);
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
z-index: 999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dialog-box {
|
||||||
|
width: 500px;
|
||||||
|
background: #fff;
|
||||||
|
border-radius: 20px;
|
||||||
|
padding: 50px 70px;
|
||||||
|
box-sizing: content-box;
|
||||||
|
}
|
||||||
|
.dialog-box-contact {
|
||||||
|
position: relative;
|
||||||
|
width: 288px;
|
||||||
|
padding: 50px 80px;
|
||||||
|
.ui-dialog-contact-title{
|
||||||
|
color: #0E0E0E;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 22px;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 600;
|
||||||
|
line-height: normal;
|
||||||
|
}
|
||||||
|
.ui-dialog--subtitle{
|
||||||
|
margin: 10px 0 20px;
|
||||||
|
color: #66676C;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 14px;
|
||||||
|
font-style: normal;
|
||||||
|
line-height: normal;
|
||||||
|
}
|
||||||
|
.ui-dialog-contact-box{
|
||||||
|
display: flex;
|
||||||
|
padding: 20px;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
border-radius: 20px;
|
||||||
|
background: #F5F5F5;
|
||||||
|
.ui-dialog-contact-icon{
|
||||||
|
width: 236px;
|
||||||
|
height: 236px;
|
||||||
|
flex-shrink: 0;
|
||||||
|
aspect-ratio: 1/1;
|
||||||
|
}
|
||||||
|
.ui-dialog-contact-sub{
|
||||||
|
margin-top: 20px;
|
||||||
|
color: #0E0E0E;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 14px;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: normal;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.ui-dialog-contact-cancel{
|
||||||
|
position: absolute;
|
||||||
|
bottom:-64px;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
width:34px;
|
||||||
|
height: 34px;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
|
<style >
|
||||||
|
.exam-home-list-content img {
|
||||||
|
width: 60% !important;
|
||||||
|
max-width: 60% !important;
|
||||||
|
max-height: 100% !important;
|
||||||
|
display: block;
|
||||||
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
992
src/components/pc/exam/examGuide.vue
Normal file
992
src/components/pc/exam/examGuide.vue
Normal file
@ -0,0 +1,992 @@
|
|||||||
|
<script setup>
|
||||||
|
import {useRouter} from "vue-router";
|
||||||
|
import { onMounted, ref, onBeforeUnmount } from 'vue'
|
||||||
|
import request from '@/utils/request.js'
|
||||||
|
import service from '@/utils/request.js'
|
||||||
|
import createdQRCode from '@/components/createdCode.vue'
|
||||||
|
import { ElMessage } from 'element-plus'
|
||||||
|
const router = useRouter()
|
||||||
|
|
||||||
|
const id = ref('')
|
||||||
|
const qrcodeDetail = ref({
|
||||||
|
text:'',
|
||||||
|
status:''
|
||||||
|
})
|
||||||
|
// 添加结束时间响应式变量
|
||||||
|
const endTime = ref(new Date('2125-04-28T16:00:00')) // 请在此设置具体结束时间
|
||||||
|
const showTimeEnd = ref(false)
|
||||||
|
const isResetCode = ref(false) // 刷新二维码
|
||||||
|
const isStart = ref(false)
|
||||||
|
const ischeck = ref(false)
|
||||||
|
const isEnterStart = ref(false)
|
||||||
|
const isJoin = ref(false)
|
||||||
|
const textTitle = ref('身心健康管理师（五月）') // 考卷名称
|
||||||
|
const startTime = ref('2025-05-26 14:00-15:30') //考试时间
|
||||||
|
const list = [
|
||||||
|
{
|
||||||
|
title:'一、考试环境',
|
||||||
|
list: [
|
||||||
|
'若在电脑上参加，请使用谷歌（Chrome）或Edge浏览器（此届考试目前只开通电脑端考试）',
|
||||||
|
'考试前，请检查所有硬件设备、网络是否正常，确保硬件性能和网络稳定',
|
||||||
|
'请尽量选择一处相对安静、不易被打扰的环境',
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title:'二、考试环境',
|
||||||
|
list: [
|
||||||
|
'考试有效时间：2025-05-26 14:00-15:30，超过90分钟系统将强制收卷，请在有效时间内参加', // 这部分时间也需要调整
|
||||||
|
'开考前5分钟才能进入考场系统，准点系统开放试卷',
|
||||||
|
'开考15分钟之后，无法进入考试系统',
|
||||||
|
'考试卷面满分为100分，及格分数线：60分',
|
||||||
|
'允许考生参加1次，答题限时为90分钟，系统采用倒计时方式',
|
||||||
|
'因未遵守本通知各项要求导致的考试迟到、网络中断、设备问题等导致考试无法正常进行的，由考生自行承担责任',
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title:'三、考场纪律',
|
||||||
|
list: [
|
||||||
|
'考生应知悉，在整个考试过程上，考生应承诺自觉遵守考试纪律，并知悉以下行为将会被认定违反考试纪律或作弊行为。违纪考生将视为违纪并取消成绩',
|
||||||
|
'不允许出现伪造资料、身份信息等，替代他人或委托 他人代为参加考试的行为',
|
||||||
|
'考试全程不允许出现翻看书籍、资料或使用手机、计算器、平板电脑等与考试无关的行为',
|
||||||
|
'考试全程不允许以任意方式(包括但不限于抄录、截图摄屏、视频记录等行为)记录或传播考试过程及试题',
|
||||||
|
'考试全程不允许出现与考试内容相关的讨论、对话等声音；本次考试试题属于机密内容，不得对外泄露。如发现有通过摄屏、拍照并在互联网传播等渠道泄露试题的行为，将取消考生本次考试成绩并依法追究相关法律责任。',
|
||||||
|
]
|
||||||
|
},
|
||||||
|
]
|
||||||
|
const toDetail = (path) => {
|
||||||
|
router.push({
|
||||||
|
name: path,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
const dialogTableVisible = ref(false)
|
||||||
|
const handleSubmit = () => {
|
||||||
|
dialogTableVisible.value = false
|
||||||
|
console.log('执行提交操作')
|
||||||
|
showToast('提交成功')
|
||||||
|
window.onbeforeunload = null
|
||||||
|
// 这里添加实际提交逻辑
|
||||||
|
// let radioKey = radioList.map(item => {
|
||||||
|
// return item.value
|
||||||
|
// })
|
||||||
|
// let checkKey = checkList.map(item => {
|
||||||
|
// return item.value
|
||||||
|
// })
|
||||||
|
// let data = {
|
||||||
|
//
|
||||||
|
// }
|
||||||
|
// request.post(``)
|
||||||
|
// .then(res => {
|
||||||
|
//
|
||||||
|
// })
|
||||||
|
}
|
||||||
|
const toastMessage = ref('')
|
||||||
|
const toastVisible = ref(false)
|
||||||
|
const toastType = ref('success')
|
||||||
|
|
||||||
|
const showToast = (message,type) => {
|
||||||
|
toastMessage.value = message
|
||||||
|
toastType.value = type
|
||||||
|
toastVisible.value = true
|
||||||
|
setTimeout(() => toastVisible.value = false, 2000)
|
||||||
|
}
|
||||||
|
const isAccountLogin = ref(true) // 验证码登录
|
||||||
|
const showAccountTip = ref(false) // 图标提示
|
||||||
|
const isScanSucess = ref(false) // 图标提示
|
||||||
|
const pollingTimer = ref(null) // 新增轮询定时器
|
||||||
|
const mobile = ref('')
|
||||||
|
const code = ref('')
|
||||||
|
const countdown = ref(0)
|
||||||
|
const timer = ref(null)
|
||||||
|
const showCountdown = ref(false)
|
||||||
|
|
||||||
|
// 获取验证码方法
|
||||||
|
const getCode = () => {
|
||||||
|
if (!/^1[3-9]\d{9}$/.test(mobile.value)) {
|
||||||
|
ElMessage({
|
||||||
|
message: '请输入有效的手机号',
|
||||||
|
type: 'warning',
|
||||||
|
duration: 3 * 1000
|
||||||
|
})
|
||||||
|
// showToast('请输入有效的手机号','warning')
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
// 这里添加实际获取验证码逻辑
|
||||||
|
console.log('发送验证码到:', mobile.value)
|
||||||
|
let data = {
|
||||||
|
mobile: mobile.value,
|
||||||
|
area_code:86
|
||||||
|
}
|
||||||
|
request.post(`go/api/h5/v2/user/smscode`,data)
|
||||||
|
.then(res => {
|
||||||
|
// 开始倒计时
|
||||||
|
countdown.value = 60
|
||||||
|
showCountdown.value = true
|
||||||
|
timer.value = setInterval(() => {
|
||||||
|
if(countdown.value > 0) {
|
||||||
|
countdown.value--
|
||||||
|
} else {
|
||||||
|
clearInterval(timer.value)
|
||||||
|
showCountdown.value = false
|
||||||
|
}
|
||||||
|
}, 1000)
|
||||||
|
})
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
// 登录验证方法
|
||||||
|
const handleLogin = () => {
|
||||||
|
if (!mobile.value || !code.value) {
|
||||||
|
ElMessage({
|
||||||
|
message: '请填写完整信息',
|
||||||
|
type: 'warning',
|
||||||
|
duration: 3 * 1000
|
||||||
|
})
|
||||||
|
// showToast('请填写完整信息','warning')
|
||||||
|
return
|
||||||
|
}
|
||||||
|
let data = {
|
||||||
|
mobile:mobile.value,
|
||||||
|
area_code: 86,
|
||||||
|
code:code.value
|
||||||
|
}
|
||||||
|
isEnterStart.value = true
|
||||||
|
request.post(`go/api/app/v2/account/code/login`,data)
|
||||||
|
.then(res => {
|
||||||
|
// 登录成功处理
|
||||||
|
|
||||||
|
localStorage.setItem('answerToken',res.data.api_token)
|
||||||
|
ElMessage({
|
||||||
|
message: '登录成功',
|
||||||
|
type: 'success',
|
||||||
|
duration: 1200
|
||||||
|
})
|
||||||
|
// showToast('登录成功')
|
||||||
|
getIsJoin()
|
||||||
|
getUserDetail()
|
||||||
|
setTimeout(() => {
|
||||||
|
dialogTableVisible.value = false
|
||||||
|
isEnterStart.value = false
|
||||||
|
|
||||||
|
// router.push({ name: 'onlineTest',query:{id:id.value} })
|
||||||
|
},1200)
|
||||||
|
}).finally(() => {
|
||||||
|
isEnterStart.value = false
|
||||||
|
})
|
||||||
|
}
|
||||||
|
const isComposing = ref(false)
|
||||||
|
const answer_user_mobile = ref('')
|
||||||
|
const answer_user_name = ref('')
|
||||||
|
const showLogout = ref(false)
|
||||||
|
const showLogoutModal = ref(false) // 退出登录弹窗
|
||||||
|
const isLogoutLoading = ref(false)
|
||||||
|
const successLogout = () => {
|
||||||
|
isLogoutLoading.value = true
|
||||||
|
setTimeout(() => {
|
||||||
|
isLogoutLoading.value = false
|
||||||
|
localStorage.removeItem('answer_user_mobile')
|
||||||
|
localStorage.removeItem('answer_user_id')
|
||||||
|
localStorage.removeItem('answer_user_name')
|
||||||
|
localStorage.removeItem('answerToken')
|
||||||
|
answer_user_mobile.value = ''
|
||||||
|
answer_user_name.value = ''
|
||||||
|
showLogoutModal.value = false
|
||||||
|
dialogTableVisible.value = true
|
||||||
|
|
||||||
|
},800)
|
||||||
|
}
|
||||||
|
const startTest = () => {
|
||||||
|
console.log(endTime.value < new Date(),'333')
|
||||||
|
if (endTime.value < new Date()){
|
||||||
|
// console.log('111')
|
||||||
|
showTimeEnd.value = true
|
||||||
|
// return
|
||||||
|
// }
|
||||||
|
}else if (localStorage.getItem('answerToken')){
|
||||||
|
isStart.value = true
|
||||||
|
setTimeout(() => {
|
||||||
|
isStart.value = false
|
||||||
|
router.push({ name: 'onlineTest',query:{id:id.value} })
|
||||||
|
},800)
|
||||||
|
}else {
|
||||||
|
dialogTableVisible.value = true
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const getUserDetail = () => {
|
||||||
|
request.get(`go/api/h5/v2/user/info2`)
|
||||||
|
.then(res => {
|
||||||
|
answer_user_mobile.value = res.data.mobile
|
||||||
|
answer_user_name.value = res.data.name
|
||||||
|
localStorage.setItem('answer_user_mobile', res.data.mobile)
|
||||||
|
localStorage.setItem('answer_user_id', res.data.user_id)
|
||||||
|
localStorage.setItem('answer_user_name', res.data.name)
|
||||||
|
// dialogTableVisible.value = true
|
||||||
|
console.log(answer_user_name.value,'23423')
|
||||||
|
console.log(answer_user_mobile.value,'23423')
|
||||||
|
}).finally(() => {
|
||||||
|
|
||||||
|
})
|
||||||
|
}
|
||||||
|
const checkTest = () => {
|
||||||
|
if (localStorage.getItem('answerToken')){
|
||||||
|
ischeck.value = true
|
||||||
|
setTimeout(() => {
|
||||||
|
router.push({ name: 'reportCard',query:{id:id.value} })
|
||||||
|
ischeck.value = false
|
||||||
|
},800)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
const getIsJoin = () => {
|
||||||
|
request.get(`go/api/app/v2/exam/paper/${id.value}/answer`)
|
||||||
|
.then(res => {
|
||||||
|
if (res.data.id != 0 && res.data.score && res.data.score.length >1){
|
||||||
|
isJoin.value = true
|
||||||
|
}else {
|
||||||
|
isJoin.value = false
|
||||||
|
}
|
||||||
|
console.log(res,'r===')
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 切换登录方式
|
||||||
|
const rightClick = () => {
|
||||||
|
if (isAccountLogin.value){
|
||||||
|
isResetCode.value = false
|
||||||
|
// 清除现有轮询
|
||||||
|
if (pollingTimer.value) {
|
||||||
|
clearInterval(pollingTimer.value)
|
||||||
|
pollingTimer.value = null
|
||||||
|
}
|
||||||
|
getQRCode()
|
||||||
|
}else {
|
||||||
|
isAccountLogin.value = !isAccountLogin.value
|
||||||
|
// 切换时清除轮询
|
||||||
|
if (pollingTimer.value) {
|
||||||
|
clearInterval(pollingTimer.value)
|
||||||
|
pollingTimer.value = null
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// 获取二维码
|
||||||
|
const getQRCode = (reset) => {
|
||||||
|
if (qrcodeDetail.value.timeoutTimer) {
|
||||||
|
clearTimeout(qrcodeDetail.value.timeoutTimer)
|
||||||
|
}
|
||||||
|
request.get(`go/api/app/v2/account/qrcode/prepare`)
|
||||||
|
.then(res => {
|
||||||
|
let result = res.data
|
||||||
|
qrcodeDetail.value.text = result.data
|
||||||
|
qrcodeDetail.value.id = result.id
|
||||||
|
// 添加5分钟（300000毫秒）后自动刷新
|
||||||
|
qrcodeDetail.value.timeoutTimer = setTimeout(() => {
|
||||||
|
handleQRCodeTimeout()
|
||||||
|
}, 3 * 60000) // 60000毫秒 = 1分钟
|
||||||
|
console.log(result,'ggg')
|
||||||
|
if (reset != 'reset'){
|
||||||
|
isAccountLogin.value = !isAccountLogin.value
|
||||||
|
}
|
||||||
|
pollingTimer.value = setInterval(() => {
|
||||||
|
getQRCodeStatus()
|
||||||
|
}, 5000) // 每5秒轮询一次
|
||||||
|
})
|
||||||
|
}
|
||||||
|
const getQRCodeStatus = () => {
|
||||||
|
let data = {
|
||||||
|
id:qrcodeDetail.value.id
|
||||||
|
}
|
||||||
|
request.post(`go/api/app/v2/account/qrcode/login`,data).then(loginRes => {
|
||||||
|
if (loginRes.data.status === 2) {
|
||||||
|
isScanSucess.value = true
|
||||||
|
}
|
||||||
|
if (loginRes.data.api_token) {
|
||||||
|
localStorage.setItem('answerToken',loginRes.data.api_token)
|
||||||
|
clearInterval(pollingTimer.value)
|
||||||
|
dialogTableVisible.value = false
|
||||||
|
ElMessage({
|
||||||
|
message: '登录成功',
|
||||||
|
type: 'success',
|
||||||
|
duration: 1200
|
||||||
|
})
|
||||||
|
getIsJoin()
|
||||||
|
getUserDetail()
|
||||||
|
// startTest()
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
const handleQRCodeTimeout = () => {
|
||||||
|
clearTimeout(qrcodeDetail.value.timeoutTimer) // 清除定时器
|
||||||
|
clearInterval(pollingTimer.value)
|
||||||
|
pollingTimer.value = null
|
||||||
|
isScanSucess.value = false
|
||||||
|
isResetCode.value = true
|
||||||
|
// ElMessage({
|
||||||
|
// message: '二维码已过期，请点击刷新',
|
||||||
|
// type: 'warning',
|
||||||
|
// duration: 1200
|
||||||
|
// })
|
||||||
|
// showToast('二维码已过期，请点击刷新', 'warning')
|
||||||
|
// getQRCode() // 直接调用获取新二维码
|
||||||
|
}
|
||||||
|
const toResetCode = () => {
|
||||||
|
isResetCode.value = false
|
||||||
|
getQRCode('reset') // 直接调用获取新二维码
|
||||||
|
}
|
||||||
|
onMounted(() => {
|
||||||
|
|
||||||
|
id.value = router.currentRoute.value.query.id || '1'
|
||||||
|
// if (endTime.value < new Date()){
|
||||||
|
// console.log('111')
|
||||||
|
// showTimeEnd.value = true
|
||||||
|
// return
|
||||||
|
// }
|
||||||
|
if (!localStorage.getItem('answerToken')){
|
||||||
|
dialogTableVisible.value = true
|
||||||
|
}else {
|
||||||
|
getIsJoin()
|
||||||
|
getUserDetail()
|
||||||
|
}
|
||||||
|
})
|
||||||
|
// 组件卸载时清除定时器
|
||||||
|
onBeforeUnmount(() => {
|
||||||
|
if (pollingTimer.value) {
|
||||||
|
clearInterval(pollingTimer.value)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<div class="ui-examGuide" @click='showTimeEnd = false'>
|
||||||
|
<img src="https://images.health.ufutx.com/202504/18/d864245ef906c01b8553a70d029669c4.png" alt="">
|
||||||
|
<!-- <div class='ui-joinUs-bg'>-->
|
||||||
|
<!--<!– <img src='https://image.fulllinkai.com/202309/05/eef666a9377322e9a9356a931d5cfc01.png' alt=''>–>-->
|
||||||
|
<!-- </div>-->
|
||||||
|
<div class="ui-examGuide-box">
|
||||||
|
<div class=" " style='position: relative'>
|
||||||
|
<div class="testTitle text-center bold">{{textTitle}}</div>
|
||||||
|
<div class="testTime text-center font14">考试时间：{{ startTime }}</div>
|
||||||
|
<div class="ui-mb-6 font20 bold testTitle">考试须知</div>
|
||||||
|
<div class="testSubtitle ui-mb-6 ">为了您能顺利地完成本次考试，请阅读并注意一下事项：</div>
|
||||||
|
<div v-for="(item,index) in list" :key="index">
|
||||||
|
<div class="ui-list-title ">{{item.title}}</div>
|
||||||
|
<div class="ui-list-suttitle" v-for="(itemV2,indexV2) in item.list" :key="indexV2">
|
||||||
|
<div class="ui-list-suttitle ui-mb-6 font18">{{indexV2 + 1 + '、' +itemV2}}</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- <div class="ui-list-suttitle">本次考试试题属于机密内容，不得对外泄露。如发现有通过摄屏、拍照并在互联网传播等渠道泄露试题的行为，将取消考生本次考试成绩并依法追究相关法律责任</div>-->
|
||||||
|
<div class='ui-btns'>
|
||||||
|
<div class="ui-btn font20 bold text-center" @click.stop="startTest" :class="{disabled: isStart || endTime < new Date(),'ui-search-btn': endTime < new Date()}">
|
||||||
|
<div class="loading-spinner" v-if="isStart"></div>
|
||||||
|
{{ isStart ? '准备中...' : '开始考试' }}
|
||||||
|
</div>
|
||||||
|
<div v-if='isJoin' @click="checkTest" :class="{disabled: ischeck,'ui-btn-v2': endTime < new Date()}" class="ui-search-btn font20 bold text-center">
|
||||||
|
<div class=" loading-spinner-v2" v-if="ischeck"></div>
|
||||||
|
{{ ischeck ? '准备中...' : '查询成绩' }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class='ui-user-box' v-if='answer_user_name || answer_user_mobile' @mouseover='showLogout = true' @mouseleave='showLogout = false'>
|
||||||
|
<div class='ui-user-content' >
|
||||||
|
<img class='ui-user-box-icon' src='https://images.health.ufutx.com/202504/28/d2b5ca33bd970f64a6301fa75ae2eb22.png' alt='' />
|
||||||
|
<div class='ui-user-box-title'>{{answer_user_name || answer_user_mobile}}</div>
|
||||||
|
<div class='ui-user-logout' v-if='showLogout' @click='showLogoutModal = true'>退出登录</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="dialog-mask" v-if="dialogTableVisible" >
|
||||||
|
<div class="dialog-box" @click.stop>
|
||||||
|
<div v-if='isAccountLogin'>
|
||||||
|
<div class="dialog-title">请登录</div>
|
||||||
|
<div class="dialog-content">
|
||||||
|
<!-- 新增文字标签 -->
|
||||||
|
<div class="input-label">手机号</div>
|
||||||
|
<div class="login-input">
|
||||||
|
<input v-model="mobile" type="tel" placeholder="请输入手机号" maxlength="11">
|
||||||
|
</div>
|
||||||
|
<div class="input-label marginT32">验证码</div>
|
||||||
|
<div class="login-input code-input">
|
||||||
|
<input
|
||||||
|
v-model="code"
|
||||||
|
type="tel"
|
||||||
|
inputmode="numeric"
|
||||||
|
placeholder="请输入验证码"
|
||||||
|
maxlength="6"
|
||||||
|
@compositionstart="isComposing = true"
|
||||||
|
@compositionend="(e) => {
|
||||||
|
isComposing = false
|
||||||
|
e.target.value = e.target.value.replace(/[^0-9]/g, '').slice(0,6)
|
||||||
|
code = e.target.value
|
||||||
|
}"
|
||||||
|
@input="(e) => {
|
||||||
|
if (!isComposing) {
|
||||||
|
e.target.value = e.target.value.replace(/[^0-9]/g, '').slice(0,6)
|
||||||
|
code = e.target.value
|
||||||
|
}
|
||||||
|
}"
|
||||||
|
>
|
||||||
|
<button
|
||||||
|
class="get-code-btn"
|
||||||
|
@click="getCode"
|
||||||
|
:disabled="showCountdown"
|
||||||
|
>
|
||||||
|
{{ showCountdown ? `${countdown}s` : '获取验证码' }}
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<!-- <div class="error-tip" v-if="errorVisible">{{ errorMessage }}</div>-->
|
||||||
|
</div>
|
||||||
|
<div class="dialog-btns">
|
||||||
|
<div class="dialog-btn confirm text-center" @click="handleLogin" :class="{disabled: isEnterStart}">
|
||||||
|
<div class="loading-spinner" v-if="isEnterStart"></div>
|
||||||
|
{{ isEnterStart ? '准备中...' : '登录' }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div v-else class='ui-qrcode-card text-center'>
|
||||||
|
<div class='ui-qrcode-title'>扫码登录</div>
|
||||||
|
<div class='ui-qrcode-subtitle'>友福同享app扫描登录</div>
|
||||||
|
<div class='ui-qrcode-box'>
|
||||||
|
<createdQRCode :text="qrcodeDetail.text"></createdQRCode>
|
||||||
|
<div class='ui-qrcode-mask' v-if='isResetCode' @click='toResetCode'>
|
||||||
|
<svg class='ui-qrcode-mask-icon' xmlns="http://www.w3.org/2000/svg" width="40" height="39" viewBox="0 0 40 39" fill="none">
|
||||||
|
<path d="M39.0607 7.91715C38.3171 7.65477 37.4877 8.03376 37.2303 8.79175L36.1149 11.9695C34.8279 8.99582 32.7687 6.37202 30.166 4.3896C21.8434 -1.87837 10.003 -0.158323 3.76819 8.20868C0.76518 12.261 -0.521823 17.2754 0.193179 22.2897C0.908181 27.3333 3.53939 31.7937 7.572 34.8257C10.9468 37.3912 14.8936 38.6156 18.8404 38.6156C24.5604 38.6156 30.2518 35.9918 33.9413 31.0066C35.5715 28.8201 36.6869 26.3421 37.2589 23.6891C37.4305 22.902 36.9443 22.1148 36.1721 21.9399C35.3999 21.765 34.6277 22.2606 34.4561 23.0769C33.9699 25.3217 33.0261 27.3916 31.6533 29.2574C26.3622 36.3708 16.3236 37.7993 9.2594 32.4934C5.85599 29.8988 3.62519 26.138 3.02459 21.8816C2.42398 17.6252 3.51079 13.398 6.05619 9.98703C11.3472 2.87362 21.3858 1.41596 28.45 6.75102C30.9954 8.67513 32.9117 11.3281 33.9413 14.36L29.022 12.4068C28.2784 12.1152 27.449 12.4651 27.163 13.2231C26.877 13.981 27.2488 14.8265 27.9924 15.118L35.2283 18.0042C35.3999 18.0917 35.5715 18.1208 35.7717 18.1208C35.7717 18.1208 35.8003 18.1208 35.8289 18.1208C35.8861 18.1208 35.9433 18.15 36.0005 18.15C36.5725 18.15 37.1445 17.771 37.3447 17.1588L39.9187 9.81212C40.1761 9.02498 39.8043 8.17953 39.0607 7.91715Z" fill="white"/>
|
||||||
|
</svg>
|
||||||
|
<div class='ui-qrcode-mask-title' >重新刷新</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class='dialog-scan-success text-center' v-if='isScanSucess'>
|
||||||
|
<div class='dialog-scan-success-title'>扫码成功</div>
|
||||||
|
<div class='dialog-scan-success-subtitle'>请在友福同享app 确认登录</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class='dialog-right-top' @click='rightClick'>
|
||||||
|
<div class='dialog-right-top-box' @mouseover="showAccountTip = true"
|
||||||
|
@mouseleave="showAccountTip = false">
|
||||||
|
<img class='' :src='isAccountLogin ? "https://images.health.ufutx.com/202504/24/11ccc759cfe3bbbc27ff9bcd34f074d0.png" :"https://images.health.ufutx.com/202504/28/ffda8485e0b7f67ea1dbb94a9f4cc402.png"' alt='' >
|
||||||
|
<div class='ui-dialog-right-tip' v-if='showAccountTip'>{{isAccountLogin ? '扫码登录' : '账号登录'}}</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="toast-mask" v-if="toastVisible">
|
||||||
|
<div class="toast-box" :class="toastType == 'warning' ? 'toast-warning-box' : ''">
|
||||||
|
{{ toastMessage }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="dialog-mask" v-if="showTimeEnd">
|
||||||
|
<div class="dialog-success-box text-center">
|
||||||
|
<img src="https://images.health.ufutx.com/202504/17/2ee13769aa745d646d4951179ade3419.png" alt="" class="dialog-success-img" />
|
||||||
|
<div class="dialog-success-title">温馨提示</div>
|
||||||
|
<div class="dialog-success-content">
|
||||||
|
考试时间已结束
|
||||||
|
</div>
|
||||||
|
<!-- <div class="dialog-success-btns">-->
|
||||||
|
<!-- <!– <div class="dialog-btn cancel" @click="dialogTableVisible = false">继续答题</div>–>-->
|
||||||
|
<!-- <div class="dialog-success-btn confirm" @click="successSubmit" :class="{disabled: isSuccessSubmitting}">-->
|
||||||
|
<!-- <div class="loading-spinner" v-if="isSuccessSubmitting"></div>-->
|
||||||
|
<!-- {{ isSuccessSubmitting ? '正在退出...' : '好的' }}-->
|
||||||
|
<!-- </div>-->
|
||||||
|
<!-- </div>-->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="dialog-mask" v-if="showLogoutModal">
|
||||||
|
<div class="dialog-success-box text-center">
|
||||||
|
<img src="https://images.health.ufutx.com/202504/17/2ee13769aa745d646d4951179ade3419.png" alt="" class="dialog-success-img" />
|
||||||
|
<div class="dialog-success-title">温馨提示</div>
|
||||||
|
<div class="dialog-success-content">
|
||||||
|
是否退出登录
|
||||||
|
</div>
|
||||||
|
<div class="dialog-success-btns">
|
||||||
|
<div class="dialog-btn cancel" @click="showLogoutModal = false">取消</div>
|
||||||
|
<div class="dialog-success-btn confirm" @click="successLogout" :class="{disabled: isLogoutLoading}">
|
||||||
|
<div class="loading-spinner" v-if='isLogoutLoading'></div>
|
||||||
|
{{ isLogoutLoading ? '正在退出...' : '确认退出' }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.ui-examGuide{
|
||||||
|
position: relative;
|
||||||
|
padding: 0;
|
||||||
|
width: 100vw;
|
||||||
|
height: auto;
|
||||||
|
max-height: 100vh;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: normal;
|
||||||
|
/* 新增容器最小高度 */
|
||||||
|
//min-height: 100vh;
|
||||||
|
//width: 100vw;
|
||||||
|
//height: 100vh;
|
||||||
|
img{
|
||||||
|
width: 100vw;
|
||||||
|
height: auto;
|
||||||
|
max-height: 100vh;
|
||||||
|
object-fit: cover;
|
||||||
|
/* 设置宽高比保持图片比例 */
|
||||||
|
aspect-ratio: 16/9;
|
||||||
|
}
|
||||||
|
.ui-joinUs-bg{
|
||||||
|
width: 100%;
|
||||||
|
height: 120px;
|
||||||
|
margin-bottom: 96px;
|
||||||
|
object-fit: contain;
|
||||||
|
background: #d4d4d4;
|
||||||
|
}
|
||||||
|
.ui-examGuide-box{
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
right: 160px;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
width: 840px;
|
||||||
|
height: auto;
|
||||||
|
padding: 38px 40px;
|
||||||
|
border-radius: 36px;
|
||||||
|
background: #FFF;
|
||||||
|
box-shadow: -4px 15px 100px 0px rgba(2, 115, 181, 0.25);
|
||||||
|
.testTitle{
|
||||||
|
color:#0E0E0E;
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
.testTime{
|
||||||
|
margin: 6px 0 20px;
|
||||||
|
color: #0E0E0E;
|
||||||
|
}
|
||||||
|
.testTitle{
|
||||||
|
font-size: 18px;
|
||||||
|
color: #0E0E0E;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
.testSubtitle{
|
||||||
|
color: #0E0E0E;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.ui-user-box{
|
||||||
|
position: absolute;
|
||||||
|
top:38px;
|
||||||
|
right:38px;
|
||||||
|
height: 80px;
|
||||||
|
.ui-user-content{
|
||||||
|
display:flex;
|
||||||
|
align-items: center;
|
||||||
|
position: relative;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.ui-user-box-icon{
|
||||||
|
width: 24px;
|
||||||
|
height: 24px;
|
||||||
|
margin-right: 6px;
|
||||||
|
border-radius:50%;
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
|
.ui-user-box-title{
|
||||||
|
color: #0E0E0E;
|
||||||
|
font-size: 14px;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 600;
|
||||||
|
line-height: normal;
|
||||||
|
}
|
||||||
|
.ui-user-logout{
|
||||||
|
position: absolute;
|
||||||
|
top: 30px;
|
||||||
|
left: -30px;
|
||||||
|
display: inline-flex;
|
||||||
|
white-space: nowrap;
|
||||||
|
padding: 10px 16px;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
color: #0E0E0E;
|
||||||
|
font-size: 14px;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: normal;
|
||||||
|
border-radius: 6px;
|
||||||
|
background: #FFF;
|
||||||
|
box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.10);
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.ui-mb-6{
|
||||||
|
margin-bottom: 6px;
|
||||||
|
}
|
||||||
|
.ui-list-title{
|
||||||
|
font-size: 16px;
|
||||||
|
color: #0E0E0E;
|
||||||
|
line-height: 1.5;
|
||||||
|
}
|
||||||
|
.ui-list-suttitle{
|
||||||
|
font-size: 16px;
|
||||||
|
color: #0E0E0E;
|
||||||
|
//line-height: 27px;
|
||||||
|
line-height: 1.5;
|
||||||
|
}
|
||||||
|
.ui-btns{
|
||||||
|
margin: 30px auto 10px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
.ui-btn{
|
||||||
|
margin-right: 30px;
|
||||||
|
width: 172px;
|
||||||
|
height: 57px;
|
||||||
|
border-radius: 10px;
|
||||||
|
background: #409EFF;
|
||||||
|
line-height: 57px;
|
||||||
|
color: #fff;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.ui-search-btn{
|
||||||
|
width: 172px;
|
||||||
|
height: 57px;
|
||||||
|
border-radius: 10px;
|
||||||
|
background: #ffffff;
|
||||||
|
border: 0.5px solid #409EFF;
|
||||||
|
line-height: 57px;
|
||||||
|
color: #409EFF;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.ui-btn-v2{
|
||||||
|
margin-right: 30px;
|
||||||
|
width: 172px;
|
||||||
|
height: 57px;
|
||||||
|
border-radius: 10px;
|
||||||
|
background: #409EFF;
|
||||||
|
line-height: 57px;
|
||||||
|
color: #fff;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.dialog-success-box{
|
||||||
|
display: flex;
|
||||||
|
width: 480px;
|
||||||
|
padding: 50px;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
border-radius: 20px;
|
||||||
|
background: #FFF;
|
||||||
|
.dialog-success-img{
|
||||||
|
width: 130px;
|
||||||
|
height: 116px;
|
||||||
|
}
|
||||||
|
.dialog-success-title{
|
||||||
|
margin: 50px auto 30px;
|
||||||
|
color: #0E0E0E;
|
||||||
|
font-size: 22px;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
.dialog-success-content{
|
||||||
|
margin-bottom: 50px;
|
||||||
|
color:#0E0E0E;
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
.dialog-success-btns{
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.dialog-success-btn{
|
||||||
|
padding: 16px 0;
|
||||||
|
border-radius: 10px;
|
||||||
|
cursor: pointer;
|
||||||
|
width: 172px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.dialog-mask {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background: rgba(0, 0, 0, 0.5);
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
z-index: 999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dialog-box {
|
||||||
|
position: relative;
|
||||||
|
width: 475px;
|
||||||
|
background: #fff;
|
||||||
|
border-radius: 20px;
|
||||||
|
padding: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dialog-title {
|
||||||
|
font-size: 22px;
|
||||||
|
font-weight: bold;
|
||||||
|
margin-bottom: 30px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dialog-content {
|
||||||
|
margin-bottom: 50px;
|
||||||
|
font-size: 18px;
|
||||||
|
color:#0E0E0E;
|
||||||
|
font-weight: 400;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dialog-btns {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.dialog-btn {
|
||||||
|
padding: 16px 0;
|
||||||
|
border-radius: 10px;
|
||||||
|
cursor: pointer;
|
||||||
|
width: 172px;
|
||||||
|
}
|
||||||
|
.dialog-btn, .ui-btn,.ui-search-btn,.dialog-success-btn{
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
&.disabled {
|
||||||
|
opacity: 0.7;
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.loading-spinner {
|
||||||
|
width: 16px;
|
||||||
|
height: 16px;
|
||||||
|
margin-right: 8px;
|
||||||
|
border: 2px solid #fff;
|
||||||
|
border-top-color: transparent;
|
||||||
|
border-radius: 50%;
|
||||||
|
animation: spin 0.8s linear infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
.loading-spinner-v2{
|
||||||
|
width: 16px;
|
||||||
|
height: 16px;
|
||||||
|
margin-right: 8px;
|
||||||
|
border: 2px solid #409EFF;
|
||||||
|
border-top-color: transparent;
|
||||||
|
border-radius: 50%;
|
||||||
|
animation: spin 0.8s linear infinite;
|
||||||
|
}
|
||||||
|
@keyframes spin {
|
||||||
|
to {
|
||||||
|
transform: rotate(360deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.cancel {
|
||||||
|
border: 1px solid #409EFF;
|
||||||
|
color: #409EFF;
|
||||||
|
background: #fff;
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.confirm {
|
||||||
|
background: #409eff;
|
||||||
|
color: #fff;
|
||||||
|
border: 1px solid #409eff;
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
.toast-mask {
|
||||||
|
position: fixed;
|
||||||
|
top: 100px;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
z-index: 1000;
|
||||||
|
|
||||||
|
.toast-box {
|
||||||
|
padding: 12px 24px;
|
||||||
|
background: rgba(231, 245, 224, 0.7);
|
||||||
|
color: #6bc340;
|
||||||
|
border-radius: 4px;
|
||||||
|
font-size: 14px;
|
||||||
|
border: 1px solid #6bc340;
|
||||||
|
animation: fadeInOut 2s;
|
||||||
|
}
|
||||||
|
.toast-warning-box{
|
||||||
|
background: #fdf6ec;
|
||||||
|
color:#e7a746;
|
||||||
|
border: 1px solid #e7a746;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes fadeInOut {
|
||||||
|
0%,100% { opacity: 0; }
|
||||||
|
20%,80% { opacity: 1; }
|
||||||
|
}
|
||||||
|
.input-label {
|
||||||
|
font-size: 14px;
|
||||||
|
color: #0e0e0e;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
}
|
||||||
|
.login-input {
|
||||||
|
margin: 0 0 15px;
|
||||||
|
input {
|
||||||
|
width: 100%;
|
||||||
|
height: 56px;
|
||||||
|
padding: 0 15px;
|
||||||
|
border: 1px solid #B2B3B5; /* 默认黑色边框 */
|
||||||
|
border-radius: 10px;
|
||||||
|
font-size: 14px;
|
||||||
|
/* 去除输入框默认样式 */
|
||||||
|
-webkit-appearance: none;
|
||||||
|
outline: none;
|
||||||
|
/* 隐藏数字输入框箭头 */
|
||||||
|
&[type="number"] {
|
||||||
|
-moz-appearance: textfield;
|
||||||
|
&::-webkit-outer-spin-button,
|
||||||
|
&::-webkit-inner-spin-button {
|
||||||
|
-webkit-appearance: none;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&:focus {
|
||||||
|
border-color: #79BBFF; /* 输入时边框颜色 */
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.code-input {
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
.get-code-btn {
|
||||||
|
position: absolute;
|
||||||
|
right: 10px;
|
||||||
|
top: 50%;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
background: none;
|
||||||
|
border: none;
|
||||||
|
color: #79BBFF; /* 按钮文字颜色 */
|
||||||
|
padding: 0;
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.dialog-content {
|
||||||
|
margin-bottom: 30px;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
.ui-qrcode-card{
|
||||||
|
|
||||||
|
.ui-qrcode-title{
|
||||||
|
color: #0E0E0E;
|
||||||
|
font-size: 22px;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
.ui-qrcode-subtitle{
|
||||||
|
margin: 10px 0 10px;
|
||||||
|
color: #66676C;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 14px;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: normal;
|
||||||
|
}
|
||||||
|
.ui-qrcode-box{
|
||||||
|
position: relative;
|
||||||
|
margin: 0 auto;
|
||||||
|
width: 280px;
|
||||||
|
height: 280px;
|
||||||
|
.ui-qrcode-mask{
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background: rgba(0,0,0,0.5);
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
z-index: 1001;
|
||||||
|
cursor: pointer;
|
||||||
|
.ui-qrcode-mask-icon{
|
||||||
|
width: 40px;
|
||||||
|
height: 38px;
|
||||||
|
}
|
||||||
|
.ui-qrcode-mask-title{
|
||||||
|
margin-top: 10px;
|
||||||
|
color: #FFF;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 16px;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: normal;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.dialog-right-top{
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
}
|
||||||
|
.dialog-right-top-box{
|
||||||
|
position: relative;
|
||||||
|
width: 70px;
|
||||||
|
height: 70px;
|
||||||
|
border-radius: 0 20px 0 0;
|
||||||
|
cursor: pointer;
|
||||||
|
img{
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
border-radius: 0 20px 0 0;
|
||||||
|
}
|
||||||
|
.ui-dialog-right-tip{
|
||||||
|
position: absolute;
|
||||||
|
top: 20px;
|
||||||
|
left: -72px;
|
||||||
|
display: flex;
|
||||||
|
padding: 10px;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
font-size: 16px;
|
||||||
|
color: #fff;
|
||||||
|
border-radius: 10px;
|
||||||
|
background: #409EFF;
|
||||||
|
z-index: 1000;
|
||||||
|
&::after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
right: -14px;
|
||||||
|
top: 50%;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
border-width: 8px;
|
||||||
|
border-style: solid;
|
||||||
|
border-color: transparent transparent transparent #409EFF;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.dialog-scan-success{
|
||||||
|
margin: 34px 0 0;
|
||||||
|
|
||||||
|
.dialog-scan-success-title{
|
||||||
|
margin-bottom: 10px;
|
||||||
|
color: #0E0E0E;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 22px;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 600;
|
||||||
|
line-height: normal;
|
||||||
|
}
|
||||||
|
.dialog-scan-success-subtitle{
|
||||||
|
color: #66676C;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 14px;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: normal;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
1019
src/components/pc/exam/examHeader.vue
Normal file
1019
src/components/pc/exam/examHeader.vue
Normal file
File diff suppressed because it is too large
Load Diff
359
src/components/pc/exam/examHome.vue
Normal file
359
src/components/pc/exam/examHome.vue
Normal file
@ -0,0 +1,359 @@
|
|||||||
|
<script setup>
|
||||||
|
import { onMounted, ref } from 'vue'
|
||||||
|
import ExamHeader from '@/components/pc/exam/examHeader.vue'
|
||||||
|
import request from '@/utils/request.js'
|
||||||
|
import { useRouter } from 'vue-router'
|
||||||
|
import { Swiper, SwiperSlide } from 'swiper/vue'
|
||||||
|
import { A11y, Autoplay, Lazy, Navigation, Pagination, Scrollbar } from 'swiper'
|
||||||
|
import 'swiper/css'
|
||||||
|
import 'swiper/css/navigation'
|
||||||
|
import 'swiper/css/pagination'
|
||||||
|
import 'swiper/css/scrollbar'
|
||||||
|
import 'swiper/css/lazy'
|
||||||
|
import 'swiper/css/autoplay'
|
||||||
|
|
||||||
|
|
||||||
|
const router = useRouter()
|
||||||
|
|
||||||
|
const modules = [Navigation, Pagination, Scrollbar, A11y, Lazy, Autoplay]
|
||||||
|
const onSwiper = (swiper) => {
|
||||||
|
};
|
||||||
|
|
||||||
|
const swiperList = ref( [
|
||||||
|
|
||||||
|
])
|
||||||
|
//类型
|
||||||
|
const typeIndex = ref(0)
|
||||||
|
const typeList = ref([
|
||||||
|
{
|
||||||
|
id:'all',
|
||||||
|
name:'全部课程'
|
||||||
|
},
|
||||||
|
])
|
||||||
|
const examList = ref([
|
||||||
|
])
|
||||||
|
// 展示联系二维码
|
||||||
|
const flag = ref(false)
|
||||||
|
|
||||||
|
const changeType =(item,index) => {
|
||||||
|
typeIndex.value = index
|
||||||
|
getList()
|
||||||
|
}
|
||||||
|
const goToBannerPath = (path,index) => {
|
||||||
|
console.log(path,'ppp')
|
||||||
|
if (path){
|
||||||
|
location.href = path
|
||||||
|
}
|
||||||
|
}
|
||||||
|
const goToPath = (path,row) => {
|
||||||
|
localStorage.setItem('examType',typeIndex.value)
|
||||||
|
router.push({
|
||||||
|
name: path,
|
||||||
|
query:{id:row.id}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
const getTypeList = () => {
|
||||||
|
request.get(`/go/api/app/v2/exam/home`)
|
||||||
|
.then(res => {
|
||||||
|
let result = res.data
|
||||||
|
// examList.value = res.data
|
||||||
|
swiperList.value =result.carousel_list
|
||||||
|
typeList.value = [...typeList.value,...result.paper_cate_list]
|
||||||
|
if (localStorage.getItem('searchHome')){
|
||||||
|
searchKeyword.value = localStorage.getItem('searchHome')
|
||||||
|
console.log(searchKeyword.value,'searchKeyword')
|
||||||
|
localStorage.removeItem('searchHome')
|
||||||
|
}
|
||||||
|
if (localStorage.getItem('examType')){
|
||||||
|
typeIndex.value = localStorage.getItem('examType') * 1
|
||||||
|
console.log(searchKeyword.value,'searchKeyword')
|
||||||
|
localStorage.removeItem('examType')
|
||||||
|
}else {
|
||||||
|
typeIndex.value = 0
|
||||||
|
}
|
||||||
|
getList()
|
||||||
|
|
||||||
|
})
|
||||||
|
}
|
||||||
|
const searchKeyword = ref('')
|
||||||
|
const changeSearch = (e) => {
|
||||||
|
searchKeyword.value = e
|
||||||
|
getList()
|
||||||
|
}
|
||||||
|
const getList = () => {
|
||||||
|
request.get(`/go/api/app/v2/exam/paper/list?category_id=${typeIndex.value == 0 ? '' : typeList.value[typeIndex.value].id}&keyword=${searchKeyword.value}`)
|
||||||
|
.then(res => {
|
||||||
|
let result = res.data
|
||||||
|
examList.value = res.data
|
||||||
|
// swiperList.value =result.carousel_list
|
||||||
|
// typeList.value = [...typeList.value,...result.paper_cate_list]
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 新增时间格式化函数
|
||||||
|
// 优化后的时间格式化函数
|
||||||
|
const formatExamTime = (start, end) => {
|
||||||
|
if (!start || !end) return null;
|
||||||
|
|
||||||
|
const startDate = new Date(start);
|
||||||
|
const endDate = new Date(end);
|
||||||
|
|
||||||
|
// 日期格式化为两位数
|
||||||
|
const format = n => n.toString().padStart(2, '0');
|
||||||
|
|
||||||
|
// 分解日期组件
|
||||||
|
const s = {
|
||||||
|
y: startDate.getFullYear(),
|
||||||
|
m: format(startDate.getMonth() + 1),
|
||||||
|
d: format(startDate.getDate()),
|
||||||
|
t: startDate.toTimeString().substr(0,5)
|
||||||
|
};
|
||||||
|
|
||||||
|
const e = {
|
||||||
|
y: endDate.getFullYear(),
|
||||||
|
m: format(endDate.getMonth() + 1),
|
||||||
|
d: format(endDate.getDate()),
|
||||||
|
t: endDate.toTimeString().substr(0,5)
|
||||||
|
};
|
||||||
|
|
||||||
|
// 构建日期部分
|
||||||
|
let datePart = '';
|
||||||
|
if (s.y !== e.y) {
|
||||||
|
datePart = `${s.y}-${s.m}-${s.d} ${s.t} 至 ${e.y}-${e.m}-${e.d} ${e.t}`;
|
||||||
|
} else if (s.m !== e.m) {
|
||||||
|
datePart = `${s.y}-${s.m}-${s.d} ${s.t} 至 ${e.m}-${e.d} ${e.t}`;
|
||||||
|
} else if (s.d !== e.d) {
|
||||||
|
datePart = `${s.y}-${s.m}-${s.d} ${s.t} 至 ${e.m}-${e.d} ${e.t}`;
|
||||||
|
} else {
|
||||||
|
datePart = `${s.y}-${s.m}-${s.d} ${s.t}-${e.t}`;
|
||||||
|
}
|
||||||
|
|
||||||
|
return `${datePart}`;
|
||||||
|
}
|
||||||
|
onMounted(() => {
|
||||||
|
window.addEventListener("scroll", () => {
|
||||||
|
// 获取滚动元素的滚动距离
|
||||||
|
let scrollTop =
|
||||||
|
window.pageYOffset || document.documentElement.scrollTop ||document.body.scrollTop;
|
||||||
|
// 判断回到顶部按钮的显示条件,如果滚动距离大于1000就显示
|
||||||
|
scrollTop > 300 ? (flag.value= true) : (flag.value = false);
|
||||||
|
}, true);
|
||||||
|
typeIndex.value = -1
|
||||||
|
getTypeList()
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<div class='exam-home'>
|
||||||
|
<exam-header @search='changeSearch' :searchKeyword='searchKeyword'></exam-header>
|
||||||
|
<div>
|
||||||
|
<swiper
|
||||||
|
id="swiper"
|
||||||
|
:modules="modules"
|
||||||
|
:slides-per-view="1"
|
||||||
|
:space-between="0"
|
||||||
|
lazy
|
||||||
|
loop
|
||||||
|
:autoplay="true"
|
||||||
|
@swiper="onSwiper"
|
||||||
|
:pagination="{
|
||||||
|
clickable: true
|
||||||
|
}"
|
||||||
|
>
|
||||||
|
<swiper-slide
|
||||||
|
class="banner-swiper"
|
||||||
|
v-for="(item, index) in swiperList"
|
||||||
|
:key="index"
|
||||||
|
>
|
||||||
|
<img class="swiper-lazy" :src="item.pic" alt="轮播图" @click.stop='goToBannerPath(item.path,index)' />
|
||||||
|
</swiper-slide>
|
||||||
|
</swiper>
|
||||||
|
<div class='exam-home-type-box'>
|
||||||
|
<div class='exam-home-type-list'>
|
||||||
|
<div class='exam-home-type-item' @click.stop='changeType(item,index)' :class='typeIndex == index ?"exam-home-type-item-active" : ""' v-for='(item,index) in typeList' :key='index'>{{item.name}}</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class='exam-home-list-box'>
|
||||||
|
<div v-if='examList && examList.length > 0' class='exam-home-list-style'>
|
||||||
|
<div class='exam-home-list-item' v-for='(item,index) in examList' :key='index' @click='goToPath("examDetail",item)'>
|
||||||
|
<img :src='item.pic' alt='' class='exam-home-list-item-pic'>
|
||||||
|
<div class='exam-home-list-message-box'>
|
||||||
|
<div class='exam-home-list-message'>
|
||||||
|
<div class='exam-home-list-message-title'>{{item.title || ''}}</div>
|
||||||
|
<div class='exam-home-list-message-exam-time'>考试时间：{{formatExamTime(item.start_time_str, item.end_time_str) || '--'}}</div>
|
||||||
|
<div class='exam-home-list-message-exam-time'>补考时间：{{formatExamTime(item.resit_start_time_str, item.resit_end_time_str) || '--'}}</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div v-else class='exam-empty-box'>
|
||||||
|
<img src='https://images.health.ufutx.com/202505/19/5c1dbfea480f286b0208395f90a2cac3.png' alt='' class='exam-empty-icon'>
|
||||||
|
<div class='exam-empty-title'>敬请期待</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class='exam-home-wechat-icon' >
|
||||||
|
<img src='https://images.health.ufutx.com/202505/14/5b720a7d07e87354b96c2094d948bb9a.png' alt=''>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.exam-home{
|
||||||
|
background: #f5f5f5;
|
||||||
|
height: 100vh;
|
||||||
|
overflow-y: auto;
|
||||||
|
scrollbar-width: none; /* Firefox */
|
||||||
|
-ms-overflow-style: none; /* IE/Edge */
|
||||||
|
&::-webkit-scrollbar {
|
||||||
|
display: none; /* Chrome/Safari/Opera */
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/* 顶部轮播图 */
|
||||||
|
#swiper {
|
||||||
|
padding-top: 100px;
|
||||||
|
width: 100%;
|
||||||
|
height: 708px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#swiper .banner-swiper {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
position: relative;
|
||||||
|
z-index: 1200;
|
||||||
|
}
|
||||||
|
|
||||||
|
#swiper .banner-swiper img {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
|
.exam-home-type-box{
|
||||||
|
display: flex;
|
||||||
|
padding: 20px 0 20px 360px ;
|
||||||
|
align-items: center;
|
||||||
|
background: #FFF;
|
||||||
|
//backdrop-filter: blur(15px);
|
||||||
|
flex-shrink: 0; /* 防止容器收缩 */
|
||||||
|
|
||||||
|
}
|
||||||
|
.exam-home-type-list{
|
||||||
|
padding-bottom: 10px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
flex-wrap: nowrap;
|
||||||
|
width: 100%;
|
||||||
|
overflow-x: auto;
|
||||||
|
|
||||||
|
}
|
||||||
|
.exam-home-type-item{
|
||||||
|
margin-right: 20px;
|
||||||
|
display: flex;
|
||||||
|
padding: 12px 20px;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
border-radius: 100px;
|
||||||
|
border: 1px solid #DDD;
|
||||||
|
color: #0E0E0E;
|
||||||
|
font-size: 16px;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: normal;
|
||||||
|
cursor: pointer;
|
||||||
|
flex-shrink: 0; /* 防止单个项被压缩 */
|
||||||
|
}
|
||||||
|
.exam-home-type-item-active{
|
||||||
|
background: #409EFF;
|
||||||
|
color: #FFF;
|
||||||
|
border: 1px solid #409EFF;
|
||||||
|
}
|
||||||
|
.exam-home-list-box{
|
||||||
|
padding: 20px 360px 120px;
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
background: #F5F5F5;
|
||||||
|
}
|
||||||
|
.exam-home-list-style{
|
||||||
|
display:flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
.exam-home-list-item{
|
||||||
|
margin-right: 20px;
|
||||||
|
border-radius: 10px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.exam-home-list-item:nth-child(3n){
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
.exam-home-list-item-pic{
|
||||||
|
width: 386px;
|
||||||
|
height: 240px;
|
||||||
|
border-radius: 10px 10px 0 0;
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
|
.exam-empty-box{
|
||||||
|
margin: 60px auto;
|
||||||
|
.exam-empty-icon{
|
||||||
|
margin-bottom: 20px;
|
||||||
|
width: 147px;
|
||||||
|
height: 121px;
|
||||||
|
}
|
||||||
|
.exam-empty-title{
|
||||||
|
color: #0E0E0E;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 20px;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: normal;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.exam-home-list-message-box{
|
||||||
|
background: #ffffff;
|
||||||
|
border-radius: 10px;
|
||||||
|
}
|
||||||
|
.exam-home-list-message{
|
||||||
|
padding: 20px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: flex-start;
|
||||||
|
margin-top: -20px;
|
||||||
|
border-radius: 10px;
|
||||||
|
background: rgba(255, 255, 255, 0.30);
|
||||||
|
backdrop-filter: blur(12.5px);
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.exam-home-list-message-title{
|
||||||
|
height: 18px;
|
||||||
|
color: #0E0E0E;
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: 600;
|
||||||
|
line-height: 18px;
|
||||||
|
max-width: 340px;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
.exam-home-list-message-exam-time{
|
||||||
|
margin-top: 10px;
|
||||||
|
color: #66676C;
|
||||||
|
font-size: 16px;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: 16px;
|
||||||
|
}
|
||||||
|
.exam-home-wechat-icon{
|
||||||
|
position: fixed;
|
||||||
|
right: 20px;
|
||||||
|
bottom: 120px;
|
||||||
|
width: 190px;
|
||||||
|
height: 220px;
|
||||||
|
z-index: 101;
|
||||||
|
img{
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
365
src/components/pc/exam/examHomeReport.vue
Normal file
365
src/components/pc/exam/examHomeReport.vue
Normal file
@ -0,0 +1,365 @@
|
|||||||
|
<script setup>
|
||||||
|
import { onMounted, ref } from 'vue'
|
||||||
|
import ExamHeader from '@/components/pc/exam/examHeader.vue'
|
||||||
|
import request from '@/utils/request.js'
|
||||||
|
import { useRouter } from 'vue-router'
|
||||||
|
import { Swiper, SwiperSlide } from 'swiper/vue'
|
||||||
|
import { A11y, Autoplay, Lazy, Navigation, Pagination, Scrollbar } from 'swiper'
|
||||||
|
import 'swiper/css'
|
||||||
|
import 'swiper/css/navigation'
|
||||||
|
import 'swiper/css/pagination'
|
||||||
|
import 'swiper/css/scrollbar'
|
||||||
|
import 'swiper/css/lazy'
|
||||||
|
import 'swiper/css/autoplay'
|
||||||
|
|
||||||
|
|
||||||
|
const router = useRouter()
|
||||||
|
|
||||||
|
const id = ref('1')
|
||||||
|
const detail = ref(
|
||||||
|
{
|
||||||
|
id:'',
|
||||||
|
title:'',
|
||||||
|
score_time_str:'' // 考试出成绩时间
|
||||||
|
}
|
||||||
|
)
|
||||||
|
|
||||||
|
|
||||||
|
const modules = [Navigation, Pagination, Scrollbar, A11y, Lazy, Autoplay]
|
||||||
|
const onSwiper = (swiper) => {
|
||||||
|
};
|
||||||
|
|
||||||
|
const swiperList = ref( [
|
||||||
|
|
||||||
|
])
|
||||||
|
const showReport = ref(false) // 是否参加考试
|
||||||
|
|
||||||
|
//类型
|
||||||
|
const typeIndex = ref(0)
|
||||||
|
const typeList = ref([
|
||||||
|
{
|
||||||
|
id:'all',
|
||||||
|
name:'全部课程'
|
||||||
|
},
|
||||||
|
])
|
||||||
|
const examList = ref([
|
||||||
|
])
|
||||||
|
// 展示联系二维码
|
||||||
|
const flag = ref(false)
|
||||||
|
|
||||||
|
const changeType =(item,index) => {
|
||||||
|
typeIndex.value = index
|
||||||
|
getList()
|
||||||
|
}
|
||||||
|
const goToBannerPath = (path,index) => {
|
||||||
|
console.log(path,'ppp')
|
||||||
|
location.href = path
|
||||||
|
}
|
||||||
|
const goToPath = (path,row) => {
|
||||||
|
router.push({
|
||||||
|
name: path,
|
||||||
|
query:{id:row.id}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
const getTypeList = () => {
|
||||||
|
request.get(`/go/api/app/v2/exam/home`)
|
||||||
|
.then(res => {
|
||||||
|
let result = res.data
|
||||||
|
// examList.value = res.data
|
||||||
|
swiperList.value =result.carousel_list
|
||||||
|
typeList.value = [...typeList.value,...result.paper_cate_list]
|
||||||
|
getList()
|
||||||
|
|
||||||
|
})
|
||||||
|
}
|
||||||
|
const searchKeyword = ref('')
|
||||||
|
const changeSearch = (e) => {
|
||||||
|
searchKeyword.value = e
|
||||||
|
getList()
|
||||||
|
}
|
||||||
|
const getList = () => {
|
||||||
|
request.get(`/go/api/app/v2/exam/paper/list?category_id=${typeIndex.value == 0 ? '' : typeList.value[typeIndex.value].id}&keyword=${searchKeyword.value}`)
|
||||||
|
.then(res => {
|
||||||
|
let result = res.data
|
||||||
|
examList.value = res.data
|
||||||
|
// swiperList.value =result.carousel_list
|
||||||
|
// typeList.value = [...typeList.value,...result.paper_cate_list]
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 新增时间格式化函数
|
||||||
|
const formatExamTime = (start, end) => {
|
||||||
|
if (!start || !end) return null;
|
||||||
|
|
||||||
|
const startDate = new Date(start);
|
||||||
|
const endDate = new Date(end);
|
||||||
|
|
||||||
|
const year = startDate.getFullYear();
|
||||||
|
const month = startDate.getMonth() + 1;
|
||||||
|
const day = startDate.getDate();
|
||||||
|
|
||||||
|
const startTime = startDate.toTimeString().substring(0, 5);
|
||||||
|
const endTime = endDate.toTimeString().substring(0, 5);
|
||||||
|
|
||||||
|
return `${year}年${month}月${day}日 ${startTime}-${endTime}`;
|
||||||
|
}
|
||||||
|
const reportStatus = ref(false) // 是否参加了考试
|
||||||
|
const showTime = ref() // 距离出成绩时间
|
||||||
|
const safeDateParse = (dateString) => { //日期校验
|
||||||
|
console.log(dateString,'dateString==')
|
||||||
|
const date = new Date(dateString);
|
||||||
|
return isNaN(date) ? null : date;
|
||||||
|
};
|
||||||
|
const getIsJoin = (id) => {
|
||||||
|
const scoreDate = safeDateParse(detail.value.score_time_str);
|
||||||
|
console.log(scoreDate,scoreDate > new Date(),'33')
|
||||||
|
if (!scoreDate || scoreDate > new Date()){
|
||||||
|
const timeDiff = Math.ceil((scoreDate - new Date()) / (1000 * 60 * 60 * 24));
|
||||||
|
showTime.value = timeDiff > 0 ? timeDiff : 0;
|
||||||
|
showReport.value = true
|
||||||
|
return
|
||||||
|
}
|
||||||
|
request.get(`go/api/app/v2/exam/paper/${id}/answer`)
|
||||||
|
.then(res => {
|
||||||
|
if (res.data.id != 0 && res.data.score && res.data.score.length >1){
|
||||||
|
router.push({
|
||||||
|
name:'reportCard'
|
||||||
|
})
|
||||||
|
}else {
|
||||||
|
if (res.data.id == 0){
|
||||||
|
reportStatus.value = true
|
||||||
|
}else {
|
||||||
|
reportStatus.value = false
|
||||||
|
}
|
||||||
|
showReport.value = true
|
||||||
|
}
|
||||||
|
console.log(res,'r===')
|
||||||
|
})
|
||||||
|
}
|
||||||
|
const getDetail = () => {
|
||||||
|
request.get(`/go/api/app/v2/exam/paper/${id.value}/detail`)
|
||||||
|
.then(res => {
|
||||||
|
let result = res.data
|
||||||
|
detail.value = res.data
|
||||||
|
// detail.value.score_time_str = '2025-05-31 09:00:00'
|
||||||
|
console.log(detail.value,'rrr')
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
onMounted(() => {
|
||||||
|
window.addEventListener("scroll", () => {
|
||||||
|
// 获取滚动元素的滚动距离
|
||||||
|
let scrollTop =
|
||||||
|
window.pageYOffset || document.documentElement.scrollTop ||document.body.scrollTop;
|
||||||
|
// 判断回到顶部按钮的显示条件,如果滚动距离大于1000就显示
|
||||||
|
scrollTop > 300 ? (flag.value= true) : (flag.value = false);
|
||||||
|
}, true);
|
||||||
|
getTypeList()
|
||||||
|
getDetail()
|
||||||
|
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<div class='exam-home'>
|
||||||
|
<exam-header :menu-index="'2'" @search='changeSearch'></exam-header>
|
||||||
|
<div>
|
||||||
|
<swiper
|
||||||
|
id="swiper"
|
||||||
|
:modules="modules"
|
||||||
|
:slides-per-view="1"
|
||||||
|
:space-between="0"
|
||||||
|
lazy
|
||||||
|
loop
|
||||||
|
:autoplay="true"
|
||||||
|
@swiper="onSwiper"
|
||||||
|
:pagination="{
|
||||||
|
clickable: true
|
||||||
|
}"
|
||||||
|
>
|
||||||
|
<swiper-slide
|
||||||
|
class="banner-swiper"
|
||||||
|
v-for="(item, index) in swiperList"
|
||||||
|
:key="index"
|
||||||
|
>
|
||||||
|
<img class="swiper-lazy" :src="item.pic" alt="轮播图" @click.stop='goToBannerPath(item.path,index)' />
|
||||||
|
<!-- <div class="swiper-lazy-preloader"></div>-->
|
||||||
|
<!-- <div class="swiper-slide-title">-->
|
||||||
|
<!-- <h1>{{ item.title }}</h1>-->
|
||||||
|
<!-- <div class='swiper-slide-more' v-if='index != 0'>-->
|
||||||
|
<!-- <p >{{ item.content }}</p>-->
|
||||||
|
<!-- <img src='https://image.fulllinkai.com/202406/26/2518a5c6cc6f91cd901ee273dbd07429.png' alt=''>-->
|
||||||
|
<!-- </div>-->
|
||||||
|
|
||||||
|
<!-- </div>-->
|
||||||
|
<!-- <div class='ui-swiper-line'></div>-->
|
||||||
|
<!-- <div class='ui-swiper-bottom-mask'></div>-->
|
||||||
|
</swiper-slide>
|
||||||
|
</swiper>
|
||||||
|
<div class='check-box'>
|
||||||
|
<div class='check-title'>{{detail.title}}</div>
|
||||||
|
<div class='check-subtitle'>考试时间：{{ formatExamTime(detail.start_time_str,detail.end_time_str) || '--' }}</div>
|
||||||
|
<div class='check-btn' @click='getIsJoin(1)'>
|
||||||
|
<div>查询成绩</div>
|
||||||
|
<svg class='check-btn-icon' xmlns="http://www.w3.org/2000/svg" width="24" height="23" viewBox="0 0 24 23" fill="none">
|
||||||
|
<path d="M13.131 4.71216L19.9192 11.5004M19.9192 11.5004L13.131 18.2886M19.9192 11.5004H4.34277" stroke="white" stroke-width="0.8" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="dialog-mask" v-if="showReport">
|
||||||
|
<div class="dialog-success-box text-center">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="90" height="100" viewBox="0 0 90 100" fill="none" class="dialog-success-img">
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 29.9959C0 24.4841 4.46197 20.0221 9.97381 20.0221H69.9667C75.4785 20.0221 79.978 24.4841 79.978 29.9959V89.9888C79.978 95.5006 75.4785 100 69.9667 100H9.97381C4.46197 100 0 95.5006 0 89.9888V29.9959Z" fill="url(#paint0_linear_571_2865)"/>
|
||||||
|
<path d="M13.7358 64.0142H30.7358" stroke="white" stroke-width="8" stroke-linecap="round"/>
|
||||||
|
<path d="M13.7358 80.0142H38.7358" stroke="white" stroke-width="8" stroke-linecap="round"/>
|
||||||
|
<path d="M10.0107 20.0224H70.0036C70.0036 14.4731 65.5042 10.0111 59.9923 10.0111H20.0221C14.4727 10.0111 10.0107 14.4731 10.0107 20.0224Z" fill="url(#paint1_linear_571_2865)"/>
|
||||||
|
<foreignObject x="14.883" y="-29.3386" width="104.706" height="104.706"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(15.29px);clip-path:url(#bgblur_0_571_2865_clip_path);height:100%;width:100%"></div></foreignObject><circle data-figma-bg-blur-radius="30.5882" cx="67.2358" cy="23.0143" r="20" fill="#FF2946" stroke="white" stroke-width="3.52941"/>
|
||||||
|
<path d="M66.9977 34.8117C65.6137 34.8117 64.4917 33.6898 64.4917 32.3058C64.4917 30.9217 65.6137 29.7998 66.9977 29.7998C68.3817 29.7998 69.5036 30.9217 69.5036 32.3058C69.5036 33.6898 68.3817 34.8117 66.9977 34.8117Z" fill="white"/>
|
||||||
|
<path d="M66.9974 27.5441C65.8094 27.5441 64.8464 26.581 64.8464 25.393V15.3692C64.8464 14.1812 65.8094 13.2181 66.9974 13.2181C68.1854 13.2181 69.1485 14.1812 69.1485 15.3692V25.393C69.1485 26.581 68.1854 27.5441 66.9974 27.5441Z" fill="white"/>
|
||||||
|
<defs>
|
||||||
|
<clipPath id="bgblur_0_571_2865_clip_path" transform="translate(-14.883 29.3386)"><circle cx="67.2358" cy="23.0143" r="20"/>
|
||||||
|
</clipPath><linearGradient id="paint0_linear_571_2865" x1="39.989" y1="34.0049" x2="39.989" y2="100" gradientUnits="userSpaceOnUse">
|
||||||
|
<stop stop-color="#409EFF"/>
|
||||||
|
<stop offset="1" stop-color="#409EFF" stop-opacity="0.3"/>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient id="paint1_linear_571_2865" x1="40.0072" y1="11.7614" x2="40.0072" y2="20.0224" gradientUnits="userSpaceOnUse">
|
||||||
|
<stop stop-color="#409EFF"/>
|
||||||
|
<stop offset="1" stop-color="#409EFF" stop-opacity="0.3"/>
|
||||||
|
</linearGradient>
|
||||||
|
</defs>
|
||||||
|
</svg>
|
||||||
|
<!-- <img src="https://images.health.ufutx.com/202504/17/2ee13769aa745d646d4951179ade3419.png" alt="" class="dialog-success-img" />-->
|
||||||
|
<div class="dialog-success-title">温馨提示</div>
|
||||||
|
<div class="dialog-success-content">
|
||||||
|
{{ reportStatus ? '未参加考试' : '距离出成绩时间还有' + showTime +'天，请耐心等待' }}
|
||||||
|
</div>
|
||||||
|
<div class="dialog-success-btns">
|
||||||
|
<div class="dialog-success-btn confirm" @click="showReport = false" >
|
||||||
|
确定
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.exam-home{
|
||||||
|
background: #ffffff;
|
||||||
|
height: 100vh;
|
||||||
|
|
||||||
|
}
|
||||||
|
/* 顶部轮播图 */
|
||||||
|
#swiper {
|
||||||
|
padding-top: 100px;
|
||||||
|
width: 100%;
|
||||||
|
height: 708px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#swiper .banner-swiper {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
position: relative;
|
||||||
|
z-index: 1200;
|
||||||
|
}
|
||||||
|
|
||||||
|
#swiper .banner-swiper img {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
.check-box{
|
||||||
|
margin : 90px auto;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
.check-title{
|
||||||
|
color: #0E0E0E;
|
||||||
|
font-size: 28px;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 600;
|
||||||
|
line-height: normal;
|
||||||
|
}
|
||||||
|
.check-subtitle{
|
||||||
|
margin: 26px 0;
|
||||||
|
color: #66676C;
|
||||||
|
font-size: 18px;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: normal;
|
||||||
|
}
|
||||||
|
.check-btn{
|
||||||
|
margin-bottom: 150px;
|
||||||
|
display: flex;
|
||||||
|
padding: 16px 32px;
|
||||||
|
align-items: center;
|
||||||
|
gap: 6px;
|
||||||
|
border-radius: 10px;
|
||||||
|
background: #409EFF;
|
||||||
|
color: #FFF;
|
||||||
|
font-size: 18px;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 500;
|
||||||
|
line-height: normal;
|
||||||
|
cursor: pointer;
|
||||||
|
.check-btn-icon{
|
||||||
|
margin-left: 6px;
|
||||||
|
width: 24px;
|
||||||
|
height: 23px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.dialog-mask {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background: rgba(0, 0, 0, 0.5);
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
z-index: 999;
|
||||||
|
}
|
||||||
|
.dialog-success-box{
|
||||||
|
display: flex;
|
||||||
|
width: 574px;
|
||||||
|
padding: 50px;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
border-radius: 20px;
|
||||||
|
background: #FFF;
|
||||||
|
.dialog-success-img{
|
||||||
|
width: 130px;
|
||||||
|
height: 116px;
|
||||||
|
}
|
||||||
|
.dialog-success-title{
|
||||||
|
margin: 50px auto 30px;
|
||||||
|
color: #0E0E0E;
|
||||||
|
font-size: 22px;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
.dialog-success-content{
|
||||||
|
margin-bottom: 50px;
|
||||||
|
color:#0E0E0E;
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
.dialog-success-btns{
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.dialog-success-btn{
|
||||||
|
padding: 16px 0;
|
||||||
|
border-radius: 10px;
|
||||||
|
cursor: pointer;
|
||||||
|
width: 172px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.confirm {
|
||||||
|
background: #409eff;
|
||||||
|
color: #fff;
|
||||||
|
border: 1px solid #409eff;
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
606
src/components/pc/exam/examLogin.vue
Normal file
606
src/components/pc/exam/examLogin.vue
Normal file
@ -0,0 +1,606 @@
|
|||||||
|
<script setup>
|
||||||
|
|
||||||
|
import { ref } from 'vue'
|
||||||
|
import { ElMessage } from 'element-plus'
|
||||||
|
import request from '@/utils/request.js'
|
||||||
|
import createdQRCode from '@/components/createdCode.vue'
|
||||||
|
|
||||||
|
const emit = defineEmits(['close'])
|
||||||
|
|
||||||
|
const isResetCode = ref(false) // 刷新二维码
|
||||||
|
|
||||||
|
const isJoin = ref(false) // 是否参与了考试
|
||||||
|
const isEnterStart = ref(false)
|
||||||
|
|
||||||
|
|
||||||
|
const dialogTableVisible = ref(false)
|
||||||
|
const isAccountLogin = ref(true) // 验证码登录
|
||||||
|
const showAccountTip = ref(false) // 图标提示
|
||||||
|
const isScanSucess = ref(false) // 图标提示
|
||||||
|
const pollingTimer = ref(null) // 新增轮询定时器
|
||||||
|
const mobile = ref('')
|
||||||
|
const code = ref('')
|
||||||
|
const countdown = ref(0)
|
||||||
|
const timer = ref(null)
|
||||||
|
const showCountdown = ref(false)
|
||||||
|
const isComposing = ref(false)
|
||||||
|
const qrcodeDetail = ref({
|
||||||
|
text:'',
|
||||||
|
status:''
|
||||||
|
})
|
||||||
|
|
||||||
|
|
||||||
|
const toLogin = () => {
|
||||||
|
dialogTableVisible.value = true
|
||||||
|
}
|
||||||
|
// 获取验证码方法
|
||||||
|
const getCode = () => {
|
||||||
|
if (!/^1[3-9]\d{9}$/.test(mobile.value)) {
|
||||||
|
ElMessage({
|
||||||
|
message: '请输入有效的手机号',
|
||||||
|
type: 'warning',
|
||||||
|
duration: 3 * 1000
|
||||||
|
})
|
||||||
|
// showToast('请输入有效的手机号','warning')
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
// 这里添加实际获取验证码逻辑
|
||||||
|
console.log('发送验证码到:', mobile.value)
|
||||||
|
let data = {
|
||||||
|
mobile: mobile.value,
|
||||||
|
area_code:86
|
||||||
|
}
|
||||||
|
request.post(`go/api/h5/v2/user/smscode`,data)
|
||||||
|
.then(res => {
|
||||||
|
// 开始倒计时
|
||||||
|
countdown.value = 60
|
||||||
|
showCountdown.value = true
|
||||||
|
timer.value = setInterval(() => {
|
||||||
|
if(countdown.value > 0) {
|
||||||
|
countdown.value--
|
||||||
|
} else {
|
||||||
|
clearInterval(timer.value)
|
||||||
|
showCountdown.value = false
|
||||||
|
}
|
||||||
|
}, 1000)
|
||||||
|
})
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
// 登录验证方法
|
||||||
|
const handleLogin = () => {
|
||||||
|
if (!mobile.value || !code.value) {
|
||||||
|
ElMessage({
|
||||||
|
message: '请填写完整信息',
|
||||||
|
type: 'warning',
|
||||||
|
duration: 3 * 1000
|
||||||
|
})
|
||||||
|
// showToast('请填写完整信息','warning')
|
||||||
|
return
|
||||||
|
}
|
||||||
|
let data = {
|
||||||
|
mobile:mobile.value,
|
||||||
|
area_code: 86,
|
||||||
|
code:code.value
|
||||||
|
}
|
||||||
|
isEnterStart.value = true
|
||||||
|
request.post(`go/api/app/v2/account/code/login`,data)
|
||||||
|
.then(res => {
|
||||||
|
// 登录成功处理
|
||||||
|
localStorage.setItem('answerToken',res.data.api_token)
|
||||||
|
ElMessage({
|
||||||
|
message: '登录成功',
|
||||||
|
type: 'success',
|
||||||
|
duration: 1200
|
||||||
|
})
|
||||||
|
// showToast('登录成功')
|
||||||
|
// getIsJoin()
|
||||||
|
getUserDetail()
|
||||||
|
setTimeout(() => {
|
||||||
|
dialogTableVisible.value = false
|
||||||
|
isEnterStart.value = false
|
||||||
|
|
||||||
|
// router.push({ name: 'onlineTest',query:{id:id.value} })
|
||||||
|
},800)
|
||||||
|
}).finally(() => {
|
||||||
|
isEnterStart.value = false
|
||||||
|
})
|
||||||
|
}
|
||||||
|
const getUserDetail = () => {
|
||||||
|
request.get(`go/api/h5/v2/user/info2`)
|
||||||
|
.then(res => {
|
||||||
|
localStorage.setItem('answer_user_mobile', res.data.mobile)
|
||||||
|
localStorage.setItem('answer_user_id', res.data.user_id)
|
||||||
|
localStorage.setItem('answer_user_name', res.data.name)
|
||||||
|
emit('close')
|
||||||
|
// loginStatus.value = true
|
||||||
|
}).finally(() => {
|
||||||
|
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 切换登录方式
|
||||||
|
const rightClick = () => {
|
||||||
|
if (isAccountLogin.value){
|
||||||
|
isResetCode.value = false
|
||||||
|
// 清除现有轮询
|
||||||
|
if (pollingTimer.value) {
|
||||||
|
clearInterval(pollingTimer.value)
|
||||||
|
pollingTimer.value = null
|
||||||
|
}
|
||||||
|
getQRCode()
|
||||||
|
}else {
|
||||||
|
isAccountLogin.value = !isAccountLogin.value
|
||||||
|
// 切换时清除轮询
|
||||||
|
if (pollingTimer.value) {
|
||||||
|
clearInterval(pollingTimer.value)
|
||||||
|
pollingTimer.value = null
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// 获取二维码
|
||||||
|
const getQRCode = (reset) => {
|
||||||
|
if (qrcodeDetail.value.timeoutTimer) {
|
||||||
|
clearTimeout(qrcodeDetail.value.timeoutTimer)
|
||||||
|
}
|
||||||
|
request.get(`go/api/app/v2/account/qrcode/prepare`)
|
||||||
|
.then(res => {
|
||||||
|
let result = res.data
|
||||||
|
qrcodeDetail.value.text = result.data
|
||||||
|
qrcodeDetail.value.id = result.id
|
||||||
|
// 添加5分钟（300000毫秒）后自动刷新
|
||||||
|
qrcodeDetail.value.timeoutTimer = setTimeout(() => {
|
||||||
|
handleQRCodeTimeout()
|
||||||
|
}, 3 * 60000) // 60000毫秒 = 1分钟
|
||||||
|
console.log(result,'ggg')
|
||||||
|
if (reset != 'reset'){
|
||||||
|
isAccountLogin.value = !isAccountLogin.value
|
||||||
|
}
|
||||||
|
pollingTimer.value = setInterval(() => {
|
||||||
|
getQRCodeStatus()
|
||||||
|
}, 5000) // 每5秒轮询一次
|
||||||
|
})
|
||||||
|
}
|
||||||
|
const getQRCodeStatus = () => {
|
||||||
|
let data = {
|
||||||
|
id:qrcodeDetail.value.id
|
||||||
|
}
|
||||||
|
request.post(`go/api/app/v2/account/qrcode/login`,data).then(loginRes => {
|
||||||
|
if (loginRes.data.status === 2) {
|
||||||
|
isScanSucess.value = true
|
||||||
|
}
|
||||||
|
if (loginRes.data.api_token) {
|
||||||
|
localStorage.setItem('answerToken',loginRes.data.api_token)
|
||||||
|
clearInterval(pollingTimer.value)
|
||||||
|
dialogTableVisible.value = false
|
||||||
|
ElMessage({
|
||||||
|
message: '登录成功',
|
||||||
|
type: 'success',
|
||||||
|
duration: 1200
|
||||||
|
})
|
||||||
|
getUserDetail()
|
||||||
|
// startTest()
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
const handleQRCodeTimeout = () => {
|
||||||
|
// clearTimeout(qrcodeDetail.value.timeoutTimer) // 清除定时器
|
||||||
|
// clearInterval(pollingTimer.value)
|
||||||
|
// pollingTimer.value = null
|
||||||
|
isScanSucess.value = false
|
||||||
|
isResetCode.value = true
|
||||||
|
// ElMessage({
|
||||||
|
// message: '二维码已过期，请点击刷新',
|
||||||
|
// type: 'warning',
|
||||||
|
// duration: 1200
|
||||||
|
// })
|
||||||
|
// showToast('二维码已过期，请点击刷新', 'warning')
|
||||||
|
// getQRCode() // 直接调用获取新二维码
|
||||||
|
}
|
||||||
|
const toResetCode = () => {
|
||||||
|
clearTimeout(qrcodeDetail.value.timeoutTimer) // 清除定时器
|
||||||
|
clearInterval(pollingTimer.value)
|
||||||
|
pollingTimer.value = null
|
||||||
|
isResetCode.value = false
|
||||||
|
getQRCode('reset') // 直接调用获取新二维码
|
||||||
|
}
|
||||||
|
const closeLogin = () => {
|
||||||
|
emit('close')
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<div class="dialog-mask">
|
||||||
|
<div class="dialog-box" @click.stop>
|
||||||
|
<div v-if='isAccountLogin'>
|
||||||
|
<div class="dialog-title">请登录</div>
|
||||||
|
<div class="dialog-content">
|
||||||
|
<!-- 新增文字标签 -->
|
||||||
|
<div class="input-label">手机号</div>
|
||||||
|
<div class="login-input">
|
||||||
|
<input v-model="mobile" type="tel" placeholder="请输入手机号" maxlength="11">
|
||||||
|
</div>
|
||||||
|
<div class="input-label marginT32">验证码</div>
|
||||||
|
<div class="login-input code-input">
|
||||||
|
<input
|
||||||
|
v-model="code"
|
||||||
|
type="tel"
|
||||||
|
inputmode="numeric"
|
||||||
|
placeholder="请输入验证码"
|
||||||
|
maxlength="6"
|
||||||
|
@compositionstart="isComposing = true"
|
||||||
|
@compositionend="(e) => {
|
||||||
|
isComposing = false
|
||||||
|
e.target.value = e.target.value.replace(/[^0-9]/g, '').slice(0,6)
|
||||||
|
code = e.target.value
|
||||||
|
}"
|
||||||
|
@input="(e) => {
|
||||||
|
if (!isComposing) {
|
||||||
|
e.target.value = e.target.value.replace(/[^0-9]/g, '').slice(0,6)
|
||||||
|
code = e.target.value
|
||||||
|
}
|
||||||
|
}"
|
||||||
|
>
|
||||||
|
<button
|
||||||
|
class="get-code-btn"
|
||||||
|
@click="getCode"
|
||||||
|
:disabled="showCountdown"
|
||||||
|
>
|
||||||
|
{{ showCountdown ? `${countdown}s` : '获取验证码' }}
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<!-- <div class="error-tip" v-if="errorVisible">{{ errorMessage }}</div>-->
|
||||||
|
</div>
|
||||||
|
<div class="dialog-btns">
|
||||||
|
<div class="dialog-btn confirm text-center" @click="handleLogin" :class="{disabled: isEnterStart}">
|
||||||
|
<div class="loading-spinner" v-if="isEnterStart"></div>
|
||||||
|
{{ isEnterStart ? '准备中...' : '登录' }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div v-else class='ui-qrcode-card text-center'>
|
||||||
|
<div class='ui-qrcode-title'>扫码登录</div>
|
||||||
|
<div class='ui-qrcode-subtitle'>友福同享app扫描登录</div>
|
||||||
|
<div class='ui-qrcode-box'>
|
||||||
|
<createdQRCode :text="qrcodeDetail.text"></createdQRCode>
|
||||||
|
<div class='ui-qrcode-mask' v-if='isResetCode' @click='toResetCode'>
|
||||||
|
<svg class='ui-qrcode-mask-icon' xmlns="http://www.w3.org/2000/svg" width="40" height="39" viewBox="0 0 40 39" fill="none">
|
||||||
|
<path d="M39.0607 7.91715C38.3171 7.65477 37.4877 8.03376 37.2303 8.79175L36.1149 11.9695C34.8279 8.99582 32.7687 6.37202 30.166 4.3896C21.8434 -1.87837 10.003 -0.158323 3.76819 8.20868C0.76518 12.261 -0.521823 17.2754 0.193179 22.2897C0.908181 27.3333 3.53939 31.7937 7.572 34.8257C10.9468 37.3912 14.8936 38.6156 18.8404 38.6156C24.5604 38.6156 30.2518 35.9918 33.9413 31.0066C35.5715 28.8201 36.6869 26.3421 37.2589 23.6891C37.4305 22.902 36.9443 22.1148 36.1721 21.9399C35.3999 21.765 34.6277 22.2606 34.4561 23.0769C33.9699 25.3217 33.0261 27.3916 31.6533 29.2574C26.3622 36.3708 16.3236 37.7993 9.2594 32.4934C5.85599 29.8988 3.62519 26.138 3.02459 21.8816C2.42398 17.6252 3.51079 13.398 6.05619 9.98703C11.3472 2.87362 21.3858 1.41596 28.45 6.75102C30.9954 8.67513 32.9117 11.3281 33.9413 14.36L29.022 12.4068C28.2784 12.1152 27.449 12.4651 27.163 13.2231C26.877 13.981 27.2488 14.8265 27.9924 15.118L35.2283 18.0042C35.3999 18.0917 35.5715 18.1208 35.7717 18.1208C35.7717 18.1208 35.8003 18.1208 35.8289 18.1208C35.8861 18.1208 35.9433 18.15 36.0005 18.15C36.5725 18.15 37.1445 17.771 37.3447 17.1588L39.9187 9.81212C40.1761 9.02498 39.8043 8.17953 39.0607 7.91715Z" fill="white"/>
|
||||||
|
</svg>
|
||||||
|
<div class='ui-qrcode-mask-title' >重新刷新</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class='dialog-scan-success text-center' v-if='isScanSucess'>
|
||||||
|
<div class='dialog-scan-success-title'>扫码成功</div>
|
||||||
|
<div class='dialog-scan-success-subtitle'>请在友福同享app 确认登录</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class='dialog-right-top' @click='rightClick'>
|
||||||
|
<div class='dialog-right-top-box' @mouseover="showAccountTip = true"
|
||||||
|
@mouseleave="showAccountTip = false">
|
||||||
|
<img class='' :src='isAccountLogin ? "https://images.health.ufutx.com/202504/24/11ccc759cfe3bbbc27ff9bcd34f074d0.png" :"https://images.health.ufutx.com/202504/28/ffda8485e0b7f67ea1dbb94a9f4cc402.png"' alt='' >
|
||||||
|
<div class='ui-dialog-right-tip' v-if='showAccountTip'>{{isAccountLogin ? '扫码登录' : '账号登录'}}</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<svg @click='closeLogin' class='ui-dialog-contact-cancel' xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 34 34" fill="none">
|
||||||
|
<path opacity="0.3" d="M17 34C26.3888 34 34 26.3888 34 17C34 7.61116 26.3888 0 17 0C7.61116 0 0 7.61116 0 17C0 26.3888 7.61116 34 17 34Z" fill="black"/>
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.0006 9.95806C10.2271 9.74375 10.5827 9.74741 10.8048 9.96633L24.1111 23.0836C24.3235 23.2929 24.3259 23.6348 24.1166 23.8471C24.1122 23.8515 24.1077 23.8559 24.1032 23.8603C23.8766 24.0746 23.521 24.0709 23.299 23.852L9.99262 10.7347C9.7803 10.5254 9.77785 10.1836 9.98716 9.97123C9.99157 9.96676 9.99605 9.96237 10.0006 9.95806Z" fill="white" stroke="white" stroke-width="0.85"/>
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M24.0015 9.95806C23.7749 9.74375 23.4194 9.74741 23.1973 9.96633L9.89093 23.0836C9.67861 23.2929 9.67616 23.6348 9.88547 23.8471C9.88987 23.8515 9.89436 23.8559 9.89892 23.8603C10.1254 24.0746 10.481 24.0709 10.7031 23.852L24.0095 10.7347C24.2218 10.5254 24.2242 10.1836 24.0149 9.97123C24.0105 9.96676 24.006 9.96237 24.0015 9.95806Z" fill="white" stroke="white" stroke-width="0.85"/>
|
||||||
|
</svg>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.dialog-mask {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background: rgba(0, 0, 0, 0.5);
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
z-index: 999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dialog-box {
|
||||||
|
position: relative;
|
||||||
|
width: 475px;
|
||||||
|
background: #fff;
|
||||||
|
border-radius: 20px;
|
||||||
|
padding: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dialog-title {
|
||||||
|
font-size: 22px;
|
||||||
|
font-weight: bold;
|
||||||
|
margin-bottom: 30px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dialog-content {
|
||||||
|
margin-bottom: 50px;
|
||||||
|
font-size: 18px;
|
||||||
|
color:#0E0E0E;
|
||||||
|
font-weight: 400;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dialog-btns {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.dialog-btn {
|
||||||
|
padding: 16px 0;
|
||||||
|
border-radius: 10px;
|
||||||
|
cursor: pointer;
|
||||||
|
width: 172px;
|
||||||
|
}
|
||||||
|
.dialog-btn, .ui-btn,.ui-search-btn,.dialog-success-btn{
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
&.disabled {
|
||||||
|
opacity: 0.7;
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.loading-spinner {
|
||||||
|
width: 16px;
|
||||||
|
height: 16px;
|
||||||
|
margin-right: 8px;
|
||||||
|
border: 2px solid #fff;
|
||||||
|
border-top-color: transparent;
|
||||||
|
border-radius: 50%;
|
||||||
|
animation: spin 0.8s linear infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
.loading-spinner-v2{
|
||||||
|
width: 16px;
|
||||||
|
height: 16px;
|
||||||
|
margin-right: 8px;
|
||||||
|
border: 2px solid #409EFF;
|
||||||
|
border-top-color: transparent;
|
||||||
|
border-radius: 50%;
|
||||||
|
animation: spin 0.8s linear infinite;
|
||||||
|
}
|
||||||
|
@keyframes spin {
|
||||||
|
to {
|
||||||
|
transform: rotate(360deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.cancel {
|
||||||
|
border: 1px solid #409EFF;
|
||||||
|
color: #409EFF;
|
||||||
|
background: #fff;
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.confirm {
|
||||||
|
background: #409eff;
|
||||||
|
color: #fff;
|
||||||
|
border: 1px solid #409eff;
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
.input-label {
|
||||||
|
|
||||||
|
font-size: 14px;
|
||||||
|
color: #0e0e0e;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
}
|
||||||
|
.login-input {
|
||||||
|
margin: 0 0 15px;
|
||||||
|
input {
|
||||||
|
width: 100%;
|
||||||
|
height: 56px;
|
||||||
|
padding: 0 15px;
|
||||||
|
border: 1px solid #B2B3B5; /* 默认黑色边框 */
|
||||||
|
border-radius: 10px;
|
||||||
|
font-size: 14px;
|
||||||
|
/* 去除输入框默认样式 */
|
||||||
|
-webkit-appearance: none;
|
||||||
|
outline: none;
|
||||||
|
/* 隐藏数字输入框箭头 */
|
||||||
|
&[type="number"] {
|
||||||
|
-moz-appearance: textfield;
|
||||||
|
&::-webkit-outer-spin-button,
|
||||||
|
&::-webkit-inner-spin-button {
|
||||||
|
-webkit-appearance: none;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&:focus {
|
||||||
|
border-color: #79BBFF; /* 输入时边框颜色 */
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.code-input {
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
.get-code-btn {
|
||||||
|
position: absolute;
|
||||||
|
right: 10px;
|
||||||
|
top: 50%;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
background: none;
|
||||||
|
border: none;
|
||||||
|
color: #79BBFF; /* 按钮文字颜色 */
|
||||||
|
padding: 0;
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.dialog-content {
|
||||||
|
margin-bottom: 30px;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
.ui-qrcode-card{
|
||||||
|
|
||||||
|
.ui-qrcode-title{
|
||||||
|
color: #0E0E0E;
|
||||||
|
font-size: 22px;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
.ui-qrcode-subtitle{
|
||||||
|
margin: 10px 0 10px;
|
||||||
|
color: #66676C;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 14px;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: normal;
|
||||||
|
}
|
||||||
|
.ui-qrcode-box{
|
||||||
|
position: relative;
|
||||||
|
margin: 0 auto;
|
||||||
|
width: 280px;
|
||||||
|
height: 280px;
|
||||||
|
.ui-qrcode-mask{
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background: rgba(0,0,0,0.5);
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
z-index: 1001;
|
||||||
|
cursor: pointer;
|
||||||
|
.ui-qrcode-mask-icon{
|
||||||
|
width: 40px;
|
||||||
|
height: 38px;
|
||||||
|
}
|
||||||
|
.ui-qrcode-mask-title{
|
||||||
|
margin-top: 10px;
|
||||||
|
color: #FFF;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 16px;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: normal;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.dialog-right-top{
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
}
|
||||||
|
.dialog-right-top-box{
|
||||||
|
position: relative;
|
||||||
|
width: 70px;
|
||||||
|
height: 70px;
|
||||||
|
border-radius: 0 20px 0 0;
|
||||||
|
cursor: pointer;
|
||||||
|
img{
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
border-radius: 0 20px 0 0;
|
||||||
|
}
|
||||||
|
.ui-dialog-right-tip{
|
||||||
|
position: absolute;
|
||||||
|
top: 20px;
|
||||||
|
left: -72px;
|
||||||
|
display: flex;
|
||||||
|
padding: 10px;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
font-size: 16px;
|
||||||
|
color: #fff;
|
||||||
|
border-radius: 10px;
|
||||||
|
background: #409EFF;
|
||||||
|
z-index: 1000;
|
||||||
|
&::after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
right: -14px;
|
||||||
|
top: 50%;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
border-width: 8px;
|
||||||
|
border-style: solid;
|
||||||
|
border-color: transparent transparent transparent #409EFF;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.dialog-scan-success{
|
||||||
|
margin: 34px 0 0;
|
||||||
|
|
||||||
|
.dialog-scan-success-title{
|
||||||
|
margin-bottom: 10px;
|
||||||
|
color: #0E0E0E;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 22px;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 600;
|
||||||
|
line-height: normal;
|
||||||
|
}
|
||||||
|
.dialog-scan-success-subtitle{
|
||||||
|
color: #66676C;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 14px;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: normal;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.ui-dialog-contact-cancel{
|
||||||
|
position: absolute;
|
||||||
|
bottom:-64px;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
width:34px;
|
||||||
|
height: 34px;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.dialog-success-box{
|
||||||
|
display: flex;
|
||||||
|
width: 574px;
|
||||||
|
padding: 50px;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
border-radius: 20px;
|
||||||
|
background: #FFF;
|
||||||
|
.dialog-success-img{
|
||||||
|
width: 130px;
|
||||||
|
height: 116px;
|
||||||
|
}
|
||||||
|
.dialog-success-title{
|
||||||
|
margin: 50px auto 30px;
|
||||||
|
color: #0E0E0E;
|
||||||
|
font-size: 22px;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
.dialog-success-content{
|
||||||
|
margin-bottom: 50px;
|
||||||
|
color:#0E0E0E;
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
.dialog-success-btns{
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.dialog-success-btns-V1{
|
||||||
|
justify-content: space-between;
|
||||||
|
width: 400px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dialog-success-btn{
|
||||||
|
padding: 16px 0;
|
||||||
|
border-radius: 10px;
|
||||||
|
cursor: pointer;
|
||||||
|
width: 172px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
194
src/components/pc/exam/examPdf.vue
Normal file
194
src/components/pc/exam/examPdf.vue
Normal file
@ -0,0 +1,194 @@
|
|||||||
|
<template>
|
||||||
|
<div class='pdf-bg' @contextmenu.prevent @copy.prevent>
|
||||||
|
<div class='pdf-box'>
|
||||||
|
<canvas :id="`pdfCanvas${page}`" v-for="page in state.pdfPages" :key="page"></canvas>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</template>
|
||||||
|
<script setup>
|
||||||
|
import { getDocument } from 'pdfjs-dist/legacy/build/pdf';
|
||||||
|
import { onMounted, ref, reactive, nextTick, onUnmounted } from 'vue'
|
||||||
|
|
||||||
|
import * as pdfjsWorker from 'pdfjs-dist/build/pdf.worker.mjs'
|
||||||
|
import { useRouter } from 'vue-router'
|
||||||
|
const router = useRouter()
|
||||||
|
|
||||||
|
|
||||||
|
let pdfDoc = ""; // 文档内容---必须使用非响应式存储
|
||||||
|
// let name = ''
|
||||||
|
// let user_id = ''
|
||||||
|
const name = ref('')
|
||||||
|
const user_id = ref('')
|
||||||
|
const state = reactive({
|
||||||
|
pdfPath: "/pdf/华康医疗公司简介.pdf", //本地PDF文件路径放在/public中
|
||||||
|
pdfPages: '', // 页数
|
||||||
|
pdfWidth: "", // 宽度
|
||||||
|
pdfSrc: "", // 地址
|
||||||
|
pdfScale: 1.0, // 放大倍数
|
||||||
|
});
|
||||||
|
|
||||||
|
const renderPdf = async (num) => {
|
||||||
|
// console.log(name,user_id,'fff---')
|
||||||
|
const canvas = document.getElementById(`pdfCanvas${num}`);
|
||||||
|
const context = canvas.getContext('2d');
|
||||||
|
pdfDoc.getPage(num).then(async function(page) {
|
||||||
|
// you can now use *page* here
|
||||||
|
const viewport = page.getViewport({ scale: 1.5 }); // 设置缩放比例
|
||||||
|
canvas.height = viewport.height;
|
||||||
|
canvas.width = viewport.width;
|
||||||
|
const renderContext = {
|
||||||
|
canvasContext: context,
|
||||||
|
viewport: viewport,
|
||||||
|
};
|
||||||
|
|
||||||
|
var renderTask = page.render(renderContext); // 渲染页面到canvas上
|
||||||
|
let a = await renderTask.promise.then(async function () {
|
||||||
|
// 水印绘制代码将在这里添加
|
||||||
|
console.log(name,user_id,'name,user_id')
|
||||||
|
if (name.value||user_id.value){
|
||||||
|
await canvasWatermark(canvas,name.value,user_id.value)
|
||||||
|
}
|
||||||
|
// addWatermark(canvas, 'https://images.health.ufutx.com/202505/29/6121f956eb6b839f12a2be7586506da2.png');
|
||||||
|
});
|
||||||
|
// if (num < 2){
|
||||||
|
// renderPdf(num+1)
|
||||||
|
// }
|
||||||
|
if (state.pdfPages > num){
|
||||||
|
renderPdf(num+1)
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// 添加 canvas 水印
|
||||||
|
const canvasWatermark = async (canvas, name,user_id) => {
|
||||||
|
|
||||||
|
// 旋转角度大小
|
||||||
|
const rotateAngle = Math.PI / 6
|
||||||
|
|
||||||
|
const labels = [name]
|
||||||
|
|
||||||
|
const pageWidth = canvas.width
|
||||||
|
const pageHeight = canvas.height
|
||||||
|
|
||||||
|
// 生成 canvas 文字图片
|
||||||
|
|
||||||
|
let canvasWidth = canvas.width
|
||||||
|
let canvasHeight = canvas.height
|
||||||
|
|
||||||
|
const context = canvas.getContext('2d')
|
||||||
|
context.font = '32px Arial'
|
||||||
|
context.shadowColor = 'rgba(187, 187, 187, .3)'
|
||||||
|
|
||||||
|
// 在绕画布逆方向旋转30度
|
||||||
|
context.rotate(-rotateAngle)
|
||||||
|
|
||||||
|
// 获取文本的最大长度
|
||||||
|
const textWidth = Math.max(...labels.map(item => context.measureText(item).width))
|
||||||
|
|
||||||
|
const lineHeight = 30
|
||||||
|
const fontHeight = 40
|
||||||
|
let positionY = 0
|
||||||
|
let i = 0
|
||||||
|
while (positionY <= pageHeight) {
|
||||||
|
positionY = positionY + lineHeight * 5
|
||||||
|
i++
|
||||||
|
}
|
||||||
|
canvasWidth += Math.sin(rotateAngle) * (positionY + i * fontHeight) // 给canvas加上画布向左偏移的最大距离
|
||||||
|
canvasHeight = 2 * canvasHeight
|
||||||
|
for (positionY = 0, i = 0; positionY <= canvasHeight; positionY = positionY + lineHeight * 5) {
|
||||||
|
// 进行画布偏移是为了让画布旋转之后水印能够左对齐;
|
||||||
|
context.translate(-(Math.sin(rotateAngle) * (positionY + i * fontHeight)) - (i % 2) * 50, 0)
|
||||||
|
for (let positionX = 0; positionX < canvasWidth; positionX += (2 * textWidth - 100 < 0 ? 2 * textWidth +100 : 2 * textWidth - 50)) {
|
||||||
|
let spacing = 0
|
||||||
|
|
||||||
|
labels.forEach(item => {
|
||||||
|
context.fillText(item, positionX, positionY + spacing)
|
||||||
|
context.fillStyle = 'rgba(187, 187, 187, .25)' // 字体颜色
|
||||||
|
spacing = spacing + lineHeight
|
||||||
|
})
|
||||||
|
}
|
||||||
|
context.translate(Math.sin(rotateAngle) * (positionY + i * fontHeight), 0)
|
||||||
|
context.restore()
|
||||||
|
i++
|
||||||
|
}
|
||||||
|
|
||||||
|
// ----------- 优化 --------------------
|
||||||
|
// 图片的base64编码路径
|
||||||
|
// const png = canvas.toDataURL('img/png')
|
||||||
|
// 获取图片
|
||||||
|
// const imagePDF = await pdfDoc.embedPng(png)
|
||||||
|
// context.drawImage(png)
|
||||||
|
|
||||||
|
// for (let i = 0; i < pages.length; i++) {
|
||||||
|
// pages[i].drawImage(imagePDF)
|
||||||
|
// }
|
||||||
|
|
||||||
|
// 序列化为字节
|
||||||
|
// const pdfBytes = await pdfDoc.save()
|
||||||
|
// 预览
|
||||||
|
// this.preView(title, pdfBytes)
|
||||||
|
// ----------- 优化 --------------------
|
||||||
|
}
|
||||||
|
const loadPdf = async (url, password,name ,user_id) => {
|
||||||
|
try {
|
||||||
|
|
||||||
|
const loadingTask = getDocument({ url, password });
|
||||||
|
|
||||||
|
pdfDoc = await loadingTask.promise;
|
||||||
|
|
||||||
|
state.pdfPages = pdfDoc.numPages
|
||||||
|
|
||||||
|
nextTick(() => {
|
||||||
|
renderPdf(1,name,user_id); // 表示渲染第 1 页
|
||||||
|
});
|
||||||
|
} catch (error) {
|
||||||
|
console.error('Error loading PDF:', error);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
const disableDevTools = (event) => {
|
||||||
|
// 禁止 F12
|
||||||
|
if (event.key === "F12") {
|
||||||
|
event.preventDefault();
|
||||||
|
}
|
||||||
|
// 禁止 Ctrl + Shift + I 打开开发者工具
|
||||||
|
if (event.ctrlKey && event.shiftKey && event.key === 'I') {
|
||||||
|
event.preventDefault();
|
||||||
|
}
|
||||||
|
// 禁止 Ctrl + Shift + C 打开检查元素
|
||||||
|
if (event.ctrlKey && event.shiftKey && event.key === 'C') {
|
||||||
|
event.preventDefault();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
onMounted(() => {
|
||||||
|
if (!localStorage.getItem('answer_user_name') && !localStorage.getItem('answer_user_id')){
|
||||||
|
router.replace({name:'examHome'})
|
||||||
|
return
|
||||||
|
}
|
||||||
|
name.value = localStorage.getItem('answer_user_name')
|
||||||
|
user_id.value = localStorage.getItem('answer_user_id')
|
||||||
|
console.log(name ,user_id )
|
||||||
|
window.pdfjsWorker = pdfjsWorker
|
||||||
|
const url = 'https://images.health.ufutx.com/202505/29/cbf489440381ce021503b416677f7851.pdf'; // PDF文件的URL或路径
|
||||||
|
|
||||||
|
const encodedPwd = 'eWZ0eGFp';
|
||||||
|
// console.log(btoa('www.baidu.com'),'bbb')
|
||||||
|
const password = atob(encodedPwd);
|
||||||
|
loadPdf(url, password,name.value ,user_id.value);
|
||||||
|
// document.addEventListener('keydown', disableDevTools);
|
||||||
|
})
|
||||||
|
onUnmounted(() => {
|
||||||
|
// document.removeEventListener('keydown', disableDevTools);
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
<style scoped>
|
||||||
|
.pdf-bg{
|
||||||
|
padding: 10px;
|
||||||
|
background: #0e0e0e
|
||||||
|
}
|
||||||
|
.pdf-box{
|
||||||
|
margin: 0 auto;
|
||||||
|
max-width: 900px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
980
src/components/pc/exam/onlineTest.vue
Normal file
980
src/components/pc/exam/onlineTest.vue
Normal file
@ -0,0 +1,980 @@
|
|||||||
|
<script setup>
|
||||||
|
import {ref,onMounted,onBeforeUnmount,computed,nextTick,reactive,watch} from "vue";
|
||||||
|
import {ElWatermark} from 'element-plus'
|
||||||
|
import request from '@/utils/request.js'
|
||||||
|
import {useRouter} from "vue-router";
|
||||||
|
import { onBeforeRouteLeave } from 'vue-router'
|
||||||
|
|
||||||
|
const router = useRouter()
|
||||||
|
const questionRefs = ref([]) //题目引用集合
|
||||||
|
|
||||||
|
const showExitWarning = ref(false)
|
||||||
|
const closeAttempts = ref(0)
|
||||||
|
const id = ref('')
|
||||||
|
const mobile = ref('')
|
||||||
|
const name = ref('')
|
||||||
|
const userId = ref('')
|
||||||
|
mobile.value = localStorage.getItem('answer_user_mobile')
|
||||||
|
name.value = localStorage.getItem('answer_user_name')
|
||||||
|
userId.value = localStorage.getItem('answer_user_id')
|
||||||
|
const font = reactive({
|
||||||
|
color: 'rgba(0, 0, 0, .15)',
|
||||||
|
})
|
||||||
|
const answerIndex = [
|
||||||
|
'A',
|
||||||
|
'B',
|
||||||
|
'C',
|
||||||
|
'D'
|
||||||
|
]
|
||||||
|
// 单选按钮
|
||||||
|
const radioImgs = [
|
||||||
|
'https://images.health.ufutx.com/202504/24/bfe1e581d4485d825ce02d76f88c1a0b.png', // 已选中
|
||||||
|
'https://images.health.ufutx.com/202504/24/448956fc33c65063c4b885dfc49a2949.png', // 未选中
|
||||||
|
]
|
||||||
|
const checkImgs = [
|
||||||
|
'https://images.health.ufutx.com/202504/24/bfe1e581d4485d825ce02d76f88c1a0b.png', // 已选中
|
||||||
|
'https://images.health.ufutx.com/202504/24/448956fc33c65063c4b885dfc49a2949.png', // 未选中
|
||||||
|
]
|
||||||
|
const checkImgsV2 = [
|
||||||
|
'https://images.health.ufutx.com/202505/19/8125ea89e5905187cbbd9b2a52de8add.png', // 已选中
|
||||||
|
'https://images.health.ufutx.com/202504/24/448956fc33c65063c4b885dfc49a2949.png', // 未选中
|
||||||
|
]
|
||||||
|
const fontSizeMap = {
|
||||||
|
small: '12px',
|
||||||
|
medium: '14px',
|
||||||
|
large: '16px',
|
||||||
|
xlarge: '18px'
|
||||||
|
}
|
||||||
|
const fontSizeName= ref('medium')
|
||||||
|
const changeFontSize = (size) => {
|
||||||
|
fontSizeName.value = size
|
||||||
|
const answerBoxTitle = document.querySelector('.answer-scroll')
|
||||||
|
if (answerBoxTitle) {
|
||||||
|
answerBoxTitle.style.fontSize = fontSizeMap[size]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 修改计时器相关逻辑
|
||||||
|
const time = ref(90 * 60) // 初始时间（单位：秒）
|
||||||
|
const allTime = ref(90) // 初始展示时间（单位：分）
|
||||||
|
const timeStr = computed(() => {
|
||||||
|
const minutes = Math.floor(time.value / 60)
|
||||||
|
const seconds = time.value % 60
|
||||||
|
return `${minutes}分${seconds.toString().padStart(2, '0')}秒`
|
||||||
|
})
|
||||||
|
|
||||||
|
// 进度计算（修改changeNum和allList）
|
||||||
|
const allList = computed(() => radioList.value.length + checkList.value.length)
|
||||||
|
const changeNum = computed(() => {
|
||||||
|
const radioAnswered = radioList.value.filter(item => item.select !== '').length
|
||||||
|
const checkAnswered = checkList.value.filter(item => item.select.length > 0).length
|
||||||
|
return radioAnswered + checkAnswered
|
||||||
|
})
|
||||||
|
const showTimeWarning = ref(false)
|
||||||
|
// 添加计时器
|
||||||
|
let timer = null
|
||||||
|
|
||||||
|
// 添加离开处理逻辑
|
||||||
|
const handleLeave = () => {
|
||||||
|
// showExitWarning.value = false
|
||||||
|
isLogouting.value = true
|
||||||
|
setTimeout(() => {
|
||||||
|
isLogout.value = false
|
||||||
|
if (toValue.value.name == 'examGuide'){
|
||||||
|
router.go(-1)
|
||||||
|
}else {
|
||||||
|
router.replace(toValue.value)
|
||||||
|
}
|
||||||
|
},600)
|
||||||
|
}
|
||||||
|
const radioList = ref([
|
||||||
|
{
|
||||||
|
title:'',
|
||||||
|
value:'',
|
||||||
|
option:[{
|
||||||
|
id:'',
|
||||||
|
title:'',
|
||||||
|
question_id:'',
|
||||||
|
library_id:''
|
||||||
|
}]
|
||||||
|
}
|
||||||
|
|
||||||
|
]) // 问答数据
|
||||||
|
const checkList = ref([
|
||||||
|
|
||||||
|
]) // 问答数据
|
||||||
|
|
||||||
|
const getDetail = () => {
|
||||||
|
request.get(`go/api/app/v2/exam/paper/${id.value}/question/list`)
|
||||||
|
.then(res => {
|
||||||
|
let result = res.data
|
||||||
|
let listData = res.data.map(item => {
|
||||||
|
item.select = item.type == 'MULTIPLE' ? [] : ''
|
||||||
|
return item
|
||||||
|
})
|
||||||
|
radioList.value = listData.filter(item => {
|
||||||
|
return item.type == 'RADIO'
|
||||||
|
})
|
||||||
|
checkList.value = listData.filter(item => {
|
||||||
|
return item.type == 'MULTIPLE'
|
||||||
|
})
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 新增滚动定位方法
|
||||||
|
const scrollToQuestion = (type, index) => {
|
||||||
|
nextTick(() => {
|
||||||
|
const globalIndex = type === 'radio' ? index : radioList.value.length + index
|
||||||
|
const target = questionRefs.value[`question_${globalIndex}`]
|
||||||
|
if (target) {
|
||||||
|
const container = document.querySelector('.answer-scroll')
|
||||||
|
container.scrollTo({
|
||||||
|
top: target.offsetTop - 50,
|
||||||
|
behavior: 'smooth'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 单选改变
|
||||||
|
const changeSingle = (item,index,itemV2,indexV2) => {
|
||||||
|
radioList.value[index].select= itemV2.id
|
||||||
|
}
|
||||||
|
//多选改变
|
||||||
|
const changeMultiple = (item,index,itemV2,indexV2) => {
|
||||||
|
if (checkList.value[index].select.includes(itemV2.id)){
|
||||||
|
console.log('1111')
|
||||||
|
checkList.value[index].select= checkList.value[index].select.filter(i => {
|
||||||
|
return i != itemV2.id
|
||||||
|
})
|
||||||
|
}else {
|
||||||
|
console.log('2222')
|
||||||
|
checkList.value[index].select.push(itemV2.id)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
const dialogTableVisible = ref(false)
|
||||||
|
const isSubmitting = ref(false)
|
||||||
|
const isSuccessSubmitting = ref(false)
|
||||||
|
const isLogouting = ref(false)
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
const handleSubmit = () => {
|
||||||
|
if(isSubmitting.value) return
|
||||||
|
isSubmitting.value = true
|
||||||
|
submit()
|
||||||
|
}
|
||||||
|
// 提交
|
||||||
|
const submit = () => {
|
||||||
|
// 单选选项
|
||||||
|
let radioQuestion= []
|
||||||
|
let radioOption= []
|
||||||
|
let radioNumber= []
|
||||||
|
let radioStatus = false
|
||||||
|
let radioAnswerList = radioList.value.map(item => {
|
||||||
|
let status = {}
|
||||||
|
console.log(item,'itwe--=')
|
||||||
|
radioQuestion.push(item.id)
|
||||||
|
radioStatus = false
|
||||||
|
item.options.map(itemV2 => {
|
||||||
|
|
||||||
|
if (itemV2.id == item.select){
|
||||||
|
radioNumber.push(itemV2.number)
|
||||||
|
radioOption.push(itemV2.id+'')
|
||||||
|
radioStatus = true
|
||||||
|
}
|
||||||
|
})
|
||||||
|
if (!radioStatus){
|
||||||
|
radioNumber.push('')
|
||||||
|
radioOption.push('')
|
||||||
|
}
|
||||||
|
return status
|
||||||
|
})
|
||||||
|
// 多选选项
|
||||||
|
let checkQuestion= []
|
||||||
|
let checkOption= []
|
||||||
|
let checkNumber= []
|
||||||
|
let checkStatus = false
|
||||||
|
let checkAnswerList = checkList.value.map(item => {
|
||||||
|
let status = {}
|
||||||
|
console.log(item,'itwe--=')
|
||||||
|
checkQuestion.push(item.id)
|
||||||
|
checkStatus = false
|
||||||
|
checkOption.push(item.select.length > 0 ? item.select.join(',') : '')
|
||||||
|
let numberStatus = []
|
||||||
|
item.options.map(itemV2 => {
|
||||||
|
if (item.select.includes(itemV2.id) ){
|
||||||
|
numberStatus.push(itemV2.number)
|
||||||
|
checkStatus = true
|
||||||
|
}
|
||||||
|
})
|
||||||
|
checkNumber.push(checkStatus ? numberStatus.join(','): '')
|
||||||
|
return status
|
||||||
|
})
|
||||||
|
|
||||||
|
let data = {
|
||||||
|
question_ids: [...radioQuestion,...checkQuestion],
|
||||||
|
option_ids: [...radioOption,...checkOption],
|
||||||
|
numbers: [...radioNumber,...checkNumber],
|
||||||
|
during: 60 - (Math.floor(time.value / 60))
|
||||||
|
}
|
||||||
|
console.log(data,'ddd')
|
||||||
|
request.post(`go/api/app/v2/exam/paper/${id.value}/send/answer`,data)
|
||||||
|
.then(res => {
|
||||||
|
setTimeout(() => {
|
||||||
|
dialogTableVisible.value = false
|
||||||
|
successModal.value = true
|
||||||
|
},600)
|
||||||
|
}).finally(() => {
|
||||||
|
setTimeout(() => {
|
||||||
|
isSubmitting.value = false // 无论成功失败都重置状态
|
||||||
|
|
||||||
|
},600)
|
||||||
|
})
|
||||||
|
}
|
||||||
|
const successModal = ref(false) //提交成功弹窗
|
||||||
|
const successSubmit = () => {
|
||||||
|
if(isSuccessSubmitting.value) return
|
||||||
|
isLogout.value = false
|
||||||
|
isSuccessSubmitting.value = true
|
||||||
|
setTimeout(() => {
|
||||||
|
isSuccessSubmitting.value = false
|
||||||
|
toRest()
|
||||||
|
}, 600)
|
||||||
|
}
|
||||||
|
// 吐司提示
|
||||||
|
const toastMessage = ref('')
|
||||||
|
const toastVisible = ref(false)
|
||||||
|
|
||||||
|
const showToast = (message) => {
|
||||||
|
toastMessage.value = message
|
||||||
|
toastVisible.value = true
|
||||||
|
setTimeout(() => toastVisible.value = false, 2000)
|
||||||
|
}
|
||||||
|
// 退出 考试
|
||||||
|
const toRest = () => {
|
||||||
|
router.go(-1)
|
||||||
|
}
|
||||||
|
// 统一浏览器离开事件处理
|
||||||
|
const handleBeforeUnload = (e) => {
|
||||||
|
if (!successModal.value) {
|
||||||
|
e.preventDefault()
|
||||||
|
e.returnValue = '当前试卷未提交，是否关闭？'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
const isLogout = ref( false)
|
||||||
|
// 添加结束时间响应式变量
|
||||||
|
const endTime = ref(new Date('2025-04-28T16:00:00')) // 请在此设置具体结束时间
|
||||||
|
const showTimeEnd = ref(false)
|
||||||
|
console.log(endTime,'e')
|
||||||
|
onMounted(() => {
|
||||||
|
console.log(endTime,'e')
|
||||||
|
console.log(new Date(),'e23')
|
||||||
|
timer = setInterval(() => {
|
||||||
|
const now = new Date()
|
||||||
|
const remainingSeconds = Math.floor((endTime.value - now) / 1000)
|
||||||
|
if(time.value > 0) {
|
||||||
|
time.value--
|
||||||
|
// 添加30秒检测逻辑
|
||||||
|
if(time.value === 30) {
|
||||||
|
showTimeWarning.value = true
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
clearInterval(timer)
|
||||||
|
showTimeWarning.value = false
|
||||||
|
console.log('时间到，执行保存')
|
||||||
|
// window.onbeforeunload = null
|
||||||
|
submit()
|
||||||
|
}
|
||||||
|
}, 1000)
|
||||||
|
|
||||||
|
id.value = router.currentRoute.value.query.id || '1'
|
||||||
|
if (!localStorage.getItem('answerToken')){
|
||||||
|
router.replace({name:'examGuide'})
|
||||||
|
}
|
||||||
|
window.addEventListener('beforeunload', handleBeforeUnload)
|
||||||
|
isLogout.value = true
|
||||||
|
getDetail()
|
||||||
|
})
|
||||||
|
const toValue = ref('')
|
||||||
|
// 添加路由离开守卫
|
||||||
|
onBeforeRouteLeave((to, from, next) => {
|
||||||
|
console.log(to, from, next,'successModal.value=')
|
||||||
|
toValue.value = to
|
||||||
|
if (isLogout.value && localStorage.getItem('answerToken')) {
|
||||||
|
showExitWarning.value = true // 显示离开确认弹窗
|
||||||
|
next(false) // 取消默认的导航行为
|
||||||
|
} else {
|
||||||
|
window.onbeforeunload = null
|
||||||
|
next()
|
||||||
|
}
|
||||||
|
})
|
||||||
|
onBeforeUnmount(() => {
|
||||||
|
clearInterval(timer)
|
||||||
|
window.removeEventListener('beforeunload', handleBeforeUnload)
|
||||||
|
window.onbeforeunload = null
|
||||||
|
})
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<div class="onlineTest">
|
||||||
|
<div class='ui-joinUs-bg'>
|
||||||
|
<div class='ui-JoinUs-left-title'>身心健康管理师（五月）考试</div>
|
||||||
|
<div class="ui-right-user">
|
||||||
|
<div class="user ellipsis_1">{{ name||'匿名用户' }}</div>
|
||||||
|
<div class="test-out" @click="toRest()">退出考试</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="answer-card">
|
||||||
|
<div class="a-c-title bold">作答状态</div>
|
||||||
|
<div class='a-c-default'>
|
||||||
|
<div class='default-box'>
|
||||||
|
<div class='default-box-border'></div>
|
||||||
|
<div class='default-box-title'>未答题</div>
|
||||||
|
</div>
|
||||||
|
<div class='default-box'>
|
||||||
|
<div class='default-box-border default-box-border-v2'></div>
|
||||||
|
<div class='default-box-title'>已答题</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="a-c-list-title marginT10" v-if="radioList.length > 0">
|
||||||
|
<div class=" font14">单选题</div>
|
||||||
|
<div class="a-c-list-box">
|
||||||
|
<div
|
||||||
|
v-for="(item,index) in radioList"
|
||||||
|
:key="index"
|
||||||
|
@click="scrollToQuestion('radio', index)"
|
||||||
|
class="a-c-list-box-item font14 text-center"
|
||||||
|
:class="{'a-c-list-box-select':item.select}">
|
||||||
|
{{index+1}}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="a-c-list-title marginT32" v-if="checkList.length > 0">
|
||||||
|
<div class=" font14">多选题</div>
|
||||||
|
<div class="a-c-list-box">
|
||||||
|
<div class="a-c-list-box">
|
||||||
|
<div
|
||||||
|
v-for="(item,index) in checkList"
|
||||||
|
:key="index"
|
||||||
|
@click="scrollToQuestion('check', index)"
|
||||||
|
class="a-c-list-box-item font14 text-center"
|
||||||
|
:class="{'a-c-list-box-select':item.select.length > 0}">
|
||||||
|
{{radioList.length+index+1}}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="time-card">
|
||||||
|
<div class="bold font14">剩余时间</div>
|
||||||
|
<!-- <div class="time-card-sub-title font12">总时长60分钟</div>-->
|
||||||
|
<div class="time-card-time font12 bold">
|
||||||
|
<span class="number">{{ (Math.floor(time / 60) < 10 ? '0' : '') + Math.floor(time / 60) }}</span><span class="unit">分</span>
|
||||||
|
<span class="number">{{ (time % 60 <10 ? '0' : '') + time % 60 }}</span><span class="unit">秒</span>
|
||||||
|
</div>
|
||||||
|
<div class='time-card-time-all'>总时长{{ allTime }}分钟</div>
|
||||||
|
<div class="time-card-line"></div>
|
||||||
|
<div class="font14 bold">答题进度</div>
|
||||||
|
<div class="time-card-sub-title">{{changeNum}}/{{allList}}</div>
|
||||||
|
<div class="time-card-process">
|
||||||
|
<div class="time-card-process-v2" :style="{width:(changeNum / allList) * 100 + '%'}"></div>
|
||||||
|
</div>
|
||||||
|
<div class="time-card-line"></div>
|
||||||
|
<div class="font-size-selector">
|
||||||
|
<div class="font14 bold">字号</div>
|
||||||
|
<div class='font-size-line-box'>
|
||||||
|
<div class='font-size-line'></div>
|
||||||
|
<div class='font-size-box'>
|
||||||
|
<div class='font-size-item' @click="changeFontSize('small')">
|
||||||
|
<img class="font-size-item-icon unselectable" draggable="false"
|
||||||
|
oncontextmenu="return false;" :src="fontSizeName == 'small' ? checkImgsV2[0]: checkImgsV2[1]" alt=""/>
|
||||||
|
<div class='font-size-item-title'>小</div>
|
||||||
|
</div>
|
||||||
|
<div class='font-size-item' @click="changeFontSize('medium')">
|
||||||
|
<img class="font-size-item-icon unselectable" draggable="false"
|
||||||
|
oncontextmenu="return false;" :src="fontSizeName == 'medium' ? checkImgsV2[0]: checkImgsV2[1]" alt=""/>
|
||||||
|
<div class='font-size-item-title'>标准</div>
|
||||||
|
</div>
|
||||||
|
<div class='font-size-item' @click="changeFontSize('large')">
|
||||||
|
<img class="font-size-item-icon unselectable" draggable="false"
|
||||||
|
oncontextmenu="return false;" :src="fontSizeName == 'large' ? checkImgsV2[0]: checkImgsV2[1]" alt=""/>
|
||||||
|
<div class='font-size-item-title'>大</div>
|
||||||
|
</div>
|
||||||
|
<div class='font-size-item' @click="changeFontSize('xlarge')">
|
||||||
|
<img class="font-size-item-icon unselectable" draggable="false"
|
||||||
|
oncontextmenu="return false;" :src="fontSizeName == 'xlarge' ? checkImgsV2[0]: checkImgsV2[1]" alt=""/>
|
||||||
|
<div class='font-size-item-title'>超大</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- <div class="font-size-btn" @click="changeFontSize('small')">小</div>-->
|
||||||
|
<!-- <div class="font-size-btn" @click="changeFontSize('medium')">中</div>-->
|
||||||
|
<!-- <div class="font-size-btn" @click="changeFontSize('large')">大</div>-->
|
||||||
|
<!-- <div class="font-size-btn" @click="changeFontSize('xlarge')">超大</div>-->
|
||||||
|
</div>
|
||||||
|
<div class="time-card-line"></div>
|
||||||
|
|
||||||
|
<div class="time-btn " @click="dialogTableVisible = true">提交试卷</div>
|
||||||
|
</div>
|
||||||
|
<div class="answer-box ">
|
||||||
|
<div class="answer-box-title bold">作答区</div>
|
||||||
|
<el-watermark :content='name || userId' :gap='[100,100]' :font="{fontSize:15,color:'rgba(100,100,100,0.15)'}">
|
||||||
|
<div class="answer-scroll">
|
||||||
|
<div class="top-line"></div>
|
||||||
|
<div class="" v-for="(item,index) in radioList" :key="index" :ref="el => questionRefs[`question_${index}`] = el">
|
||||||
|
<div class="ui-title unselectable">{{index + 1 + '.' + item.title}}</div>
|
||||||
|
<div class="ui-answer-list">
|
||||||
|
<div class="ui-answer-list-box" v-for="(itemV2,indexV2) in item.options" :key="indexV2" >
|
||||||
|
<div class="ui-answer-item" @click="changeSingle(item,index,itemV2,indexV2)">
|
||||||
|
<img class="ui-check-box unselectable" draggable="false"
|
||||||
|
oncontextmenu="return false;" :src="itemV2.id == item.select ? radioImgs[0]: radioImgs[1]" alt=""/>
|
||||||
|
<div class='unselectable '>{{answerIndex[indexV2] + '、'}}{{itemV2.title}}</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
v-for="(item,index) in checkList"
|
||||||
|
:key="radioList.length + index"
|
||||||
|
:ref="el => questionRefs[`question_${radioList.length + index}`] = el">
|
||||||
|
<div class="ui-title unselectable">{{(radioList.length + index + 1) + '.'+item.title}} 【多选】</div>
|
||||||
|
<div class="ui-answer-list">
|
||||||
|
<div class="ui-answer-list-box" v-for="(itemV2,indexV2) in item.options" :key="indexV2" >
|
||||||
|
<div class="ui-answer-item" @click="changeMultiple(item,index,itemV2,indexV2)">
|
||||||
|
<img class="ui-check-box unselectable" draggable="false"
|
||||||
|
oncontextmenu="return false;" :src="item.select?.includes(itemV2.id)? checkImgs[0] : checkImgs[1]" alt=""/>
|
||||||
|
<div class='unselectable '>{{itemV2.title}}</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</el-watermark>
|
||||||
|
</div>
|
||||||
|
<div class="dialog-mask" v-if="dialogTableVisible">
|
||||||
|
<div class="dialog-box text-center">
|
||||||
|
<div class="dialog-title">温馨提示</div>
|
||||||
|
<div class="dialog-content">
|
||||||
|
<span v-if="allList - changeNum > 0">您还有{{ allList - changeNum }}题未完成，</span>确定交卷吗？
|
||||||
|
</div>
|
||||||
|
<div class="dialog-btns">
|
||||||
|
<div class="dialog-btn cancel" @click="dialogTableVisible = false">继续答题</div>
|
||||||
|
<div class="dialog-btn confirm" @click="handleSubmit" :class="{disabled: isSubmitting}">
|
||||||
|
<div class="loading-spinner" v-if="isSubmitting"></div>
|
||||||
|
{{ isSubmitting ? '提交中...' : '确定交卷' }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="time-warning" v-if="showTimeWarning">
|
||||||
|
时间还剩{{(time % 60 <10 ? '0' : '') + time % 60}}秒，请尽快作答！
|
||||||
|
</div>
|
||||||
|
<div class="dialog-mask" v-if="successModal">
|
||||||
|
<div class="dialog-success-box text-center">
|
||||||
|
<img src="https://images.health.ufutx.com/202504/17/2ee13769aa745d646d4951179ade3419.png" alt="" class="dialog-success-img" />
|
||||||
|
<div class="dialog-success-title">温馨提示</div>
|
||||||
|
<div class="dialog-success-content">
|
||||||
|
试卷已成功提交，成绩确认后将第一时间通知您。
|
||||||
|
</div>
|
||||||
|
<div class="dialog-success-btns">
|
||||||
|
<div class="dialog-success-btn confirm" @click="successSubmit" :class="{disabled: isSuccessSubmitting}">
|
||||||
|
<div class="loading-spinner" v-if="isSuccessSubmitting"></div>
|
||||||
|
{{ isSuccessSubmitting ? '正在退出...' : '好的' }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="dialog-mask" v-if="showTimeEnd">
|
||||||
|
<div class="dialog-success-box text-center">
|
||||||
|
<img src="https://images.health.ufutx.com/202504/17/2ee13769aa745d646d4951179ade3419.png" alt="" class="dialog-success-img" />
|
||||||
|
<div class="dialog-success-title">温馨提示</div>
|
||||||
|
<div class="dialog-success-content">
|
||||||
|
考试时间已结束
|
||||||
|
</div>
|
||||||
|
<div class="dialog-success-btns">
|
||||||
|
<div class="dialog-success-btn confirm" @click="successSubmit" :class="{disabled: isSuccessSubmitting}">
|
||||||
|
<div class="loading-spinner" v-if="isSuccessSubmitting"></div>
|
||||||
|
{{ isSuccessSubmitting ? '正在退出...' : '好的' }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="dialog-mask" v-if="showExitWarning">
|
||||||
|
<div class="dialog-box text-center">
|
||||||
|
<div class="dialog-title">⚠️ 考试警告</div>
|
||||||
|
<div class="dialog-content">
|
||||||
|
<p>当前试卷尚未提交！</p>
|
||||||
|
<p v-if="closeAttempts < 2">是否确认离开？</p>
|
||||||
|
<p v-else style="color: #FF2946">继续离开将自动提交试卷并取消考试资格！</p>
|
||||||
|
</div>
|
||||||
|
<div class="dialog-btns">
|
||||||
|
<div class="dialog-btn cancel" @click="showExitWarning = false">继续答题</div>
|
||||||
|
<div class="dialog-btn confirm" @click="handleLeave" :class="{disabled: isLogouting}">
|
||||||
|
<div class="loading-spinner" v-if="isLogouting"></div>
|
||||||
|
{{ isLogouting ? '正在退出...' : '强制退出' }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="toast-mask" v-if="toastVisible">
|
||||||
|
<div class="toast-box">
|
||||||
|
{{ toastMessage }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.onlineTest{
|
||||||
|
background: #F5F5F5;
|
||||||
|
width: 100vw;
|
||||||
|
height: 100vh;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: normal;
|
||||||
|
.ui-joinUs-bg{
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
width: 100%;
|
||||||
|
padding: 20px 30px;
|
||||||
|
margin-bottom: 96px;
|
||||||
|
background: #ffffff;
|
||||||
|
.ui-JoinUs-left-title{
|
||||||
|
color: #0E0E0E;
|
||||||
|
font-size: 18px;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 600;
|
||||||
|
line-height: normal;
|
||||||
|
}
|
||||||
|
.ui-right-user{
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
width: 262px;
|
||||||
|
color: #0E0E0E;
|
||||||
|
.user{
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 600;
|
||||||
|
max-width: 100px;
|
||||||
|
}
|
||||||
|
.test-out{
|
||||||
|
display: flex;
|
||||||
|
padding: 8px 16px;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
border-radius: 6px;
|
||||||
|
border: 0.5px solid #B2B3B5;
|
||||||
|
background: #FFF;
|
||||||
|
font-weight: 400;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.answer-card{
|
||||||
|
position: fixed;
|
||||||
|
left: 336px;
|
||||||
|
top: 85px;
|
||||||
|
width: 183px;
|
||||||
|
height: 840px;
|
||||||
|
padding: 12px;
|
||||||
|
background: #ffffff;
|
||||||
|
.a-c-title{
|
||||||
|
padding: 10px 10px;
|
||||||
|
background: #f5f5f5;
|
||||||
|
}
|
||||||
|
.a-c-default{
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
padding: 0 10px 10px;
|
||||||
|
background: #f5f5f5;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
.default-box{
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
.default-box-border{
|
||||||
|
margin-right: 6px;
|
||||||
|
width: 14px;
|
||||||
|
height: 14px;
|
||||||
|
border-radius: 4px;
|
||||||
|
border: 1px solid #DDD;
|
||||||
|
}
|
||||||
|
.default-box-title{
|
||||||
|
font-size: 12px;
|
||||||
|
color: #0E0E0E;
|
||||||
|
}
|
||||||
|
.default-box-border-v2{
|
||||||
|
border-radius: 4px;
|
||||||
|
border: 1px solid var(--3578-f-2, #409EFF);
|
||||||
|
background: var(--color-primary-light-9, #ECF5FF);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.a-c-list-title{
|
||||||
|
color: #0E0E0E;
|
||||||
|
}
|
||||||
|
.a-c-list-box{
|
||||||
|
margin-top: 10px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
.a-c-list-box-item{
|
||||||
|
margin-right: 10px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
width: 23px;
|
||||||
|
height: 23px;
|
||||||
|
border-radius: 3px;
|
||||||
|
border: 0.5px solid #B2B3B5;
|
||||||
|
color: #B2B3B5;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
cursor: pointer;
|
||||||
|
&:nth-child(5n){
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.a-c-list-box-select{
|
||||||
|
border: 0.5px solid #409EFF;
|
||||||
|
color: #409EFF;
|
||||||
|
background: #ECF5FF;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
.time-card{
|
||||||
|
position: fixed;
|
||||||
|
left: 1432px;
|
||||||
|
top: 85px;
|
||||||
|
width: 183px;
|
||||||
|
height: 840px;
|
||||||
|
padding: 12px;
|
||||||
|
background: #ffffff;
|
||||||
|
text-align: center;
|
||||||
|
.time-card-sub-title{
|
||||||
|
margin: 8px 0;
|
||||||
|
color: #66676C;
|
||||||
|
}
|
||||||
|
.time-card-time {
|
||||||
|
margin-top: 8px;
|
||||||
|
display: flex;
|
||||||
|
align-items: flex-end;
|
||||||
|
justify-content: center;
|
||||||
|
gap: 2px;
|
||||||
|
|
||||||
|
.number {
|
||||||
|
font-size: 24px;
|
||||||
|
color: #FF2946;
|
||||||
|
line-height: 1;
|
||||||
|
}
|
||||||
|
.unit {
|
||||||
|
font-size: 12px;
|
||||||
|
color: #0E0E0E;
|
||||||
|
position: relative;
|
||||||
|
top: -2px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.time-card-time-all{
|
||||||
|
margin-top: 8px;
|
||||||
|
color: #66676C;
|
||||||
|
font-size: 14px;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: normal;
|
||||||
|
}
|
||||||
|
.time-card-line{
|
||||||
|
margin: 30px 0;
|
||||||
|
width: 156px;
|
||||||
|
height: 1px;
|
||||||
|
background: rgba(221, 221, 221,.5);
|
||||||
|
|
||||||
|
}
|
||||||
|
.time-card-process{
|
||||||
|
width:156px;
|
||||||
|
height: 4px;
|
||||||
|
border-radius: 10px;
|
||||||
|
background: #EBEBEB;
|
||||||
|
}
|
||||||
|
.time-card-process-v2{
|
||||||
|
width:156px;
|
||||||
|
height: 4px;
|
||||||
|
border-radius: 10px;
|
||||||
|
background: #409EFF;
|
||||||
|
}
|
||||||
|
.time-btn{
|
||||||
|
margin: 30px auto;
|
||||||
|
padding: 16px 30px;
|
||||||
|
width: fit-content;
|
||||||
|
color:#fff;
|
||||||
|
font-size: 18px;
|
||||||
|
border-radius: 6px;
|
||||||
|
border: 0.5px solid #409EFF;
|
||||||
|
background: #409EFF;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.font-size-selector{
|
||||||
|
margin-bottom: 60px;
|
||||||
|
.font-size-line-box{
|
||||||
|
margin-top: 26px;
|
||||||
|
position: relative;
|
||||||
|
.font-size-line{
|
||||||
|
width: 150px;
|
||||||
|
height: 2px;
|
||||||
|
background: #EBEBEB;
|
||||||
|
}
|
||||||
|
.font-size-box{
|
||||||
|
position: absolute;
|
||||||
|
top: -5px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
|
.font-size-item{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
cursor: pointer;
|
||||||
|
.font-size-item-icon{
|
||||||
|
margin-bottom: 6px;
|
||||||
|
width: 12px;
|
||||||
|
height: 12px;
|
||||||
|
background: #ffffff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.answer-box{
|
||||||
|
position: fixed;
|
||||||
|
left: 529px;
|
||||||
|
top: 85px;
|
||||||
|
width: 892px;
|
||||||
|
height: 840px;
|
||||||
|
padding: 12px;
|
||||||
|
background: #ffffff;
|
||||||
|
.answer-scroll{
|
||||||
|
height: 790px;
|
||||||
|
padding-bottom: 30px;
|
||||||
|
overflow-y: auto;
|
||||||
|
scrollbar-width: none; /* Firefox 64+ */
|
||||||
|
-ms-overflow-style: none; /* IE 和 Edge */
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
.answer-scroll::-webkit-scrollbar {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.answer-box-title{
|
||||||
|
padding: 6px 10px;
|
||||||
|
background: #f5f5f5;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.ui-title{
|
||||||
|
margin-top: 30px;
|
||||||
|
|
||||||
|
}
|
||||||
|
.ui-answer-list{
|
||||||
|
border-radius: 10px;
|
||||||
|
.ui-answer-list-box{
|
||||||
|
margin-top: 10px ;
|
||||||
|
cursor: pointer;
|
||||||
|
.ui-answer-item{
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
.ui-check-box{
|
||||||
|
margin-right: 10px;
|
||||||
|
width: 16px;
|
||||||
|
height: 16px;
|
||||||
|
vertical-align: center;
|
||||||
|
}
|
||||||
|
div{
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
.ui-answer-list-box:last-child{
|
||||||
|
border-bottom:none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.font12{
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
.font14{
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
.dialog-mask {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background: rgba(0, 0, 0, 0.5);
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
z-index: 999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dialog-box {
|
||||||
|
width: 500px;
|
||||||
|
background: #fff;
|
||||||
|
border-radius: 20px;
|
||||||
|
padding: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dialog-title {
|
||||||
|
font-size: 22px;
|
||||||
|
font-weight: bold;
|
||||||
|
margin-bottom: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dialog-content {
|
||||||
|
margin-bottom: 50px;
|
||||||
|
font-size: 18px;
|
||||||
|
color:#0E0E0E;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dialog-btns {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dialog-btn {
|
||||||
|
padding: 16px 50px;
|
||||||
|
border-radius: 10px;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cancel {
|
||||||
|
border: 1px solid #409EFF;
|
||||||
|
color: #409EFF;
|
||||||
|
background: #fff;
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.confirm {
|
||||||
|
background: #409eff;
|
||||||
|
color: #fff;
|
||||||
|
border: 1px solid #409eff;
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
.dialog-success-box{
|
||||||
|
display: flex;
|
||||||
|
width: 574px;
|
||||||
|
padding: 50px;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
border-radius: 20px;
|
||||||
|
background: #FFF;
|
||||||
|
.dialog-success-img{
|
||||||
|
width: 130px;
|
||||||
|
height: 116px;
|
||||||
|
}
|
||||||
|
.dialog-success-title{
|
||||||
|
margin: 50px auto 30px;
|
||||||
|
color: #0E0E0E;
|
||||||
|
font-size: 22px;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
.dialog-success-content{
|
||||||
|
margin-bottom: 50px;
|
||||||
|
color:#0E0E0E;
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
.dialog-success-btns{
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.dialog-success-btn{
|
||||||
|
padding: 16px 0;
|
||||||
|
border-radius: 10px;
|
||||||
|
cursor: pointer;
|
||||||
|
width: 172px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.toast-mask {
|
||||||
|
position: fixed;
|
||||||
|
top: 100px;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
z-index: 1000;
|
||||||
|
|
||||||
|
.toast-box {
|
||||||
|
padding: 12px 24px;
|
||||||
|
background: rgba(231, 245, 224, 0.7);
|
||||||
|
color: #6bc340;
|
||||||
|
border-radius: 4px;
|
||||||
|
font-size: 14px;
|
||||||
|
border: 1px solid #6bc340;
|
||||||
|
animation: fadeInOut 2s;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.time-warning {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
padding: 12px;
|
||||||
|
background: #FF2946;
|
||||||
|
color: white;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: bold;
|
||||||
|
z-index: 1000;
|
||||||
|
animation: blink 1s infinite alternate;
|
||||||
|
}
|
||||||
|
.loading-spinner {
|
||||||
|
width: 16px;
|
||||||
|
height: 16px;
|
||||||
|
margin-right: 8px;
|
||||||
|
border: 2px solid #fff;
|
||||||
|
border-top-color: transparent;
|
||||||
|
border-radius: 50%;
|
||||||
|
animation: spin 0.8s linear infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dialog-btn, .dialog-success-btn {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
|
||||||
|
&.disabled {
|
||||||
|
opacity: 0.7;
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.unselectable {
|
||||||
|
-moz-user-select: -moz-none;
|
||||||
|
-khtml-user-select: none;
|
||||||
|
-webkit-user-select: none;
|
||||||
|
-o-user-select: none;
|
||||||
|
user-select: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes spin {
|
||||||
|
to {
|
||||||
|
transform: rotate(360deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@keyframes blink {
|
||||||
|
from { opacity: 1; }
|
||||||
|
to { opacity: 0.8; }
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes fadeInOut {
|
||||||
|
0%,100% { opacity: 0; }
|
||||||
|
20%,80% { opacity: 1; }
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
</style>
|
||||||
707
src/components/pc/exam/reportCard.vue
Normal file
707
src/components/pc/exam/reportCard.vue
Normal file
@ -0,0 +1,707 @@
|
|||||||
|
<script setup>
|
||||||
|
|
||||||
|
import { onMounted, ref } from 'vue'
|
||||||
|
import CustomSelect from '../../CustomSelect.vue'
|
||||||
|
import ImageUploader from '../../upload/imageUpload.vue'
|
||||||
|
import ImageCropperUpload from '../../upload/ImageCropperUpload.vue'
|
||||||
|
import { useRouter } from 'vue-router'
|
||||||
|
import request from '@/utils/request.js'
|
||||||
|
import { ElMessage } from 'element-plus'
|
||||||
|
const router = useRouter()
|
||||||
|
|
||||||
|
const id = ref('')
|
||||||
|
const loadingStatus = ref(false)
|
||||||
|
// 用户信息
|
||||||
|
const userDetail = ref({
|
||||||
|
user:{}
|
||||||
|
})
|
||||||
|
const applyDetail = ref({
|
||||||
|
certificatePhoto:''
|
||||||
|
})
|
||||||
|
const showApply = ref(false) // 提交弹窗
|
||||||
|
const showErrorMessage = ref('')
|
||||||
|
const applyLoading = ref(false)
|
||||||
|
const cardType = ref([
|
||||||
|
{ value: '1', label: '居民身份证' },
|
||||||
|
{ value: '2', label: '台湾居民来往内地通行证' },
|
||||||
|
{ value: '3', label: '港澳居民往来内地通行证' },
|
||||||
|
])
|
||||||
|
|
||||||
|
// 联系客服
|
||||||
|
const showContact = ref(false)
|
||||||
|
const contactLoading = ref(false)
|
||||||
|
//提交成功弹窗
|
||||||
|
const successModal = ref(false)
|
||||||
|
const isSuccessSubmitting = ref(false)
|
||||||
|
|
||||||
|
const successSubmit = () => {
|
||||||
|
isSuccessSubmitting.value = true
|
||||||
|
setTimeout(() => {
|
||||||
|
isSuccessSubmitting.value = false
|
||||||
|
router.go(-1)
|
||||||
|
}, 600)
|
||||||
|
}
|
||||||
|
|
||||||
|
const toShowApply = () => {
|
||||||
|
showErrorMessage.value = ''
|
||||||
|
getUserPhone()
|
||||||
|
}
|
||||||
|
const getUserPhone = () => {
|
||||||
|
request.get(`go/api/app/user/info/exam/card/photo`)
|
||||||
|
.then(res => {
|
||||||
|
let result = res.data
|
||||||
|
|
||||||
|
applyDetail.value ={
|
||||||
|
id: result.id,
|
||||||
|
name: result.name,
|
||||||
|
idType: '1',
|
||||||
|
idPhoto: result.face,
|
||||||
|
badgePhoto: result.emblem,
|
||||||
|
certificatePhoto: result.cert_photo||'',
|
||||||
|
}
|
||||||
|
console.log(applyDetail.value,'applyDetail.value')
|
||||||
|
showApply.value = true
|
||||||
|
})
|
||||||
|
}
|
||||||
|
const handApply = () => {
|
||||||
|
|
||||||
|
if (!applyDetail.value.name) {
|
||||||
|
ElMessage({
|
||||||
|
message: '请输入姓名',
|
||||||
|
type: 'warning',
|
||||||
|
duration: 3 * 1000
|
||||||
|
})
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (!applyDetail.value.idType) {
|
||||||
|
ElMessage({
|
||||||
|
message: '请选择证件类型',
|
||||||
|
type: 'warning',
|
||||||
|
duration: 3 * 1000
|
||||||
|
})
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (!applyDetail.value.idPhoto) {
|
||||||
|
ElMessage({
|
||||||
|
message: '请上传人像照片',
|
||||||
|
type: 'warning',
|
||||||
|
duration: 3 * 1000
|
||||||
|
})
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (!applyDetail.value.badgePhoto) {
|
||||||
|
ElMessage({
|
||||||
|
message: '请上传徽章面照片',
|
||||||
|
type: 'warning',
|
||||||
|
duration: 3 * 1000
|
||||||
|
})
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (!applyDetail.value.certificatePhoto) {
|
||||||
|
ElMessage({
|
||||||
|
message: '请上传证书照片',
|
||||||
|
type: 'warning',
|
||||||
|
duration: 3 * 1000
|
||||||
|
})
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
applyLoading.value = true
|
||||||
|
|
||||||
|
let data = {
|
||||||
|
paper_id: id.value - 0,
|
||||||
|
answer_id: userDetail.value.id - 0,
|
||||||
|
face:applyDetail.value.idPhoto,
|
||||||
|
emblem:applyDetail.value.badgePhoto,
|
||||||
|
card_type:applyDetail.value.idType - 0,
|
||||||
|
nickname:applyDetail.value.name,
|
||||||
|
cert_photo:applyDetail.value.certificatePhoto,
|
||||||
|
}
|
||||||
|
request.post(`go/api/app/user/info/upload/exam/card/photo`,data)
|
||||||
|
.then(res => {
|
||||||
|
if (res.code == 0){
|
||||||
|
console.log('222')
|
||||||
|
showApply.value = false
|
||||||
|
successModal.value = true
|
||||||
|
}
|
||||||
|
}).catch((res) => {
|
||||||
|
showErrorMessage.value = res.message
|
||||||
|
}).finally(() => {
|
||||||
|
applyLoading.value = false
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
const showCertificate = ref(false)
|
||||||
|
const toShowCertificate = () => {
|
||||||
|
showCertificate.value = true
|
||||||
|
}
|
||||||
|
const toUpload = (pic) => {
|
||||||
|
let image = new Image()
|
||||||
|
console.log(image,'image---')
|
||||||
|
// 解决跨域 Canvas 污染问题
|
||||||
|
image.setAttribute('crossOrigin', 'anonymous')
|
||||||
|
image.src = pic + '?time=' + new Date().valueOf() //解决跨域
|
||||||
|
console.log('--1--')
|
||||||
|
image.onload = function () {
|
||||||
|
let canvas = document.createElement('canvas')
|
||||||
|
canvas.width = image.width
|
||||||
|
canvas.height = image.height
|
||||||
|
let context = canvas.getContext('2d')
|
||||||
|
context.drawImage(image, 0, 0, image.width, image.height)
|
||||||
|
let url = canvas.toDataURL('image/png') //得到图片的base64编码数据
|
||||||
|
let a = document.createElement('a') // 生成一个a元素
|
||||||
|
let event = new MouseEvent('click') // 创建一个单击事件
|
||||||
|
a.download = name || '岗位能力培训证书' // 设置图片名称
|
||||||
|
a.href = url // 将生成的URL设置为a.href属性
|
||||||
|
a.dispatchEvent(event) // 触发a的单击事件
|
||||||
|
}
|
||||||
|
}
|
||||||
|
const getDetail = () => {
|
||||||
|
//
|
||||||
|
request.get(`go/api/app/v2/exam/paper/${id.value}/answer`)
|
||||||
|
.then(res => {
|
||||||
|
let result = res.data
|
||||||
|
userDetail.value = result
|
||||||
|
userDetail.value.scoreNum = JSON.parse(result.score).reduce((sum, value) => sum + Number(value), 0);
|
||||||
|
userDetail.value.questionNum = JSON.parse(result.question_id).length;
|
||||||
|
userDetail.value.rightNum = JSON.parse(result.score).filter(item => {
|
||||||
|
return item > 0
|
||||||
|
}).length ;
|
||||||
|
loadingStatus.value = true
|
||||||
|
console.log(userDetail.value.rightNum,'userDetail.value.rightNum ')
|
||||||
|
})
|
||||||
|
}
|
||||||
|
onMounted(() => {
|
||||||
|
id.value = router.currentRoute.value.query.id || '1'
|
||||||
|
if (!localStorage.getItem('answerToken')){
|
||||||
|
router.replace({name:'examGuide'})
|
||||||
|
}
|
||||||
|
getDetail()
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<div class='ui-report-card' v-if='loadingStatus'>
|
||||||
|
<div class='ui-report-card-box'>
|
||||||
|
<img class='ui-report-card-icon' :src='"https://images.health.ufutx.com/202504/22/449c3253ca2bbed9314d39977a486d0e.png"' alt=''/>
|
||||||
|
<div class='ui-report-card-name'>{{ userDetail.user.name }}</div>
|
||||||
|
<div class='ui-report-card-subTitle'>完成考试《友福身心健康管理师》</div>
|
||||||
|
<div class='ui-report-card-score-box'>
|
||||||
|
<div class='ui-report-card-score'>{{ userDetail.scoreNum }}</div>
|
||||||
|
<div class='ui-report-card-score-sub'>分</div>
|
||||||
|
</div>
|
||||||
|
<div class='ui-report-card-tip'>总得分</div>
|
||||||
|
<div class='ui-report-card-tag' :class='{"ui-report-card-error-tag":userDetail.scoreNum < 60 }'>{{userDetail.scoreNum < 60 ? '考试未通过' : '考试已通过'}}</div>
|
||||||
|
<div class='ui-report-card-list'>
|
||||||
|
<div class='ui-report-card-list-box'>
|
||||||
|
<div class='ui-report-card-list-title'>{{ userDetail.questionNum }}</div>
|
||||||
|
<div class='ui-report-card-list-sub'>考试总题量</div>
|
||||||
|
</div>
|
||||||
|
<div class='ui-report-card-list-line'></div>
|
||||||
|
<div class='ui-report-card-list-box'>
|
||||||
|
<div class='ui-report-card-list-title'>{{ userDetail.rightNum }}</div>
|
||||||
|
<div class='ui-report-card-list-sub'>答对题数</div>
|
||||||
|
</div>
|
||||||
|
<div class='ui-report-card-list-line'></div>
|
||||||
|
<div class='ui-report-card-list-box'>
|
||||||
|
<div class='ui-report-card-list-title'>{{ userDetail.during }}</div>
|
||||||
|
<div class='ui-report-card-list-sub'>用时（分钟）</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class='ui-report-card-btn-box'>
|
||||||
|
<div class='ui-report-card-btn ui-report-card-btn-v1' v-if='userDetail.scoreNum >= 60 && !userDetail.cert_pic ' @click='toShowApply' >申请证书</div>
|
||||||
|
<div class='ui-report-card-btn ui-report-card-btn-v1' v-else-if='userDetail.scoreNum >= 60 ' @click='toShowCertificate' >查看证书</div>
|
||||||
|
<div class='ui-report-card-btn ui-report-card-btn-v2' v-else @click='showContact = true' >重新补考</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="dialog-mask" v-if="showApply">
|
||||||
|
<div class="dialog-box-apply dialog-box text-center">
|
||||||
|
<div class='ui-dialog-title'>申请证书</div>
|
||||||
|
<div class='ui-dialog-form'>
|
||||||
|
<div class='ui-dialog-item'>
|
||||||
|
<div class='ui-dialog-item-title'>姓名</div>
|
||||||
|
<div class='ui-dialog-input'>
|
||||||
|
<input v-model="applyDetail.name" placeholder="请输入">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class='ui-dialog-item'>
|
||||||
|
<div class='ui-dialog-item-title'>证件类型</div>
|
||||||
|
<div class='ui-dialog-input'>
|
||||||
|
<CustomSelect
|
||||||
|
v-model="applyDetail.idType"
|
||||||
|
:options="cardType"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class='ui-dialog-item'>
|
||||||
|
<div class='ui-dialog-item-title'>上传证件照</div>
|
||||||
|
<ImageUploader v-model="applyDetail.idPhoto" background-image="https://images.health.ufutx.com/202504/23/5baaefcd47d0023d2fedf72ce0d33703.png" />
|
||||||
|
<div class='ui-dialog-upload-tip'>上传人像照</div>
|
||||||
|
</div>
|
||||||
|
<div class='ui-dialog-item'>
|
||||||
|
<div class='ui-dialog-item-title'></div>
|
||||||
|
<ImageUploader v-model="applyDetail.badgePhoto" background-image="https://images.health.ufutx.com/202504/23/e4294660d559b4e6db6466946df4dcd0.png" />
|
||||||
|
<div class='ui-dialog-upload-tip'>上传徽章面</div>
|
||||||
|
</div>
|
||||||
|
<div class='ui-dialog-item'>
|
||||||
|
<div class='ui-dialog-item-title'>上传证书照</div>
|
||||||
|
<ImageCropperUpload
|
||||||
|
v-model="applyDetail.certificatePhoto"
|
||||||
|
:dimension="{ width: '230px', height: '144px' }"
|
||||||
|
/>
|
||||||
|
<div class='ui-dialog-upload-tip'>二寸蓝底或是白底，用于证书制作</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- <div class='ui-error-message' v-if='showErrorMessage'>{{showErrorMessage}}</div>-->
|
||||||
|
<div class="dialog-btns">
|
||||||
|
<div class="dialog-btn cancel" @click="showApply = false">取消</div>
|
||||||
|
<div class="dialog-btn confirm" @click="handApply" :class="{disabled: applyLoading}">
|
||||||
|
<div class="loading-spinner" v-if="applyLoading"></div>
|
||||||
|
{{ applyLoading ? '提交中...' : '确认申请' }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="dialog-mask" v-if="showContact">
|
||||||
|
<div class="dialog-box-contact dialog-box text-center">
|
||||||
|
<div class='ui-dialog-contact-title'>重新补考</div>
|
||||||
|
<div class='ui-dialog--subtitle'>请联系客户 咨询重新补考</div>
|
||||||
|
<div class='ui-dialog-contact-box'>
|
||||||
|
<img class='ui-dialog-contact-icon' src='https://images.health.ufutx.com/202504/23/d2da9ca501b8e0fdcd68113bc5dec2f8.png' alt='' />
|
||||||
|
<div class='ui-dialog-contact-sub'>微信扫码 添加客服</div>
|
||||||
|
</div>
|
||||||
|
<svg @click='showContact = false' class='ui-dialog-contact-cancel' xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 34 34" fill="none">
|
||||||
|
<path opacity="0.3" d="M17 34C26.3888 34 34 26.3888 34 17C34 7.61116 26.3888 0 17 0C7.61116 0 0 7.61116 0 17C0 26.3888 7.61116 34 17 34Z" fill="black"/>
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.0006 9.95806C10.2271 9.74375 10.5827 9.74741 10.8048 9.96633L24.1111 23.0836C24.3235 23.2929 24.3259 23.6348 24.1166 23.8471C24.1122 23.8515 24.1077 23.8559 24.1032 23.8603C23.8766 24.0746 23.521 24.0709 23.299 23.852L9.99262 10.7347C9.7803 10.5254 9.77785 10.1836 9.98716 9.97123C9.99157 9.96676 9.99605 9.96237 10.0006 9.95806Z" fill="white" stroke="white" stroke-width="0.85"/>
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M24.0016 9.95806C23.7751 9.74375 23.4195 9.74741 23.1974 9.96633L9.89105 23.0836C9.67873 23.2929 9.67628 23.6348 9.88559 23.8471C9.89 23.8515 9.89448 23.8559 9.89904 23.8603C10.1256 24.0746 10.4811 24.0709 10.7032 23.852L24.0096 10.7347C24.2219 10.5254 24.2243 10.1836 24.015 9.97123C24.0106 9.96676 24.0061 9.96237 24.0016 9.95806Z" fill="white" stroke="white" stroke-width="0.85"/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="dialog-mask" v-if="successModal">
|
||||||
|
<div class="dialog-success-box text-center">
|
||||||
|
<img src="https://images.health.ufutx.com/202504/17/2ee13769aa745d646d4951179ade3419.png" alt="" class="dialog-success-img" />
|
||||||
|
<div class="dialog-success-title">温馨提示</div>
|
||||||
|
<div class="dialog-success-content">
|
||||||
|
证书申请已提交，预计等待20个工作日
|
||||||
|
</div>
|
||||||
|
<div class="dialog-success-btns">
|
||||||
|
<!-- <div class="dialog-btn cancel" @click="dialogTableVisible = false">继续答题</div>-->
|
||||||
|
<div class="dialog-success-btn confirm" @click="successSubmit" :class="{disabled: isSuccessSubmitting}">
|
||||||
|
<div class="loading-spinner" v-if="isSuccessSubmitting"></div>
|
||||||
|
{{ isSuccessSubmitting ? '正在退出...' : '好的' }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class='dialog-mask' v-if='showCertificate' @click='showCertificate=false'>
|
||||||
|
<div class='dialog-img-box'>
|
||||||
|
<img class='img-style' :src='userDetail.cert_pic' alt=''>
|
||||||
|
<!-- <svg xmlns="http://www.w3.org/2000/svg" width="140" height="42" viewBox="0 0 140 42" fill="none" class='img-upload'>-->
|
||||||
|
<!-- <path d="M10.714 12.7152C13.292 5.66848 19.9709 0.960233 27.4742 0.900207L140 0V42H0L10.714 12.7152Z" fill="black" fill-opacity="0.8"/>-->
|
||||||
|
<!-- </svg>-->
|
||||||
|
<img @click.stop='toUpload(userDetail.cert_pic)' src='https://images.health.ufutx.com/202505/27/6121f956eb6b839f12a2be7586506da2.png' class='img-upload' alt='' />
|
||||||
|
<svg @click='showCertificate = false' class='ui-dialog-contact-cancel' xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 34 34" fill="none">
|
||||||
|
<path opacity="0.3" d="M17 34C26.3888 34 34 26.3888 34 17C34 7.61116 26.3888 0 17 0C7.61116 0 0 7.61116 0 17C0 26.3888 7.61116 34 17 34Z" fill="black"/>
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.0006 9.95806C10.2271 9.74375 10.5827 9.74741 10.8048 9.96633L24.1111 23.0836C24.3235 23.2929 24.3259 23.6348 24.1166 23.8471C24.1122 23.8515 24.1077 23.8559 24.1032 23.8603C23.8766 24.0746 23.521 24.0709 23.299 23.852L9.99262 10.7347C9.7803 10.5254 9.77785 10.1836 9.98716 9.97123C9.99157 9.96676 9.99605 9.96237 10.0006 9.95806Z" fill="white" stroke="white" stroke-width="0.85"/>
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M24.0015 9.95806C23.7749 9.74375 23.4194 9.74741 23.1973 9.96633L9.89093 23.0836C9.67861 23.2929 9.67616 23.6348 9.88547 23.8471C9.88987 23.8515 9.89436 23.8559 9.89892 23.8603C10.1254 24.0746 10.481 24.0709 10.7031 23.852L24.0095 10.7347C24.2218 10.5254 24.2242 10.1836 24.0149 9.97123C24.0105 9.96676 24.006 9.96237 24.0015 9.95806Z" fill="white" stroke="white" stroke-width="0.85"/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.ui-report-card{
|
||||||
|
width: 100vw;
|
||||||
|
height: 100vh;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: normal;
|
||||||
|
|
||||||
|
.ui-report-card-box{
|
||||||
|
width: 852px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
.ui-report-card-icon{
|
||||||
|
width: 100px;
|
||||||
|
height: 100px;
|
||||||
|
border-radius: 50%;
|
||||||
|
}
|
||||||
|
.ui-report-card-name{
|
||||||
|
margin: 10px 0;
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: 600;
|
||||||
|
color:#0E0E0E;
|
||||||
|
}
|
||||||
|
.ui-report-card-subTitle{
|
||||||
|
font-size: 16px;
|
||||||
|
color:#66676C;
|
||||||
|
}
|
||||||
|
.ui-report-card-score-box{
|
||||||
|
display: flex;
|
||||||
|
align-items: flex-end;
|
||||||
|
margin: 60px 0 0;
|
||||||
|
font-size: 30px;
|
||||||
|
font-weight: 600;
|
||||||
|
color:#0E0E0E;
|
||||||
|
.ui-report-card-score{
|
||||||
|
font-size: 80px;
|
||||||
|
line-height: 80px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.ui-report-card-tip{
|
||||||
|
margin: 10px 0;
|
||||||
|
color:#66676C;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
.ui-report-card-tag{
|
||||||
|
display: flex;
|
||||||
|
width: 343px;
|
||||||
|
padding: 10px 0px;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: 500;
|
||||||
|
color: #18CA6E;
|
||||||
|
background: linear-gradient(90deg, rgba(24, 202, 110, 0.00) 0%, rgba(24, 202, 110, 0.10) 50%, rgba(24, 202, 110, 0.00) 100%);
|
||||||
|
}
|
||||||
|
.ui-report-card-error-tag{
|
||||||
|
color: #FF2946;
|
||||||
|
background: linear-gradient(90deg, rgba(255, 41, 70, 0.00) 0%, rgba(255, 41, 70, 0.10) 50%, rgba(255, 41, 70, 0.00) 100%);;
|
||||||
|
}
|
||||||
|
.ui-report-card-list{
|
||||||
|
margin: 60px;
|
||||||
|
width: 488px;
|
||||||
|
display: flex;
|
||||||
|
padding: 20px 80px;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
background: #FAFAFA;
|
||||||
|
|
||||||
|
.ui-report-card-list-box{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
color:#66676C;
|
||||||
|
font-size: 16px;
|
||||||
|
.ui-report-card-list-title{
|
||||||
|
color: #0E0E0E;
|
||||||
|
font-size: 40px;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 600;
|
||||||
|
line-height: normal;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.ui-report-card-list-line{
|
||||||
|
width: 1px;
|
||||||
|
height: 28.5px;
|
||||||
|
background: #DDD;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.ui-report-card-btn-box{
|
||||||
|
margin-bottom: 100px;
|
||||||
|
}
|
||||||
|
.ui-report-card-btn{
|
||||||
|
margin-bottom: 20px;
|
||||||
|
display: flex;
|
||||||
|
height: 57px;
|
||||||
|
padding: 16px 50px;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
border-radius: 10px;
|
||||||
|
font-size: 18px;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.ui-report-card-btn-v1{
|
||||||
|
letter-spacing: 1px;
|
||||||
|
background: #409EFF;
|
||||||
|
color: #ffffff
|
||||||
|
}
|
||||||
|
.ui-report-card-btn-v2{
|
||||||
|
color: #409EFF;
|
||||||
|
border: 0.5px solid #409EFF;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.dialog-mask {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background: rgba(0, 0, 0, 0.7);
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
z-index: 999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dialog-box {
|
||||||
|
width: 500px;
|
||||||
|
background: #fff;
|
||||||
|
border-radius: 20px;
|
||||||
|
padding: 50px 70px;
|
||||||
|
box-sizing: content-box;
|
||||||
|
}
|
||||||
|
.dialog-box-apply{
|
||||||
|
width: 480px;
|
||||||
|
}
|
||||||
|
.dialog-box-contact {
|
||||||
|
position: relative;
|
||||||
|
width: 288px;
|
||||||
|
padding: 50px 80px;
|
||||||
|
.ui-dialog-contact-title{
|
||||||
|
color: #0E0E0E;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 22px;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 600;
|
||||||
|
line-height: normal;
|
||||||
|
}
|
||||||
|
.ui-dialog--subtitle{
|
||||||
|
margin: 10px 0 20px;
|
||||||
|
color: #66676C;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 14px;
|
||||||
|
font-style: normal;
|
||||||
|
line-height: normal;
|
||||||
|
}
|
||||||
|
.ui-dialog-contact-box{
|
||||||
|
display: flex;
|
||||||
|
padding: 20px;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
border-radius: 20px;
|
||||||
|
background: #F5F5F5;
|
||||||
|
.ui-dialog-contact-icon{
|
||||||
|
width: 236px;
|
||||||
|
height: 236px;
|
||||||
|
flex-shrink: 0;
|
||||||
|
aspect-ratio: 1/1;
|
||||||
|
}
|
||||||
|
.ui-dialog-contact-sub{
|
||||||
|
margin-top: 20px;
|
||||||
|
color: #0E0E0E;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 14px;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: normal;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.ui-dialog-contact-cancel{
|
||||||
|
position: absolute;
|
||||||
|
bottom:-64px;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
width:34px;
|
||||||
|
height: 34px;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.ui-dialog-title{
|
||||||
|
margin-bottom: 50px;
|
||||||
|
color: #0E0E0E;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 22px;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 600;
|
||||||
|
line-height: normal;
|
||||||
|
height:22px;
|
||||||
|
}
|
||||||
|
.ui-dialog-form{
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
.ui-dialog-item{
|
||||||
|
margin-right: 20px;
|
||||||
|
margin-bottom: 30px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: flex-start;
|
||||||
|
&:nth-child(2n){
|
||||||
|
margin-right:0;
|
||||||
|
}
|
||||||
|
.ui-dialog-item-title{
|
||||||
|
margin-bottom: 12px;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #0e0e0e;
|
||||||
|
height: 14px;
|
||||||
|
}
|
||||||
|
.ui-dialog-input{
|
||||||
|
//margin-top: 6px;
|
||||||
|
width: 230px;
|
||||||
|
|
||||||
|
input {
|
||||||
|
width: 100%;
|
||||||
|
height: 56px;
|
||||||
|
padding: 0 15px;
|
||||||
|
border: 1px solid #B2B3B5; /* 默认黑色边框 */
|
||||||
|
border-radius: 10px;
|
||||||
|
font-size: 14px;
|
||||||
|
/* 去除输入框默认样式 */
|
||||||
|
-webkit-appearance: none;
|
||||||
|
outline: none;
|
||||||
|
/* 隐藏数字输入框箭头 */
|
||||||
|
&[type="number"] {
|
||||||
|
-moz-appearance: textfield;
|
||||||
|
&::-webkit-outer-spin-button,
|
||||||
|
&::-webkit-inner-spin-button {
|
||||||
|
-webkit-appearance: none;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&:focus {
|
||||||
|
border-color: #79BBFF; /* 输入时边框颜色 */
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.ui-dialog-upload-tip{
|
||||||
|
margin-top: 6px;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #66676C;
|
||||||
|
}
|
||||||
|
/* 新增聚焦状态 */
|
||||||
|
.ui-dialog-input select:focus {
|
||||||
|
border-color: #79BBFF;
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 新增选项样式 */
|
||||||
|
.ui-dialog-input option {
|
||||||
|
padding: 20px;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
.ui-error-message{
|
||||||
|
margin-bottom: 6px;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #FF2946;
|
||||||
|
height: 14px;
|
||||||
|
}
|
||||||
|
.dialog-btns {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dialog-btn {
|
||||||
|
padding: 16px 50px;
|
||||||
|
border-radius: 10px;
|
||||||
|
cursor: pointer;
|
||||||
|
min-width: 72px;
|
||||||
|
box-sizing: content-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cancel {
|
||||||
|
margin-right: 30px;
|
||||||
|
border: 1px solid #409EFF;
|
||||||
|
color: #409EFF;
|
||||||
|
background: #fff;
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.confirm {
|
||||||
|
background: #409eff;
|
||||||
|
color: #fff;
|
||||||
|
border: 1px solid #409eff;
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
.dialog-btn, .dialog-success-btn {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
|
||||||
|
&.disabled {
|
||||||
|
opacity: 0.7;
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.loading-spinner {
|
||||||
|
width: 16px;
|
||||||
|
height: 16px;
|
||||||
|
margin-right: 8px;
|
||||||
|
border: 2px solid #fff;
|
||||||
|
border-top-color: transparent;
|
||||||
|
border-radius: 50%;
|
||||||
|
animation: spin 0.8s linear infinite;
|
||||||
|
}
|
||||||
|
.dialog-success-box{
|
||||||
|
display: flex;
|
||||||
|
width: 574px;
|
||||||
|
padding: 50px;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
border-radius: 20px;
|
||||||
|
background: #FFF;
|
||||||
|
.dialog-success-img{
|
||||||
|
width: 130px;
|
||||||
|
height: 116px;
|
||||||
|
}
|
||||||
|
.dialog-success-title{
|
||||||
|
margin: 50px auto 30px;
|
||||||
|
color: #0E0E0E;
|
||||||
|
font-size: 22px;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
.dialog-success-content{
|
||||||
|
margin-bottom: 50px;
|
||||||
|
color:#0E0E0E;
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
.dialog-success-btns{
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.dialog-success-btn{
|
||||||
|
padding: 16px 0;
|
||||||
|
border-radius: 10px;
|
||||||
|
cursor: pointer;
|
||||||
|
width: 172px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.dialog-img-box{
|
||||||
|
position: relative;
|
||||||
|
width: fit-content;
|
||||||
|
|
||||||
|
.img-style{
|
||||||
|
width: 100%;
|
||||||
|
height: 860px;
|
||||||
|
object-fit: cover;
|
||||||
|
//border-radius: 16px;
|
||||||
|
}
|
||||||
|
.img-upload{
|
||||||
|
position: absolute;
|
||||||
|
right: 0px;
|
||||||
|
bottom: 0;
|
||||||
|
width: 140px;
|
||||||
|
height: 42px;
|
||||||
|
flex-shrink: 0;
|
||||||
|
cursor: pointer;
|
||||||
|
//border-radius: 0 0 16px 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.ui-dialog-contact-cancel{
|
||||||
|
position: absolute;
|
||||||
|
top:0;
|
||||||
|
right: -64px;
|
||||||
|
width:34px;
|
||||||
|
height: 34px;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes spin {
|
||||||
|
to {
|
||||||
|
transform: rotate(360deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
</style>
|
||||||
813
src/components/pc/homePage.vue
Normal file
813
src/components/pc/homePage.vue
Normal file
@ -0,0 +1,813 @@
|
|||||||
|
<template>
|
||||||
|
<div id="HomePage">
|
||||||
|
<!-- 轮播图 -->
|
||||||
|
<swiper
|
||||||
|
id="swiper"
|
||||||
|
:modules="modules"
|
||||||
|
:slides-per-view="1"
|
||||||
|
:space-between="0"
|
||||||
|
lazy
|
||||||
|
loop
|
||||||
|
:autoplay="true"
|
||||||
|
@swiper="onSwiper"
|
||||||
|
@slideChange="onSlideChange"
|
||||||
|
:pagination="{
|
||||||
|
clickable: true
|
||||||
|
}"
|
||||||
|
>
|
||||||
|
<swiper-slide
|
||||||
|
class="banner-swiper"
|
||||||
|
v-for="(item, index) in swiperList"
|
||||||
|
:key="index"
|
||||||
|
>
|
||||||
|
<img class="swiper-lazy" :src="item.img" alt="轮播图" />
|
||||||
|
<div class="swiper-lazy-preloader"></div>
|
||||||
|
<div class="swiper-slide-title" @click.stop='goToPath(item.path,index)'>
|
||||||
|
<h1>{{ item.title }}</h1>
|
||||||
|
<div class='swiper-slide-more' v-if='index != 0'>
|
||||||
|
<p >{{ item.content }}</p>
|
||||||
|
<img src='https://image.fulllinkai.com/202406/26/2518a5c6cc6f91cd901ee273dbd07429.png' alt=''>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class='ui-swiper-line'></div>
|
||||||
|
<div class='ui-swiper-bottom-mask'></div>
|
||||||
|
</swiper-slide>
|
||||||
|
</swiper>
|
||||||
|
<!-- 大数据管理系统 -->
|
||||||
|
<div id="bigData" class="">
|
||||||
|
<div class="containerV2">
|
||||||
|
<div class='ui-home-message' @mouseleave='selectIndex = 0'>
|
||||||
|
<div v-for='(item,index) in homeMessage' :key='index' class='ui-home-message-box' @mousemove='hoveIndex(index)' @click.stop='toPath(item.path,index)' >
|
||||||
|
<img :src='item.pic' class='ui-home-message-image' alt='' :class='selectIndex == index? "ui-select-index" :" "' />
|
||||||
|
<div class='ui-home-message-title'>{{item.title}}</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- <div class="col-xs-12 col-sm-12 col-md-6 wow zoomIn"> -->
|
||||||
|
<!-- <img-->
|
||||||
|
<!-- class="img-responsive"-->
|
||||||
|
<!-- src="@/assets/img/img1.png"-->
|
||||||
|
<!-- alt="大数据管理系统"-->
|
||||||
|
<!-- />-->
|
||||||
|
<!-- </div>-->
|
||||||
|
<!-- <div class="col-xs-12 col-sm-12 col-md-6">-->
|
||||||
|
<!-- <h2 class="bigData-title">-->
|
||||||
|
<!-- 大数据管理系统-->
|
||||||
|
<!-- <small>/ Big Data Management System</small>-->
|
||||||
|
<!-- </h2>-->
|
||||||
|
<!-- <p>-->
|
||||||
|
<!-- 当今最先进的响应式自助建站平台。无论您是普通互联网用户，还是专业网站制作人员，都能使用起飞页设计出最具专业水准的网站。想创建一个简单的单页式站点，还是一个专业的公司网站，亦或是一个别具一格的博客？起飞页可以满足您的所有需求。-->
|
||||||
|
<!-- </p>-->
|
||||||
|
<!-- <p>-->
|
||||||
|
<!-- 我们的流线式网页布局设计方案和可视化图文内容编辑模式让网站制作和维护成为一件轻松惬意的事。无论您是普通互联网用户，还是专业网站制作人员。-->
|
||||||
|
<!-- </p>-->
|
||||||
|
<!-- <h2 class="bigData-device">PC/PAD/Phone 全设备支持</h2>-->
|
||||||
|
<!-- <a href="javascript:;" class="btn btn-lg btn-block btn-info"-->
|
||||||
|
<!-- >联系我们</a-->
|
||||||
|
<!-- >-->
|
||||||
|
<!-- </div>-->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 生态布局 -->
|
||||||
|
<div id="ecologicalLayout">
|
||||||
|
<div class="containerV2">
|
||||||
|
<div class='ui-title'>{{t('message.homePage.html2')}}</div>
|
||||||
|
<div class='ui-ecologicalLayout-message'>
|
||||||
|
<div class='ui-ecologicalLayout-box' v-for='(item,index) in ecologicalList' :key='index' @click='goToMessage(item.id)'>
|
||||||
|
<img :src='item.pic' alt='' class='ui-ecologicalLayout-box-pic' />
|
||||||
|
<div class='ui-ecologicalLayout-box-title'>{{item.title}}</div>
|
||||||
|
<div class='ui-ecologicalLayout-box-subTitle'>{{item.subTitle}}</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<starRound></starRound>
|
||||||
|
<!-- 生态布局 -->
|
||||||
|
<div id='partner'>
|
||||||
|
<div class='containerV2'>
|
||||||
|
<div class='ui-title'>{{t('message.homePage.html3')}}</div>
|
||||||
|
<swiper
|
||||||
|
id="partnerSwiper"
|
||||||
|
:modules="partnerModules"
|
||||||
|
:slides-per-view="4"
|
||||||
|
:space-between="20"
|
||||||
|
lazy
|
||||||
|
:pagination="{
|
||||||
|
clickable: true
|
||||||
|
}"
|
||||||
|
>
|
||||||
|
<swiper-slide
|
||||||
|
class="partner-swiper"
|
||||||
|
v-for="(item, index) in partnerSwiperList"
|
||||||
|
:key="index"
|
||||||
|
>
|
||||||
|
<img class="swiper-lazy" :data-src="item" alt="合作伙伴" />
|
||||||
|
</swiper-slide>
|
||||||
|
</swiper>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- 为什么选择我们 -->
|
||||||
|
<!-- <div id="whyChooseUs" class="conatiner-fuild">-->
|
||||||
|
<!-- <div class="containerV2">-->
|
||||||
|
<!-- <div class="whyChooseUs-title text-center">-->
|
||||||
|
<!-- <p>为什么选择我们的服务</p>-->
|
||||||
|
<!-- <p>THE REASON TO CHOOSING US</p>-->
|
||||||
|
<!-- </div>-->
|
||||||
|
<!-- <div class="row">-->
|
||||||
|
<!-- <div-->
|
||||||
|
<!-- class="col-xs-12 col-sm-6 col-md-3 server-wrapper"-->
|
||||||
|
<!-- v-for="(item, index) in serverList"-->
|
||||||
|
<!-- :key="index"-->
|
||||||
|
<!-- >-->
|
||||||
|
<!-- <div-->
|
||||||
|
<!-- class="server-block wow slideInUp"-->
|
||||||
|
<!-- onmouseenter="this.style.color='#28f';this.style.borderColor='#28f'"-->
|
||||||
|
<!-- onmouseleave="this.style.color='#666';this.style.borderColor='#ccc'"-->
|
||||||
|
<!-- >-->
|
||||||
|
<!-- <img class="center-block" :src="item.logo" alt="logo" />-->
|
||||||
|
<!-- <p class="text-center">{{ item.title }}</p>-->
|
||||||
|
<!-- <div-->
|
||||||
|
<!-- class="text-center"-->
|
||||||
|
<!-- v-html="item.content"-->
|
||||||
|
<!-- onmouseenter="this.style.color='#28f'"-->
|
||||||
|
<!-- onmouseleave="this.style.color='#ccc'"-->
|
||||||
|
<!-- ></div>-->
|
||||||
|
<!-- </div>-->
|
||||||
|
<!-- </div>-->
|
||||||
|
<!-- </div>-->
|
||||||
|
<!-- </div>-->
|
||||||
|
<!-- </div>-->
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup name="HomePage">
|
||||||
|
import WOW from 'wow.js'
|
||||||
|
import { computed, getCurrentInstance, onMounted, ref } from 'vue'
|
||||||
|
// import Swiper from 'swiper'
|
||||||
|
import { Navigation, Pagination, Scrollbar, A11y, Lazy, Autoplay } from 'swiper'
|
||||||
|
import { Swiper, SwiperSlide } from 'swiper/vue'
|
||||||
|
import 'swiper/css'
|
||||||
|
import 'swiper/css/navigation'
|
||||||
|
import 'swiper/css/pagination'
|
||||||
|
import 'swiper/css/scrollbar'
|
||||||
|
import 'swiper/css/lazy'
|
||||||
|
import 'swiper/css/autoplay'
|
||||||
|
import { useI18n } from 'vue-i18n'
|
||||||
|
const { t,locale } = useI18n()
|
||||||
|
import banner1 from '@/assets/img/banner1.png'
|
||||||
|
import banner2 from '@/assets/img/banner2.jpg'
|
||||||
|
|
||||||
|
import logo_hp from '@/assets/img/logo_hp.png'
|
||||||
|
import logo_kk from '@/assets/img/logo_kk.png'
|
||||||
|
import logo_toyota from '@/assets/img/logo_toyota.png'
|
||||||
|
|
||||||
|
import img_tel from '@/assets/img/tel.png'
|
||||||
|
import img_computer from '@/assets/img/computer.png'
|
||||||
|
import img_qq from '@/assets/img/qq.png'
|
||||||
|
import img_skill from '@/assets/img/skill.png'
|
||||||
|
import {useRouter} from "vue-router";
|
||||||
|
import {useMainStore} from '@/store/homeSwiperStatus.js'
|
||||||
|
|
||||||
|
const mainStore = useMainStore();
|
||||||
|
|
||||||
|
|
||||||
|
const swiperList = computed(() => {
|
||||||
|
return [
|
||||||
|
{
|
||||||
|
img: t('message.homePage.img1'),
|
||||||
|
title: '',
|
||||||
|
content: '',
|
||||||
|
path:'health',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
img: 'https://image.fulllinkai.com/202406/26/fb4b4d8e4e2750cf7d7ebf787b668dc2.png',
|
||||||
|
title: t('message.homePage.list1'),
|
||||||
|
content: t('message.homePage.content1'),
|
||||||
|
path:'health',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
img: 'https://image.fulllinkai.com/202406/26/484727f9853e3229c1519b93da696907.png',
|
||||||
|
title: t('message.homePage.list3'),
|
||||||
|
content: t('message.homePage.content1'),
|
||||||
|
path:'https://love.ufutx.com/web/#/',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
img: 'https://image.fulllinkai.com/202406/26/7b8083b972821f8b48a998206c6990a0.png',
|
||||||
|
title: t('message.homePage.list4'),
|
||||||
|
content: t('message.homePage.content1'),
|
||||||
|
path:'startABusiness',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
img: 'https://image.fulllinkai.com/202406/26/3209c284580824c470566a00954dcd9a.png',
|
||||||
|
title: t('message.homePage.list2'),
|
||||||
|
content: t('message.homePage.content1'),
|
||||||
|
path:'http://b.fulllinkai.com/#/',
|
||||||
|
},
|
||||||
|
]
|
||||||
|
|
||||||
|
})
|
||||||
|
const modules = [Navigation, Pagination, Scrollbar, A11y, Lazy, Autoplay]
|
||||||
|
const onSwiper = (swiper) => {
|
||||||
|
};
|
||||||
|
const onSlideChange = (e) => {
|
||||||
|
mainStore.update(e.realIndex)
|
||||||
|
};
|
||||||
|
const goToPath = (path,index) => {
|
||||||
|
if (index===2 ||index === 3){
|
||||||
|
location.href = path
|
||||||
|
}else {
|
||||||
|
sessionStorage.setItem('navIndex', index ==1? 1:2)
|
||||||
|
router.push({
|
||||||
|
name: path
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
const partnerSwiperList = [
|
||||||
|
'https://image.fulllinkai.com/202309/01/45f782d8d2c999a41fbb313bab133c28.png',
|
||||||
|
'https://image.fulllinkai.com/202309/01/7f09ccfbe1cf12a41371abdd87caf860.png',
|
||||||
|
'https://image.fulllinkai.com/202309/01/d25d56a93aaa8a1ca561ffd0d9730de4.png',
|
||||||
|
'https://image.fulllinkai.com/202309/01/fdba7ec096cb0d1f71071c76bbbf24b9.png',
|
||||||
|
]
|
||||||
|
const partnerModules = [Scrollbar, A11y, Lazy, Autoplay]
|
||||||
|
|
||||||
|
const homeMessage = computed(() => {
|
||||||
|
return [
|
||||||
|
{
|
||||||
|
pic: 'https://image.fulllinkai.com/202308/31/eb80f7e4d53b615731b8e05591177789.png',
|
||||||
|
title: t('message.homePage.list5'),
|
||||||
|
path: 'aboutUs'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
pic: 'https://image.fulllinkai.com/202308/31/138fc696eedfcf26588af85b2ca42d62.png',
|
||||||
|
title: t('message.homePage.list6'),
|
||||||
|
path: 'aboutUs'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
pic: 'https://image.fulllinkai.com/202308/31/68eb40558468656ca9cc58d24db73e1c.png',
|
||||||
|
title: t('message.homePage.list7'),
|
||||||
|
path: 'joinUs'
|
||||||
|
},
|
||||||
|
]
|
||||||
|
})
|
||||||
|
const selectIndex = ref(0)
|
||||||
|
let timer = null
|
||||||
|
const hoveIndex = (index) => {
|
||||||
|
// if (timer === null){
|
||||||
|
// timer = setTimeout(() => {
|
||||||
|
selectIndex.value = index
|
||||||
|
// clearTimeout(timer)
|
||||||
|
// timer = null
|
||||||
|
// },300)
|
||||||
|
// }
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
const ecologicalList = computed(() => {
|
||||||
|
return [
|
||||||
|
{
|
||||||
|
pic: 'https://image.fulllinkai.com/202309/01/04f911d83f4fa6b5901cc5f5c61759f4.png',
|
||||||
|
title: t('message.homePage.list8'),
|
||||||
|
subTitle: t('message.homePage.list9'),
|
||||||
|
id: '1'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
pic: 'https://image.fulllinkai.com/202309/01/fa719d9f2d5ad1e611935d105a0933b6.png',
|
||||||
|
title: t('message.homePage.list10'),
|
||||||
|
subTitle: t('message.homePage.list11'),
|
||||||
|
id: '2'
|
||||||
|
},
|
||||||
|
]
|
||||||
|
})
|
||||||
|
|
||||||
|
const router = useRouter()
|
||||||
|
const goToMessage = (id) => {
|
||||||
|
// return
|
||||||
|
router.push({
|
||||||
|
name: 'productMap',
|
||||||
|
query:{id:id}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
const toPath = (path,index) => {
|
||||||
|
sessionStorage.setItem('navIndex', index ==2? 5:4)
|
||||||
|
router.push({
|
||||||
|
name: path,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// const { proxy } = getCurrentInstance() //获取上下文实例，ctx=vue2的this
|
||||||
|
onMounted(() => {
|
||||||
|
// console.log(proxy.$wow, '------')
|
||||||
|
/* wowjs动画 */
|
||||||
|
// new WOW({
|
||||||
|
// boxClass: 'wow',
|
||||||
|
// animateClass: 'animated',
|
||||||
|
// offset: 0,
|
||||||
|
// mobile: true,
|
||||||
|
// live: true
|
||||||
|
// }).init()
|
||||||
|
sessionStorage.setItem('navIndex', '0')
|
||||||
|
sessionStorage.setItem('productMap', '0')
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
/* 整体盒子 */
|
||||||
|
#HomePage {
|
||||||
|
width: 100%;
|
||||||
|
padding-bottom: 128px;
|
||||||
|
background: url("https://image.fulllinkai.com/202309/07/348a87abc5f0870ed4d0e6085fd032fb.png") no-repeat center;
|
||||||
|
}
|
||||||
|
/* 顶部轮播图 */
|
||||||
|
#swiper {
|
||||||
|
width: 100%;
|
||||||
|
height: 967px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#swiper .banner-swiper {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
position: relative;
|
||||||
|
z-index: 1200;
|
||||||
|
}
|
||||||
|
|
||||||
|
#swiper .banner-swiper img {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#swiper .banner-swiper .swiper-slide-title {
|
||||||
|
position: absolute;
|
||||||
|
top: 280px;
|
||||||
|
left: 350px;
|
||||||
|
//transform: translate(-50%,-50%);
|
||||||
|
z-index: 1200;
|
||||||
|
/*width: 100%;*/
|
||||||
|
/*height: 100%;*/
|
||||||
|
color: #fff;
|
||||||
|
/*background: rgba(51, 51, 51, 0.534);*/
|
||||||
|
//text-align: center;
|
||||||
|
line-height: 80px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#swiper .banner-swiper .swiper-slide-title > h1 {
|
||||||
|
font-size: 80px;
|
||||||
|
margin-top: 12%;
|
||||||
|
}
|
||||||
|
#swiper .banner-swiper .swiper-slide-title .swiper-slide-more{
|
||||||
|
margin: 17px auto;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: left;
|
||||||
|
|
||||||
|
}
|
||||||
|
#swiper .banner-swiper .swiper-slide-title .swiper-slide-more> p {
|
||||||
|
margin: 0 2px 0 0;
|
||||||
|
font-size: 36px;
|
||||||
|
/*margin-top: 1%;*/
|
||||||
|
//font-weight: 700;
|
||||||
|
border-radius: 16px;
|
||||||
|
word-wrap: break-word;
|
||||||
|
height: 32px;
|
||||||
|
line-height: 32px;
|
||||||
|
padding: 1px 5px;
|
||||||
|
//width: 120px;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
#swiper .banner-swiper .swiper-slide-title .swiper-slide-more> img {
|
||||||
|
width: 32px;
|
||||||
|
height: 32px;
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
|
:deep(#swiper .swiper-pagination-bullet) {
|
||||||
|
margin-right: 60px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
background: #375FFF;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
:deep( #swiper .swiper-pagination-bullet-active){
|
||||||
|
background: #ffffff;
|
||||||
|
}
|
||||||
|
.ui-swiper-line{
|
||||||
|
position: absolute;
|
||||||
|
bottom: 39px;
|
||||||
|
width: 100%;
|
||||||
|
height: 1px;
|
||||||
|
background: #FFFFFF;
|
||||||
|
opacity: .6;
|
||||||
|
z-index: 9;
|
||||||
|
}
|
||||||
|
.ui-swiper-bottom-mask{
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
width:100%;
|
||||||
|
height: 226px;
|
||||||
|
background: linear-gradient( 180deg, rgba(0,0,0,0) 0%, #000000 100%);
|
||||||
|
}
|
||||||
|
/* 大数据管理系统 */
|
||||||
|
#bigData {
|
||||||
|
padding: 128px 60px;
|
||||||
|
transition: all ease 0.6s;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
#bigData .ui-home-message{
|
||||||
|
width: 100%;
|
||||||
|
height: 400px;
|
||||||
|
/*background-color: #1e73be;*/
|
||||||
|
border-radius: 16px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
#bigData .ui-home-message-box{
|
||||||
|
position: relative;
|
||||||
|
text-align: center;
|
||||||
|
/*display: flex;*/
|
||||||
|
/*align-items: center;*/
|
||||||
|
}
|
||||||
|
|
||||||
|
#bigData .ui-home-message-box .ui-select-index{
|
||||||
|
width: 720px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#bigData .ui-home-message-image{
|
||||||
|
width: 240px;
|
||||||
|
height: 400px;
|
||||||
|
object-fit: cover;
|
||||||
|
transition: width .2s ease;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*#bigData .ui-home-message-image:hover{*/
|
||||||
|
/* width: 720px;*/
|
||||||
|
/*}*/
|
||||||
|
|
||||||
|
#bigData .ui-home-message-title{
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%,-50%);
|
||||||
|
width: 100%;
|
||||||
|
font-size: 48px;
|
||||||
|
color: #FFFFFF;
|
||||||
|
font-weight: 900;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
#bigData .bigData-title {
|
||||||
|
padding-bottom: 10px;
|
||||||
|
border-bottom: 1px solid #ccc;
|
||||||
|
}
|
||||||
|
|
||||||
|
#bigData p {
|
||||||
|
font-size: 14px;
|
||||||
|
color: #333;
|
||||||
|
line-height: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
#bigData .bigData-device {
|
||||||
|
margin: 50px 0 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ui-title{
|
||||||
|
margin-bottom: 24px;
|
||||||
|
font-size: 36px;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
#ecologicalLayout{
|
||||||
|
/*margin-top: 128px;*/
|
||||||
|
}
|
||||||
|
|
||||||
|
#ecologicalLayout .ui-ecologicalLayout-message{
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
#ecologicalLayout .ui-ecologicalLayout-box{
|
||||||
|
width: 580px;
|
||||||
|
height:auto;
|
||||||
|
padding-bottom: 20px;
|
||||||
|
background: #ffffff;
|
||||||
|
border-radius: 16px;
|
||||||
|
}
|
||||||
|
#ecologicalLayout .ui-ecologicalLayout-box-pic{
|
||||||
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
|
#ecologicalLayout .ui-ecologicalLayout-box-title{
|
||||||
|
margin: 16px auto 24px;
|
||||||
|
font-size: 28px;
|
||||||
|
color: #0A112E;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
#ecologicalLayout .ui-ecologicalLayout-box-subTitle{
|
||||||
|
padding: 0 24px;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #0A112E;
|
||||||
|
letter-spacing: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#partner{
|
||||||
|
margin-top: 128px;
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
|
}
|
||||||
|
#partnerSwiper .partner-swiper{
|
||||||
|
width: 25%;
|
||||||
|
height: auto;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
#partnerSwiper .partner-swiper img {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
/* 您身边的IT专家 */
|
||||||
|
#contactUs {
|
||||||
|
color: #fff;
|
||||||
|
height: 400px;
|
||||||
|
background: url('../assets/img/contact_us_bg.jpg') 0 0 no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
transition: all ease 0.6s;
|
||||||
|
}
|
||||||
|
|
||||||
|
#contactUs .contactUs-container {
|
||||||
|
padding-top: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#contactUs .contactUs-container button {
|
||||||
|
width: 300px;
|
||||||
|
height: 50px;
|
||||||
|
margin-top: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#contactUs .contactUs-container .contactUs-contactWay span {
|
||||||
|
display: inline-block;
|
||||||
|
width: 48px;
|
||||||
|
height: 48px;
|
||||||
|
margin: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#contactUs .contactUs-container .contactUs-contactWay span:nth-of-type(1) {
|
||||||
|
background: url('../assets/img/weixin.png') 0 0 no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#contactUs .contactUs-container .contactUs-contactWay span:nth-of-type(2) {
|
||||||
|
background: url('../assets/img/weibo.png') 0 0 no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#contactUs .contactUs-container .contactUs-contactWay span:nth-of-type(3) {
|
||||||
|
background: url('../assets/img/twitter.png') 0 0 no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 客户评价 */
|
||||||
|
#customer {
|
||||||
|
padding: 50px 0;
|
||||||
|
box-sizing: border-box;
|
||||||
|
background: #efefef;
|
||||||
|
transition: all ease 0.6s;
|
||||||
|
}
|
||||||
|
|
||||||
|
#customer .customer-title {
|
||||||
|
font-size: 30px;
|
||||||
|
color: rgb(102, 102, 102);
|
||||||
|
margin: 0 0 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#customer .customer-block {
|
||||||
|
background: #fff;
|
||||||
|
padding: 30px 80px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#customer .customer-logo img {
|
||||||
|
width: 94px;
|
||||||
|
height: 94px;
|
||||||
|
border: 1px solid #ccc;
|
||||||
|
}
|
||||||
|
|
||||||
|
#customer .customer-yh img {
|
||||||
|
width: 34px;
|
||||||
|
height: 34px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#customer .customer-content1 {
|
||||||
|
padding-bottom: 20px;
|
||||||
|
border-bottom: 1px solid #0ce9f1;
|
||||||
|
}
|
||||||
|
|
||||||
|
#customer .customer-content2 {
|
||||||
|
padding-top: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 为什么选择我们 */
|
||||||
|
#whyChooseUs {
|
||||||
|
padding: 100px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#whyChooseUs .whyChooseUs-title {
|
||||||
|
margin-bottom: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#whyChooseUs .whyChooseUs-title p:nth-of-type(1) {
|
||||||
|
font-size: 25px;
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
|
||||||
|
#whyChooseUs .whyChooseUs-title p:nth-of-type(2) {
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#whyChooseUs .server-block {
|
||||||
|
padding: 50px 20px;
|
||||||
|
border: 1px solid #ccc;
|
||||||
|
border-bottom: 5px solid #ccc;
|
||||||
|
}
|
||||||
|
|
||||||
|
#whyChooseUs .server-block img {
|
||||||
|
width: 48px;
|
||||||
|
height: 48px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#whyChooseUs .server-block > p {
|
||||||
|
font-size: 20px;
|
||||||
|
margin: 30px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#whyChooseUs .server-block > div {
|
||||||
|
color: #ccc;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 媒体查询（手机） */
|
||||||
|
@media screen and (max-width: 768px) {
|
||||||
|
#swiper {
|
||||||
|
height: 200px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#bigData {
|
||||||
|
padding: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#bigData .bigData-title {
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#bigData .bigData-device {
|
||||||
|
font-size: 20px;
|
||||||
|
margin: 10px 0 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#contactUs {
|
||||||
|
height: 200px;
|
||||||
|
transition: all ease 0.6s;
|
||||||
|
}
|
||||||
|
|
||||||
|
#contactUs .contactUs-container {
|
||||||
|
padding-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#contactUs .contactUs-container h1 {
|
||||||
|
font-size: 25px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#contactUs .contactUs-container h3 {
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#contactUs .contactUs-container button {
|
||||||
|
width: 200px;
|
||||||
|
height: 30px;
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#contactUs .contactUs-container .contactUs-contactWay span {
|
||||||
|
display: inline-block;
|
||||||
|
width: 28px;
|
||||||
|
height: 28px;
|
||||||
|
margin: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#customer {
|
||||||
|
padding: 30px 0;
|
||||||
|
box-sizing: border-box;
|
||||||
|
background: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
#customer .customer-title {
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
#customer .customer-logo img {
|
||||||
|
width: 48px;
|
||||||
|
height: 48px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#customer .customer-block {
|
||||||
|
padding: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#customer .customer-block > div {
|
||||||
|
padding: 30px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#whyChooseUs {
|
||||||
|
padding: 20px 0;
|
||||||
|
transition: all ease 0.6s;
|
||||||
|
}
|
||||||
|
|
||||||
|
#whyChooseUs .whyChooseUs-title p:nth-of-type(1) {
|
||||||
|
font-size: 20px;
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
#whyChooseUs .whyChooseUs-title p:nth-of-type(2) {
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#whyChooseUs .server-block {
|
||||||
|
padding: 50px 0;
|
||||||
|
border: 1px solid #ccc;
|
||||||
|
border-bottom: 5px solid #ccc;
|
||||||
|
}
|
||||||
|
|
||||||
|
#whyChooseUs .server-block img {
|
||||||
|
width: 48px;
|
||||||
|
height: 48px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#whyChooseUs .server-block > p {
|
||||||
|
font-size: 20px;
|
||||||
|
margin: 30px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#whyChooseUs .server-block > div {
|
||||||
|
color: #ccc;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 媒体查询（平板） */
|
||||||
|
@media screen and (min-width: 768px) and (max-width: 996px) {
|
||||||
|
#swiper {
|
||||||
|
height: 400px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#bigData {
|
||||||
|
padding: 60px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#bigData .bigData-title {
|
||||||
|
font-size: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#bigData .bigData-device {
|
||||||
|
font-size: 30px;
|
||||||
|
margin: 30px 0 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#contactUs {
|
||||||
|
height: 300px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#contactUs .contactUs-container {
|
||||||
|
padding-top: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#contactUs .contactUs-container h1 {
|
||||||
|
font-size: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#contactUs .contactUs-container h3 {
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#contactUs .contactUs-container button {
|
||||||
|
width: 300px;
|
||||||
|
height: 50px;
|
||||||
|
margin-top: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#contactUs .contactUs-container .contactUs-contactWay span {
|
||||||
|
display: inline-block;
|
||||||
|
width: 32px;
|
||||||
|
height: 32px;
|
||||||
|
margin: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#customer .customer-title {
|
||||||
|
font-size: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#whyChooseUs {
|
||||||
|
padding: 20px 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
286
src/components/pc/newsDetail.vue
Normal file
286
src/components/pc/newsDetail.vue
Normal file
@ -0,0 +1,286 @@
|
|||||||
|
<template>
|
||||||
|
<div id='newsDetail'>
|
||||||
|
<div class='containerV2'>
|
||||||
|
<div class='ui-newsDetail-box'>
|
||||||
|
<div class='ui-newsDetail-title'>{{newsMessage[id].title}}</div>
|
||||||
|
<div class='ui-newsDetail-time'>{{newsMessage[id].time}}</div>
|
||||||
|
<div class='ui-newsDetail-line'></div>
|
||||||
|
<div style='position: relative'>
|
||||||
|
<div v-for='(item,index) in newsMessage[id].message' :key='index'>
|
||||||
|
<div v-if='item.type ==="img"'>
|
||||||
|
<img class='ui-newsDetail-img' :src='item.text' alt=''>
|
||||||
|
</div>
|
||||||
|
<div class='ui-newsDetail-text' v-else>
|
||||||
|
{{item.text}}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class='ui-newsDetail-share'>
|
||||||
|
<div>{{ t('message.newsDetail.html1') }}</div>
|
||||||
|
<div class='ui-news-wechat'>
|
||||||
|
<img class='ui-newsDetail-share-img' alt='' src='https://image.fulllinkai.com/202309/19/99a5cbc05de4882fc20c55bad2e52aa8.png'
|
||||||
|
@mousemove='wechatShare = true' @mouseleave='wechatShare = false'>
|
||||||
|
<img v-if='wechatShare' :src='newsMessage[id].weChatShare' alt='' class='ui-news-wechat-box'>
|
||||||
|
</div>
|
||||||
|
<img class='ui-newsDetail-share-icon' alt='' src='https://image.fulllinkai.com/202309/07/c9e539783db7129db4b636317a7b9173.png' @click='toShare'>
|
||||||
|
<a :href="`mailto:?subject=${newsMessage[id].title}&body=${mailPath}`">
|
||||||
|
<img class='ui-newsDetail-share-icon' alt='' src='https://image.fulllinkai.com/202309/07/9cf569ffdfe00f0234a309513a9b6c86.png'>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class='ui-newsDetail-bottom'>{{newsMessage[id].bottom}}</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class='ui-newsDetail-tip' v-if='showTip'>
|
||||||
|
{{ t('message.newsDetail.html2') }}
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { ref, onMounted, computed } from 'vue'
|
||||||
|
import { useRouter } from "vue-router"; // 引入路由
|
||||||
|
import { useI18n } from 'vue-i18n'
|
||||||
|
const { t,locale } = useI18n()
|
||||||
|
|
||||||
|
const id = ref(0)
|
||||||
|
const newsMessage = computed(() => {
|
||||||
|
return [
|
||||||
|
{
|
||||||
|
title: t('message.newsDetail.list1V1') + '\n' + t('message.newsDetail.list1V2'),
|
||||||
|
time:'2023-06-03',
|
||||||
|
weChatShare:'https://image.fulllinkai.com/202309/18/7e8c6dda9de73ad5395f4939f7087c67.png',
|
||||||
|
message:[
|
||||||
|
{
|
||||||
|
type: 'img',
|
||||||
|
text:'https://image.fulllinkai.com/202309/05/99fe92f441bab1f0d4b1e37e2c261366.png'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: 'text',
|
||||||
|
text: t('message.newsDetail.list1V3')+'\n' +
|
||||||
|
'\n' +
|
||||||
|
t('message.newsDetail.list1V4')+'\n' +
|
||||||
|
'\n' +
|
||||||
|
t('message.newsDetail.list1V5')+'\n' +
|
||||||
|
'\n' +
|
||||||
|
t('message.newsDetail.list1V6')+'\n' +
|
||||||
|
'\n' +
|
||||||
|
t('message.newsDetail.list1V7')+'\n' +
|
||||||
|
'\n' +
|
||||||
|
t('message.newsDetail.list1V8')+'\n' +
|
||||||
|
'\n' +
|
||||||
|
t('message.newsDetail.list1V9')+'\n'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: 'img',
|
||||||
|
text:'https://image.fulllinkai.com/202309/05/50965c135ab9c433194102efb8048349.png'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: 'text',
|
||||||
|
text:t('message.newsDetail.list1V10')+'\n' +
|
||||||
|
'\n' +
|
||||||
|
t('message.newsDetail.list1V11')+'\n' +
|
||||||
|
'\n' +
|
||||||
|
t('message.newsDetail.list1V12')+'\n' +
|
||||||
|
'\n' +
|
||||||
|
t('message.newsDetail.list1V13')+'\n' +
|
||||||
|
'\n' +
|
||||||
|
t('message.newsDetail.list1V14')+'\n' +
|
||||||
|
'\n' +
|
||||||
|
'\n' +
|
||||||
|
t('message.newsDetail.list1V15')+'\n' +
|
||||||
|
'\n' +
|
||||||
|
t('message.newsDetail.list1V16')+'\n' +
|
||||||
|
'\n' +
|
||||||
|
'\n' +
|
||||||
|
t('message.newsDetail.list1V17')+'\n' +
|
||||||
|
'\n'
|
||||||
|
},
|
||||||
|
],
|
||||||
|
bottom:'',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title:t('message.newsDetail.list2V1')+'\n' + t('message.newsDetail.list2V2'),
|
||||||
|
time:'2023-05-06',
|
||||||
|
weChatShare:'https://image.fulllinkai.com/202309/18/c7f1ac8e2faf5333362e0ce1921dcae2.png',
|
||||||
|
message:[
|
||||||
|
{
|
||||||
|
type: 'img',
|
||||||
|
text:'https://image.fulllinkai.com/202309/05/f01e2692357f1b689bb6e5a1667cbcc0.png'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: 'text',
|
||||||
|
text:t('message.newsDetail.list2V3')+'\n' +
|
||||||
|
'\n' +
|
||||||
|
'\n' +
|
||||||
|
'\n' +
|
||||||
|
t('message.newsDetail.list2V4')+'\n' +
|
||||||
|
'\n' +
|
||||||
|
t('message.newsDetail.list2V5')+'\n' +
|
||||||
|
'\n' +
|
||||||
|
t('message.newsDetail.list2V6')+'\n' +
|
||||||
|
'\n' +
|
||||||
|
'\n' +
|
||||||
|
t('message.newsDetail.list2V7')+'\n' +
|
||||||
|
'\n' +
|
||||||
|
'\n' +
|
||||||
|
t('message.newsDetail.list2V8')+'\n'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: 'img',
|
||||||
|
text:'https://image.fulllinkai.com/202309/05/a24f6ddf26714a2e65fc71c60f452830.png'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: 'text',
|
||||||
|
text:t('message.newsDetail.list2V9')+'\n' +
|
||||||
|
'\n' +
|
||||||
|
'\n' +
|
||||||
|
t('message.newsDetail.list2V10')+'\n' +
|
||||||
|
'\n' +
|
||||||
|
t('message.newsDetail.list2V11')+'\n' +
|
||||||
|
'\n' +
|
||||||
|
t('message.newsDetail.list2V12')+'\n' +
|
||||||
|
'\n' +
|
||||||
|
'\n' +
|
||||||
|
t('message.newsDetail.list2V13')+'\n' +
|
||||||
|
'\n' +
|
||||||
|
t('message.newsDetail.list2V14')
|
||||||
|
}
|
||||||
|
],
|
||||||
|
bottom:'',
|
||||||
|
}
|
||||||
|
]
|
||||||
|
})
|
||||||
|
const showTip = ref(false)
|
||||||
|
|
||||||
|
const toShare = () => {
|
||||||
|
const element = document.createElement('textarea')
|
||||||
|
element.value = location.href
|
||||||
|
console.log(element,'-')
|
||||||
|
document.body.appendChild(element);
|
||||||
|
element.select()
|
||||||
|
if (document.execCommand('copy')) {
|
||||||
|
document.execCommand('copy')
|
||||||
|
document.body.removeChild(element)
|
||||||
|
showTip.value = true
|
||||||
|
setTimeout(() => {
|
||||||
|
showTip.value = false
|
||||||
|
},1200)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
const router = useRouter();
|
||||||
|
const selectPartner = ref('')
|
||||||
|
const mailPath = ref('')
|
||||||
|
const wechatShare = ref(false)
|
||||||
|
onMounted(() => {
|
||||||
|
sessionStorage.setItem('navIndex', '3')
|
||||||
|
mailPath.value = window.location.origin + '/'+router.currentRoute.value.href
|
||||||
|
id.value = router.currentRoute.value.query.id - 1
|
||||||
|
console.log(router.currentRoute.value.query,'3---')
|
||||||
|
})
|
||||||
|
// export default {
|
||||||
|
// name: 'newsDetail'
|
||||||
|
// }
|
||||||
|
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
#newsDetail{
|
||||||
|
padding-top: 1px;
|
||||||
|
background: url("https://image.fulllinkai.com/202309/07/348a87abc5f0870ed4d0e6085fd032fb.png") no-repeat center;
|
||||||
|
}
|
||||||
|
.ui-newsDetail-box{
|
||||||
|
position: relative;
|
||||||
|
margin-top: 164px;
|
||||||
|
padding: 0 64px;
|
||||||
|
}
|
||||||
|
.ui-newsDetail-title{
|
||||||
|
margin-bottom: 24px;
|
||||||
|
font-size: 36px;
|
||||||
|
font-weight: 900;
|
||||||
|
color: #3D3D3D;
|
||||||
|
white-space: pre-wrap;
|
||||||
|
}
|
||||||
|
.ui-newsDetail-time{
|
||||||
|
font-size: 12px;
|
||||||
|
font-weight: 350;
|
||||||
|
color: rgba(5,9,23,0.6);
|
||||||
|
}
|
||||||
|
.ui-newsDetail-line{
|
||||||
|
margin-top: 8px;
|
||||||
|
width: 100%;
|
||||||
|
height: 1px;
|
||||||
|
background: rgba(20,35,93,0.2);
|
||||||
|
}
|
||||||
|
.ui-newsDetail-img{
|
||||||
|
padding: 24px 0;
|
||||||
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
|
.ui-newsDetail-text{
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #0F1A46;
|
||||||
|
white-space: pre-wrap;
|
||||||
|
}
|
||||||
|
.ui-newsDetail-bottom{
|
||||||
|
padding: 40px 0 228px;
|
||||||
|
text-align: right;
|
||||||
|
font-size: 12px;
|
||||||
|
font-weight: 350;
|
||||||
|
color: rgba(5,9,23,0.6);
|
||||||
|
}
|
||||||
|
.ui-newsDetail-share{
|
||||||
|
position: absolute;
|
||||||
|
top:24px;
|
||||||
|
right: -52px;
|
||||||
|
width: 29px;
|
||||||
|
height: 29px;
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
|
.ui-news-wechat{
|
||||||
|
position: relative;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
.ui-newsDetail-share-img{
|
||||||
|
width: 28px;
|
||||||
|
height: 28px;
|
||||||
|
}
|
||||||
|
.ui-news-wechat-box{
|
||||||
|
position: absolute;
|
||||||
|
top:-120px;
|
||||||
|
left: -165px;
|
||||||
|
width: 150px;
|
||||||
|
height: 150px;
|
||||||
|
}
|
||||||
|
.ui-newsDetail-share div {
|
||||||
|
width: 40px;
|
||||||
|
margin-bottom: 19px;
|
||||||
|
font-size: 12px;
|
||||||
|
color: rgba(15,26,70,0.6);
|
||||||
|
|
||||||
|
}
|
||||||
|
.ui-newsDetail-share-icon {
|
||||||
|
margin-bottom: 19px;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
border-radius: 50%;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.ui-newsDetail-tip{
|
||||||
|
position: fixed;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%,-50%);
|
||||||
|
width: 240px;
|
||||||
|
height: 40px;
|
||||||
|
font-size: 20px;
|
||||||
|
color: #ffffff;
|
||||||
|
background: #4a4a4b;
|
||||||
|
line-height: 40px;
|
||||||
|
border-radius: 12px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
363
src/components/upload/ImageCropperUpload.vue
Normal file
363
src/components/upload/ImageCropperUpload.vue
Normal file
@ -0,0 +1,363 @@
|
|||||||
|
<script setup>
|
||||||
|
import { ref } from 'vue'
|
||||||
|
import { VueCropper } from "vue-cropper";
|
||||||
|
import 'vue-cropper/dist/index.css'
|
||||||
|
import service from '@/utils/request.js'
|
||||||
|
import { watch } from 'vue'
|
||||||
|
|
||||||
|
const props = defineProps({
|
||||||
|
modelValue: File,
|
||||||
|
placeholder: {
|
||||||
|
type: String,
|
||||||
|
default: '点击上传'
|
||||||
|
},
|
||||||
|
accept: {
|
||||||
|
type: String,
|
||||||
|
default: 'image/*'
|
||||||
|
},
|
||||||
|
backgroundImage: {
|
||||||
|
type: String,
|
||||||
|
default: 'https://images.health.ufutx.com/202504/23/6af29ba224fb93e5cac4bb09436ec26c.png'
|
||||||
|
},
|
||||||
|
dimension: {
|
||||||
|
type: Object,
|
||||||
|
default: () => ({
|
||||||
|
width: '230px', // 改为百分比单位
|
||||||
|
height: '140px', // 自动高度
|
||||||
|
})
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
const emit = defineEmits(['update:modelValue'])
|
||||||
|
|
||||||
|
const cropper = ref(null)
|
||||||
|
const cropper_width = ref(0); // 真实的输出图片宽度
|
||||||
|
const cropper_height = ref(0); // 真实的输出图片高度
|
||||||
|
const applyLoading = ref(false)
|
||||||
|
const host = ref('')
|
||||||
|
const ossConfig = ref('')
|
||||||
|
const showCropper = ref(false)
|
||||||
|
const previewImage = ref('')
|
||||||
|
const fileInput = ref(null)
|
||||||
|
const option = ref({
|
||||||
|
outputSize: 1, //裁剪生成图片的质量(可选0.1 - 1)
|
||||||
|
outputType: 'jpeg', //裁剪生成图片的格式（jpeg || png || webp）
|
||||||
|
info: true, //图片大小信息
|
||||||
|
canScale: true, //图片是否允许滚轮缩放
|
||||||
|
autoCrop: true, //是否默认生成截图框
|
||||||
|
autoCropWidth: 413, //默认生成截图框宽度
|
||||||
|
autoCropHeight: 497, //默认生成截图框高度
|
||||||
|
fixed: true, //是否开启截图框宽高固定比例
|
||||||
|
fixedNumber: [413, 497], //截图框的宽高比例
|
||||||
|
full: true, //false按原比例裁切图片，不失真
|
||||||
|
fixedBox: true, //固定截图框大小，不允许改变
|
||||||
|
canMove: true, //上传图片是否可以移动
|
||||||
|
canMoveBox: true, //截图框能否拖动
|
||||||
|
original: false, //上传图片按照原始比例渲染
|
||||||
|
centerBox: true, //截图框是否被限制在图片里面
|
||||||
|
height: false, //是否按照设备的dpr 输出等比例图片
|
||||||
|
infoTrue: true, //true为展示真实输出图片宽高，false展示看到的截图框宽高
|
||||||
|
maxImgSize: 2000, //限制图片最大宽度和高度
|
||||||
|
enlarge: 1, //图片根据截图框输出比例倍数
|
||||||
|
mode: 'contain' //图片默认渲染方式
|
||||||
|
})
|
||||||
|
watch(
|
||||||
|
() => props.modelValue,
|
||||||
|
(newVal) => {
|
||||||
|
if (typeof newVal === 'string') {
|
||||||
|
previewImage.value = newVal
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{ immediate: true }
|
||||||
|
)
|
||||||
|
|
||||||
|
const handleFileChange = (e) => {
|
||||||
|
const file = e.target.files[0]
|
||||||
|
console.log(file,'fff=')
|
||||||
|
if (file) {
|
||||||
|
// previewImage.value = URL.createObjectURL(file)
|
||||||
|
let reader = new FileReader()
|
||||||
|
reader.onload = (e) => {
|
||||||
|
let data
|
||||||
|
if (typeof e.target.result === 'object') {
|
||||||
|
data = window.URL.createObjectURL(new Blob([e.target.result]))
|
||||||
|
} else {
|
||||||
|
data = e.target.result
|
||||||
|
}
|
||||||
|
previewImage.value = data
|
||||||
|
showCropper.value = true
|
||||||
|
}
|
||||||
|
//转化为base64
|
||||||
|
reader.readAsDataURL(file)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const confirmCrop = async () => {
|
||||||
|
console.log(cropper.value,'cropper.value=')
|
||||||
|
await cropper.value.startCrop()
|
||||||
|
cropper.value.getCropBlob(blob => {
|
||||||
|
console.log(blob,'b--')
|
||||||
|
const file = new File([blob], 'cropped-image.jpg', { type: 'image/jpeg' })
|
||||||
|
console.log(file,';ff')
|
||||||
|
applyLoading.value = true
|
||||||
|
setTimeout(() => {
|
||||||
|
getSignature(file)
|
||||||
|
showCropper.value = false
|
||||||
|
},300)
|
||||||
|
})
|
||||||
|
|
||||||
|
}
|
||||||
|
const getSignature = (file) => {
|
||||||
|
const self = this
|
||||||
|
service.get('api/get/oss/config').then(res => {
|
||||||
|
let result = res.data
|
||||||
|
host.value = result.host
|
||||||
|
ossConfig.value = result
|
||||||
|
upload(file)
|
||||||
|
}).catch(() => {
|
||||||
|
console.log('出错了~')
|
||||||
|
})
|
||||||
|
}
|
||||||
|
const newGuid = () => {
|
||||||
|
function S4() {
|
||||||
|
return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1)
|
||||||
|
}
|
||||||
|
return S4() + S4() + S4() + S4() + S4() + S4() + S4() + S4()
|
||||||
|
}
|
||||||
|
const getExtension = (file) => {
|
||||||
|
if (file) {
|
||||||
|
// 通过正则表达式提取文件后缀名
|
||||||
|
const regex = /(?:\.([^.]+))?$/
|
||||||
|
const result = regex.exec(file.name)
|
||||||
|
return result?.[1] || null
|
||||||
|
}
|
||||||
|
return null // 处理输入为 null 的情况
|
||||||
|
}
|
||||||
|
const upload = (file) => {
|
||||||
|
console.log(file,'file')
|
||||||
|
let formData = new FormData()
|
||||||
|
const fileGuid = newGuid()
|
||||||
|
const fileSuffix = getExtension(file)
|
||||||
|
let fileName = fileGuid + '.' + fileSuffix
|
||||||
|
let filePath = host.value + '/' + ossConfig.value.dir + fileName
|
||||||
|
formData.append('name', ossConfig.value.dir + fileName)
|
||||||
|
formData.append('key', ossConfig.value.dir + fileName)
|
||||||
|
formData.append('policy', ossConfig.value.policy)
|
||||||
|
formData.append('OSSAccessKeyId', ossConfig.value.access_id)
|
||||||
|
formData.append('success_action_status', '200')
|
||||||
|
formData.append('signature', ossConfig.value.signature)
|
||||||
|
formData.append('filename', file.name)
|
||||||
|
// formData.append('fileData', file)
|
||||||
|
formData.append('file', file)
|
||||||
|
console.log(ossConfig,'ossConfig----')
|
||||||
|
service.post(ossConfig.value.host,formData,{ headers: { 'Content-Type': 'multipart/form-data' }}).then(({code,data}) => {
|
||||||
|
if ( document.location.hostname === 'localhost') {
|
||||||
|
filePath = filePath.split('/')[0] + '//local-pictures.oss-cn-shenzhen.aliyuncs.com/' + filePath.split('/')[3] + '/' + filePath.split('/')[4] + '/' + filePath.split('/')[5]
|
||||||
|
} else {
|
||||||
|
filePath = host.value + '/' + filePath.split('/')[3] + '/' + filePath.split('/')[4] + '/' + filePath.split('/')[5]
|
||||||
|
}
|
||||||
|
applyLoading.value = false
|
||||||
|
emit('update:modelValue', filePath)
|
||||||
|
previewImage.value = filePath
|
||||||
|
// newFileList.value.push({url:filePath})
|
||||||
|
// emit('update:fileList',newFileList.value)
|
||||||
|
// loading.value = false
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<div class="cropper-upload">
|
||||||
|
<input
|
||||||
|
type="file"
|
||||||
|
ref="fileInput"
|
||||||
|
accept="image/*"
|
||||||
|
@change="handleFileChange"
|
||||||
|
class="hidden-input"
|
||||||
|
>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="upload-btn"
|
||||||
|
:style="{backgroundImage: `url(${backgroundImage})`}"
|
||||||
|
@click="fileInput.click()"
|
||||||
|
>
|
||||||
|
<img
|
||||||
|
v-if="modelValue"
|
||||||
|
:src="previewImage"
|
||||||
|
class="preview-image"
|
||||||
|
>
|
||||||
|
<!-- <img-->
|
||||||
|
<!-- v-else-->
|
||||||
|
<!-- src="https://images.health.ufutx.com/202504/23/a1d99b1cecd936185be30d1230dc5cbc.png"-->
|
||||||
|
<!-- class="upload-icon"-->
|
||||||
|
<!-- >-->
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div v-if="showCropper" class="cropper-modal">
|
||||||
|
<div class='cropper-big-container'>
|
||||||
|
<div class="cropper-container">
|
||||||
|
<!-- :autoCropWidth="option.autoCropWidth"-->
|
||||||
|
<!-- :autoCropHeight="option.autoCropHeight"-->
|
||||||
|
<!-- -->
|
||||||
|
|
||||||
|
<vue-cropper
|
||||||
|
ref="cropper"
|
||||||
|
:img="previewImage"
|
||||||
|
:outputSize="option.outputSize"
|
||||||
|
:outputType="option.outputType"
|
||||||
|
:info="option.info"
|
||||||
|
:canScale="option.canScale"
|
||||||
|
:autoCrop="option.autoCrop"
|
||||||
|
:fixed="option.fixed"
|
||||||
|
:fixedNumber="option.fixedNumber"
|
||||||
|
:full="option.full"
|
||||||
|
:fixedBox="option.fixedBox"
|
||||||
|
:canMove="option.canMove"
|
||||||
|
:canMoveBox="option.canMoveBox"
|
||||||
|
:original="option.original"
|
||||||
|
:centerBox="option.centerBox"
|
||||||
|
:height="option.height"
|
||||||
|
:infoTrue="option.infoTrue"
|
||||||
|
:maxImgSize="option.maxImgSize"
|
||||||
|
:enlarge="option.enlarge"
|
||||||
|
:mode="option.mode"
|
||||||
|
/>
|
||||||
|
<div class="dialog-btns">
|
||||||
|
<div class="dialog-btn cancel" @click="showCropper = false">取消</div>
|
||||||
|
<div class="dialog-btn confirm" @click="confirmCrop" :class="{disabled: applyLoading}">
|
||||||
|
<div class="loading-spinner" v-if="applyLoading"></div>
|
||||||
|
{{ applyLoading ? '裁剪中...' : '确认裁剪' }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- <div class="cropper-btns">-->
|
||||||
|
<!-- <button @click="showCropper = false">取消</button>-->
|
||||||
|
<!-- <button @click="confirmCrop">确认裁剪</button>-->
|
||||||
|
<!-- </div>-->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.cropper-upload{
|
||||||
|
background: #ffffff;
|
||||||
|
}
|
||||||
|
.hidden-input {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.upload-btn {
|
||||||
|
position: relative;
|
||||||
|
width: 144px;
|
||||||
|
height: 144px;
|
||||||
|
background-size: contain; /* 新增背景图适配 */
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
}
|
||||||
|
.upload-wrapper{
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.upload-icon {
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
width: 30px;
|
||||||
|
height: 30px;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
.upload-btn:hover {
|
||||||
|
border-color: #79BBFF;
|
||||||
|
background-color: rgba(121, 187, 255, 0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.preview-image {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
object-fit: cover;
|
||||||
|
border-radius: 8px;
|
||||||
|
border: 1px solid #eee;
|
||||||
|
z-index: 2;
|
||||||
|
background: #ffffff;
|
||||||
|
}
|
||||||
|
.cropper-modal {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
background: rgba(0,0,0,0.5);
|
||||||
|
z-index: 1000;
|
||||||
|
}
|
||||||
|
.cropper-big-container{
|
||||||
|
padding: 20px;
|
||||||
|
background: #fff;
|
||||||
|
height: 760px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cropper-container {
|
||||||
|
width: 612px;
|
||||||
|
height: 612px;
|
||||||
|
background: #fff;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.cropper-btns {
|
||||||
|
margin-top: 20px;
|
||||||
|
text-align: right;
|
||||||
|
background: #fff;
|
||||||
|
}
|
||||||
|
.dialog-btns {
|
||||||
|
margin-top: 30px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dialog-btn {
|
||||||
|
padding: 16px 50px;
|
||||||
|
border-radius: 10px;
|
||||||
|
cursor: pointer;
|
||||||
|
min-width: 72px;
|
||||||
|
box-sizing: content-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cancel {
|
||||||
|
margin-right: 30px;
|
||||||
|
border: 1px solid #409EFF;
|
||||||
|
color: #409EFF;
|
||||||
|
background: #fff;
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.confirm {
|
||||||
|
background: #409eff;
|
||||||
|
color: #fff;
|
||||||
|
border: 1px solid #409eff;
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
.dialog-btn, .dialog-success-btn {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
|
||||||
|
&.disabled {
|
||||||
|
opacity: 0.7;
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.loading-spinner {
|
||||||
|
width: 16px;
|
||||||
|
height: 16px;
|
||||||
|
margin-right: 8px;
|
||||||
|
border: 2px solid #fff;
|
||||||
|
border-top-color: transparent;
|
||||||
|
border-radius: 50%;
|
||||||
|
animation: spin 0.8s linear infinite;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
91
src/components/upload/ImageCropperUploadV2.vue
Normal file
91
src/components/upload/ImageCropperUploadV2.vue
Normal file
@ -0,0 +1,91 @@
|
|||||||
|
<template>
|
||||||
|
<div class="Com_view">
|
||||||
|
<div class="box_cropper">
|
||||||
|
<vue-cropper
|
||||||
|
ref="cropper"
|
||||||
|
:img="option.img"
|
||||||
|
:infoTrue="option.infoTrue"
|
||||||
|
:full="option.full"
|
||||||
|
:auto-crop="option.autoCrop"
|
||||||
|
>
|
||||||
|
</vue-cropper>
|
||||||
|
</div>
|
||||||
|
<div class="box_btn">
|
||||||
|
<el-button type="primary" plain @click="onClick">获取截图</el-button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { ref, reactive } from "vue";
|
||||||
|
import { ElMessageBox } from "element-plus";
|
||||||
|
import { VueCropper } from "vue-cropper";
|
||||||
|
import 'vue-cropper/dist/index.css'
|
||||||
|
|
||||||
|
const cropper = ref("");
|
||||||
|
const cropper_width = ref(0); // 真实的输出图片宽度
|
||||||
|
const cropper_height = ref(0); // 真实的输出图片高度
|
||||||
|
|
||||||
|
const option = reactive({
|
||||||
|
img: 'https://images.health.ufutx.com/202504/23/a1d99b1cecd936185be30d1230dc5cbc.png', // 本地图片地址或网络地址
|
||||||
|
autoCrop: true, // 是否开启截图框
|
||||||
|
full: true, // 是否输出原图比例
|
||||||
|
infoTrue: true, // true 为展示真实输出图片宽高 false 展示看到的截图框宽高
|
||||||
|
});
|
||||||
|
|
||||||
|
const onClick = () => {
|
||||||
|
cropper.value.getCropData(async (data) => {
|
||||||
|
// 获取真实输出的图片宽高
|
||||||
|
const img = new Image();
|
||||||
|
img.onload = () => {
|
||||||
|
cropper_width.value = img.width;
|
||||||
|
cropper_height.value = img.height;
|
||||||
|
};
|
||||||
|
img.src = data;
|
||||||
|
setTimeout(() => {
|
||||||
|
preview(data);
|
||||||
|
}, 300);
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
const preview = (img) => {
|
||||||
|
ElMessageBox.alert(
|
||||||
|
`<img class="cropper_img" src="${img}"/>
|
||||||
|
<div class="cropper_img_size">${cropper_width.value}x${cropper_height.value}</div>
|
||||||
|
`,
|
||||||
|
"截图成功",
|
||||||
|
{
|
||||||
|
dangerouslyUseHTMLString: true,
|
||||||
|
confirmButtonText: "确定",
|
||||||
|
}
|
||||||
|
);
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.Com_view {
|
||||||
|
width: 100vw;
|
||||||
|
height: 100vh;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
flex-direction: column;
|
||||||
|
.box_cropper {
|
||||||
|
box-shadow: 0 3px 5px 1px #cfcfcf;
|
||||||
|
border: 10px solid white;
|
||||||
|
width: 400px;
|
||||||
|
height: 400px;
|
||||||
|
}
|
||||||
|
.box_btn {
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.cropper_img{
|
||||||
|
width: 400px;
|
||||||
|
height: 400px;
|
||||||
|
object-fit: contain;
|
||||||
|
}
|
||||||
|
.cropper_img_size{
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
185
src/components/upload/imageUpload.vue
Normal file
185
src/components/upload/imageUpload.vue
Normal file
@ -0,0 +1,185 @@
|
|||||||
|
<script setup>
|
||||||
|
import {ref} from 'vue'
|
||||||
|
import service from '@/utils/request.js'
|
||||||
|
import { watch } from 'vue'
|
||||||
|
|
||||||
|
const props = defineProps({
|
||||||
|
modelValue: File,
|
||||||
|
placeholder: {
|
||||||
|
type: String,
|
||||||
|
default: '点击上传'
|
||||||
|
},
|
||||||
|
accept: {
|
||||||
|
type: String,
|
||||||
|
default: 'image/*'
|
||||||
|
},
|
||||||
|
backgroundImage: {
|
||||||
|
type: String,
|
||||||
|
default: 'https://images.health.ufutx.com/202504/23/a1d99b1cecd936185be30d1230dc5cbc.png'
|
||||||
|
},
|
||||||
|
dimension: {
|
||||||
|
type: Object,
|
||||||
|
default: () => ({
|
||||||
|
width: '230px', // 改为百分比单位
|
||||||
|
height: '140px', // 自动高度
|
||||||
|
})
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
const emit = defineEmits(['update:modelValue'])
|
||||||
|
|
||||||
|
const fileInput = ref(null)
|
||||||
|
const previewImage = ref('')
|
||||||
|
const host = ref('')
|
||||||
|
const ossConfig = ref('')
|
||||||
|
watch(
|
||||||
|
() => props.modelValue,
|
||||||
|
(newVal) => {
|
||||||
|
if (typeof newVal === 'string') {
|
||||||
|
previewImage.value = newVal
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{ immediate: true }
|
||||||
|
)
|
||||||
|
const handleFileUpload = (e) => {
|
||||||
|
const file = e.target.files[0]
|
||||||
|
console.log(file,'fff===')
|
||||||
|
if (file) {
|
||||||
|
getSignature(file)
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
const getSignature = (file) => {
|
||||||
|
const self = this
|
||||||
|
service.get('api/get/oss/config').then(res => {
|
||||||
|
let result = res.data
|
||||||
|
host.value = result.host
|
||||||
|
ossConfig.value = result
|
||||||
|
upload(file)
|
||||||
|
}).catch(() => {
|
||||||
|
console.log('出错了~')
|
||||||
|
})
|
||||||
|
}
|
||||||
|
const newGuid = () => {
|
||||||
|
function S4() {
|
||||||
|
return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1)
|
||||||
|
}
|
||||||
|
return S4() + S4() + S4() + S4() + S4() + S4() + S4() + S4()
|
||||||
|
}
|
||||||
|
const getExtension = (file) => {
|
||||||
|
if (file) {
|
||||||
|
// 通过正则表达式提取文件后缀名
|
||||||
|
const regex = /(?:\.([^.]+))?$/
|
||||||
|
const result = regex.exec(file.name)
|
||||||
|
return result?.[1] || null
|
||||||
|
}
|
||||||
|
return null // 处理输入为 null 的情况
|
||||||
|
}
|
||||||
|
const upload = (file) => {
|
||||||
|
console.log(file,'file')
|
||||||
|
let formData = new FormData()
|
||||||
|
const fileGuid = newGuid()
|
||||||
|
const fileSuffix = getExtension(file)
|
||||||
|
let fileName = fileGuid + '.' + fileSuffix
|
||||||
|
let filePath = host.value + '/' + ossConfig.value.dir + fileName
|
||||||
|
formData.append('name', ossConfig.value.dir + fileName)
|
||||||
|
formData.append('key', ossConfig.value.dir + fileName)
|
||||||
|
formData.append('policy', ossConfig.value.policy)
|
||||||
|
formData.append('OSSAccessKeyId', ossConfig.value.access_id)
|
||||||
|
formData.append('success_action_status', '200')
|
||||||
|
formData.append('signature', ossConfig.value.signature)
|
||||||
|
formData.append('filename', file.name)
|
||||||
|
// formData.append('fileData', file)
|
||||||
|
formData.append('file', file)
|
||||||
|
console.log(ossConfig,'ossConfig----')
|
||||||
|
service.post(ossConfig.value.host,formData,{ headers: { 'Content-Type': 'multipart/form-data' }}).then(({code,data}) => {
|
||||||
|
if ( document.location.hostname === 'localhost') {
|
||||||
|
filePath = filePath.split('/')[0] + '//local-pictures.oss-cn-shenzhen.aliyuncs.com/' + filePath.split('/')[3] + '/' + filePath.split('/')[4] + '/' + filePath.split('/')[5]
|
||||||
|
} else {
|
||||||
|
filePath = host.value + '/' + filePath.split('/')[3] + '/' + filePath.split('/')[4] + '/' + filePath.split('/')[5]
|
||||||
|
}
|
||||||
|
emit('update:modelValue', filePath)
|
||||||
|
previewImage.value = filePath
|
||||||
|
// newFileList.value.push({url:filePath})
|
||||||
|
// emit('update:fileList',newFileList.value)
|
||||||
|
// loading.value = false
|
||||||
|
})
|
||||||
|
}
|
||||||
|
const triggerUpload = () => {
|
||||||
|
fileInput.value.click()
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<div class="image-uploader">
|
||||||
|
<input
|
||||||
|
type="file"
|
||||||
|
ref="fileInput"
|
||||||
|
:accept="accept"
|
||||||
|
@change="handleFileUpload"
|
||||||
|
class="hidden-input"
|
||||||
|
>
|
||||||
|
<div class="upload-wrapper">
|
||||||
|
<div
|
||||||
|
class="upload-btn"
|
||||||
|
:style="{backgroundImage: `url(${backgroundImage})`}"
|
||||||
|
@click="triggerUpload"
|
||||||
|
>
|
||||||
|
<img
|
||||||
|
src="https://images.health.ufutx.com/202504/23/a1d99b1cecd936185be30d1230dc5cbc.png"
|
||||||
|
class="upload-icon"
|
||||||
|
alt=''
|
||||||
|
>
|
||||||
|
<img
|
||||||
|
v-if="previewImage"
|
||||||
|
:src="previewImage"
|
||||||
|
class="preview-image"
|
||||||
|
alt=''
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.hidden-input {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.upload-btn {
|
||||||
|
position: relative;
|
||||||
|
width: 230px;
|
||||||
|
height: 144px;
|
||||||
|
background-size: contain; /* 新增背景图适配 */
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
}
|
||||||
|
.upload-wrapper{
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.upload-icon {
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
width: 30px;
|
||||||
|
height: 30px;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
.upload-btn:hover {
|
||||||
|
border-color: #79BBFF;
|
||||||
|
background-color: rgba(121, 187, 255, 0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.preview-image {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
object-fit: cover;
|
||||||
|
border-radius: 8px;
|
||||||
|
border: 1px solid #eee;
|
||||||
|
z-index: 2;
|
||||||
|
background: #ffffff;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
31
src/hooks/locale.ts
Normal file
31
src/hooks/locale.ts
Normal file
@ -0,0 +1,31 @@
|
|||||||
|
import { computed } from 'vue';
|
||||||
|
import { useI18n } from 'vue-i18n';
|
||||||
|
// const { t,locale } = useI18n()
|
||||||
|
// export default function useLocale() {
|
||||||
|
// const i18 = useI18n();
|
||||||
|
// const currentLocale = computed(() => {
|
||||||
|
// return i18.locale.value;
|
||||||
|
// });
|
||||||
|
// const computedFn = computed(() => {
|
||||||
|
// return (val='12')=>{
|
||||||
|
// return '12'
|
||||||
|
// }
|
||||||
|
// });
|
||||||
|
// const changeLocale = (value: string) => {
|
||||||
|
// i18.locale.value = value;
|
||||||
|
// localStorage.setItem('arco-locale', value);
|
||||||
|
// };
|
||||||
|
// return {
|
||||||
|
// currentLocale,
|
||||||
|
// computedFn,
|
||||||
|
// changeLocale,
|
||||||
|
// };
|
||||||
|
// }
|
||||||
|
// export default function useLocale(()=>{
|
||||||
|
//
|
||||||
|
// })= computed(() => {
|
||||||
|
// return (val='12')=>{
|
||||||
|
// return '12'
|
||||||
|
// }
|
||||||
|
// });
|
||||||
|
|
||||||
29
src/locale/index.js
Normal file
29
src/locale/index.js
Normal file
@ -0,0 +1,29 @@
|
|||||||
|
// 提示信息仅在开发环境生效
|
||||||
|
import { createI18n } from 'vue-i18n'
|
||||||
|
// import store from '@/store'
|
||||||
|
|
||||||
|
const files= import.meta.globEager('./modules/*.js')
|
||||||
|
|
||||||
|
let messages = {}
|
||||||
|
Object.keys(files).forEach((c) => {
|
||||||
|
const module = files[c].default
|
||||||
|
const moduleName = c.replace(/^\.\/(.*)\/(.*)\.\w+$/, '$2')
|
||||||
|
messages[moduleName] = module
|
||||||
|
})
|
||||||
|
|
||||||
|
|
||||||
|
const lang = localStorage.getItem("language") || navigator.userLanguage || navigator.language // 初次进入，采用浏览器当前设置的语言，默认采用中文
|
||||||
|
const locale = lang.indexOf('en') !== -1 ? 'en' : 'zh-cn'
|
||||||
|
|
||||||
|
const i18n = createI18n({
|
||||||
|
__VUE_I18N_LEGACY_API__: false,
|
||||||
|
__VUE_I18N_FULL_INSTALL__: false,
|
||||||
|
globalInjection: true,
|
||||||
|
locale: locale,
|
||||||
|
legacy: false,
|
||||||
|
fallbackLocale: 'zh-cn',
|
||||||
|
messages
|
||||||
|
})
|
||||||
|
document.querySelector('html').setAttribute('lang', locale)
|
||||||
|
|
||||||
|
export default i18n
|
||||||
331
src/locale/modules/en.js
Normal file
331
src/locale/modules/en.js
Normal file
@ -0,0 +1,331 @@
|
|||||||
|
|
||||||
|
const lang = {
|
||||||
|
message: {
|
||||||
|
language: "English",
|
||||||
|
AboutUs:{
|
||||||
|
title1:'About us',
|
||||||
|
title2:'About AI ProShare groups',
|
||||||
|
subtitle1V1: 'AI PROSHARE PTE.LTD is an innovative high-tech company with artificial intelligence technology as the core. AI ProShare groups dedicate to achieve human physical and mental health. We provide precise, customerized, and effective AI-based solutions to every single user.',
|
||||||
|
subtitle1V2: 'Currently we have millions of online and offline users, including C-end users and high quality B-end uses.',
|
||||||
|
subtitle1V3: ' ',
|
||||||
|
subtitle1V4: 'We also hold several patent and autonomous intellectual property rights on artificial intelligence,',
|
||||||
|
subtitle1V5: 'community and anti-universe field.',
|
||||||
|
title3:'Our Mission And Vision',
|
||||||
|
subtitle2V1:"Mission：Make human's health easier and improve the quality of life",
|
||||||
|
subtitle2V2:'Vision：People are no longer afraid of illness and disease',
|
||||||
|
img1:'https://image.fulllinkai.com/202312/21/950aa2f03adf6ea5269592b3f6e374ba.png',
|
||||||
|
imgM1:'https://image.fulllinkai.com/202312/21/42dc27a79605f4c4ddbb28a4e56bad79.png',
|
||||||
|
},
|
||||||
|
Footer:{
|
||||||
|
html1:' AI ProShare',
|
||||||
|
html2:'Contact us',
|
||||||
|
html3:'Copyright©AI PROSHARE PTE.LTD',
|
||||||
|
html4:'粤ICP备12008876号',
|
||||||
|
title1: ' AI ProShare AI-Health',
|
||||||
|
title2: ' AI ProShare+ Ecosystem',
|
||||||
|
title3: ' AI ProShare News',
|
||||||
|
title4: 'Join us',
|
||||||
|
title5: '33F, Building B, Sunshine Science and Technology Innovation Center, Nanshan Street, Nanshan District, Shenzhen City, Guangdong Province, China',
|
||||||
|
title6: 'AI PROSHARE PTE.LTD',
|
||||||
|
title7: 'Address：Room 3306, Building A, Sunshine Science and Technology Innovation Center, Nanshan Street, Nanshan District, Shenzhen City, Guangdong Province, China',
|
||||||
|
},
|
||||||
|
Header: {
|
||||||
|
title1: 'Home',
|
||||||
|
title2: ' AI ProShare AI-Health',
|
||||||
|
title3: ' AI ProShare+ Ecosystem',
|
||||||
|
title4: 'RaaS System',
|
||||||
|
title5: ' AI ProShare Marriage',
|
||||||
|
title6: ' AI ProShare Event',
|
||||||
|
title7: ' AI ProShare News',
|
||||||
|
title8: 'Join us',
|
||||||
|
title9: 'About us',
|
||||||
|
},
|
||||||
|
Health: {
|
||||||
|
html1:' AI ProShare AI-Health',
|
||||||
|
html2:'The Process of 49-Days Program',
|
||||||
|
title1: 'Customerized',
|
||||||
|
title2: 'Based on our AI algorithms which customize personal health 49-Days program for users.The program are generated depend on age, character, career etc., You will be equipped with the right service team(Our 3 to 1 Guides system) and we will provide you a online 49-Days full-time service guidance for dietary nutrition, emotional care, psychological evasion tutoring and so on.',
|
||||||
|
titleM1:'Based on our AI algorithms',
|
||||||
|
titleM2:'Customize personal health 49-Days program for you',
|
||||||
|
titleM3:'According to age, character, career etc.',
|
||||||
|
titleM4:' You will be equipped with the right service team(Our 3 to 1 Guides system).',
|
||||||
|
titleM5:'Provide you dietary nutrition, emotional care, and psychological evasion tutoring and so on.',
|
||||||
|
titleM6:'Online 49-Days full-time service guidance',
|
||||||
|
title4: 'All for 1 solutions',
|
||||||
|
title5: "We initiate a drug-free and device-free health service 49-Days program to restore our users' self-healing systems, including immune system and energy management systems, so that disorders, subhealth, and chronic disease groups can recover in a shorter period of time. Easy to execute and benefit throughout whole life.",
|
||||||
|
title5M1: 'Initiate a drug-free and device-free health service 49-Days program,',
|
||||||
|
title5M2: "Restore our users' self-healing systems,",
|
||||||
|
title5M3: 'Include immune system and energy management systems,',
|
||||||
|
title5M4: 'so that disorders, sub-health, and chronic disease groups',
|
||||||
|
title5M5: 'Recover in a shorter period of time',
|
||||||
|
title5M6: 'Easy to execute and benefit throughout whole life',
|
||||||
|
list1: 'Medical body report',
|
||||||
|
list2: 'Global users upload their medical report to our application ',
|
||||||
|
list3: 'Collection of fundamental information',
|
||||||
|
list4: 'Collection of personal physical and psychological information',
|
||||||
|
list5: 'AI algorithms',
|
||||||
|
list6: 'Precision data algorithm matching',
|
||||||
|
list7: 'Program prepared',
|
||||||
|
list8: 'Customerized precise program generated',
|
||||||
|
list9: 'On-line Deep Service',
|
||||||
|
list10: '49-Days Precise Nutrition Diet Guidelines and Psychological Evasion',
|
||||||
|
},
|
||||||
|
homePage: {
|
||||||
|
img1:'https://images.health.ufutx.com/202411/19/0cfee52fd2ca984044d0bb565a01d9e5.jpeg',
|
||||||
|
html1:'轮播图',
|
||||||
|
html2:' AI ProShare Groups layout',
|
||||||
|
html3:'Partners',
|
||||||
|
content1:'To know more',
|
||||||
|
list1: ' AI ProShare AI-Health',
|
||||||
|
list2: 'RaaS System',
|
||||||
|
list3: ' AI ProShare Marriage',
|
||||||
|
list4: ' AI ProShareEvent',
|
||||||
|
list5: 'Group Profile',
|
||||||
|
list6: 'Our Cultures',
|
||||||
|
list7: 'Talent recruitment',
|
||||||
|
list8: 'In China',
|
||||||
|
list9: 'Our domestic city operations centers spread across the southern and northern regions. Whether it is ice-snow covered Northern land or smoke-breaking Jiangnan water region, you can see AI ProShare people everywhere.',
|
||||||
|
list10: 'Global',
|
||||||
|
list11: "Besides domestic market, we are committed to achieve keeping humans' physically and mentally both healthy all over the world. We have never stopped improving the quality of human life. We have been moving forward.",
|
||||||
|
list11M1:'Besides domestic market,',
|
||||||
|
list11M2:"we are committed to achieve keeping humans' physically and mentally both healthy all over the world. ",
|
||||||
|
list11M3:'We have never stopped improving the quality of human life.',
|
||||||
|
list11M4:'We have been moving forward.',
|
||||||
|
},
|
||||||
|
JoinUs:{
|
||||||
|
html1:'Responsibilitiy',
|
||||||
|
html2:'Qualification',
|
||||||
|
html3:'复制成功',
|
||||||
|
list1:'成就更好的你，我们在行动',
|
||||||
|
list2:'在这里，不仅有充满挑战和影响力的工作机会，更有专业的职业培训，可以激发你的无限潜力，探索未知的领域。',
|
||||||
|
list3:'每个独特的你，都值得被珍视 ',
|
||||||
|
list4:'我们拥抱多元和包容，让你在这里自由翱翔。每一次的反馈，每一个声音，都会被我们倾听和尊重。在这里，我们共同成长、共创未来。',
|
||||||
|
list5:'回馈你的全心投入，我们全力以赴',
|
||||||
|
list6:'你的每一分努力，都值得被看见和铭记。我们为每一个伙伴提供个性化的员工福利，只为了你的每一分拼搏。',
|
||||||
|
RList1V1:'Ai产品经理',
|
||||||
|
RList1V2:'2023-08-15 发布',
|
||||||
|
RList1V3:'社会招聘 丨 全职 丨 广东省·深圳市',
|
||||||
|
RList1V4:'岗位职责',
|
||||||
|
RList1V5:'1、协助同事制定和执行人工智能产品的战略规划和路线图；',
|
||||||
|
RList1V6:'2、与跨部门团队合作，包括研发、设计和市场团队，确保产品的顺利开发和交付；',
|
||||||
|
RList1V7:'3、进行市场调研和竞争分析，了解行业动态和用户需求，收集并分析用户反馈和数据，优化产品功能和性能；',
|
||||||
|
RList1V8:'4、协助管理产品生命周期，包括需求定义、功能规划、项目管理和发布。',
|
||||||
|
RList1V9:'任职资格：',
|
||||||
|
RList1V10:'1、拥有相关领域的学士或硕士学位；',
|
||||||
|
RList1V11:'2、具备1年以上AI产品管理或相关经验；',
|
||||||
|
RList1V12:'3、熟悉人工智能技术和应用，了解机器学习、自然语言处理等相关技术；',
|
||||||
|
RList1V13:'4、具备优秀的项目管理和团队合作能力，具备良好的沟通和表达能力，能够与不同背景的团队成员进行有效的合作；',
|
||||||
|
RList1V14:'5、具备市场敏感性和商业思维，能够洞察市场需求并制定相应的产品策略。',
|
||||||
|
RList2V1:'会计',
|
||||||
|
RList2V2:'1、负责公司全盘账务工作和税务申报；',
|
||||||
|
RList2V3:'2、负责公司应收应付相关工作；',
|
||||||
|
RList2V4:'3、负责会计资料整理及归档工作；',
|
||||||
|
RList2V5:'4、上级领导安排的其他相关工作。',
|
||||||
|
RList2V6:'1、金融、财务类大专及以上学历，3年及以上全盘账务处理经验；',
|
||||||
|
RList2V7:'2、责任心强，具有良好的团队协作能力，执行力强，熟悉国家法律法规。',
|
||||||
|
RList3V1:'行政专员',
|
||||||
|
RList3V2:'1、负责考勤管理与统计；',
|
||||||
|
RList3V3:'2、劳动合同管理与签订；',
|
||||||
|
RList3V4:'3、公司制度的编写与修订；',
|
||||||
|
RList3V5:'4、日常行政事务支持。',
|
||||||
|
RList3V6:'1、有较强的沟通、协调能力及服务意识，有团队协作精神；',
|
||||||
|
RList3V7:'2、具有良好的职业道德，踏实稳重，责任心强；',
|
||||||
|
RList3V8:'3、良好的组织协调能力，良好的责任心和敬业精神。',
|
||||||
|
RList4V1:'人事专员',
|
||||||
|
RList4V2:'1、负责协助公司完善公司规章制度实施，员工培训计划与按排；',
|
||||||
|
RList4V3:'2、开展人员招聘工作，选择、维护、拓展新的招聘渠道，简历筛选邀约以及安排面试；',
|
||||||
|
RList4V4:'3、做好员工的入离职安排、员工档案、人员调配、绩效考核等管理工作；',
|
||||||
|
RList4V5:'4、负责员工社保和公积金缴纳及时做好增减员操作，及时掌握国家相关法律法规政策。',
|
||||||
|
RList4V6:'1、有较强的沟通、协调能力及服务意识，有团队协作精神；',
|
||||||
|
RList4V7:'2、具有良好的职业道德，踏实稳重，责任心强；',
|
||||||
|
RList4V8:'3、良好的组织协调能力，良好的责任心和敬业精神。',
|
||||||
|
RList5V1:'iOS开发工程师',
|
||||||
|
RList5V2:'1、设计、开发和维护高质量的iOS应用程序；',
|
||||||
|
RList5V3:'2、与产品经理和设计团队合作，确保用户需求得到满足；',
|
||||||
|
RList5V4:'3、进行代码审查和性能优化，提高应用程序的稳定性和响应速度；',
|
||||||
|
RList5V5:'4、跟踪最新的iOS开发趋势和技术，持续改进应用程序;',
|
||||||
|
RList5V6:'5、解决应用程序中的技术问题和Bug。',
|
||||||
|
RList5V7:'1、本科及以上学历，计算机科学、软件工程或相关专业；',
|
||||||
|
RList5V8:'2、至少3年以上iOS开发经验，熟悉Objective-C或Swift编程语言；',
|
||||||
|
RList5V9:'3、熟悉iOS开发框架和常用的第三方库；',
|
||||||
|
RList5V10:'4、具备良好的问题解决能力和团队合作精神；',
|
||||||
|
RList5V11:'5、具备良好的沟通能力和自我学习能力。',
|
||||||
|
RList6V1:'Android开发工程师',
|
||||||
|
RList6V2:'1、设计、开发和维护高质量的Android应用程序；',
|
||||||
|
RList6V3:'2、与产品经理和设计团队合作，确保用户需求得到满足；',
|
||||||
|
RList6V4:'3、进行代码审查和性能优化，提高应用程序的稳定性和响应速度；',
|
||||||
|
RList6V5:'4、跟踪最新的Android开发趋势和技术，持续改进应用程序;',
|
||||||
|
RList6V6:'5、解决应用程序中的技术问题和Bug。',
|
||||||
|
RList6V7:'1、本科及以上学历，计算机科学、软件工程或相关专业；',
|
||||||
|
RList6V8:'2、至少3年以上Android开发经验，熟悉Java或Kotlin编程语言；',
|
||||||
|
RList6V9:'3、熟悉Android开发框架和常用的第三方库；',
|
||||||
|
RList6V10:'4、具备良好的问题解决能力和团队合作精神；',
|
||||||
|
RList6V11:'5、具备良好的沟通能力和自我学习能力。',
|
||||||
|
img1:'https://image.fulllinkai.com/202312/21/4ca844dd3370cd395518b0f8c696fcd6.png',
|
||||||
|
img2:'https://image.fulllinkai.com/202312/21/fabcd756689c8b9be4ae6362608212d9.png',
|
||||||
|
imgM1:'https://image.fulllinkai.com/202312/21/2b0641d31b58399aea25e3042a0dab1d.png',
|
||||||
|
imgM2:'https://image.fulllinkai.com/202312/21/e41e05c24edc6e490cf6330d66cf3b46.png',
|
||||||
|
},
|
||||||
|
StartABusiness:{
|
||||||
|
list1: 'Entrepreneur events',
|
||||||
|
list2: 'A continuous, open, and inclusive entrepreneurial exchange platform in order to share entrepreneurial thinking, exchange projects and share resources around the start-up founders',
|
||||||
|
list2M1:'A continuous, open, and inclusive ',
|
||||||
|
list2M2:'entrepreneurial exchange platform',
|
||||||
|
list2M3:'in order to share entrepreneurial thinking',
|
||||||
|
list2M4:'exchange projects and share resources around the start-up founders.',
|
||||||
|
list3: 'Investors (VC) events',
|
||||||
|
list4: 'Aim to provide an open, profound and valuable platform for investors and entrepreneurs to engage in deep dialogue. With both lively investment cases and cutting-edge investment logic sharing, entrepreneurs can explore the unlimited possibilities of investing and innovative startups thinking on this platform.',
|
||||||
|
list4M1:'Aim to provide an open, profound and valuable platform for investors and entrepreneurs to engage in deep dialogue.',
|
||||||
|
list4M2:'With both lively investment cases and cutting-edge investment logic sharing,',
|
||||||
|
list4M3:'entrepreneurs can explore the unlimited possibilities of ',
|
||||||
|
list4M4:'investing and innovative startups thinking on this platform.',
|
||||||
|
list5: 'Entrepreneur Carnival',
|
||||||
|
list6: 'Giving the new logic of entrepreneurship, providing entrepreneurial new thinking and bringing new business ways to enterprise. We will invite authoritative industry experts, successful entrepreneur and famous capital investors to share their experience. Hundreds of Investment institutions (VC) and thousands of entrepreneurs and start-up foumders will participate in each Carnival.',
|
||||||
|
list6M1: 'Giving the new logic of entrepreneurship, providing entrepreneurial new thinking,',
|
||||||
|
list6M2: 'and bringing new business ways to enterprise.',
|
||||||
|
list6M3: 'We will invite authoritative industry experts,',
|
||||||
|
list6M4: 'successful entrepreneur and famous capital investors to share their experience,',
|
||||||
|
list6M5: 'and famous capital investors to share their experience',
|
||||||
|
list6M6: 'Hundreds of Investment institutions (VC) ',
|
||||||
|
list6M7: 'and thousands of entrepreneurs and start-up foumders will participate in each Carnival.',
|
||||||
|
},
|
||||||
|
news: {
|
||||||
|
html1: '企业动态',
|
||||||
|
list1: '新思维、新视野，资本市场投资新方向',
|
||||||
|
list2: '对话磐石投资董事长陈南平',
|
||||||
|
list3: '6月3日，以“拥抱新趋势，筑梦新未来”为主题的 第四届创业家嘉年华在深圳前海举行，磐石投资董事长陈南平现场发表了有关未来投资新方向的主题演讲，在会后接受了记者采访。',
|
||||||
|
list4: 'ChatGPT新趋势下的',
|
||||||
|
list5: '机遇与挑战',
|
||||||
|
list6: '以“新趋势、新机遇、新未来”为主题的友福同享.第三届创业家嘉年华日前在万科前海国际会议中心圆满落幕。千名创业者、企业主、投资人，共襄盛举。',
|
||||||
|
img1:'https://image.fulllinkai.com/202312/21/7d8c1b59268a4d1aefd8d9e551f9b4f1.png',
|
||||||
|
imgM1:'https://image.fulllinkai.com/202312/21/812b5cf00889914b3a888f80c860bd8b.png',
|
||||||
|
},
|
||||||
|
newsDetail:{
|
||||||
|
html1: '分享',
|
||||||
|
html2: '链接复制成功',
|
||||||
|
list1V1: '新思维、新视野，资本市场投资新方向，',
|
||||||
|
list1V2: '对话磐石投资董事长陈南平',
|
||||||
|
list1V3: '6月3日，以“拥抱新趋势，筑梦新未来”为主题的 第四届创业家嘉年华在深圳前海举行，磐石投资董事长陈南平现场发表了有关未来投资新方向的主题演讲，在会后接受了记者采访。',
|
||||||
|
list1V4: '“在快速变化的时代，创新思维和开阔视野对于投资市场非常重要。”陈南平在采访中分享了自己对资本市场的独到见解和投资思考。',
|
||||||
|
list1V5: '他认为，投资机构和企业家应该立足长远，不跟风，不追热点，在风险可控的情况下提高收益率。',
|
||||||
|
list1V6: '在全球经济增速放缓、贸易保护主义崛起的大背景下，当前市场投资状况并不像前些年那么如火如荼，磬石投资依靠自己独特的投资策略，早早积累了不少成功案例。据陈南平介绍，磐石投资一直聚焦产业链投资，具有如下三大优势：',
|
||||||
|
list1V7: '首先，是高精准。磐石投资追求独立思考、长远布局，擅长在行业大规模爆发前的拐点时刻进入，例如，十多年前就开始布局新能源汽车和锂电池领域，7年前开始投资，现在投资的企业已陆陆续续上市，还有近几年投资的人工智能＋大数据＋生命科学＋深度服务版块，也将开花结果。',
|
||||||
|
list1V8: '其次，是高标准。投资标准要求高、行业布局及调研早、投资少而精、介入和辅导深。如果投资标的以5年为周期，磐石投资要求至少有10倍以上收益。',
|
||||||
|
list1V9: '最后，是高收益。专注产业链投资，给予项目深度赋能和产业链资源，享有极优惠的估值，因此能在一些投资项目取得10-100倍超高收益。',
|
||||||
|
list1V10: '“我们从项目价值、真实有效的市场评价、赛道差异化、市场空间，以及估值合理性，这五大方面来筛选项目。”陈南平表示，新思维、新视野，是资本市场的未来投资新方向。',
|
||||||
|
list1V11: '从过往案例来看，磬石投资成功率高、回报率高，投资风格相当有特点（基本都是产业链投资），注重长线投资，介入时机抓的准，而且坚持自己的投资逻辑，既稳健又独到。结合项目筛选的5大标准，陈南平以近年投资的的友福同享为案例，进行了深入剖析：',
|
||||||
|
list1V12: '一、从价值方面看：友福同享进入的是人工智能健康市场。身心健康，人类和社会没有比这个意义更大的了；真实有效的颠覆性效果案例，全来自用户市场的评价；开辟了全新赛道，区别于传统中西医医疗体系之外，具颠覆性；市场空间中国十几万亿，全球百万亿；',
|
||||||
|
list1V13: '二、从估值看，2022年同比收入大幅增长50倍、2023年预计增长几十倍。成长性超强。',
|
||||||
|
list1V14: '作为累计管理投融资数百亿元、拥有二十多年丰富市场投资经验的专业投资人士，陈南平曾就职加拿大首富 Thomson 家族 Thomvest Ventures Inc .风险投资公司，创建了适合中国资本市场的量化估值模型和智能配置系统，他主导的磬石投资集团主要投资领域涉及人工智能、新材料、新能源、智能制造、高端服务等极具增长潜力的战略性新兴产业。',
|
||||||
|
list1V15: '“筛选和投资到优质项目，必须对项目所在行业和产业链有深度的前瞻性分析，以储备一代10年、调研一代3年、投资一代1-2年的超前眼光规划来实施投资战略。”陈南平最后强调，成功的投资离不开深入的行业研究能力。',
|
||||||
|
list1V16: '当天，在创业家嘉年华活动现场，陈南平基于AI应用对各领域的影响，与专家们一起解读新趋势，引导思维碰撞，为参会者带来了全新的价值思考。',
|
||||||
|
list1V17: '本次大会由友福同享主办，磬石投资协办。友福同享是一家以人工智能技术为核心，以提升人类生命质量为使命的创新型高科技公司，也是深圳人工智能专精特新企业。友福同享关注人类身心健康，专注于提供基于人工智能的解决方案。作为技术先锋，友福同享拥有核心的技术发明专利，其人工智能技术在相关领域的应用带来了颠覆性的效果。',
|
||||||
|
list2V1: 'ChatGPT新趋势下的',
|
||||||
|
list2V2: '机遇与挑战',
|
||||||
|
list2V3: '以“新趋势、新机遇、新未来”为主题的友福同享.第三届创业家嘉年华日前在万科前海国际会议中心圆满落幕。千名创业者、企业主、投资人，共襄盛举。',
|
||||||
|
list2V4: '此次大会，正值五一假期，但依然未能影响各位创业者的参会热情。',
|
||||||
|
list2V5: 'ChatGPT的热点信息，近段时间以来一直在冲击人的大脑，影响人的思维，也将极大影响产业、创业与就业，他给人带来疑惑，也带来盼望。如何面对、选择。创业家嘉年华以ChatGPT热点为契机举办，正逢其时。现场，专家解读，趋势引导，思维碰撞，场景应用，带来全新的价值。',
|
||||||
|
list2V6: '会上，华为前副总裁、中欧资本董事长张俊博士以ChatGPT底层核心技术-挑战与机遇为题分享了ChatGPT底层核心技术，模型原理致应用层的发展过程，对相关产业的影响。人工智能是生产力。',
|
||||||
|
list2V7: '周响阳作为中国数字经济产业发展研究课题组秘书长。数学经济北斗七星联席秘书长，深圳区块链协会专家委员会主任。更强调数字经济的价值，AIGC带来财富机遇，也会面对新挑战。数据是生产要素。',
|
||||||
|
list2V8: '阿里巴巴蚂蚁金服前总裁助理，国家金融安全及系统装备工程技术研究中心数字货币及区块链技术首席科学家李立中，更是从智能时代人工智能倒逼生产关系重构的视角带来新观点，提出新问题。人工智能是新生产力，数据是新生产资料，区块链重构生产关系，三者如何有机结合进行产业升级。',
|
||||||
|
list2V9: '友福同享董事长、磐石投资董事长等嘉宾，也纷纷围绕ChatGPT新趋势，人工智能对行业影响、场景应用，团队构建、创业投资新思维等不同角度进行了演讲。现场还展示了友福同享在人工智能方面的实践与发展，是人工智能在场景应用方面的充分体现。',
|
||||||
|
list2V10: '磬石投资董事长陈南平先生作为低调、眼光独到的投资家给在埸创业者，投资人分享他投资评估企业的标准、逻辑：人、团队加项目。',
|
||||||
|
list2V11: '人、团队是第一位的；创业和投资的核心都是人，本质都意味一定程度的牺牲。创业要放弃既有的利益，投资各种资源，包括资金时间精力等；投资要放弃短期的资金收益，期待获得长期良好回报。',
|
||||||
|
list2V12: '项目筛选有五大标准：人类、社会价值和意义；从市场而来的真实有效性评价；差异化、颠覆性；市场空间；估值合理。前两点基于产品或服务本身，后三点基于商业价值。给在埸参会者以全新的视角，全新的启示。',
|
||||||
|
list2V13: '本次大会，由友福同享（深圳）智能科技有限公司独家主办。磬石投资集团协办。',
|
||||||
|
list2V14: '友福同享是一家关注人类身心健康，提升人类生命质量为使命的人工智能加服务的高科技公司，把人类对美好生活的预想，通过科学的操作方案，照进用户的现实生活之中。',
|
||||||
|
},
|
||||||
|
ProductMap:{
|
||||||
|
list:'Beijing',
|
||||||
|
list1:'Shanghai',
|
||||||
|
list2:'Guangzhou',
|
||||||
|
list3:'Dongguan',
|
||||||
|
list4:'Hong Kong',
|
||||||
|
list5:'Taiwan',
|
||||||
|
list6:'Hangzhou',
|
||||||
|
list7:'Zhengzhou',
|
||||||
|
list8:'Chengdu',
|
||||||
|
list9:'Chongqing',
|
||||||
|
list10:'Wuhan',
|
||||||
|
list11:'Xiamen',
|
||||||
|
list12:'Huizhou',
|
||||||
|
list13:'Foshan',
|
||||||
|
list14:'Suzhou',
|
||||||
|
list15:'Nanjing',
|
||||||
|
list16:'Changsha',
|
||||||
|
list17:"Xi'an",
|
||||||
|
list18:'Xuchang',
|
||||||
|
list19:'Wenzhou',
|
||||||
|
list20:'Shantou',
|
||||||
|
list21:'Zhanjiang',
|
||||||
|
list22:'Maoming',
|
||||||
|
list23:'Nanning',
|
||||||
|
list24:'Guilin',
|
||||||
|
list25:'Hefei',
|
||||||
|
list26:'Macau',
|
||||||
|
list27:'Tianjin',
|
||||||
|
list28:'Kunming',
|
||||||
|
list29:'Qingdao',
|
||||||
|
list30:'Zhongshan',
|
||||||
|
list31:'Lanzhou',
|
||||||
|
list32:'Haikou',
|
||||||
|
list33:'Kaifeng',
|
||||||
|
list34:'Nanchang',
|
||||||
|
list35:'Fuzhou',
|
||||||
|
list36:'Sanya',
|
||||||
|
list37:'Changchun',
|
||||||
|
list38:'Lhasa',
|
||||||
|
list39:'Jinan',
|
||||||
|
list40:'Shijiazhuang',
|
||||||
|
list41:'Shenyang',
|
||||||
|
list42:'Guiyang',
|
||||||
|
list43:'Taiyuan',
|
||||||
|
list44:'Quanzhou',
|
||||||
|
list45:'Yangzhou',
|
||||||
|
list46:'Shangqiu',
|
||||||
|
list47:'Nanyang',
|
||||||
|
list48:'Zhuhai',
|
||||||
|
list49:'Ganzhou' ,
|
||||||
|
list50:'Jieyang' ,
|
||||||
|
list51:'Wuxi',
|
||||||
|
list52:'Harbin',
|
||||||
|
list53:'Urumqi',
|
||||||
|
list54:'Luoyang',
|
||||||
|
list55:'Ningbo',
|
||||||
|
list56:'Ordos',
|
||||||
|
list57:'Xiangyang',
|
||||||
|
list58:'Changde',
|
||||||
|
list59:'Xiangtan',
|
||||||
|
list60:'Shanwei',
|
||||||
|
list61:'Yueyang',
|
||||||
|
list62:'Dalian',
|
||||||
|
list63:'Jinhua',
|
||||||
|
list64:'Nantong',
|
||||||
|
list65:'Changzhou',
|
||||||
|
list66:'Vancouver',
|
||||||
|
list67:'Bangkok',
|
||||||
|
list68:'Kuala Lumpur',
|
||||||
|
list69:'New York',
|
||||||
|
list70:'Los Angeles',
|
||||||
|
list71:'Washington',
|
||||||
|
list72:'San Francisco',
|
||||||
|
list73:'Chicago',
|
||||||
|
list74:'Houston',
|
||||||
|
list75:'Singapore',
|
||||||
|
list76:'London',
|
||||||
|
list77:'Sydney',
|
||||||
|
list78:'Melbourne',
|
||||||
|
list79:'Toronto',
|
||||||
|
list80:'Paris',
|
||||||
|
list81:'Dubai',
|
||||||
|
list82:'Tokyo',
|
||||||
|
list83:'Seoul',
|
||||||
|
list84:'Berlin',
|
||||||
|
list85:'Rome',
|
||||||
|
list86:'Milan',
|
||||||
|
},
|
||||||
|
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
export default lang;
|
||||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue
Block a user