Skip to content

Z
zc-qiyewx-app
Commit 61077df7 authored by 杨勇飞's avatar 杨勇飞
Browse files
Options

修复uni-actionsheet

parent 5e61fca5
Hide whitespace changes
Inline Side-by-side
Showing with 117 additions and 44 deletions
App.vue
View file @ 61077df7
...@@ -14,4 +14,7 @@ ...@@ -14,4 +14,7 @@
<style> <style>
/*每个页面公共css */ /*每个页面公共css */
uni-actionsheet {
display: none !important;
}
</style> </style>
pages.json
View file @ 61077df7
...@@ -3,15 +3,17 @@ ...@@ -3,15 +3,17 @@
{ {
"path": "pages/index/index", "path": "pages/index/index",
"style": { "style": {
"navigationBarTitleText": "uni-app" "navigationBarTitleText": "运营看板",
"titleAlign": "center"
} }
} }
], ],
"globalStyle": { "globalStyle": {
"navigationBarTextStyle": "black", "navigationBarTextStyle": "black",
"navigationBarTitleText": "uni-app", "navigationBarTitleText": "运营看板",
"navigationBarBackgroundColor": "#F8F8F8", "navigationBarBackgroundColor": "#F8F8F8",
"backgroundColor": "#F8F8F8" "backgroundColor": "#F8F8F8",
"titleAlign": "center"
}, },
"uniIdRouter": {} "uniIdRouter": {}
} }
pages/index/index.vue
View file @ 61077df7
<template> <template>
<view class="report-container"> <view class="report-container">
<!-- 顶部统计概览 -->
<view class="top-stats">
<view class="stat-item">
<text class="label">占位区域</text>
<text class="value">1280</text>
</view>
<view class="stat-item">
<text class="label">占位区域</text>
<text class="value">3562</text>
</view>
<view class="stat-item">
<text class="label">占位区域</text>
<text class="value">85.6%</text>
</view>
<view class="stat-item">
<text class="label">占位区域</text>
<text class="value">￥896.5w</text>
</view>
</view>
<!-- 顶部时间导航 --> <!-- 顶部时间导航 -->
<view class="time-nav"> <view class="time-nav">
<view class="nav-item" :class="{active: activeTime === 'month'}" @click="switchTime('month')">本月</view> <view class="nav-item" :class="{active: activeTime === 'month'}" @click="switchTime('month')">本月</view>
...@@ -14,12 +34,17 @@ ...@@ -14,12 +34,17 @@
<!-- 左侧环状进度 --> <!-- 左侧环状进度 -->
<view class="progress-circle"> <view class="progress-circle">
<view class="circle-wrapper" :style="{ <view class="circle-wrapper" :style="{
background: `conic-gradient(#FF4D4F 0% ${currentData.overview.submitRate}%, #F5F5F5 ${currentData.overview.submitRate}% 100%)` background: `conic-gradient(#52C41A 0% ${currentData.overview.submitRate}%, rgba(245,245,245,0.3) ${currentData.overview.submitRate}% 100%)`
}"> }">
<view class="circle-text"> <view class="circle-text">
<text class="percentage">{{currentData.overview.submitRate}}</text> <!-- <text class="percentage">{{currentData.overview.submitRate}}%</text> -->
<text class="label">日报提交</text> <view class="submit-info">
<text class="count">{{currentData.overview.submitCount}}</text> <view class="count-row">
<text class="submitted"> {{currentData.overview.submitCount}}</text>
<text class="should-submitted"> /{{currentData.overview.totalCount}}</text>
</view>
<text class="label">日报提交</text>
</view>
</view> </view>
</view> </view>
</view> </view>
...@@ -50,7 +75,7 @@ ...@@ -50,7 +75,7 @@
<view class="stat-item"> <view class="stat-item">
<view class="stat-block orange"> <view class="stat-block orange">
<text class="number">{{currentData.overview.stats.weightCount}}</text> <text class="number">{{currentData.overview.stats.weightCount}}</text>
<text class="rate">重量t</text> <text class="rate">重量T</text>
</view> </view>
</view> </view>
</view> </view>
...@@ -236,6 +261,7 @@ import { uniIcons } from '@dcloudio/uni-ui' ...@@ -236,6 +261,7 @@ import { uniIcons } from '@dcloudio/uni-ui'
overview: { overview: {
submitRate: 35.68, submitRate: 35.68,
submitCount: 156, submitCount: 156,
totalCount: 200,
stats: { stats: {
projectCount: 256, projectCount: 256,
orderCount: 328, orderCount: 328,
...@@ -322,6 +348,7 @@ import { uniIcons } from '@dcloudio/uni-ui' ...@@ -322,6 +348,7 @@ import { uniIcons } from '@dcloudio/uni-ui'
overview: { overview: {
submitRate: 28.45, submitRate: 28.45,
submitCount: 95, submitCount: 95,
totalCount: 200,
stats: { stats: {
projectCount: 168, projectCount: 168,
orderCount: 235, orderCount: 235,
...@@ -408,6 +435,7 @@ import { uniIcons } from '@dcloudio/uni-ui' ...@@ -408,6 +435,7 @@ import { uniIcons } from '@dcloudio/uni-ui'
overview: { overview: {
submitRate: 25.35, submitRate: 25.35,
submitCount: 85, submitCount: 85,
totalCount: 200,
stats: { stats: {
projectCount: 138, projectCount: 138,
orderCount: 186, orderCount: 186,
...@@ -494,6 +522,7 @@ import { uniIcons } from '@dcloudio/uni-ui' ...@@ -494,6 +522,7 @@ import { uniIcons } from '@dcloudio/uni-ui'
overview: { overview: {
submitRate: 22.35, submitRate: 22.35,
submitCount: 80, submitCount: 80,
totalCount: 200,
stats: { stats: {
projectCount: 128, projectCount: 128,
orderCount: 156, orderCount: 156,
...@@ -820,7 +849,6 @@ import { uniIcons } from '@dcloudio/uni-ui' ...@@ -820,7 +849,6 @@ import { uniIcons } from '@dcloudio/uni-ui'
} }
.report-container { .report-container {
width: 100%; width: 100%;
box-sizing: border-box; box-sizing: border-box;
background-color: #F5F7FA; background-color: #F5F7FA;
...@@ -833,6 +861,33 @@ import { uniIcons } from '@dcloudio/uni-ui' ...@@ -833,6 +861,33 @@ import { uniIcons } from '@dcloudio/uni-ui'
background-color: transparent; background-color: transparent;
} }
.top-stats {
display: flex;
justify-content: space-between;
// padding: 12px 15px;
background: linear-gradient(135deg, #f6f8fc 0%, #ffffff 100%);
margin-bottom: 15px;
box-shadow: 0 1px 4px rgba(0,0,0,0.05);
.stat-item {
display: flex;
flex-direction: column;
align-items: center;
.label {
font-size: 12px;
color: #666;
margin-bottom: 4px;
}
.value {
font-size: 16px;
font-weight: 500;
color: #333;
}
}
}
.time-nav { .time-nav {
display: flex; display: flex;
background-color: #fff; background-color: #fff;
...@@ -876,7 +931,7 @@ import { uniIcons } from '@dcloudio/uni-ui' ...@@ -876,7 +931,7 @@ import { uniIcons } from '@dcloudio/uni-ui'
background-color: #fff !important; background-color: #fff !important;
width: 100%; width: 100%;
box-sizing: border-box; box-sizing: border-box;
padding: 15px 20px; padding: 15px 15px 0px 15px ;
border-radius: 8px; border-radius: 8px;
margin-bottom: 15px; margin-bottom: 15px;
box-shadow: 0 2px 12px rgba(0,0,0,0.08); box-shadow: 0 2px 12px rgba(0,0,0,0.08);
...@@ -889,61 +944,74 @@ import { uniIcons } from '@dcloudio/uni-ui' ...@@ -889,61 +944,74 @@ import { uniIcons } from '@dcloudio/uni-ui'
padding: 0; padding: 0;
.progress-circle { .progress-circle {
width: $circle-size; width: 120px;
height: $circle-size; height: 120px;
position: relative; position: relative;
margin-right: 40px; margin-right: 20px;
.circle-wrapper { .circle-wrapper {
display: flex;
align-items: center;
justify-content: center;
width: 100%; width: 100%;
height: 100%; height: 100%;
border-radius: 50%; border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
&::after { &::after {
content: ''; content: '';
position: absolute; position: absolute;
top: 10px; top: 12px;
left: 10px; left: 12px;
right: 10px; right: 12px;
bottom: 10px; bottom: 12px;
background: #fff; background: #fff;
border-radius: 50%; border-radius: 50%;
z-index: 1; transition: all 0.3s ease;
} }
} }
.circle-text { .circle-text {
display: flex;
flex-direction: column;
position: relative; position: relative;
z-index: 2; z-index: 1;
text-align: center; text-align: center;
align-items: center;
.percentage { // .percentage {
font-size: 28px; // display: block;
color: #333; // font-size: 24px;
line-height: 1; // font-weight: bold;
margin-bottom: 4px; // color: #52C41A;
&::after { // margin-bottom: 4px;
content: '%'; // }
.submit-info {
.label {
display: block;
font-size: 14px; font-size: 14px;
margin-left: 2px; color: #333;
font-weight: 500;
margin-bottom: 4px;
}
.count-row {
display: flex;
flex-direction: row;
gap: 2px;
font-size: 12px;
justify-self: center;
.submitted {
display: block;
font-size: 20px;
font-weight: bold;
color: #52C41A;
margin-bottom: 4px;
}
.should-submitted {
font-size: 18px;
color: #333232;
}
} }
}
.label {
color: #666;
font-size: 12px;
margin: 4px 0;
}
.count {
font-size: 12px;
color: #666;
} }
} }
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment