From d85836bf6b1574122830f6db8770e98184edd51c Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期六, 20 九月 2025 09:49:01 +0800
Subject: [PATCH] 巡检上传页面
---
src/pages_qiun/components/data-center/user-healthy.vue | 141 +++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 141 insertions(+), 0 deletions(-)
diff --git a/src/pages_qiun/components/data-center/user-healthy.vue b/src/pages_qiun/components/data-center/user-healthy.vue
new file mode 100644
index 0000000..ee5ee16
--- /dev/null
+++ b/src/pages_qiun/components/data-center/user-healthy.vue
@@ -0,0 +1,141 @@
+<template>
+ <view class="content">
+ <scroll-view v-if="true" scroll-y class="data_body" :style="{height:scrollHeight}">
+ <!--鏁版嵁杩涘害鏉�-->
+ <view class="progress">
+ <data-progress :progressList="userHealthyLineBar" :borderRadius="20" padMiddle="true"></data-progress>
+ </view>
+ <view class="split_line"></view>
+
+ <!-- 鏂板灏忕▼搴忎細鍛樿秼鍔�-->
+ <view class="friend_operate">
+ <text-block :content="baseData"></text-block>
+ <view class="trend_title">鏂板灏忕▼搴忎細鍛樿秼鍔�</view>
+ <view class="charts-box">
+ <qiun-data-charts
+ type="mix"
+ canvasId="three_a"
+ :canvas2d="isCanvas2d"
+ :reshow="delayload"
+ :opts="{yAxis:{data:[{position: 'left',title: '閿�鍞/涓�',max:userTrand?userTrand.yAxis[0].max:0,min:userTrand?userTrand.yAxis[0].min:0},{position: 'right',title: '',max:userTrand?userTrand.yAxis[1].max:0,min:userTrand?userTrand.yAxis[1].min:0,unit:'%'}]}}"
+ :chartData="userTrand"/>
+ </view>
+ </view>
+ <view class="split_line"></view>
+
+ <!-- 浼氬憳鎵爜鐜囪秼鍔�-->
+ <view class="friend_operate">
+ <text-block :content="scanTrand"></text-block>
+ <view class="trend_title">浼氬憳鎵爜鐜囪秼鍔�</view>
+ <view class="charts-box">
+ <qiun-data-charts
+ type="mix"
+ canvasId="three_b"
+ :canvas2d="isCanvas2d"
+ :reshow="delayload"
+ :opts="{yAxis:{data:[{position: 'left',title: '',max:scanTrandPrecent?scanTrandPrecent.yAxis[0].max:0,min:scanTrandPrecent?scanTrandPrecent.yAxis[0].min:0,unit:'%'}]}}"
+ :chartData="scanTrandPrecent"/>
+ </view>
+ </view>
+ <view class="split_line"></view>
+
+ <!-- 灏忕▼搴忔椿璺冧細鍛樺崰姣�-->
+ <view class="friend_operate">
+ <text-block :content="miniActive"></text-block>
+ <view class="charts-box">
+ <qiun-data-charts
+ type="mix"
+ canvasId="three_c"
+ :canvas2d="isCanvas2d"
+ :reshow="delayload"
+ :opts="{yAxis:{data:[{position: 'left',title: '閿�鍞/涓�',max:miniActivePrecent?miniActivePrecent.yAxis[0].max:0,min:miniActivePrecent?miniActivePrecent.yAxis[0].min:0},{position: 'right',title: '',max:miniActivePrecent?miniActivePrecent.yAxis[1].max:0,min:miniActivePrecent?miniActivePrecent.yAxis[1].min:0,unit:'%'}]}}"
+ :chartData="miniActivePrecent"
+ />
+ </view>
+ </view>
+ </scroll-view>
+ <view v-else class="container padding_stand-big normal_color">
+ <li class="iconfont icon-cry cry"></li>鏆傛棤鏁版嵁
+ </view>
+ </view>
+</template>
+
+<script>
+ import DataProgress from "../data-progress/data-progress.vue"
+
+ import userHealthyLineBar from '../../static/json/user-healthy/1.json';
+ import baseData from '../../static/json/user-healthy/2.json';
+ import userTrand from '../../static/json/user-healthy/3.json';
+
+ import scanTrand from '../../static/json/user-healthy/4.json';
+ import scanTrandPrecent from '../../static/json/user-healthy/5.json';
+ import miniActive from '../../static/json/user-healthy/6.json';
+ import miniActivePrecent from '../../static/json/user-healthy/7.json';
+
+ import Config from '../../static/js/config'
+
+ var _self;
+ export default {
+ name:'user-healthy',
+ props: {
+ scrollHeight:{
+ type:String,
+ default:"600px"
+ }
+ },
+ components:{
+ DataProgress
+ },
+ data() {
+ return {
+ userHealthyLineBar,
+ baseData,
+ userTrand,
+ scanTrand,
+ scanTrandPrecent,
+ miniActive,
+ miniActivePrecent,
+ delayload:false,
+ isCanvas2d:Config.ISCANVAS2D,
+ }
+ },
+ mounted() {
+ this.getData();
+ },
+ methods:{
+ async getData(){
+ uni.showLoading();
+ await setTimeout(() => {
+ this.delayload = true;
+ uni.hideLoading();
+ }, 1000)
+ }
+ }
+ }
+</script>
+
+<style scoped lang="less">
+ .content{
+ padding-top: 10rpx;
+ .progress,.firend_operate{
+ padding: 0 10rpx;
+ }
+ .progress{
+ margin-bottom: 20rpx;
+ }
+ .friend_operate{
+ padding: 30rpx 10rpx;
+ .title{
+ text-align:left;
+ margin-bottom: 20rpx;
+ }
+ .trend_title{
+ text-align: right;
+ font-size: 22rpx;
+ color: #ff9900;
+ margin-top: 20rpx;
+ }
+ }
+ }
+
+</style>
--
Gitblit v1.9.3