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 @@
<style>
/*每个页面公共css */
uni-actionsheet {
display: none !important;
}
</style>
pages.json
View file @ 61077df7
......@@ -3,15 +3,17 @@
{
"path": "pages/index/index",
"style": {
"navigationBarTitleText": "uni-app"
"navigationBarTitleText": "运营看板",
"titleAlign": "center"
}
}
],
"globalStyle": {
"navigationBarTextStyle": "black",
"navigationBarTitleText": "uni-app",
"navigationBarTitleText": "运营看板",
"navigationBarBackgroundColor": "#F8F8F8",
"backgroundColor": "#F8F8F8"
"backgroundColor": "#F8F8F8",
"titleAlign": "center"
},
"uniIdRouter": {}
}
pages/index/index.vue
View file @ 61077df7
<template>
<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="nav-item" :class="{active: activeTime === 'month'}" @click="switchTime('month')">本月</view>
......@@ -14,12 +34,17 @@
<!-- 左侧环状进度 -->
<view class="progress-circle">
<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">
<text class="percentage">{{currentData.overview.submitRate}}</text>
<text class="label">日报提交</text>
<text class="count">{{currentData.overview.submitCount}}</text>
<!-- <text class="percentage">{{currentData.overview.submitRate}}%</text> -->
<view class="submit-info">
<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>
......@@ -50,7 +75,7 @@
<view class="stat-item">
<view class="stat-block orange">
<text class="number">{{currentData.overview.stats.weightCount}}</text>
<text class="rate">重量t</text>
<text class="rate">重量T</text>
</view>
</view>
</view>
......@@ -236,6 +261,7 @@ import { uniIcons } from '@dcloudio/uni-ui'
overview: {
submitRate: 35.68,
submitCount: 156,
totalCount: 200,
stats: {
projectCount: 256,
orderCount: 328,
......@@ -322,6 +348,7 @@ import { uniIcons } from '@dcloudio/uni-ui'
overview: {
submitRate: 28.45,
submitCount: 95,
totalCount: 200,
stats: {
projectCount: 168,
orderCount: 235,
......@@ -408,6 +435,7 @@ import { uniIcons } from '@dcloudio/uni-ui'
overview: {
submitRate: 25.35,
submitCount: 85,
totalCount: 200,
stats: {
projectCount: 138,
orderCount: 186,
......@@ -494,6 +522,7 @@ import { uniIcons } from '@dcloudio/uni-ui'
overview: {
submitRate: 22.35,
submitCount: 80,
totalCount: 200,
stats: {
projectCount: 128,
orderCount: 156,
......@@ -820,7 +849,6 @@ import { uniIcons } from '@dcloudio/uni-ui'
}
.report-container {
width: 100%;
box-sizing: border-box;
background-color: #F5F7FA;
......@@ -833,6 +861,33 @@ import { uniIcons } from '@dcloudio/uni-ui'
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 {
display: flex;
background-color: #fff;
......@@ -876,7 +931,7 @@ import { uniIcons } from '@dcloudio/uni-ui'
background-color: #fff !important;
width: 100%;
box-sizing: border-box;
padding: 15px 20px;
padding: 15px 15px 0px 15px ;
border-radius: 8px;
margin-bottom: 15px;
box-shadow: 0 2px 12px rgba(0,0,0,0.08);
......@@ -889,61 +944,74 @@ import { uniIcons } from '@dcloudio/uni-ui'
padding: 0;
.progress-circle {
width: $circle-size;
height: $circle-size;
width: 120px;
height: 120px;
position: relative;
margin-right: 40px;
margin-right: 20px;
.circle-wrapper {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
&::after {
content: '';
position: absolute;
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
top: 12px;
left: 12px;
right: 12px;
bottom: 12px;
background: #fff;
border-radius: 50%;
z-index: 1;
transition: all 0.3s ease;
}
}
.circle-text {
display: flex;
flex-direction: column;
position: relative;
z-index: 2;
z-index: 1;
text-align: center;
align-items: center;
.percentage {
font-size: 28px;
color: #333;
line-height: 1;
margin-bottom: 4px;
&::after {
content: '%';
// .percentage {
// display: block;
// font-size: 24px;
// font-weight: bold;
// color: #52C41A;
// margin-bottom: 4px;
// }
.submit-info {
.label {
display: block;
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