|
@@ -2,7 +2,7 @@
|
2
|
2
|
* @Author: ysh
|
3
|
3
|
* @Date: 2024-02-27 14:49:15
|
4
|
4
|
* @LastEditors: Please set LastEditors
|
5
|
|
- * @LastEditTime: 2024-07-24 16:28:58
|
|
5
|
+ * @LastEditTime: 2024-07-25 16:35:45
|
6
|
6
|
-->
|
7
|
7
|
<template>
|
8
|
8
|
<div class="project-wrapper">
|
|
@@ -37,33 +37,32 @@
|
37
|
37
|
<!-- 项目统计 -->
|
38
|
38
|
<!-- <el-row>
|
39
|
39
|
<el-col>
|
40
|
|
- <el-row :gutter="10">
|
41
|
|
- <el-col :span="8">
|
42
|
|
- <el-card>
|
43
|
|
- <el-col :span="12">
|
44
|
|
- <div>项目数量</div>
|
45
|
|
- <h2>127</h2>
|
46
|
|
- </el-col>
|
47
|
|
- <el-col :span="12"></el-col>
|
48
|
|
- </el-card>
|
|
40
|
+ <el-row :gutter="20">
|
|
41
|
+ <el-col :span="8" :xs="24">
|
|
42
|
+ <div class="static-box">
|
|
43
|
+ <div class="title">今年项目数量</div>
|
|
44
|
+ <div class="box-content">
|
|
45
|
+ <div class="box-left">
|
|
46
|
+ <div class="number">48</div>
|
|
47
|
+ </div>
|
|
48
|
+ <dir class="box-right">
|
|
49
|
+ <div style="display: flex;">
|
|
50
|
+ <div>院内</div>
|
|
51
|
+ <div class="progress"><el-progress :percentage="100" :stroke-width="14"></el-progress></div>
|
|
52
|
+ </div>
|
|
53
|
+ <div style="display: flex;" class="mt10">
|
|
54
|
+ <div>院外</div>
|
|
55
|
+ <div class="progress"><el-progress :percentage="100" :stroke-width="14"></el-progress></div>
|
|
56
|
+ </div>
|
|
57
|
+ </dir>
|
|
58
|
+ </div>
|
|
59
|
+ </div>
|
49
|
60
|
</el-col>
|
50
|
|
- <el-col :span="8">
|
51
|
|
- <el-card>
|
52
|
|
- <el-col :span="12">
|
53
|
|
- <div>预算金额</div>
|
54
|
|
- <h2>679999</h2>
|
55
|
|
- </el-col>
|
56
|
|
- <el-col :span="12"></el-col>
|
57
|
|
- </el-card>
|
|
61
|
+ <el-col :span="8" :xs="24">
|
|
62
|
+
|
58
|
63
|
</el-col>
|
59
|
|
- <el-col :span="8">
|
60
|
|
- <el-card>
|
61
|
|
- <el-col :span="12">
|
62
|
|
- <div>项目成本</div>
|
63
|
|
- <h2>679999</h2>
|
64
|
|
- </el-col>
|
65
|
|
- <el-col :span="12"></el-col>
|
66
|
|
- </el-card>
|
|
64
|
+ <el-col :span="8" :xs="24">
|
|
65
|
+
|
67
|
66
|
</el-col>
|
68
|
67
|
</el-row>
|
69
|
68
|
</el-col>
|
|
@@ -118,7 +117,7 @@
|
118
|
117
|
</el-table-column>
|
119
|
118
|
</el-table>
|
120
|
119
|
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
|
121
|
|
- @pagination="getList" />
|
|
120
|
+ :autoScroll="false" @pagination="getList" />
|
122
|
121
|
</el-card>
|
123
|
122
|
<!-- 新建项目 -->
|
124
|
123
|
<el-dialog :title="title" :visible.sync="addOpen" append-to-body>
|
|
@@ -539,6 +538,7 @@ export default {
|
539
|
538
|
<style lang="scss" scoped>
|
540
|
539
|
.project-wrapper {
|
541
|
540
|
padding: 25px;
|
|
541
|
+ background-color: #f5f5f5;
|
542
|
542
|
}
|
543
|
543
|
|
544
|
544
|
.table-header {
|
|
@@ -561,4 +561,45 @@ table {
|
561
|
561
|
/*设置背景颜色*/
|
562
|
562
|
/* background-color: #bfa; */
|
563
|
563
|
}
|
|
564
|
+
|
|
565
|
+.static-box {
|
|
566
|
+ width: 100%;
|
|
567
|
+ height: 120px;
|
|
568
|
+ background-color: #fff;
|
|
569
|
+ border-radius: 6px;
|
|
570
|
+ box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
|
571
|
+
|
|
572
|
+ .title {
|
|
573
|
+ padding-left: 30px;
|
|
574
|
+ padding-top: 10px;
|
|
575
|
+ font-size: 18px;
|
|
576
|
+ }
|
|
577
|
+
|
|
578
|
+ .box-content {
|
|
579
|
+ display: flex;
|
|
580
|
+
|
|
581
|
+ .box-left {
|
|
582
|
+ padding: 10px;
|
|
583
|
+
|
|
584
|
+ .number {
|
|
585
|
+ padding-left: 20px;
|
|
586
|
+ font-size: 36px;
|
|
587
|
+ font-family: Arial, Helvetica, sans-serif;
|
|
588
|
+ line-height: 70px;
|
|
589
|
+ min-width: 100px;
|
|
590
|
+ }
|
|
591
|
+ }
|
|
592
|
+
|
|
593
|
+ .box-right {
|
|
594
|
+ flex: 1;
|
|
595
|
+ padding: 0 10px;
|
|
596
|
+
|
|
597
|
+ .progress {
|
|
598
|
+ flex: 1;
|
|
599
|
+ padding-left: 10px;
|
|
600
|
+ }
|
|
601
|
+ }
|
|
602
|
+ }
|
|
603
|
+
|
|
604
|
+}
|
564
|
605
|
</style>
|