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/wechat.vue | 132 ++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 132 insertions(+), 0 deletions(-)
diff --git a/src/pages_qiun/components/data-center/wechat.vue b/src/pages_qiun/components/data-center/wechat.vue
new file mode 100644
index 0000000..3005afd
--- /dev/null
+++ b/src/pages_qiun/components/data-center/wechat.vue
@@ -0,0 +1,132 @@
+<template>
+ <view class="content">
+ <scroll-view v-if="true" scroll-y class="data_body" :style="{height:scrollHeight}">
+ <!--鏁版嵁杩涘害鏉�-->
+ <view class="progress">
+ <data-progress :progressList="wechatLineBar" :borderRadius="20" padMiddle="true"></data-progress>
+ </view>
+ <view class="split_line"></view>
+
+ <!-- 寰ソ鍙嬭繍钀�-->
+ <view class="friend_operate">
+ <view class="title">寰ソ鍙嬭繍钀�</view>
+ <text-block :content="friendTextBlock"></text-block>
+ <view style="display: flex;justify-content: space-around;">
+ <view v-for="(item,index) in panelData" :key="index" class="charts-box"
+ style="width: 45%;height: 200px;">
+ <qiun-data-charts type="gauge"
+ :opts="{title:{name: item.series[0].data * 100 + '%',color: '#24ABFD',offsetY:30},subtitle: {name: item.series[0].name,color: '#666666',fontSize: 15,offsetY:70},extra:{gauge:{type:'progress',width:20,splitLine:{fixRadius:-10,width:15,},}}}"
+ :chartData="item" :reshow="delayload" :canvas2d="isCanvas2d" :canvasId="'one_a_' + index" />
+ </view>
+ </view>
+ <view class="trend_title">鏂板寰ソ鍙�&灏忕▼搴忎細鍛樿秼鍔�</view>
+ <view class="charts-box">
+ <qiun-data-charts type="mix" :chartData="friendTrand" :reshow="delayload"
+ :canvas2d="isCanvas2d" canvasId="one_b" :opts="{yAxis:{data:[{title: ''}]}}" />
+ </view>
+ </view>
+ <view class="split_line"></view>
+
+ <!-- 寰缇よ繍钀�-->
+ <view class="friend_operate">
+ <view class="title">寰缇よ繍钀�</view>
+ <text-block :content="friendTextBlock"></text-block>
+ <view class="trend_title">鏂板浜虹兢&閫�缇や汉鏁拌秼鍔�</view>
+ <view class="charts-box">
+ <qiun-data-charts type="mix" :chartData="teamTrand" :reshow="delayload" :canvas2d="isCanvas2d"
+ canvasId="one_c" :opts="{yAxis:{data:[{title: '',max:teamTrand?teamTrand.yAxis[0].max:0,min:teamTrand?teamTrand.yAxis[0].min:0}]}}" />
+ </view>
+ </view>
+ <view class="split_line"></view>
+
+ <!-- 瀹㈡埛鑱旂郴-->
+ <view class="friend_operate">
+ <view class="title">銆愬鎴疯仈绯汇��1瀵�1杩愯惀鎵ц</view>
+ <senior-table :headers="dataTable.headers" :contents="dataTable.contents" :urlCol="dataTable.urlCol" :firstLineFixed="true" :sortCol="dataTable.sortCol"></senior-table>
+ </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 SeniorTable from "../data-table/senior-table.vue"
+
+ import wechatLineBar from '../../static/json/wechat/1.json';
+ import friendTextBlock from '../../static/json/wechat/2.json';
+ import panelData from '../../static/json/wechat/3.json';
+ import friendTrand from '../../static/json/wechat/4.json';
+ import teamTrand from '../../static/json/wechat/5.json';
+ import dataTable from "../../static/json/wechat/6.json"
+
+ import Config from '../../static/js/config'
+
+ export default {
+ name:'wechat',
+ props: {
+ scrollHeight:{
+ type:String,
+ default:"600px"
+ }
+ },
+ components:{
+ DataProgress,
+ SeniorTable,
+ },
+ data() {
+ return {
+ wechatLineBar,
+ friendTextBlock,
+ friendTrand,
+ panelData,
+ teamTrand,
+ dataTable,
+ scrollTop: 0,
+ 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 20rpx;
+ .title{
+ text-align:left;
+ margin-bottom: 30rpx;
+ font-size: 40rpx;
+ }
+ .trend_title{
+ text-align: right;
+ font-size: 22rpx;
+ color: #ff9900;
+ margin-top: 50rpx;
+ }
+ }
+ }
+
+</style>
--
Gitblit v1.9.3