Commit ab0ea9c3 by 杨铁龙

lint

parent 47c7d35a
......@@ -132,7 +132,7 @@ export function parseTime(time, cFormat) {
*/
export function debounce(func, wait, immediate = true) {
let timeout, result
const debounced = function () {
const debounced = function() {
const _this = this
const args = arguments
if (timeout) clearTimeout(timeout)
......
......@@ -54,7 +54,7 @@ export default {
Vessel,
Plot
},
data () {
data() {
return {
showMap: true,
hasMap: true,
......@@ -500,7 +500,7 @@ export default {
label: {
normal: {
show: true,
formatter: function (params) {
formatter: function(params) {
const name = params.name
const value = params.data.laborNum + '人'
const text = `{fline|${value}}\n{tline|${name}}`
......
......@@ -19,7 +19,7 @@ export default {
components: {
Vessel
},
data () {
data() {
return {
pieChart: null,
showEmpty: false
......
......@@ -28,7 +28,7 @@ export default {
components: {
Vessel
},
data () {
data() {
return {
barChart: null,
manTotal: 0,
......
......@@ -2,7 +2,13 @@
<Vessel vessel-title="参保险种分布" :show-empty="!list.length">
<template v-slot:chart>
<div class="percentage">
<vue-seamless-scroll v-if="list.length" ref="list1" class="scroll" :data="list" :class-option="optionSetting">
<vue-seamless-scroll
v-if="list.length"
ref="list1"
class="scroll"
:data="list"
:class-option="optionSetting"
>
<div v-for="(pro, index) in list" :key="index" class="percentage-item">
<div class="label">{{ pro.content }}</div>
<div class="progress" :class="'progress' + index">
......@@ -26,7 +32,7 @@ export default {
Vessel,
vueSeamlessScroll
},
data () {
data() {
return {
total: 0,
list: [],
......@@ -52,7 +58,7 @@ export default {
}
}
},
mounted () {
mounted() {
const params = { areaCode: this.curAreaID }
this.getOperationMode(params)
},
......@@ -84,41 +90,41 @@ export default {
</script>
<style lang="less" scoped>
.percentage {
width: 100%;
height: 100%;
overflow: hidden;
.percentage-item {
display: flex;
.label {
width: 1.5rem;
color: #fff;
font-size: 0.16rem;
line-height: .32rem;
overflow: hidden;
}
.progress {
width: 1.8rem;
height: 0.2rem;
margin-top: .06rem;
position: relative;
background: #62522D;
.percentage {
width: 100%;
height: 100%;
overflow: hidden;
.percentage-item {
display: flex;
.label {
width: 1.5rem;
color: #fff;
font-size: 0.16rem;
line-height: 0.32rem;
overflow: hidden;
}
.progress {
width: 1.8rem;
height: 0.2rem;
margin-top: 0.06rem;
position: relative;
background: #62522d;
border-radius: 0.15rem;
border: 1px solid #ff7f02;
.progress_in {
width: 0%;
transition: all 1s ease 0.5s;
height: 100%;
background: linear-gradient(270deg, #ff7f02 0%, #fdc501 100%);
border-radius: 0.15rem;
border: 1px solid #FF7F02;
.progress_in {
width: 0%;
transition: all 1s ease 0.5s;
height: 100%;
background: linear-gradient(270deg, #FF7F02 0%, #FDC501 100%);
border-radius: 0.15rem;
}
}
.num {
line-height: .36rem;
margin-left: .05rem;
font-size: .16rem;
color: #fff;
}
}
.num {
line-height: 0.36rem;
margin-left: 0.05rem;
font-size: 0.16rem;
color: #fff;
}
}
}
</style>
......@@ -22,7 +22,7 @@ export default {
Vessel,
percentage
},
data () {
data() {
return {
specialCrowd: [],
showEmpty: false
......@@ -77,8 +77,8 @@ export default {
</script>
<style lang="less" scoped>
.home_rightTop{
width: 100%;
height: 100%;
}
.home_rightTop {
width: 100%;
height: 100%;
}
</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 sign in to comment