Skip to content

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

模拟老板报表OK

parent e22387ef
Show whitespace changes
Inline Side-by-side
Showing with 301 additions and 29 deletions
pages/index/index.vue
View file @ d7188292
...@@ -188,16 +188,26 @@ ...@@ -188,16 +188,26 @@
emptyText="暂无数据" emptyText="暂无数据"
> >
<uni-tr> <uni-tr>
<uni-th align="center" width="80">模拟老板</uni-th> <uni-th align="center" width="60">模拟老板</uni-th>
<uni-th align="center" width="50">区域</uni-th> <uni-th align="center" width="50">应收(万)</uni-th>
<uni-th align="center" width="50">销售额</uni-th> <uni-th align="center" width="50">应付(万)</uni-th>
<uni-th align="center" width="50">增长率</uni-th> <uni-th align="center" width="50">应付现结(万)</uni-th>
<uni-th align="center" width="50">毛利率(%)</uni-th>
<uni-th align="center" width="50">单量</uni-th>
<uni-th align="center" width="50">方(m³)</uni-th>
<uni-th align="center" width="50">吨(T)</uni-th>
<uni-th align="center" width="50">人力</uni-th>
</uni-tr> </uni-tr>
<uni-tr v-for="(item, index) in currentData.tableData" :key="index"> <uni-tr v-for="(item, index) in currentData.tableData" :key="index">
<uni-td>{{ item.project }}</uni-td> <uni-td>{{ item.boss }}</uni-td>
<uni-td>{{ item.area }}</uni-td> <uni-td>{{ item.receivable }}</uni-td>
<uni-td>{{ item.sales }}</uni-td> <uni-td>{{ item.payable }}</uni-td>
<uni-td>{{ item.growth }}</uni-td> <uni-td>{{ item.cashPayable }}</uni-td>
<uni-td>{{ item.profitRate }}%</uni-td>
<uni-td>{{ item.orderCount }}</uni-td>
<uni-td>{{ item.volume }}</uni-td>
<uni-td>{{ item.weight }}</uni-td>
<uni-td>{{ item.manpower }}</uni-td>
</uni-tr> </uni-tr>
</uni-table> </uni-table>
</view> </view>
...@@ -251,11 +261,61 @@ import { uniIcons } from '@dcloudio/uni-ui' ...@@ -251,11 +261,61 @@ import { uniIcons } from '@dcloudio/uni-ui'
profitRate: [45.5, 38.2, 42.8, 35.6, 48.9, 40.2] profitRate: [45.5, 38.2, 42.8, 35.6, 48.9, 40.2]
}, },
tableData: [ tableData: [
{ project: '项目A', area: '华东区', sales: 2234.5, growth: 15.8 }, {
{ project: '项目B', area: '华南区', sales: 1986.3, growth: 12.3 }, boss: '老板A',
{ project: '项目C', area: '华北区', sales: 1756.8, growth: 18.2 }, receivable: 156800,
{ project: '项目D', area: '西南区', sales: 1543.2, growth: -3.1 }, payable: 128900,
{ project: '项目E', area: '西北区', sales: 1432.1, growth: 8.6 } cashPayable: 38670,
profitRate: 17.8,
orderCount: 156,
volume: 890,
weight: 1250,
manpower: 25
},
{
boss: '老板B',
receivable: 198500,
payable: 158400,
cashPayable: 47520,
profitRate: 20.2,
orderCount: 189,
volume: 1020,
weight: 1580,
manpower: 32
},
{
boss: '老板C',
receivable: 145600,
payable: 116480,
cashPayable: 34944,
profitRate: 20.0,
orderCount: 142,
volume: 760,
weight: 980,
manpower: 18
},
{
boss: '老板D',
receivable: 178900,
payable: 143120,
cashPayable: 42936,
profitRate: 20.0,
orderCount: 168,
volume: 920,
weight: 1350,
manpower: 28
},
{
boss: '老板E',
receivable: 134500,
payable: 107600,
cashPayable: 32280,
profitRate: 20.0,
orderCount: 128,
volume: 680,
weight: 850,
manpower: 15
}
] ]
}, },
week: { week: {
...@@ -287,11 +347,61 @@ import { uniIcons } from '@dcloudio/uni-ui' ...@@ -287,11 +347,61 @@ import { uniIcons } from '@dcloudio/uni-ui'
profitRate: [42.5, 35.2, 39.8, 32.6, 45.9, 37.2] profitRate: [42.5, 35.2, 39.8, 32.6, 45.9, 37.2]
}, },
tableData: [ tableData: [
{ project: '项目A', area: '华东区', sales: 1534.5, growth: 11.5 }, {
{ project: '项目B', area: '华南区', sales: 1286.3, growth: 9.3 }, boss: '老板A',
{ project: '项目C', area: '华北区', sales: 956.8, growth: 13.2 }, receivable: 1534.5,
{ project: '项目D', area: '西南区', sales: 843.2, growth: -2.1 }, payable: 1286.3,
{ project: '项目E', area: '西北区', sales: 732.1, growth: 6.6 } cashPayable: 3867,
profitRate: 17.8,
orderCount: 156,
volume: 890,
weight: 1250,
manpower: 25
},
{
boss: '老板B',
receivable: 1286.3,
payable: 1025.3,
cashPayable: 2680,
profitRate: 20.2,
orderCount: 189,
volume: 1020,
weight: 1580,
manpower: 32
},
{
boss: '老板C',
receivable: 956.8,
payable: 765.8,
cashPayable: 2405,
profitRate: 20.0,
orderCount: 142,
volume: 760,
weight: 980,
manpower: 18
},
{
boss: '老板D',
receivable: 843.2,
payable: 674.2,
cashPayable: 2405,
profitRate: 20.0,
orderCount: 168,
volume: 920,
weight: 1350,
manpower: 28
},
{
boss: '老板E',
receivable: 732.1,
payable: 585.1,
cashPayable: 1302.76,
profitRate: 20.0,
orderCount: 128,
volume: 680,
weight: 850,
manpower: 15
}
] ]
}, },
yesterday: { yesterday: {
...@@ -323,11 +433,61 @@ import { uniIcons } from '@dcloudio/uni-ui' ...@@ -323,11 +433,61 @@ import { uniIcons } from '@dcloudio/uni-ui'
profitRate: [40.5, 33.2, 37.8, 30.6, 43.9, 35.2] profitRate: [40.5, 33.2, 37.8, 30.6, 43.9, 35.2]
}, },
tableData: [ tableData: [
{ project: '项目A', area: '华东区', sales: 934.5, growth: 9.5 }, {
{ project: '项目B', area: '华南区', sales: 886.3, growth: 7.3 }, boss: '老板A',
{ project: '项目C', area: '华北区', sales: 756.8, growth: 11.2 }, receivable: 934.5,
{ project: '项目D', area: '西南区', sales: 643.2, growth: -1.1 }, payable: 886.3,
{ project: '项目E', area: '西北区', sales: 532.1, growth: 4.6 } cashPayable: 2405,
profitRate: 85.69,
orderCount: 186,
volume: 22,
weight: 58,
manpower: 15
},
{
boss: '老板B',
receivable: 886.3,
payable: 796.3,
cashPayable: 2405,
profitRate: 85.69,
orderCount: 189,
volume: 22,
weight: 58,
manpower: 18
},
{
boss: '老板C',
receivable: 756.8,
payable: 666.8,
cashPayable: 2405,
profitRate: 85.69,
orderCount: 142,
volume: 22,
weight: 58,
manpower: 18
},
{
boss: '老板D',
receivable: 643.2,
payable: 553.2,
cashPayable: 2405,
profitRate: 85.69,
orderCount: 168,
volume: 22,
weight: 58,
manpower: 28
},
{
boss: '老板E',
receivable: 532.1,
payable: 442.1,
cashPayable: 1302.76,
profitRate: 85.69,
orderCount: 128,
volume: 22,
weight: 58,
manpower: 15
}
] ]
}, },
today: { today: {
...@@ -359,11 +519,61 @@ import { uniIcons } from '@dcloudio/uni-ui' ...@@ -359,11 +519,61 @@ import { uniIcons } from '@dcloudio/uni-ui'
profitRate: [38.5, 31.2, 35.8, 28.6, 41.9, 33.2, 36.5, 29.8, 34.5, 32.1] profitRate: [38.5, 31.2, 35.8, 28.6, 41.9, 33.2, 36.5, 29.8, 34.5, 32.1]
}, },
tableData: [ tableData: [
{ project: '项目A', area: '华东区', sales: 834.5, growth: 8.5 }, {
{ project: '项目B', area: '华南区', sales: 786.3, growth: 6.3 }, boss: '老板A',
{ project: '项目C', area: '华北区', sales: 656.8, growth: 10.2 }, receivable: 834.5,
{ project: '项目D', area: '西南区', sales: 543.2, growth: -1.1 }, payable: 786.3,
{ project: '项目E', area: '西北区', sales: 432.1, growth: 3.6 } cashPayable: 130276,
profitRate: 12.2,
orderCount: 156,
volume: 19,
weight: 55,
manpower: 15
},
{
boss: '老板B',
receivable: 786.3,
payable: 738.3,
cashPayable: 130276,
profitRate: 12.2,
orderCount: 189,
volume: 19,
weight: 55,
manpower: 18
},
{
boss: '老板C',
receivable: 656.8,
payable: 608.8,
cashPayable: 130276,
profitRate: 12.2,
orderCount: 142,
volume: 19,
weight: 55,
manpower: 18
},
{
boss: '老板D',
receivable: 543.2,
payable: 495.2,
cashPayable: 130276,
profitRate: 12.2,
orderCount: 168,
volume: 19,
weight: 55,
manpower: 28
},
{
boss: '老板E',
receivable: 432.1,
payable: 384.1,
cashPayable: 130276,
profitRate: 12.2,
orderCount: 128,
volume: 19,
weight: 55,
manpower: 15
}
] ]
} }
} }
...@@ -1043,15 +1253,63 @@ import { uniIcons } from '@dcloudio/uni-ui' ...@@ -1043,15 +1253,63 @@ import { uniIcons } from '@dcloudio/uni-ui'
font-size: 16px; font-size: 16px;
font-weight: bold; font-weight: bold;
color: #333; color: #333;
margin-bottom: 12px;
padding: 15px 15px 0px 15px; padding: 15px 15px 0px 15px;
} }
.table-scroll { .table-scroll {
display: block; display: block;
width: 100%; width: 100%;
height: 250px;
overflow-x: auto; overflow-x: auto;
overflow-y: auto;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
/deep/ .uni-table {
min-width: 100%;
width: max-content;
border: 1px solid #e8e8e8;
&::before, &::after {
display: none !important;
}
.uni-table-tr {
white-space: nowrap;
.uni-table-th {
padding: 10px 8px !important;
}
.uni-table-td {
padding: 6px 4px !important;
}
.uni-table-th, .uni-table-td {
text-align: center !important;
font-size: 14px;
color: #666;
border-bottom: 1px solid #e8e8e8;
border-right: 1px solid #e8e8e8;
min-width: 60px;
}
&:first-child {
border-top: 1px solid #e8e8e8;
background-color: #fafafa;
.uni-table-th {
border-top: none;
}
}
.uni-table-th:last-child,
.uni-table-td:last-child {
border-right: none;
}
&:last-child {
.uni-table-td {
border-bottom: none;
}
}
}
}
} }
} }
} }
...@@ -1116,4 +1374,18 @@ import { uniIcons } from '@dcloudio/uni-ui' ...@@ -1116,4 +1374,18 @@ import { uniIcons } from '@dcloudio/uni-ui'
} }
} }
} }
.table-container {
.table-scroll {
::v-deep {
.uni-table-th,
.uni-table-td {
padding: 12px 8px !important;
text-align: center !important;
font-size: 14px !important;
color: #666 !important;
}
}
}
}
</style> </style>
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