From 92230c9a97dc9ce9df3313d11d26999c04bb6b26 Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期二, 15 七月 2025 13:12:48 +0800
Subject: [PATCH] 项目初始化
---
src/pages_qiun/pages/school/index.vue | 259 +++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 259 insertions(+), 0 deletions(-)
diff --git a/src/pages_qiun/pages/school/index.vue b/src/pages_qiun/pages/school/index.vue
new file mode 100644
index 0000000..b28ffce
--- /dev/null
+++ b/src/pages_qiun/pages/school/index.vue
@@ -0,0 +1,259 @@
+<template>
+ <view class="body window">
+ <view class="topLine" :style="{ height: topBar + 'px' }"></view>
+ <view class="nav row_align_center" id="nav">
+ <li class="li_6" :class="['iconfont icon-zuojiantou back']" @click="gotoBack()"></li>
+ <text class="title">{{ title ? title : '' }}</text>
+ <li class="iconfont icon-zuojiantou back hidden li_6"></li>
+ </view>
+ <view class="data_body">
+ <scroll-view class="scroll_list" scroll-y :style="{ height: scrollHeight }">
+ <!-- 鏁欏绉戠爺鎯呭喌 -->
+ <view class="view_block">
+ <view class="title">鏁欏绉戠爺鎯呭喌</view>
+ <progress-bar :content="RankData" @updateRanking="updateRanking"></progress-bar>
+ </view>
+ <!-- 瀛﹀巻鍒嗗竷鐘跺喌 -->
+ <view class="view_block">
+ <view class="title">瀛﹀巻鍒嗗竷鐘跺喌
+ <text class="font-small" style="color: #ccc;">(鏁欒亴宸�)</text>
+ </view>
+ <view class="charts-box" style="height: 300px;">
+ <qiun-data-charts type="rose" :chartData="ProductRateData" canvasId="school_a"
+ :canvas2d="isCanvas2d" :resshow="delayload" />
+ </view>
+ </view>
+ <!-- 瀛︿笟鎴愮哗 -->
+ <view class="view_block">
+ <view class="title">瀛︿笟鎴愮哗鍒嗗竷鍥�
+ <text class="font-small" style="color: #ccc;">(鐝骇)</text>
+ </view>
+ <view class="charts-box" style="height: 300px;">
+ <qiun-data-charts type="radar" :chartData="RadarModel" background="none" canvasId="school_b"
+ :animation="false" :canvas2d="isCanvas2d" :resshow="delayload" />
+ </view>
+ </view>
+ <!-- 鍥句功鍊熼槄鎯呭喌 -->
+ <view class="view_block">
+ <view class="title">鍥句功鍊熼槄鎯呭喌</view>
+ <view class="charts-box" style="height: 300px;">
+ <qiun-data-charts type="line" canvasId="school_c" :canvas2d="isCanvas2d" :resshow="delayload"
+ :ontouch="true"
+ :opts="{ enableScroll: true, xAxis: { scrollShow: true, itemCount: 4, disableGrid: true }, series: { style: 'curve' } }"
+ :chartData="friendTrand" />
+ </view>
+ </view>
+ </scroll-view>
+ </view>
+ </view>
+</template>
+
+<script>
+import ProgressBar from "../../components/progress-bar/progress-bar.vue"
+import RankData from '../../static/json/school/1.json';
+import ProductRateData from '../../static/json/school/2.json';
+import RadarModel from '../../static/json/school/3.json';
+import friendTrand from '../../static/json/school/4.json';
+import Config from '../../static/js/config'
+import Common from '../../static/js/common'
+
+export default {
+ components: {
+ ProgressBar
+ },
+ data() {
+ return {
+ info: "澶т究瓒呬汉", //鐢ㄦ埛鏁版嵁
+ title: "鏅烘収鏁欒偛鎶ヨ〃涓績", //鏍囬
+ showDataTime: "today", //閫変腑鐨勬椂闂�
+ tabCur: 0, //鏍囩澶翠笅鏍�
+ topBar: 17, //瀵艰埅楂�
+ top: '180', //涓嬫媺鏍忎綅缃�
+ scrollHeight: "1400rpx", //鏁版嵁灞曠ず浣撻珮搴�
+ friendTrand,
+ RankData,
+ ProductRateData,
+ RadarModel,
+ isCanvas2d: Config.ISCANVAS2D,
+ delayload: false, //寤舵椂鍔犺浇鍥捐〃锛屽惁鍒欎細鍑虹幇鍥捐〃鍔犺浇瀹屽悗瀹氫綅閿欎贡
+ };
+ },
+ computed: {
+ locationArray() {
+ return [{ value: "GDBJ-ENTRY-1", text: "澶╃尗" }, { value: "GDBJ-ENTRY-201", text: "浜笢" }];
+ }
+ },
+ methods: {
+ async getData() {
+ uni.showLoading();
+ await setTimeout(() => {
+ this.delayload = true;
+ uni.hideLoading();
+ }, 1000)
+ },
+ gotoBack() {
+ Common.navigateBack("/index/index");
+ },
+ //鑾峰彇璁惧淇℃伅
+ async getTelephoneInfo() {
+ var telephoneInfo = await Common.getTelephoneInfo();
+ let hasHeight = 0;
+ if (telephoneInfo.top >= 40) {
+ this.top = telephoneInfo.statusBarHeight * 2 + 150;
+ this.topBar = telephoneInfo.statusBarHeight;
+ }
+ // 璁剧疆婊氬姩楂樺害
+ const query = wx.createSelectorQuery();
+ query.select('#nav').boundingClientRect();
+ query.exec(res => {
+ res.map((item, index) => {
+ hasHeight += item.height;
+ })
+ this.scrollHeight = (telephoneInfo.screenHeight - hasHeight - this.topBar) + 'px';
+ })
+ },
+ updateRanking(nVal) {
+ this.RankData = nVal;
+ },
+ },
+ onLoad() {
+ //#ifndef H5
+ uni.showShareMenu();
+ //#endif
+ this.getData()
+ this.getTelephoneInfo();
+ }
+}
+</script>
+
+<style scoped lang="scss">
+.body {
+ height: 100vh;
+ margin: 0;
+ padding: 0 20rpx;
+ font-family: "montserrat";
+ background-image: linear-gradient(125deg, #CB9FFE, #5894F7, #ABCDFA, #74A3F6, #CB9FFE);
+ background-size: 400%;
+ animation: bganimation 15s infinite;
+}
+
+.li_6 {
+ list-style-type: none;
+}
+
+page,
+body {
+ margin: 0;
+ padding: 0;
+ width: 100%;
+ height: 100%;
+}
+
+.window {
+ height: 100vh;
+ overflow: hidden;
+
+ .topLine {
+ width: 100%;
+ }
+
+ scroll-view {
+ box-sizing: border-box;
+ }
+
+ .swiper {
+ box-sizing: border-box;
+ }
+
+ .nav {
+ background-size: 100% 100%;
+
+ .back {
+ font-size: 54rpx;
+ padding: 20rpx 14rpx 15rpx 14rpx;
+ color: #fff;
+ }
+
+ .title {
+ color: #fff;
+ font-size: 30rpx;
+ flex: 1;
+ text-align: center;
+ }
+
+ .hidden {
+ visibility: hidden;
+ }
+ }
+
+ .head {
+ padding: 0 16rpx 14rpx 16rpx;
+ color: #fff;
+ background-color: #40A2ED;
+ justify-content: space-between;
+ font-size: 26rpx !important;
+
+ .calendar_drag {
+ width: 340rpx;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+
+ .calendar_name {
+ margin-right: 10rpx;
+ }
+
+ .icon-calendar {
+ font-size: 26rpx;
+ margin-top: 4rpx;
+ }
+ }
+ }
+
+ .data_body {
+ overflow: auto;
+ text-align: center;
+ color: #333333;
+ background-repeat: repeat;
+ height: 100%;
+
+ .scroll_list {
+ height: 100%;
+
+ .view_block {
+ background-color: #fff;
+ padding: 16rpx 20rpx 10rpx 20rpx;
+ border-radius: 20rpx;
+ margin-bottom: 40rpx;
+
+ .title {
+ text-align: left;
+ margin-bottom: 30rpx;
+ font-size: 30rpx;
+ }
+
+ .trend_title {
+ text-align: right;
+ font-size: 22rpx;
+ color: #ff9900;
+ margin-top: 50rpx;
+ }
+ }
+ }
+ }
+}
+
+@keyframes bganimation {
+ 0% {
+ background-position: 0% 50%;
+ }
+
+ 50% {
+ background-position: 100% 50%;
+ }
+
+ 100% {
+ background-position: 0% 50%;
+ }
+}
+</style>
--
Gitblit v1.9.3