Compare commits

...

3 Commits

Author SHA1 Message Date
yangchunyu
498d80d781 Merge branch 'main' of https://gitea.dykj.co/sundongyu/dykj-outsource-12123 2024-06-27 13:12:14 +08:00
yangchunyu
6bc462483b 代码上传 2024-06-27 13:10:01 +08:00
yangchunyu
1a3bc7527e 代码上传 2024-06-27 13:09:12 +08:00
39 changed files with 89 additions and 110 deletions

BIN
KG.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 937 B

BIN
dl.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 721 B

View File

@ -1,5 +1,8 @@
<template>
<view style="background-color: #2c66a9; width: 100%; height: 5vh" :style="{ backgroundPositionY: -44 + safeAreaInsets.top + 'px' }">
<view
style="background-color: #2c66a9; width: 100%; height: 5vh"
:style="{ backgroundPositionY: -44 + safeAreaInsets.top + 'px' }"
>
<view :style="{ paddingTop: safeAreaInsets.top + 'px' }" class="van-nav-bar">
<view class="van-nav-bar__content">
<view class="page-icon" @click="gotoBack">
@ -13,11 +16,12 @@
<view class="business">
<view class="business-top">
<view style="display: flex; align-items: center">
<image src="../../../static/renling.png" class="image"></image>
<image src="../../../static/renling.png" class="image"></image>
<text style="margin-left: 30rpx; font-weight: 500; font-size: 32rpx">代办驾驶证业务</text>
</view>
<view style="font-size: 24rpx; color: #858585">
{{ '共一项代办业务' }}
{{ "共一项代办业务" }}
</view>
</view>
<view class="business-bottom">
@ -40,12 +44,20 @@
</view>
</view>
</view>
<view class="driving-print"></view>
<view class="driving-print">
<image :src="imageShow()" style="width: 400rpx; height: 48%"></image>
<view class="text"> 累计积分 </view>
<view class="grade">
<text style="color: #84b520; font-size: 100rpx">{{ grade }}</text
>
</view>
<view class="describe"> 正常 </view>
</view>
</view>
<view class="drivingList">
<view class="item">
<text style="margin-left: 40rpx; font-weight: 550">登录手机号码</text>
<text style="margin-right: 20rpx">{{ '151****9198' }}</text>
<text style="margin-right: 20rpx">{{ "151****9198" }}</text>
</view>
<view class="item">
<text style="margin-left: 40rpx; font-weight: 550">驾驶证电子版</text>
@ -78,113 +90,70 @@
</template>
<script setup>
import { ref, onMounted } from 'vue';
import * as echarts from 'echarts';
import { ref, onMounted } from "vue";
import * as echarts from "echarts";
const { safeAreaInsets } = uni.getSystemInfoSync();
const gotoBack = () => {
uni.navigateBack({
delta: 1
delta: 1,
});
};
const grade = ref(1);
const drivingData = [
{
title: '驾驶证号',
content: '2302**********1229'
title: "驾驶证号",
content: "2302**********1229",
},
{
title: '准驾车型',
content: 'C1'
title: "准驾车型",
content: "C1",
},
{
title: '驾驶证有效期止',
content: '2024-08-30'
title: "驾驶证有效期止",
content: "2024-08-30",
},
{
title: '审核有效期止',
content: '2024-08-30'
title: "审核有效期止",
content: "2024-08-30",
},
{
title: '下一清分日期',
content: '2024-08-30'
title: "下一清分日期",
content: "2024-08-30",
},
{
title: '下一体检日期',
content: '2024-08-30'
title: "下一体检日期",
content: "2024-08-30",
},
{
title: '数据更新时间',
content: '2023-08-30'
}
title: "数据更新时间",
content: "2023-08-30",
},
];
const option = {
series: [
{
type: 'gauge',
min: 0, //
max: 12,
radius: '100%',
progress: {
show: true,
width: 18,
roundCap: true,
itemStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{
offset: 0,
color: '#A65FFB'
},
{
offset: 1,
color: '#3163F5'
}
])
}
},
axisLine: {
lineStyle: {
width: 18
},
roundCap: true
},
axisTick: {
show: false
},
splitLine: {
show: false
},
pointer: {
show: false
},
axisLabel: {
show: false
},
anchor: {
show: false
},
title: {
offsetCenter: [0, '20%'],
fontSize: 20
},
detail: {
valueAnimation: true,
formatter: '{value} 分',
color: 'inherit'
},
data: [
{
value: 1,
name: '累计积分\n\n\n\n\n\n正常'
}
]
}
]
const imageMap = {
0: "../../../static/xp.png",
1: "../../../static/xl.png",
2: "../../../static/x5.png",
3: "../../../static/Rl.png",
4: "../../../static/Rh1.png",
5: "../../../static/Rh.png",
6: "../../../static/Rh.png",
7: "../../../static/wN.png",
8: "../../../static/wj1.png",
9: "../../../static/wF.png",
10: "../../../static/F-1.png",
11: "../../../static/1e.png",
12: "../../../static/l-1.png",
};
const imageShow = () => {
const url = imageMap[grade.value] || ""; // 使 ||
return url;
};
// ECharts
onMounted(() => {
// const lineChartContainer = lineChartRef.value;
const lineChartContainer = document.getElementById('lineChartRef');
const lineChartContainer = document.getElementById("lineChartRef");
if (lineChartContainer) {
const myChart = echarts.init(lineChartContainer);
myChart.setOption(option);
@ -217,7 +186,6 @@ onMounted(() => {
.content {
width: 689rpx;
height: 100%;
padding: 20rpx 30rpx;
background-color: #f4f3f8;
@ -279,6 +247,22 @@ onMounted(() => {
display: flex;
align-items: center;
justify-content: center;
position: relative;
.text {
position: absolute;
top: 43%;
}
.grade {
position: absolute;
top: 50%;
}
.describe {
position: absolute;
top: 70%;
}
}
}

View File

@ -2,12 +2,12 @@
<view class="content" :style="{ backgroundPositionY: -44 + safeAreaInsets.top + 'px' }">
<view class="top" :style="{ paddingTop: safeAreaInsets.top + 'px' }">
<uni-search-bar class="search" bgColor="#EEEEEE" radius="100" placeholder="搜索" clearButton="none" cancelButton="none" @confirm="search" />
<uni-icons type="email-filled" size="30" color="#fff"></uni-icons>
<image src="../../static/on.png" style="width: 80rpx; height: 60rpx"></image>
</view>
<view class="card">
<view class="card-content">
<view class="card-content-top">
<image class="image" src="../../static/car.png" />
<image style="width: 50rpx; height: 40rpx;" src="../../static/c5.png" />
<text style="margin-left: 30rpx">机动车</text>
</view>
<view class="card-content-bottom">
@ -16,7 +16,7 @@
</view>
<view class="card-content" @click="drivingLicence">
<view class="card-content-top">
<image class="image" src="../../static/jiashizheng.png" />
<image style="width: 50rpx; height: 50rpx;" src="../../static/jiashizheng.png" />
<text style="margin-left: 30rpx">驾驶证</text>
</view>
<view class="card-content-bottom">
@ -27,7 +27,7 @@
<view class="business">
<view v-for="(item, index) in businessList" :key="index" class="grid-item">
<view class="business-content" @click="closedclick(item.id)">
<image class="image" style="margin-bottom: 20rpx" :src="item.img" />
<image style="width: 70rpx; height: 70rpx; margin-bottom: 20rpx":src="item.img" />
<text style="font-size: 12px">{{ item.text }}</text>
</view>
</view>
@ -66,7 +66,7 @@
<view class="bottom-center">
<view class="center-content">
<view class="icon">
<uni-icons type="undo" size="20" color="#8ca9cd"></uni-icons>
<image src="../../static/dl.png" style="width: 30rpx; height: 30rpx"></image>
</view>
<view class="text">
<text style="color: #8ca9cd; font-size: 24rpx; display: inline-block; text-align: center">未来会有更过服务,更好的体验现在快把我分享给帮你的好友吧</text>
@ -88,52 +88,52 @@ import { ref } from 'vue';
const { safeAreaInsets } = uni.getSystemInfoSync();
const businessList = ref([
{
img: '../../static/rili.png',
img: '../../static/aw1.png',
text: '考试预约\n\n',
id: '1'
},
{
img: '../../static/xinche.png',
img: '../../static/av.png',
text: '新车选号\n\n',
id: '2'
},
{
img: '../../static/beian.png',
img: '../../static/as.png',
text: '备案非本\n人机动车',
id: '3'
},
{
img: '../../static/xinche.png',
img: '../../static/ZG.png',
text: '申请新车\n临时号牌',
id: '4'
},
{
img: '../../static/renling.png',
img: '../../static/q1.png',
text: '业务委托\n申请',
id: '5'
},
{
img: '../../static/laoren.png',
img: '../../static/61.png',
text: '老年人业\n务代办',
id: '6'
},
{
img: '../../static/gongbu.png',
img: '../../static/4P1.png',
text: '号牌号段\n公布',
id: '7'
},
{
img: '../../static/kaoshi.png',
img: '../../static/6x1.png',
text: '考试信息\n公布',
id: '8'
},
{
img: '../../static/nuoche.png',
img: '../../static/a01.png',
text: '一键挪车\n\n',
id: '9'
},
{
img: '../../static/gengduo.png',
img: '../../static/KG.png',
text: '更多\n\n',
id: '10'
}
@ -317,7 +317,7 @@ const closedclick = (id) => {
.icon {
width: 30%;
height: 100%;
height: 80%;
display: flex;
align-items: center;
justify-content: center;
@ -334,9 +334,4 @@ const closedclick = (id) => {
}
}
}
.image {
width: 50rpx;
height: 50rpx;
}
</style>

BIN
static/1e.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

BIN
static/4P1.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

BIN
static/61.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.7 KiB

BIN
static/6x1.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.0 KiB

BIN
static/C5.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 876 B

BIN
static/F-1.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

BIN
static/KG.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 937 B

BIN
static/Rh.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

BIN
static/Rh1.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

BIN
static/Rl.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

BIN
static/ZG.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.7 KiB

BIN
static/a01.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.5 KiB

BIN
static/as.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 KiB

BIN
static/av.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.5 KiB

BIN
static/aw1.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 8.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.6 KiB

BIN
static/dl.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 721 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.0 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9.6 KiB

BIN
static/l-1.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.1 KiB

BIN
static/on.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
static/q1.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.6 KiB

BIN
static/wF.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

BIN
static/wJ1.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

BIN
static/wN.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

BIN
static/x5.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.9 KiB

BIN
static/xl.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

BIN
static/xp.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

View File

@ -1,6 +1,6 @@
{
"hash": "f0e888ba",
"configHash": "046e9b57",
"hash": "4a204181",
"configHash": "eb966fb1",
"lockfileHash": "fa978dd2",
"browserHash": "f56c9596",
"optimized": {