Skip to content

G
gavel-hafms-vue
Commit b090a141 authored by 李苏's avatar 李苏 💬
Browse files
Options

看板样式

parent 50a646fb
Hide whitespace changes
Inline Side-by-side
Showing with 57 additions and 46 deletions
src/views/hzcxbb/szkb/index.vue
View file @ b090a141
...@@ -50,6 +50,16 @@ ...@@ -50,6 +50,16 @@
<i class="i2"></i> <i class="i2"></i>
<i class="i3"></i> <i class="i3"></i>
<i class="i4"></i> <i class="i4"></i>
<!-- 排行数据-->
<div style="color: #61d2f7;float: left;font-size: .9vw;margin-top: 2vh;margin-left: 2vh;">
总体排名:1
<br>
资本排名:2
<br>
成本项目:2
<br>
标准成本:2
</div>
<div class="full" ref="szkbmap" v-echartResize="()=>{ <div class="full" ref="szkbmap" v-echartResize="()=>{
szkbmapCharts.resize() szkbmapCharts.resize()
}"> }">
...@@ -101,9 +111,9 @@ ...@@ -101,9 +111,9 @@
<i class="i4"></i> <i class="i4"></i>
<div class="full itembg "> <div class="full itembg ">
<!-- 轮播图--> <!-- 轮播图-->
<el-carousel :indicator-position='"none"' style="overflow: hidden;" :interval='10000' class="full" <el-carousel :indicator-position='"none"' style="overflow: hidden;" :interval='10000' class="full"
:autoplay="true"> :autoplay="true">
<el-carousel-item style="height: 45vh;" > <el-carousel-item style="height: 45vh;">
<span class="com-count-title"> <span class="com-count-title">
预算执行分析-标准成本(单位) 预算执行分析-标准成本(单位)
</span> </span>
...@@ -115,16 +125,16 @@ ...@@ -115,16 +125,16 @@
}" class="com-count-body"> }" class="com-count-body">
</div> </div>
</el-carousel-item> </el-carousel-item>
<el-carousel-item style="height: 45vh;" > <el-carousel-item style="height: 45vh;">
<span class="com-count-title"> <span class="com-count-title">
预算执行分析-标准成本(科目) 预算执行分析-标准成本(科目)
</span> </span>
<div ref="slt2" v-echartResize="()=>{ <div ref="slt2" v-echartResize="()=>{
if(slt2){ if(slt2){
slt2.resize() slt2.resize()
} }
}" class="com-count-body"> }" class="com-count-body">
</div> </div>
</el-carousel-item> </el-carousel-item>
</el-carousel> </el-carousel>
...@@ -149,17 +159,17 @@ ...@@ -149,17 +159,17 @@
项目类别 项目类别
</div> </div>
<div class="flex1 text-center "> <div class="flex1 text-center ">
省完成率 年初预算目标值
</div> </div>
<div class="flex1 text-center "> <div class="flex1 text-center ">
公司完成率 发生值
</div> </div>
<div class="flex1 text-center "> <div class="flex1 text-center ">
单位完成率 省均完成率
</div> </div>
<div class="flex1 text-center "> <div class="flex1 text-center ">
完成率 淮安完成率
</div> </div>
<div class="flex1 text-center "> <div class="flex1 text-center ">
排名 排名
...@@ -191,32 +201,32 @@ ...@@ -191,32 +201,32 @@
<i class="i3"></i> <i class="i3"></i>
<i class="i4"></i> <i class="i4"></i>
<el-carousel :indicator-position='"none"' style="overflow: hidden;" :interval='10000' class="full" <el-carousel :indicator-position='"none"' style="overflow: hidden;" :interval='10000' class="full"
:autoplay="true"> :autoplay="true">
<el-carousel-item style="height: 45vh;" > <el-carousel-item style="height: 45vh;">
<span class="com-count-title"> <span class="com-count-title">
预算执行分析-成本性项目(单位) 预算执行分析-成本性项目(单位)
</span> </span>
<div ref="slt3" v-echartResize="()=>{ <div ref="slt3" v-echartResize="()=>{
if(slt3){ if(slt3){
slt3.resize() slt3.resize()
} }
}" class="com-count-body"> }" class="com-count-body">
</div> </div>
</el-carousel-item> </el-carousel-item>
<el-carousel-item style="height: 45vh;" > <el-carousel-item style="height: 45vh;">
<span class="com-count-title"> <span class="com-count-title">
预算执行分析-成本性项目(专业) 预算执行分析-成本性项目(专业)
</span> </span>
<div ref="slt4" v-echartResize="()=>{ <div ref="slt4" v-echartResize="()=>{
if(slt4){ if(slt4){
slt4.resize() slt4.resize()
} }
}" class="com-count-body"> }" class="com-count-body">
</div> </div>
</el-carousel-item> </el-carousel-item>
</el-carousel> </el-carousel>
</div> </div>
</div> </div>
</div> </div>
...@@ -594,22 +604,22 @@ ...@@ -594,22 +604,22 @@
lx: 'CBKM' lx: 'CBKM'
}).then(res => { }).then(res => {
if (res.success && res.data.records) { if (res.success && res.data.records) {
const { const {
records records
} = res.data } = res.data
if (records.length != 0) { if (records.length != 0) {
records.sort(function(a, b) { records.sort(function(a, b) {
return b.wcl - a.wcl; return b.wcl - a.wcl;
}); });
let apidata = records.filter((item, index) => { let apidata = records.filter((item, index) => {
if (index < 6) { if (index < 6) {
return true return true
} else { } else {
return false return false
} }
}) })
this.slt4 = this.initsltdo4(apidata) this.slt4 = this.initsltdo4(apidata)
} }
} }
}) })
}, },
...@@ -914,7 +924,7 @@ ...@@ -914,7 +924,7 @@
}) })
}, },
initsltdo4(apidata) { initsltdo4(apidata) {
let colorList = ['#f18c6e', '#d5f69b', '#22f2e5', '#2ca4fb','#9adc6f'] let colorList = ['#f18c6e', '#d5f69b', '#22f2e5', '#2ca4fb', '#9adc6f']
const charts = this.$echarts.init(this.$refs["slt4"]); const charts = this.$echarts.init(this.$refs["slt4"]);
let XAXIS = apidata.map(item => item.xmflname || 'xmflname') let XAXIS = apidata.map(item => item.xmflname || 'xmflname')
var option = { var option = {
...@@ -1094,7 +1104,7 @@ ...@@ -1094,7 +1104,7 @@
}, },
initsltdo2(apidata) { initsltdo2(apidata) {
let colorList = ['#f18c6e', '#d5f69b', '#22f2e5', '#2ca4fb','#9adc6f'] let colorList = ['#f18c6e', '#d5f69b', '#22f2e5', '#2ca4fb', '#9adc6f']
const charts = this.$echarts.init(this.$refs["slt2"]); const charts = this.$echarts.init(this.$refs["slt2"]);
let XAXIS = apidata.map(item => item.xmflname || 'xmflname') let XAXIS = apidata.map(item => item.xmflname || 'xmflname')
var option = { var option = {
...@@ -2093,6 +2103,7 @@ ...@@ -2093,6 +2103,7 @@
padding: 0.5vh; padding: 0.5vh;
} }
.third { .third {
height: 100%; height: 100%;
width: 30%; width: 30%;
...@@ -2257,4 +2268,4 @@ ...@@ -2257,4 +2268,4 @@
// @import url("szkb.scss"); // @import url("szkb.scss");
</style> </style>
\ No newline at end of file
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