Skip to content

杨炀 / dangan_dataV

Go to a project
Toggle navigation
Toggle navigation pinning
dce034b2 by 华明祺
Options

Merge branch 'dev' of https://code.itechtop.cn/yangyang/dangan_dataV into dev

2 parents c8cc726b a1b69b74
Inline Side-by-side
Showing 6 changed files with 65 additions and 39 deletions
ReadMe 0 → 100644
小屏幕打包 prod
src/viewsPc/vip/centerPage.vue
......@@ -44,22 +44,22 @@
</text>
</svg>
</div>
<div class="q3box qqbox">
<!-- 液体球-->
<div ref="q3" style="width: 100%;height:calc(90*100vw/1920);"></div>
<svg width="100%" :height="`calc(100*100vw/1920)`">
<linearGradient id="gradient" y1="0%" x1="100%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#03AEFD"/>
<stop offset="10%" stop-color="#AEFFF3"/>
</linearGradient>
<text x="50%" :y="`calc(15*100vw/1920)`" font-family="PingFang SC" text-anchor="middle" fill="#fff"
:font-size="`calc(14*100vw/1920)`">基本满意
</text>
<text x="50%" :y="`calc(40*100vw/1920)`" font-family="DIN Alternate" text-anchor="middle" font-weight="bold"
:font-size="`calc(16*100vw/1920)`" fill="url(#gradient)">{{ list['基本满意'] }}
</text>
</svg>
</div>
<!-- <div class="q3box qqbox">-->
<!-- &lt;!&ndash; 液体球&ndash;&gt;-->
<!-- <div ref="q3" style="width: 100%;height:calc(90*100vw/1920);"></div>-->
<!-- <svg width="100%" :height="`calc(100*100vw/1920)`">-->
<!-- <linearGradient id="gradient" y1="0%" x1="100%" x2="100%" y2="100%">-->
<!-- <stop offset="0%" stop-color="#03AEFD"/>-->
<!-- <stop offset="10%" stop-color="#AEFFF3"/>-->
<!-- </linearGradient>-->
<!-- <text x="50%" :y="`calc(15*100vw/1920)`" font-family="PingFang SC" text-anchor="middle" fill="#fff"-->
<!-- :font-size="`calc(14*100vw/1920)`">基本满意-->
<!-- </text>-->
<!-- <text x="50%" :y="`calc(40*100vw/1920)`" font-family="DIN Alternate" text-anchor="middle" font-weight="bold"-->
<!-- :font-size="`calc(16*100vw/1920)`" fill="url(#gradient)">{{ list['基本满意'] }}-->
<!-- </text>-->
<!-- </svg>-->
<!-- </div>-->
<div class="q4box qqbox">
<!-- 液体球-->
<div ref="q4" style="width: 100%;height:calc(90*100vw/1920);"></div>
......@@ -128,14 +128,15 @@ const init = () => {
}
function getdata() {
total = 0
api.getDegree().then(res => {
list.value = res.data
for (let n in list.value) {
total = total + list.value[n]
total = total + (list.value[n]||0)
}
liquid1 = setQ1(q1.value, [list.value['非常满意'] / total, list.value['非常满意'] / total])
liquid2 = setQ1(q2.value, [list.value['满意'] / total, list.value['满意'] / total])
liquid3 = setQ1(q3.value, [list.value['基本满意'] / total, list.value['基本满意'] / total])
// liquid3 = setQ1(q3.value, [list.value['基本满意'] / total, list.value['基本满意'] / total])
liquid4 = setQ1(q4.value, [list.value['不满意'] / total, list.value['不满意'] / total])
// liquid5 = setQ1(q5.value, [list.value['非常不满意'] / total, list.value['非常不满意'] / total])
})
......@@ -144,7 +145,7 @@ function getdata() {
function handleResize() {
liquid1.resize()
liquid2.resize()
liquid3.resize()
// liquid3.resize()
liquid4.resize()
// liquid5.resize()
}
......@@ -245,11 +246,11 @@ const setQ1 = (ref, data) => {
}
.partB {
display: flex;
display: flex;justify-content: space-around;
}
.qqbox {
width: 25%;
width: 33%;
position: relative;
top: calc(-20 * 100vw / 1920);
background: url("@/assets/img/q1.png") no-repeat bottom center;
......
src/viewsPc/vip/leftPage.vue
<template>
<div class="pd20">
<div class="chartCard">
<div class="title">查档接待情况</div>
<div class="title">档案出证情况</div>
<div class="po_right">
<el-radio-group v-model="radioA" size="small" @change="radioAChange">
......@@ -109,7 +109,7 @@ const setA = () => {
axisLabel: {
inside: false,
color: '#7ECEF4',
fontSize: '1.5rem'
fontSize: '1.1rem'
},
axisTick: {
show: false
......@@ -123,7 +123,7 @@ const setA = () => {
z: 10
}],
yAxis: {
name: '单位(K)',
name: '单位(次)',
nameTextStyle: {
color:'#7ECEF4',
fontSize:'1.2rem'
......@@ -136,7 +136,7 @@ const setA = () => {
},
axisLabel: {
color: '#7ECEF4',
fontSize: '1.5rem'
fontSize: '1.3rem'
},
splitLine: {
show: true,
......@@ -233,7 +233,7 @@ const setB = () => {
},
axisLabel: {
color: '#7ECEF4',
fontSize: '1.5rem'
fontSize: '1.1rem'
},
axisLine: {
show: true,
......@@ -243,14 +243,14 @@ const setB = () => {
},
},
yAxis: {
name: '单位(K)',
name: '单位(次)',
nameTextStyle: {
color:'#7ECEF4',
fontSize:'1.2rem'
},
type: 'value',
axisLabel: {
fontSize: '1.5rem'
fontSize: '1.3rem'
},
axisLine: {
lineStyle: {
......
src/viewsPc/vip/rightPage.vue
<template>
<div class="pd20">
<div class="chartCard">
<div class="title">档案借阅总览</div>
<div class="title">查档接待情况</div>
<div class="po_right">
<el-radio-group v-model="radioA" size="small" @change="radioAChange">
......@@ -95,7 +95,7 @@ const setA = () => {
axisLabel: {
inside: false,
color: '#7ECEF4',
fontSize: '1.5rem'
fontSize: '1.1rem'
},
axisTick: {
show: false
......@@ -109,7 +109,7 @@ const setA = () => {
z: 10
}],
yAxis: {
name: '单位(K)',
name: '单位(次)',
nameTextStyle: {
color: '#7ECEF4',
fontSize: '1.2rem'
......@@ -122,7 +122,7 @@ const setA = () => {
},
axisLabel: {
color: '#7ECEF4',
fontSize: '1.5rem'
fontSize: '1.3rem'
},
splitLine: {
show: true,
......@@ -235,7 +235,8 @@ const setB = () => {
},
axisLabel: {
color: '#7ECEF4',
fontSize: '1.5rem'
fontSize: '1.1rem',
interval: 0
},
axisLine: {
show: true,
......@@ -245,14 +246,14 @@ const setB = () => {
},
},
yAxis: {
name: '单位(份)',
name: '单位(卷/件)',
nameTextStyle: {
color: '#7ECEF4',
fontSize: '1.2rem'
},
type: 'value',
axisLabel: {
fontSize: '1.5rem'
fontSize: '1.3rem'
},
axisLine: {
lineStyle: {
......
src/viewsPc/vip/rotatePart.vue
......@@ -9,7 +9,16 @@
<img v-if="i==2" class="iconImg" src="@/assets/img/btn03.png">
<img v-if="i==3" class="iconImg" src="@/assets/img/btn04.png">
<img v-if="i==4" class="iconImg" src="@/assets/img/btn05.png">
<el-statistic class="statistic" :title="n.name" :value="n.num" :value-style="statisticStyle"/>
<div class="statistic">
<h3>{{n.name}}</h3>
<p v-if="Array.isArray(n.num)">
{{Number(n.num[0]/10000).toFixed(2)}} 万卷/<br/>
{{Number(n.num[1]/10000).toFixed(2)}} 万件
</p>
<p v-else>{{n.num}}</p>
</div>
<!-- <el-statistic class="statistic" :title="n.name" :value="Array.isArray(n.num)?`${n.num[0]}卷/${n.num[1]}件`:n.num" :value-style="statisticStyle"></el-statistic>-->
</div>
</div>
</div>
......@@ -84,7 +93,21 @@ function unpauseAn() {
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.statistic{--el-statistic-title-color: #fff;text-align: center;position: relative;top: calc(-15*100vw/1920);
.statistic{--el-statistic-title-color: #fff;text-align: center;position: relative;
top: calc(-20*100vw/1920);
h3{color: #fff; font-family: 'YouSheBiaoTiHei';
background: linear-gradient(180deg, #fff 10%, #9CD2FF 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: calc(22*100vw/1920);
line-height: 1;margin: 0}
p{color: #fff; background: linear-gradient(180deg, #fff 20%, #9CD2FF 100%);
-webkit-background-clip: text; font-size: calc(26*100vw/1920);
font-family: 'DIN Alternate';
-webkit-text-fill-color: transparent;line-height: 1;overflow: visible;
margin: 0;height: calc(60*100vw/1920);display: flex;align-items: center;justify-content: center;
span{font-size: calc(22*100vw/1920);}
}
}
.ellipse {
position: relative;
......
vite.config.js
......@@ -58,7 +58,7 @@ export default defineConfig(({ mode, command }) => {
},
// vite 相关配置
server: {
port: 5175,
port: 5180,
host: true,
open: true,
proxy: {
......@@ -81,7 +81,7 @@ export default defineConfig(({ mode, command }) => {
rewrite: (p) => p.replace(/^\/dev-api\/ztx-webSite/, '')
},
'/dev-api': {
target: 'http://192.168.1.95:5511/',
target: 'http://192.168.1.207:5511/',
// target: 'https://jijin.wtwuxicenter.com/stage-api',
changeOrigin: true,
rewrite: (p) => p.replace(/^\/dev-api/, '')
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!