-
10.env.development
-
6.env.production
-
3index.html
-
2package.json
-
286pnpm-lock.yaml
-
BINpublic/favicon.ico
-
1src/App.vue
-
6src/assets/base.css
-
0src/assets/images/appal.png
-
0src/assets/images/homeIcon (1).png
-
0src/assets/images/homeIcon (2).png
-
0src/assets/images/homeIcon (3).png
-
0src/assets/images/homeIcon (4).png
-
0src/assets/images/homeTit.png
-
0src/assets/images/homeicon.png
-
0src/assets/images/homeicon2.png
-
0src/assets/images/joinus.png
-
BINsrc/assets/images/jxQrcode.png
-
6src/components/bottoms/bottoms.vue
-
17src/components/top/top.vue
-
32src/http/api.js
-
48src/http/request.js
-
7src/main.js
-
19src/router/index.js
-
43src/utils/utils.js
-
15src/views/AboutView.vue
-
9src/views/HomeView.vue
-
17src/views/aboutUs/aboutUs.vue
-
2src/views/contactUs/contactUs.vue
-
344src/views/home/home.vue
-
2src/views/joinUs/joinUs.vue
-
48src/views/news/detils.vue
-
61src/views/news/news.vue
-
31src/views/solution/solution.vue
-
16vite.config.js
@ -0,0 +1,10 @@ |
|||
# 变量必须以 VITE_ 为前缀才能暴露给外部读取 |
|||
|
|||
VITE_APP_PORT = 3000 |
|||
|
|||
|
|||
# 开发环境配置 |
|||
VITE_APP_ENV = 'development' |
|||
|
|||
# 若依管理系统/开发环境 |
|||
VITE_APP_BASE_API = '/dev-api' |
|||
@ -0,0 +1,6 @@ |
|||
# 变量必须以 VITE_ 为前缀才能暴露给外部读取 |
|||
|
|||
VITE_APP_PORT = 3000 |
|||
|
|||
VITE_APP_BASE_API = 'https://www.jaxc.cn/gzpt/' |
|||
|
|||
|
Before Width: 754 | Height: 633 | Size: 124 KiB After Width: 754 | Height: 633 | Size: 124 KiB |
|
Before Width: 62 | Height: 62 | Size: 3.2 KiB After Width: 62 | Height: 62 | Size: 3.2 KiB |
|
Before Width: 62 | Height: 62 | Size: 3.8 KiB After Width: 62 | Height: 62 | Size: 3.8 KiB |
|
Before Width: 62 | Height: 62 | Size: 4.9 KiB After Width: 62 | Height: 62 | Size: 4.9 KiB |
|
Before Width: 62 | Height: 62 | Size: 4.1 KiB After Width: 62 | Height: 62 | Size: 4.1 KiB |
|
Before Width: 1920 | Height: 218 | Size: 108 KiB After Width: 1920 | Height: 218 | Size: 108 KiB |
|
Before Width: 123 | Height: 100 | Size: 11 KiB After Width: 123 | Height: 100 | Size: 11 KiB |
|
Before Width: 123 | Height: 100 | Size: 7.4 KiB After Width: 123 | Height: 100 | Size: 7.4 KiB |
|
Before Width: 1920 | Height: 477 | Size: 367 KiB After Width: 1920 | Height: 477 | Size: 367 KiB |
|
After Width: 400 | Height: 400 | Size: 12 KiB |
@ -0,0 +1,32 @@ |
|||
|
|||
|
|||
import request from './request' |
|||
|
|||
// 获取新闻数据
|
|||
export const querySimpleIndustryDynamics = (data) => { |
|||
return request({ |
|||
url: '/index/querySimpleIndustryDynamics.do', |
|||
method: 'post', |
|||
data |
|||
}) |
|||
} |
|||
// 获取新闻详情
|
|||
export const getIndustryDynamicDetails = (industryDynamicId) => { |
|||
return request({ |
|||
url: '/index/getIndustryDynamicDetails.do', |
|||
method: 'get', |
|||
params: { |
|||
industryDynamicId |
|||
} |
|||
}) |
|||
} |
|||
// 获取报名数据
|
|||
export const indexCollectList = (data) => { |
|||
return request({ |
|||
url: '/index/indexCollectList.do', |
|||
method: 'post', |
|||
data |
|||
}) |
|||
} |
|||
|
|||
|
|||
@ -0,0 +1,48 @@ |
|||
import axios from 'axios'; |
|||
import {ElMessage} from 'element-plus'; |
|||
import router from '@/router'; |
|||
|
|||
const service = axios.create({ |
|||
baseURL: import.meta.env.VITE_APP_BASE_API |
|||
}); |
|||
|
|||
// 请求拦截器
|
|||
service.interceptors.request.use( |
|||
config => { |
|||
|
|||
return config; |
|||
}, |
|||
error => Promise.reject(error), |
|||
); |
|||
|
|||
// 响应拦截器
|
|||
service.interceptors.response.use( |
|||
response => { |
|||
const {code, msg} = response.data; |
|||
const logoutCodes = [207, 200, 403, 8001, 703]; |
|||
|
|||
if (logoutCodes.includes(code)) { |
|||
if (!service.msg) { |
|||
service.msg = ElMessage({ |
|||
type: 'error', |
|||
message: msg || 'Error', |
|||
onClose: () => service.msg = null, |
|||
}); |
|||
} |
|||
|
|||
const {pathname, search} = window.location; |
|||
router.replace({ path: `/login?redirect=${pathname + search}` }); |
|||
} else { |
|||
return response.data; |
|||
} |
|||
}, |
|||
error => { |
|||
if (error.response.data) { |
|||
const {code, msg} = error.response.data; |
|||
ElMessage.error(msg || '系统出错'); |
|||
} |
|||
return Promise.reject(error.message); |
|||
}, |
|||
); |
|||
|
|||
export default service; |
|||
@ -0,0 +1,43 @@ |
|||
|
|||
|
|||
// 日期格式化
|
|||
export function parseTime(time, pattern) { |
|||
if (arguments.length === 0 || !time) { |
|||
return null |
|||
} |
|||
const format = pattern || '{y}-{m}-{d} {h}:{i}:{s}' |
|||
let date |
|||
if (typeof time === 'object') { |
|||
date = time |
|||
} else { |
|||
if ((typeof time === 'string') && (/^[0-9]+$/.test(time))) { |
|||
time = parseInt(time) |
|||
} else if (typeof time === 'string') { |
|||
time = time.replace(new RegExp(/-/gm), '/').replace('T', ' ').replace(new RegExp(/\.[\d]{3}/gm), ''); |
|||
} |
|||
if ((typeof time === 'number') && (time.toString().length === 10)) { |
|||
time = time * 1000 |
|||
} |
|||
date = new Date(time) |
|||
} |
|||
const formatObj = { |
|||
y: date.getFullYear(), |
|||
m: date.getMonth() + 1, |
|||
d: date.getDate(), |
|||
h: date.getHours(), |
|||
i: date.getMinutes(), |
|||
s: date.getSeconds(), |
|||
a: date.getDay() |
|||
} |
|||
const time_str = format.replace(/{(y|m|d|h|i|s|a)+}/g, (result, key) => { |
|||
let value = formatObj[key] |
|||
// Note: getDay() returns 0 on Sunday
|
|||
if (key === 'a') { return ['日', '一', '二', '三', '四', '五', '六'][value] } |
|||
if (result.length > 0 && value < 10) { |
|||
value = '0' + value |
|||
} |
|||
return value || 0 |
|||
}) |
|||
return time_str |
|||
} |
|||
|
|||
@ -1,15 +0,0 @@ |
|||
<template> |
|||
<div class="about"> |
|||
<h1>This is an about page</h1> |
|||
</div> |
|||
</template> |
|||
|
|||
<style> |
|||
@media (min-width: 1024px) { |
|||
.about { |
|||
min-height: 100vh; |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
} |
|||
</style> |
|||
@ -1,9 +0,0 @@ |
|||
<script setup> |
|||
import TheWelcome from '../components/TheWelcome.vue' |
|||
</script> |
|||
|
|||
<template> |
|||
<main> |
|||
<TheWelcome /> |
|||
</main> |
|||
</template> |
|||
@ -0,0 +1,344 @@ |
|||
<template> |
|||
<div class="aboutUs"> |
|||
<div class="banner"> |
|||
<img src="@/assets/images/homebanner.png" alt=""> |
|||
</div> |
|||
|
|||
|
|||
<div class="container" ref="con1Ref"> |
|||
<div class="titleBox"> |
|||
<titles :text="{ h1: '公司介绍', tps: '驾培行业数字化改革全域解决方案开发商' }" /> |
|||
</div> |
|||
<div class="con1"> |
|||
<div class="leftTxt"> |
|||
<div class="p"> |
|||
<div class="h1">杭州钧安科技</div> |
|||
<div class="text">杭州钧安科技有限公司，成立于2021年1月，是一家专注于为驾培行业数字化改革提供技术支持和服务，为行业提供数字化解决方案的软件开发公司。</div> |
|||
<div class="text2"> |
|||
公司的骨干均是在驾培行业、互联网行业、深耕多年有着丰富经验的人员。公司秉承“精心服务，用户至上”的服务宗旨，为驾校提供推广招生服务及驾校管理系统，为用户提供集找驾校、报名、缴费、学车于一体的一站式平台，为行业管理部门提供行业监管治理平台，公司致力于为驾培行业创新、发展，提升行业数字化服务水平做出贡献。 |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="rightImg"> |
|||
<img src="@/assets/images/onething.png" alt=""> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="con2" ref="con4Ref"> |
|||
<div class="container"> |
|||
<div class="titleBox"> |
|||
<titles :text="{ h1: '数字驾培解决方案', tps: '学驾资金监管解决方案、行业监管治理解决方案' }" /> |
|||
</div> |
|||
<div class="flex-b"> |
|||
<div class="item"> |
|||
<div class="icon"><img src="@/assets/images/homeicon.png" alt=""></div> |
|||
<div class="h2">学驾资金监管解决方案</div> |
|||
<div class="txt">用户——找驾校——身份验证——填报名表——电子合同签署——确 认订单支付缴费——报名成功——资金流（第三方支付平台T+1工作 |
|||
日）——驾校资金监管户——驾校自有资金账户</div> |
|||
<div class="btn" @click="router.push('/solution?offsetTops=con2Top')">查看更多</div> |
|||
</div> |
|||
<div class="item"> |
|||
<div class="icon"><img src="@/assets/images/homeicon2.png" alt=""></div> |
|||
<div class="h2">行业监管治理解决方案</div> |
|||
<div class="txt"> |
|||
· 行业基础数据归集赋码管理 <br> · 业务管理 <br>· 行业监测预警处置分析 <br>· 行业态势研判分析 |
|||
</div> |
|||
<div class="btn" @click="router.push('/solution?offsetTops=con3Top')">查看更多</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="con3"> |
|||
<div class="tit"><img src="@/assets/images/homeTit.png" alt=""></div> |
|||
<div class="container"> |
|||
<div class="leftImg"> |
|||
<img src="@/assets/images/appal.png" alt=""> |
|||
</div> |
|||
<div class="rightText"> |
|||
<div class="h2">“浙里学车”平台</div> |
|||
<div class="txt">“浙里学车”平台应用场景投入使用后，杭州市委常委、常务副市长戴建平等领导听取场景汇报，并给予了充分肯定；</div> |
|||
<div class="txt">中国交通报头版、中国新闻网、浙江交通旅游导报、浙江新闻网、钱江晚报、杭州日报、钱江频道、杭州一套等30多家国家、省市媒体对改革场景进行了专题正面报道；</div> |
|||
<div class="txt">入选2021年杭州市党史学习教育“民呼我为”最佳实践案例。</div> |
|||
<div class="ul"> |
|||
<div class="li"> |
|||
<div class="icon"><img src="@/assets/images/homeIcon (2).png" alt=""></div> |
|||
<div class="rightTxt"> |
|||
<div class="numRow"> |
|||
<div class="num">{{ (info.studentCount / 10000).toFixed(1) }}</div> |
|||
<div class="unit">万</div> |
|||
</div> |
|||
<div class="lab">累计报名学员</div> |
|||
</div> |
|||
</div> |
|||
<div class="li"> |
|||
<div class="icon"><img src="@/assets/images/homeIcon (3).png" alt=""></div> |
|||
<div class="rightTxt"> |
|||
<div class="numRow"> |
|||
<div class="num">7.3</div> |
|||
<div class="unit">亿+</div> |
|||
</div> |
|||
<div class="lab">学员学费监管账户累计监管资金总额</div> |
|||
</div> |
|||
</div> |
|||
<div class="li"> |
|||
<div class="icon"><img src="@/assets/images/homeIcon (4).png" alt=""></div> |
|||
<div class="rightTxt"> |
|||
<div class="numRow"> |
|||
<div class="num">30</div> |
|||
<div class="unit">万+</div> |
|||
</div> |
|||
<div class="lab">APP累计下载量</div> |
|||
</div> |
|||
</div> |
|||
<div class="li"> |
|||
<div class="icon"><img src="@/assets/images/homeIcon (1).png" alt=""></div> |
|||
<div class="rightTxt"> |
|||
<div class="numRow"> |
|||
<div class="num">30</div> |
|||
<div class="unit">%</div> |
|||
</div> |
|||
<div class="lab">资金监管账户留存率</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
</template> |
|||
|
|||
<script setup> |
|||
import { ref, onMounted, nextTick } from 'vue' |
|||
import titles from '@/components/title/title.vue' |
|||
|
|||
import { useRouter } from 'vue-router' |
|||
const router = useRouter() |
|||
|
|||
|
|||
import { indexCollectList } from '@/http/api' |
|||
const info = ref({}) |
|||
async function indexCollectListFn() { |
|||
const { data: res } = await indexCollectList() |
|||
info.value = res |
|||
console.log(res) |
|||
} |
|||
indexCollectListFn() |
|||
|
|||
|
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
.banner { |
|||
width: 100%; |
|||
|
|||
img { |
|||
display: block; |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
} |
|||
|
|||
.map { |
|||
width: 1280px; |
|||
height: 400px; |
|||
border-radius: 10px; |
|||
overflow: hidden; |
|||
margin-top: 30px; |
|||
} |
|||
|
|||
.con4 { |
|||
padding: 60px 0 150px 0; |
|||
background: #F6F7F8; |
|||
|
|||
.h2 { |
|||
font-size: 24px; |
|||
font-weight: 700; |
|||
padding: 20px 0; |
|||
} |
|||
|
|||
.txt { |
|||
font-size: 16px; |
|||
margin-bottom: 14px; |
|||
} |
|||
} |
|||
|
|||
.con1 { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
|
|||
.leftTxt { |
|||
color: #333; |
|||
padding-right: 120px; |
|||
flex: 1; |
|||
|
|||
.p { |
|||
|
|||
.text { |
|||
margin-bottom: 20px; |
|||
font-size: 22px; |
|||
} |
|||
|
|||
.text2 { |
|||
margin-bottom: 20px; |
|||
font-size: 16px; |
|||
color: #999; |
|||
} |
|||
|
|||
.h1 { |
|||
font-size: 24px; |
|||
margin-bottom: 25px; |
|||
font-weight: 700; |
|||
} |
|||
} |
|||
|
|||
} |
|||
|
|||
} |
|||
|
|||
.con2 { |
|||
padding: 30px 0 96px 0; |
|||
background: #F6F7F8; |
|||
|
|||
.flex-b { |
|||
display: flex; |
|||
width: 100%; |
|||
justify-content: space-between; |
|||
|
|||
.item { |
|||
display: flex; |
|||
width: 48%; |
|||
flex-direction: column; |
|||
align-items: center; |
|||
justify-content: center; |
|||
background: #fff; |
|||
border-radius: 10px; |
|||
padding: 106px 130px 60px 130px; |
|||
|
|||
&:hover { |
|||
// background: linear-gradient( 180deg, #53D3E5 0%, #3593FB 100%); |
|||
box-shadow: 0px 2px 24px 0px rgba(0, 0, 0, 0.1); |
|||
} |
|||
|
|||
.icon { |
|||
width: 123px; |
|||
height: 100px; |
|||
|
|||
img { |
|||
display: block; |
|||
width: 100%; |
|||
} |
|||
} |
|||
|
|||
.h2 { |
|||
font-size: 24px; |
|||
padding: 73px 0 25px 0; |
|||
font-weight: 600; |
|||
} |
|||
|
|||
.txt { |
|||
font-size: 16px; |
|||
color: #333; |
|||
} |
|||
|
|||
.btn { |
|||
width: 178px; |
|||
height: 40px; |
|||
background: #1989FA; |
|||
border-radius: 2px; |
|||
font-size: 16px; |
|||
margin-top: 140px; |
|||
color: #fff; |
|||
text-align: center; |
|||
line-height: 40px; |
|||
cursor: pointer; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
.con3 { |
|||
width: 100%; |
|||
padding: 20px 0 74px 0; |
|||
background: #1C232B; |
|||
.tit { |
|||
width: 100%; |
|||
img {display: block;width: 100%;} |
|||
} |
|||
|
|||
.container { |
|||
display: flex; |
|||
background: #fff; |
|||
border-radius: 10px; |
|||
.leftImg { |
|||
flex: 1; |
|||
background: #F6F7F8; |
|||
img { |
|||
width: 100%; |
|||
} |
|||
} |
|||
|
|||
.rightText { |
|||
flex: 1; |
|||
width: 0; |
|||
padding: 0 56px 0 70px; |
|||
.h2 { |
|||
font-size: 24px; |
|||
font-weight: 700; |
|||
color: #333; |
|||
margin-top: 65px; |
|||
} |
|||
|
|||
.txt { |
|||
font-size: 16px; |
|||
color: #666; |
|||
margin-top: 20px; |
|||
} |
|||
|
|||
.ul { |
|||
display: flex; |
|||
flex-wrap: wrap; |
|||
margin-top: 30px; |
|||
.li { |
|||
width: 50%; |
|||
display: flex; |
|||
align-items: center; |
|||
margin-bottom: 40px; |
|||
.icon { |
|||
width: 62px; |
|||
height: 62px; |
|||
img {} |
|||
} |
|||
|
|||
.rightTxt { |
|||
flex: 1; |
|||
width: 0; |
|||
padding-left: 6px; |
|||
.numRow { |
|||
display: flex; |
|||
.num {font-size: 28px;font-weight: 700;} |
|||
.unit { |
|||
font-size: 14px; |
|||
font-weight: 400; |
|||
margin-top: 14px; |
|||
margin-left: 4px; |
|||
color: #999; |
|||
} |
|||
} |
|||
|
|||
.lab { |
|||
font-size: 14px; |
|||
color: #333; |
|||
margin-top: 3px; |
|||
white-space: nowrap; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
</style> |
|||
@ -0,0 +1,48 @@ |
|||
|
|||
<template> |
|||
<div class="container"> |
|||
<div class="back" @click="router.back()"> |
|||
<svg xmlns="http://www.w3.org/2000/svg" class="backSvg" viewBox="0 0 1024 1024" ><path fill="currentColor" d="M224 480h640a32 32 0 1 1 0 64H224a32 32 0 0 1 0-64"></path><path fill="currentColor" d="m237.248 512 265.408 265.344a32 32 0 0 1-45.312 45.312l-288-288a32 32 0 0 1 0-45.312l288-288a32 32 0 1 1 45.312 45.312z"></path></svg> |
|||
<div class="txt">返回</div> |
|||
|
|||
</div> |
|||
<div v-html="info.content"></div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script setup> |
|||
import { ref } from 'vue' |
|||
import { useRoute, useRouter } from 'vue-router' |
|||
const route = useRoute() |
|||
const router = useRouter() |
|||
import { getIndustryDynamicDetails } from '@/http/api' |
|||
|
|||
const info = ref({}) |
|||
async function getIndustryDynamicDetailsFn() { |
|||
const { data: res } = await getIndustryDynamicDetails(route.query.industryDynamicId) |
|||
console.log(res) |
|||
info.value = res |
|||
|
|||
} |
|||
getIndustryDynamicDetailsFn() |
|||
|
|||
</script> |
|||
|
|||
<style scoped> |
|||
.container { |
|||
padding: 30px 0; |
|||
} |
|||
.back { |
|||
display: flex; |
|||
align-items: center; |
|||
margin-bottom: 20px; |
|||
cursor: pointer; |
|||
} |
|||
.txt { |
|||
font-size: 18px; color: var(--el-menu-active-color);margin-right: 4px; |
|||
} |
|||
.backSvg { |
|||
width: 30px; |
|||
color: var(--el-menu-active-color); |
|||
} |
|||
</style> |
|||