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

华明祺
Showing 6 changed files with 65 additions and 39 deletions
ReadMe
src/viewsPc/vip/centerPage.vue
src/viewsPc/vip/leftPage.vue
src/viewsPc/vip/rightPage.vue
src/viewsPc/vip/rotatePart.vue
vite.config.js
--- a/ReadMe 0 → 100644
View file @dce034b
+++ b/ReadMe 0 → 100644
View file @dce034b
+小屏幕打包  prod
--- a/src/viewsPc/vip/centerPage.vue
View file @dce034b
+++ b/src/viewsPc/vip/centerPage.vue
View file @dce034b
@@ -44,22 +44,22 @@
        </text>
      </svg>
    </div>
-    <div class="q3box qqbox">
+<!--    <div class="q3box qqbox">-->
-      <!--    液体球-->
+<!--      &lt;!&ndash;    液体球&ndash;&gt;-->
-      <div ref="q3" style="width: 100%;height:calc(90*100vw/1920);"></div>
+<!--      <div ref="q3" style="width: 100%;height:calc(90*100vw/1920);"></div>-->
-      <svg width="100%" :height="`calc(100*100vw/1920)`">
+<!--      <svg width="100%" :height="`calc(100*100vw/1920)`">-->
-        <linearGradient id="gradient" y1="0%" x1="100%" x2="100%" y2="100%">
+<!--        <linearGradient id="gradient" y1="0%" x1="100%" x2="100%" y2="100%">-->
-          <stop offset="0%" stop-color="#03AEFD"/>
+<!--          <stop offset="0%" stop-color="#03AEFD"/>-->
-          <stop offset="10%" stop-color="#AEFFF3"/>
+<!--          <stop offset="10%" stop-color="#AEFFF3"/>-->
-        </linearGradient>
+<!--        </linearGradient>-->
-        <text x="50%" :y="`calc(15*100vw/1920)`" font-family="PingFang SC" text-anchor="middle" fill="#fff"
+<!--        <text x="50%" :y="`calc(15*100vw/1920)`" font-family="PingFang SC" text-anchor="middle" fill="#fff"-->
-              :font-size="`calc(14*100vw/1920)`">基本满意
+<!--              :font-size="`calc(14*100vw/1920)`">基本满意-->
-        </text>
+<!--        </text>-->
-        <text x="50%" :y="`calc(40*100vw/1920)`" font-family="DIN Alternate" text-anchor="middle" font-weight="bold"
+<!--        <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['基本满意'] }}
+<!--              :font-size="`calc(16*100vw/1920)`" fill="url(#gradient)">{{ list['基本满意'] }}-->
-        </text>
+<!--        </text>-->
-      </svg>
+<!--      </svg>-->
-    </div>
+<!--    </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;
--- a/src/viewsPc/vip/leftPage.vue
View file @dce034b
+++ b/src/viewsPc/vip/leftPage.vue
View file @dce034b
 <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: {
--- a/src/viewsPc/vip/rightPage.vue
View file @dce034b
+++ b/src/viewsPc/vip/rightPage.vue
View file @dce034b
 <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: {
--- a/src/viewsPc/vip/rotatePart.vue
View file @dce034b
+++ b/src/viewsPc/vip/rotatePart.vue
View file @dce034b
@@ -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;
--- a/vite.config.js
View file @dce034b
+++ b/vite.config.js
View file @dce034b
@@ -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/, '')