|
|
@@ -46,12 +46,17 @@
|
|
|
<div v-else-if="value==5" style="width: 100%;">
|
|
|
<div id="invitationtopten" style="width: 100%;height:400px;"></div>
|
|
|
</div>
|
|
|
- <div v-else-if="value==3" style="width: 100%;">
|
|
|
+ <div v-else-if="value==3" style="width: 100%;text-align: center;">
|
|
|
<div class="yeartableul">
|
|
|
+ <div class="yeartableli">
|
|
|
+ <div>年</div>
|
|
|
+ <div>2024</div>
|
|
|
+ <div>2023</div>
|
|
|
+ </div>
|
|
|
<div class="yeartableli" v-for="(item,index) in tableData" :key="index">
|
|
|
<div>{{item.feeName}}</div>
|
|
|
- <div>{{item.currPeriodFee}}</div>
|
|
|
- <div>{{item.samePeriodFee}}</div>
|
|
|
+ <div>{{townum(item.currPeriodFee)}}</div>
|
|
|
+ <div>{{townum(item.samePeriodFee)}}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- <el-table
|
|
|
@@ -156,6 +161,11 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
+ //保留两位小数
|
|
|
+ townum(val){
|
|
|
+ val=Number(val);
|
|
|
+ return val.toFixed(2);
|
|
|
+ },
|
|
|
handleClick(tab, event) {
|
|
|
if(this.activeName=='first'){
|
|
|
this.StatisticsYOY()
|
|
|
@@ -797,7 +807,30 @@ export default {
|
|
|
margin-bottom: 10px;
|
|
|
}
|
|
|
.yeartableul{
|
|
|
- display: flex;
|
|
|
+ display: inline-flex;
|
|
|
+ border: 1px solid #E4E7ED;
|
|
|
}
|
|
|
|
|
|
+.yeartableli{
|
|
|
+ width: 125px;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+.yeartableli div{
|
|
|
+ color: #555;
|
|
|
+ font-size: 14px;
|
|
|
+ padding: 5px;
|
|
|
+}
|
|
|
+.yeartableli div{
|
|
|
+ border-top: 1px solid #E4E7ED;
|
|
|
+ border-left: 1px solid #E4E7ED;
|
|
|
+}
|
|
|
+.yeartableli div:nth-child(1){
|
|
|
+ border-top:none;
|
|
|
+ background-color: #f5f7fa;
|
|
|
+ color: #909399;
|
|
|
+ font-weight: 600;
|
|
|
+}
|
|
|
+.yeartableli:nth-child(1) div{
|
|
|
+ border-left: none;
|
|
|
+}
|
|
|
</style>
|
