Compare commits
No commits in common. "6475cbbb012fef8319c23dbab0809bb0bcf881cc" and "d12090cc5d9b98b9fc0b5d2e1764f299d883c1b3" have entirely different histories.
6475cbbb01
...
d12090cc5d
28
pages.json
28
pages.json
|
|
@ -234,24 +234,6 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
,{
|
|
||||||
"path" : "pages/faultStatistics/faultStatistics",
|
|
||||||
"style" :
|
|
||||||
{
|
|
||||||
"navigationBarTitleText": "",
|
|
||||||
"enablePullDownRefresh": false
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
,{
|
|
||||||
"path" : "pages/faultStatistics/projectOverview",
|
|
||||||
"style" :
|
|
||||||
{
|
|
||||||
"navigationBarTitleText": "",
|
|
||||||
"enablePullDownRefresh": false
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
],
|
],
|
||||||
"subPackages": [{ //A包
|
"subPackages": [{ //A包
|
||||||
"root": "pagesA",
|
"root": "pagesA",
|
||||||
|
|
@ -352,15 +334,5 @@
|
||||||
"bounce": "none",
|
"bounce": "none",
|
||||||
"scrollIndicator": "none"
|
"scrollIndicator": "none"
|
||||||
}
|
}
|
||||||
},
|
|
||||||
"condition" : { //模式配置，仅开发期间生效
|
|
||||||
"current": 0, //当前激活的模式(list 的索引项)
|
|
||||||
"list": [
|
|
||||||
{
|
|
||||||
"name": "", //模式名称
|
|
||||||
"path": "", //启动页面，必选
|
|
||||||
"query": "" //启动参数，在页面的onLoad函数里面得到
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,479 +0,0 @@
|
||||||
<template>
|
|
||||||
<view class="content">
|
|
||||||
<statusNav navBarTitle="故障统计"></statusNav>
|
|
||||||
<view class="faultStatistics-nav">
|
|
||||||
<view class="li" @click="navlistIndexFun(index)" :class="navlistIndex==index?'on':''"
|
|
||||||
v-for="(item,index) in navlist">
|
|
||||||
{{item.title}}
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view class="settlement-type">
|
|
||||||
<view class="settlement-type-title">
|
|
||||||
结算类型
|
|
||||||
</view>
|
|
||||||
|
|
||||||
<view class="settlement-type-content">
|
|
||||||
<view class="li liB">
|
|
||||||
<view class="text">
|
|
||||||
单次收费
|
|
||||||
</view>
|
|
||||||
<view class="num">
|
|
||||||
20
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
|
|
||||||
<view class="li liC">
|
|
||||||
<view class="text">
|
|
||||||
验收扫尾
|
|
||||||
</view>
|
|
||||||
<view class="num">
|
|
||||||
3
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view class="li liD">
|
|
||||||
<view class="text">
|
|
||||||
质保免费
|
|
||||||
</view>
|
|
||||||
<view class="num">
|
|
||||||
46
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view class="li">
|
|
||||||
<view class="text">
|
|
||||||
包年签单
|
|
||||||
</view>
|
|
||||||
<view class="num">
|
|
||||||
10
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
|
|
||||||
<view class="fault-type">
|
|
||||||
<view class="settlement-type-title">
|
|
||||||
故障类型
|
|
||||||
</view>
|
|
||||||
<view class="charts-box">
|
|
||||||
<qiun-data-charts type="ring" :chartData="chartData" background="none" />
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view class="brand-analysis">
|
|
||||||
<view class="settlement-type-title">
|
|
||||||
品牌分析
|
|
||||||
</view>
|
|
||||||
|
|
||||||
<view class="brand-analysis-box">
|
|
||||||
<view class="li">
|
|
||||||
<view class="serial-number">
|
|
||||||
1
|
|
||||||
</view>
|
|
||||||
|
|
||||||
<view class="brand-analysis-center">
|
|
||||||
<view class="title-box">
|
|
||||||
<view class="title">
|
|
||||||
海康威视
|
|
||||||
</view>
|
|
||||||
<view class="cor">
|
|
||||||
10
|
|
||||||
</view>
|
|
||||||
<view class="cor1">
|
|
||||||
23.3%
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
|
|
||||||
<view class="percentage">
|
|
||||||
<view class="percentage-box" :style="{width:getPercentage(33,900)}">
|
|
||||||
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
|
|
||||||
<image class="icon" src="../../static/iocn/xl.png" mode=""></image>
|
|
||||||
</view>
|
|
||||||
<view class="li">
|
|
||||||
<view class="serial-number">
|
|
||||||
2
|
|
||||||
</view>
|
|
||||||
|
|
||||||
<view class="brand-analysis-center">
|
|
||||||
<view class="title-box">
|
|
||||||
<view class="title">
|
|
||||||
海康威视
|
|
||||||
</view>
|
|
||||||
<view class="cor">
|
|
||||||
10
|
|
||||||
</view>
|
|
||||||
<view class="cor1">
|
|
||||||
23.3%
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
|
|
||||||
<view class="percentage">
|
|
||||||
<view class="percentage-box" :style="{width:getPercentage(33,900)}">
|
|
||||||
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
|
|
||||||
<image class="icon" src="../../static/iocn/xl.png" mode=""></image>
|
|
||||||
</view>
|
|
||||||
<view class="li">
|
|
||||||
<view class="serial-number">
|
|
||||||
3
|
|
||||||
</view>
|
|
||||||
|
|
||||||
<view class="brand-analysis-center">
|
|
||||||
<view class="title-box">
|
|
||||||
<view class="title">
|
|
||||||
海康威视
|
|
||||||
</view>
|
|
||||||
<view class="cor">
|
|
||||||
10
|
|
||||||
</view>
|
|
||||||
<view class="cor1">
|
|
||||||
23.3%
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
|
|
||||||
<view class="percentage">
|
|
||||||
<view class="percentage-box" :style="{width:getPercentage(33,900)}">
|
|
||||||
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
|
|
||||||
<image class="icon" src="../../static/iocn/xl.png" mode=""></image>
|
|
||||||
</view>
|
|
||||||
<view class="li">
|
|
||||||
<view class="serial-number">
|
|
||||||
4
|
|
||||||
</view>
|
|
||||||
|
|
||||||
<view class="brand-analysis-center">
|
|
||||||
<view class="title-box">
|
|
||||||
<view class="title">
|
|
||||||
海康威视
|
|
||||||
</view>
|
|
||||||
<view class="cor">
|
|
||||||
10
|
|
||||||
</view>
|
|
||||||
<view class="cor1">
|
|
||||||
23.3%
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
|
|
||||||
<view class="percentage">
|
|
||||||
<view class="percentage-box percentage-box-ber" :style="{width:getPercentage(33,80)}">
|
|
||||||
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
|
|
||||||
<image class="icon" src="../../static/iocn/xl.png" mode=""></image>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
|
|
||||||
</view>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import statusNav from '../../components/status-nav.vue';
|
|
||||||
export default {
|
|
||||||
components: {
|
|
||||||
statusNav
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
navlistIndex: 0,
|
|
||||||
navlist: [{
|
|
||||||
title: "全部",
|
|
||||||
},
|
|
||||||
|
|
||||||
{
|
|
||||||
title: "按时间段",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "昨日",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "本周",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "本月",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
|
|
||||||
|
|
||||||
chartData: {
|
|
||||||
series: [{
|
|
||||||
|
|
||||||
format: "tooltipDemo1",
|
|
||||||
data: [{
|
|
||||||
name: "网络故障",
|
|
||||||
value: 50,
|
|
||||||
style: "straight",
|
|
||||||
color: "#7F90A4"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "模组故障",
|
|
||||||
value: 30,
|
|
||||||
style: "straight",
|
|
||||||
color: "#67E0FF",
|
|
||||||
style: "straight",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "网络错误",
|
|
||||||
value: 20,
|
|
||||||
style: "straight",
|
|
||||||
color: "#2D8DFE"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "信息错误",
|
|
||||||
value: 18,
|
|
||||||
color: "#44D2C1",
|
|
||||||
style: "straight",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "供电不足",
|
|
||||||
value: 8,
|
|
||||||
style: "straight",
|
|
||||||
color: "#F47936"
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}]
|
|
||||||
},
|
|
||||||
}
|
|
||||||
},
|
|
||||||
onLoad() {
|
|
||||||
console.log(this.getPercentage(33, 66))
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
navlistIndexFun(index) {
|
|
||||||
this.navlistIndex = index
|
|
||||||
},
|
|
||||||
getPercentage(num, max) {
|
|
||||||
return Math.ceil(((num - 0) / (max - 0)) * 100) + "%"
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style>
|
|
||||||
.content {
|
|
||||||
padding: 0rpx 15rpx;
|
|
||||||
padding-top: 80rpx;
|
|
||||||
padding-bottom: 80rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.faultStatistics-nav {
|
|
||||||
display: flex;
|
|
||||||
font-size: 30rpx;
|
|
||||||
margin-top: 25rpx;
|
|
||||||
color: #958b8b;
|
|
||||||
justify-content: space-around;
|
|
||||||
}
|
|
||||||
|
|
||||||
.faultStatistics-nav .li {
|
|
||||||
padding: 8rpx 13rpx;
|
|
||||||
box-sizing: border-box;
|
|
||||||
border: 2rpx solid #F5F5F5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.faultStatistics-nav .on {
|
|
||||||
color: #FF5400;
|
|
||||||
border: 2rpx solid #FF5400;
|
|
||||||
border-radius: 15rpx;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
.settlement-type {
|
|
||||||
width: 100%;
|
|
||||||
border-radius: 25rpx;
|
|
||||||
height: 350rpx;
|
|
||||||
margin-top: 29rpx;
|
|
||||||
padding: 24rpx;
|
|
||||||
box-sizing: border-box;
|
|
||||||
background-color: #FFFFFF;
|
|
||||||
box-shadow: 0rpx 10rpx 20rpx rgba(0, 0, 0, 0.1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.settlement-type-title {
|
|
||||||
font-size: 32rpx;
|
|
||||||
color: #2c2c2c;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
font-weight: bold;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.settlement-type-title::before {
|
|
||||||
content: "";
|
|
||||||
margin-right: 22rpx;
|
|
||||||
width: 6rpx;
|
|
||||||
display: block;
|
|
||||||
height: 32rpx;
|
|
||||||
border-radius: 50rpx;
|
|
||||||
background: linear-gradient(#307ade, #08adf8)
|
|
||||||
}
|
|
||||||
|
|
||||||
.settlement-type-content {
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
}
|
|
||||||
|
|
||||||
.settlement-type-content .li {
|
|
||||||
width: 50%;
|
|
||||||
text-align: center;
|
|
||||||
padding-bottom: 20rpx;
|
|
||||||
padding-top: 26rpx;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.settlement-type-content .li .text {
|
|
||||||
color: #888888;
|
|
||||||
font-size: 27rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.settlement-type-content .li .num {
|
|
||||||
color: #0ba9f8;
|
|
||||||
font-size: 46rpx;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.settlement-type-content .liB::after {
|
|
||||||
content: "";
|
|
||||||
width: 2rpx;
|
|
||||||
height: 88rpx;
|
|
||||||
background-color: #E5E5E5;
|
|
||||||
position: absolute;
|
|
||||||
right: 0rpx;
|
|
||||||
top: 0rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.settlement-type-content .liB::before {
|
|
||||||
content: "";
|
|
||||||
width: 245rpx;
|
|
||||||
height: 2rpx;
|
|
||||||
background-color: #E5E5E5;
|
|
||||||
position: absolute;
|
|
||||||
left: 50%;
|
|
||||||
margin-left: -123rpx;
|
|
||||||
bottom: 0rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.settlement-type-content .liC::before {
|
|
||||||
content: "";
|
|
||||||
width: 245rpx;
|
|
||||||
height: 2rpx;
|
|
||||||
background-color: #E5E5E5;
|
|
||||||
position: absolute;
|
|
||||||
left: 50%;
|
|
||||||
margin-left: -123rpx;
|
|
||||||
bottom: 0rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.settlement-type-content .liD::before {
|
|
||||||
content: "";
|
|
||||||
width: 2rpx;
|
|
||||||
height: 88rpx;
|
|
||||||
background-color: #E5E5E5;
|
|
||||||
position: absolute;
|
|
||||||
right: 0rpx;
|
|
||||||
margin-left: -123rpx;
|
|
||||||
bottom: 10rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fault-type {
|
|
||||||
width: 100%;
|
|
||||||
padding: 24rpx 21rpx;
|
|
||||||
box-sizing: border-box;
|
|
||||||
height: 500rpx;
|
|
||||||
border-radius: 15rpx;
|
|
||||||
margin-top: 30rpx;
|
|
||||||
background-color: #FFFFFF;
|
|
||||||
box-shadow: 0rpx 10rpx 20rpx rgba(0, 0, 0, 0.1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.charts-box {
|
|
||||||
margin: auto;
|
|
||||||
margin-top: 50rpx;
|
|
||||||
width: 100%;
|
|
||||||
height: 330rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.brand-analysis {
|
|
||||||
padding: 24rpx 21rpx;
|
|
||||||
background-color: #FFFFFF;
|
|
||||||
width: 100%;
|
|
||||||
border-radius: 15rpx;
|
|
||||||
padding-bottom: 120rpx;
|
|
||||||
box-shadow: 0rpx 10rpx 20rpx rgba(0, 0, 0, 0.1);
|
|
||||||
box-sizing: border-box;
|
|
||||||
margin-top: 30rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.brand-analysis-box .li {
|
|
||||||
border-bottom: 2rpx solid #EEEEEE;
|
|
||||||
padding: 27rpx 0rpx;
|
|
||||||
padding-left: 32rpx;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
.brand-analysis-box .li .serial-number {
|
|
||||||
color: #958b8b;
|
|
||||||
font-size: 28rpx;
|
|
||||||
margin-right: 34rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.brand-analysis-center {
|
|
||||||
flex: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.brand-analysis-center .title-box {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
width: 100%;
|
|
||||||
font-size: 24rpx
|
|
||||||
}
|
|
||||||
|
|
||||||
.brand-analysis-center .title-box .title {
|
|
||||||
color: #333333;
|
|
||||||
font-size: 26rpx
|
|
||||||
}
|
|
||||||
|
|
||||||
.cor {
|
|
||||||
color: #2d8dfe;
|
|
||||||
}
|
|
||||||
|
|
||||||
.cor1 {
|
|
||||||
color: #999999;
|
|
||||||
}
|
|
||||||
|
|
||||||
.percentage {
|
|
||||||
width: 100%;
|
|
||||||
margin-top: 11rpx;
|
|
||||||
background-color: #EDEDED;
|
|
||||||
height: 20rpx;
|
|
||||||
border-radius: 25rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.brand-analysis-box .icon {
|
|
||||||
width: 16rpx;
|
|
||||||
height: 31rpx;
|
|
||||||
margin-left: 37rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.percentage-box {
|
|
||||||
height: 100%;
|
|
||||||
background-color: #2d8efd;
|
|
||||||
border-radius: 25rpx;
|
|
||||||
}
|
|
||||||
.percentage-box-ber{
|
|
||||||
background-color: #ffb503;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
@ -1,692 +0,0 @@
|
||||||
<template>
|
|
||||||
<view class="content">
|
|
||||||
<statusNav navBarTitle="数据看板"></statusNav>
|
|
||||||
|
|
||||||
<view class="project-overview">
|
|
||||||
<view class="settlement-type-title">
|
|
||||||
项目概况
|
|
||||||
</view>
|
|
||||||
<view class="project-gross">
|
|
||||||
<view class="project-gross-title">
|
|
||||||
累计总项目量
|
|
||||||
</view>
|
|
||||||
<view class="project-gross-num">
|
|
||||||
<view class="li">
|
|
||||||
0
|
|
||||||
</view>
|
|
||||||
<view class="li">
|
|
||||||
2
|
|
||||||
</view>
|
|
||||||
<view class="li">
|
|
||||||
9
|
|
||||||
</view>
|
|
||||||
<view class="li">
|
|
||||||
8
|
|
||||||
</view>
|
|
||||||
<view class="li">
|
|
||||||
5
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
|
|
||||||
<view class="project-gross-box">
|
|
||||||
<view class="li">
|
|
||||||
<view class="date">
|
|
||||||
今日
|
|
||||||
</view>
|
|
||||||
|
|
||||||
<view class="date-con">
|
|
||||||
<view class="date-con-li">
|
|
||||||
<view class="text">
|
|
||||||
新增项目量
|
|
||||||
</view>
|
|
||||||
<view class="single-amount">
|
|
||||||
0单
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view class="date-con-li">
|
|
||||||
<view class="text">
|
|
||||||
新增工单量
|
|
||||||
</view>
|
|
||||||
<view class="single-amount">
|
|
||||||
0单
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view class="date-con-li">
|
|
||||||
<view class="text">
|
|
||||||
项目故障率
|
|
||||||
</view>
|
|
||||||
<view class="single-amount">
|
|
||||||
0单
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
|
|
||||||
<view class="li">
|
|
||||||
<view class="date">
|
|
||||||
本周
|
|
||||||
</view>
|
|
||||||
|
|
||||||
<view class="date-con">
|
|
||||||
<view class="date-con-li">
|
|
||||||
<view class="text">
|
|
||||||
新增项目量
|
|
||||||
</view>
|
|
||||||
<view class="single-amount">
|
|
||||||
0单
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view class="date-con-li">
|
|
||||||
<view class="text">
|
|
||||||
新增工单量
|
|
||||||
</view>
|
|
||||||
<view class="single-amount">
|
|
||||||
0单
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view class="date-con-li">
|
|
||||||
<view class="text">
|
|
||||||
项目故障率
|
|
||||||
</view>
|
|
||||||
<view class="single-amount">
|
|
||||||
0单
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
|
|
||||||
<view class="li">
|
|
||||||
<view class="date">
|
|
||||||
本月
|
|
||||||
</view>
|
|
||||||
|
|
||||||
<view class="date-con">
|
|
||||||
<view class="date-con-li">
|
|
||||||
<view class="text">
|
|
||||||
新增项目量
|
|
||||||
</view>
|
|
||||||
<view class="single-amount">
|
|
||||||
0单
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view class="date-con-li">
|
|
||||||
<view class="text">
|
|
||||||
新增工单量
|
|
||||||
</view>
|
|
||||||
<view class="single-amount">
|
|
||||||
0单
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view class="date-con-li">
|
|
||||||
<view class="text">
|
|
||||||
项目故障率
|
|
||||||
</view>
|
|
||||||
<view class="single-amount">
|
|
||||||
0单
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
|
|
||||||
</view>
|
|
||||||
|
|
||||||
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
|
|
||||||
<view class="data-icon">
|
|
||||||
<view class="settlement-type-title">
|
|
||||||
年度项目数据明细
|
|
||||||
</view>
|
|
||||||
<view class="">
|
|
||||||
<view class="charts-box">
|
|
||||||
<qiun-data-charts type="mix" :chartData="chartData" background="none" />
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
|
|
||||||
|
|
||||||
<view class="serve-data">
|
|
||||||
<view class="settlement-type-title">
|
|
||||||
服务数据
|
|
||||||
</view>
|
|
||||||
<view class="serve-data-box">
|
|
||||||
<view class="serve-data-left">
|
|
||||||
<view class="title">
|
|
||||||
本月服务量
|
|
||||||
</view>
|
|
||||||
<view class="text-con">
|
|
||||||
<view class="li">
|
|
||||||
<view class="text">
|
|
||||||
维保工单:
|
|
||||||
</view>
|
|
||||||
<view class="num">
|
|
||||||
3
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view class="li">
|
|
||||||
<view class="text">
|
|
||||||
巡检服务单:
|
|
||||||
</view>
|
|
||||||
<view class="num">
|
|
||||||
65465
|
|
||||||
</view>
|
|
||||||
|
|
||||||
</view>
|
|
||||||
<view class="li">
|
|
||||||
<view class="text">
|
|
||||||
移屏服务单:
|
|
||||||
</view>
|
|
||||||
<view class="num">
|
|
||||||
32132
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view class="li">
|
|
||||||
<view class="text">
|
|
||||||
拆屏工单:
|
|
||||||
</view>
|
|
||||||
<view class="num">
|
|
||||||
32132
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view class="serve-data-left">
|
|
||||||
<view class="title">
|
|
||||||
累计服务量
|
|
||||||
</view>
|
|
||||||
<view class="text-con">
|
|
||||||
<view class="li">
|
|
||||||
<view class="text">
|
|
||||||
维保工单:
|
|
||||||
</view>
|
|
||||||
<view class="num">
|
|
||||||
3
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view class="li">
|
|
||||||
<view class="text">
|
|
||||||
巡检服务单:
|
|
||||||
</view>
|
|
||||||
<view class="num">
|
|
||||||
65465
|
|
||||||
</view>
|
|
||||||
|
|
||||||
</view>
|
|
||||||
<view class="li">
|
|
||||||
<view class="text">
|
|
||||||
移屏服务单:
|
|
||||||
</view>
|
|
||||||
<view class="num">
|
|
||||||
32132
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view class="li">
|
|
||||||
<view class="text">
|
|
||||||
拆屏工单:
|
|
||||||
</view>
|
|
||||||
<view class="num">
|
|
||||||
32132
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
|
|
||||||
<view class="data-icon">
|
|
||||||
<view class="settlement-type-title">
|
|
||||||
年度项目数据明细
|
|
||||||
</view>
|
|
||||||
<view class="">
|
|
||||||
<view class="charts-box">
|
|
||||||
<qiun-data-charts type="mix" :chartData="chartDataA" background="none" />
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
|
|
||||||
<view class="expire-project">
|
|
||||||
<view class="settlement-type-title settlement-type-titlea">
|
|
||||||
质保即将到期项目
|
|
||||||
</view>
|
|
||||||
|
|
||||||
<view class="expire-project-box">
|
|
||||||
<view class="li-title li">
|
|
||||||
<view class="name">
|
|
||||||
项目名称
|
|
||||||
</view>
|
|
||||||
<view class="work-order">
|
|
||||||
工单
|
|
||||||
</view>
|
|
||||||
<view class="date">
|
|
||||||
日期
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
|
|
||||||
<view class="li-text li">
|
|
||||||
<view class="name">
|
|
||||||
1.五岭新天地二期停车场xxxxxxxxxxxxx
|
|
||||||
</view>
|
|
||||||
<view class="work-order">
|
|
||||||
6
|
|
||||||
</view>
|
|
||||||
<view class="date">
|
|
||||||
22/2/24
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view class="li-text li">
|
|
||||||
<view class="name">
|
|
||||||
1.五岭新天地二期停车场xxxxxxxxxxxxx
|
|
||||||
</view>
|
|
||||||
<view class="work-order">
|
|
||||||
6
|
|
||||||
</view>
|
|
||||||
<view class="date">
|
|
||||||
22/2/24
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view class="li-text li">
|
|
||||||
<view class="name">
|
|
||||||
1.五岭新天地二期停车场xxxxxxxxxxxxx
|
|
||||||
</view>
|
|
||||||
<view class="work-order">
|
|
||||||
6
|
|
||||||
</view>
|
|
||||||
<view class="date">
|
|
||||||
22/2/24
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view class="li-text li">
|
|
||||||
<view class="name">
|
|
||||||
1.五岭新天地二期停车场xxxxxxxxxxxxx
|
|
||||||
</view>
|
|
||||||
<view class="work-order">
|
|
||||||
6
|
|
||||||
</view>
|
|
||||||
<view class="date">
|
|
||||||
22/2/24
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import statusNav from '../../components/status-nav.vue';
|
|
||||||
export default {
|
|
||||||
components: {
|
|
||||||
statusNav
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
chartDataA: {
|
|
||||||
categories: [
|
|
||||||
"1月",
|
|
||||||
"2月",
|
|
||||||
"3月",
|
|
||||||
"4月",
|
|
||||||
"5月",
|
|
||||||
"6月"
|
|
||||||
],
|
|
||||||
series: [
|
|
||||||
|
|
||||||
{
|
|
||||||
name: "",
|
|
||||||
index: 1,
|
|
||||||
data: [
|
|
||||||
40,
|
|
||||||
{
|
|
||||||
value: 30,
|
|
||||||
|
|
||||||
},
|
|
||||||
55,
|
|
||||||
110,
|
|
||||||
24,
|
|
||||||
58
|
|
||||||
],
|
|
||||||
type: "column",
|
|
||||||
"color": "#308de1"
|
|
||||||
},
|
|
||||||
|
|
||||||
|
|
||||||
{
|
|
||||||
"name": "",
|
|
||||||
"data": [
|
|
||||||
40,
|
|
||||||
30,
|
|
||||||
55,
|
|
||||||
110,
|
|
||||||
24,
|
|
||||||
58
|
|
||||||
],
|
|
||||||
"type": "line",
|
|
||||||
"color": "#308de1"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"name": "",
|
|
||||||
"index": 2,
|
|
||||||
"data": [
|
|
||||||
40,
|
|
||||||
30,
|
|
||||||
55,
|
|
||||||
110,
|
|
||||||
24,
|
|
||||||
58
|
|
||||||
],
|
|
||||||
"type": "point",
|
|
||||||
"color": "#308de1"
|
|
||||||
}
|
|
||||||
|
|
||||||
]
|
|
||||||
},
|
|
||||||
chartData: {
|
|
||||||
categories: [
|
|
||||||
"1月",
|
|
||||||
"2月",
|
|
||||||
"3月",
|
|
||||||
"4月",
|
|
||||||
"5月",
|
|
||||||
"6月"
|
|
||||||
],
|
|
||||||
series: [
|
|
||||||
|
|
||||||
{
|
|
||||||
name: "",
|
|
||||||
index: 1,
|
|
||||||
data: [
|
|
||||||
40,
|
|
||||||
{
|
|
||||||
value: 30,
|
|
||||||
|
|
||||||
},
|
|
||||||
55,
|
|
||||||
110,
|
|
||||||
24,
|
|
||||||
58
|
|
||||||
],
|
|
||||||
type: "column",
|
|
||||||
"color": "#fe4141"
|
|
||||||
},
|
|
||||||
|
|
||||||
|
|
||||||
{
|
|
||||||
"name": "",
|
|
||||||
"data": [
|
|
||||||
40,
|
|
||||||
30,
|
|
||||||
55,
|
|
||||||
110,
|
|
||||||
24,
|
|
||||||
58
|
|
||||||
],
|
|
||||||
"type": "line",
|
|
||||||
"color": "#fe4141"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"name": "",
|
|
||||||
"index": 2,
|
|
||||||
"data": [
|
|
||||||
40,
|
|
||||||
30,
|
|
||||||
55,
|
|
||||||
110,
|
|
||||||
24,
|
|
||||||
58
|
|
||||||
],
|
|
||||||
"type": "point",
|
|
||||||
"color": "#fe4141"
|
|
||||||
}
|
|
||||||
|
|
||||||
]
|
|
||||||
},
|
|
||||||
}
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style>
|
|
||||||
.content {
|
|
||||||
padding: 10rpx;
|
|
||||||
padding-top: 90rpx;
|
|
||||||
padding-bottom: 80rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.settlement-type-title {
|
|
||||||
font-size: 32rpx;
|
|
||||||
color: #2c2c2c;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
font-weight: bold;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.settlement-type-title::before {
|
|
||||||
content: "";
|
|
||||||
margin-right: 22rpx;
|
|
||||||
width: 6rpx;
|
|
||||||
display: block;
|
|
||||||
height: 32rpx;
|
|
||||||
border-radius: 50rpx;
|
|
||||||
background: linear-gradient(#307ade, #08adf8)
|
|
||||||
}
|
|
||||||
|
|
||||||
.project-overview {
|
|
||||||
background-color: #FFFFFF;
|
|
||||||
border-radius: 40rpx;
|
|
||||||
padding: 26rpx 24rpx;
|
|
||||||
box-shadow: 0rpx 10rpx 20rpx rgba(0, 0, 0, 0.1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.project-gross {
|
|
||||||
margin-top: 25rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.project-gross .project-gross-title {
|
|
||||||
color: #2c2c2c;
|
|
||||||
font-size: 30rpx;
|
|
||||||
font-weight: bold;
|
|
||||||
text-align: center;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.project-gross-num {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
margin-top: 20rpx;
|
|
||||||
margin-bottom: 27rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.project-gross-num .li {
|
|
||||||
width: 76rpx;
|
|
||||||
height: 94rpx;
|
|
||||||
text-align: center;
|
|
||||||
font-size: 60rpx;
|
|
||||||
color: #FFFFFF;
|
|
||||||
line-height: 94rpx;
|
|
||||||
margin: 0 4rpx;
|
|
||||||
background-color: #00a0e9;
|
|
||||||
border-radius: 10rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.project-gross-box .li {
|
|
||||||
margin-bottom: 50rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.project-gross-box .li .date {
|
|
||||||
color: #2C2C2C;
|
|
||||||
font-size: 28rpx;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
.project-gross-box .li .date::before {
|
|
||||||
content: "";
|
|
||||||
display: block;
|
|
||||||
width: 10rpx;
|
|
||||||
margin-right: 10rpx;
|
|
||||||
height: 10rpx;
|
|
||||||
border-radius: 50%;
|
|
||||||
background-color: #FFBB31;
|
|
||||||
}
|
|
||||||
|
|
||||||
.project-gross-box .li .date-con {
|
|
||||||
display: flex;
|
|
||||||
padding: 0 23rpx;
|
|
||||||
padding-right: 0rpx;
|
|
||||||
margin-top: 20rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.project-gross-box .li .date-con .date-con-li {
|
|
||||||
border-right: 2rpx solid #E6E6E6;
|
|
||||||
padding-right: 60rpx;
|
|
||||||
padding-left: 60rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.project-gross-box .li .date-con .date-con-li:first-child {
|
|
||||||
text-align: left;
|
|
||||||
padding-left: 0rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.project-gross-box .li .date-con .date-con-li:last-child {
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.project-gross-box .li .date-con .date-con-li .text {
|
|
||||||
font-size: 24rpx;
|
|
||||||
color: #a2a2a2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.project-gross-box .li .date-con .date-con-li .single-amount {
|
|
||||||
font-size: 30rpx;
|
|
||||||
color: #f8b21b;
|
|
||||||
margin-top: 10rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.data-icon {
|
|
||||||
background-color: #FFFFFF;
|
|
||||||
border-radius: 40rpx;
|
|
||||||
padding: 26rpx 24rpx;
|
|
||||||
margin-top: 15rpx;
|
|
||||||
box-shadow: 0rpx 10rpx 20rpx rgba(0, 0, 0, 0.1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.serve-data {
|
|
||||||
padding: 26rpx 24rpx;
|
|
||||||
margin-top: 27rpx;
|
|
||||||
box-shadow: 0rpx 10rpx 20rpx rgba(0, 0, 0, 0.1);
|
|
||||||
border-radius: 40rpx;
|
|
||||||
background-color: #FFFFFF;
|
|
||||||
padding-bottom: 40rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.serve-data-box {
|
|
||||||
display: flex;
|
|
||||||
margin-top: 27rpx;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.serve-data-box .serve-data-left {
|
|
||||||
width: 50%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.serve-data-box .serve-data-left .title {
|
|
||||||
font-size: 28rpx;
|
|
||||||
color: #2c2c2c;
|
|
||||||
font-weight: bold;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.serve-data-box .serve-data-left .title::before {
|
|
||||||
content: "";
|
|
||||||
width: 10rpx;
|
|
||||||
display: block;
|
|
||||||
border-radius: 50%;
|
|
||||||
margin-right: 13rpx;
|
|
||||||
height: 10rpx;
|
|
||||||
background-image: linear-gradient(#5fc0f0, #297ddc);
|
|
||||||
}
|
|
||||||
|
|
||||||
.serve-data-box .serve-data-left .li {
|
|
||||||
display: flex;
|
|
||||||
margin-top: 40rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.serve-data-box .serve-data-left .li .text {
|
|
||||||
width: 130rpx;
|
|
||||||
font-size: 24rpx;
|
|
||||||
color: #a2a2a2;
|
|
||||||
margin-right: 20rpx;
|
|
||||||
text-align: right;
|
|
||||||
}
|
|
||||||
|
|
||||||
.serve-data-box .serve-data-left .li .num {
|
|
||||||
width: 130rpx;
|
|
||||||
font-size: 24rpx;
|
|
||||||
color: #27cdc9;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
.serve-data-box .serve-data-left:nth-child(2) {
|
|
||||||
padding-left: 32rpx;
|
|
||||||
}
|
|
||||||
.expire-project{
|
|
||||||
padding: 26rpx 24rpx;
|
|
||||||
margin-top: 27rpx;
|
|
||||||
box-shadow: 0rpx 10rpx 20rpx rgba(0, 0, 0, 0.1);
|
|
||||||
border-radius: 40rpx;
|
|
||||||
background-color: #FFFFFF;
|
|
||||||
}
|
|
||||||
|
|
||||||
.settlement-type-titlea::before {
|
|
||||||
content: "";
|
|
||||||
margin-right: 22rpx;
|
|
||||||
width: 6rpx;
|
|
||||||
display: block;
|
|
||||||
height: 32rpx;
|
|
||||||
border-radius: 50rpx;
|
|
||||||
background: linear-gradient(#2ed5b6, #2fd9cf)
|
|
||||||
}
|
|
||||||
.expire-project-box .li-title{
|
|
||||||
display: flex;
|
|
||||||
width: 100%;
|
|
||||||
font-size: 28rpx;
|
|
||||||
color: #a2a2a2;
|
|
||||||
margin-top: 20rpx;
|
|
||||||
}
|
|
||||||
.expire-project-box .li-title .name{
|
|
||||||
padding-left: 80rpx;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
.expire-project-box .li .name{
|
|
||||||
width: 455rpx;
|
|
||||||
}
|
|
||||||
.expire-project-box .li .work-order{
|
|
||||||
width: 80rpx;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
.expire-project-box .li .date{
|
|
||||||
flex: 1;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
.expire-project-box .li-text{
|
|
||||||
display: flex;
|
|
||||||
padding: 17rpx 0rpx;
|
|
||||||
font-size: 24rpx;
|
|
||||||
border-bottom: 2rpx solid #E6E6E6;
|
|
||||||
color: #27cdc9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.expire-project-box .li-text .name{
|
|
||||||
color: #333333;
|
|
||||||
}
|
|
||||||
.expire-project-box .li-text:last-child{
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 404 B |
|
|
@ -60,16 +60,15 @@ const cfu = {
|
||||||
"xAxisDemo2":function(val){return formatDateTime(val,'h:m')},
|
"xAxisDemo2":function(val){return formatDateTime(val,'h:m')},
|
||||||
"seriesDemo1":function(val){return val+'元'},
|
"seriesDemo1":function(val){return val+'元'},
|
||||||
"tooltipDemo1":function(item, category, index, opts){
|
"tooltipDemo1":function(item, category, index, opts){
|
||||||
|
|
||||||
if(index==0){
|
if(index==0){
|
||||||
return '随便用'+item.data+'年'
|
return '随便用'+item.data+'年'
|
||||||
}else{
|
}else{
|
||||||
return item.name+item.data+'天'
|
return '其他我没改'+item.data+'天'
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"pieDemo":function(val, index, series){
|
"pieDemo":function(val, index, series){
|
||||||
if(index !== undefined){
|
if(index !== undefined){
|
||||||
return series[index].name+"\n"+series[index].data+'元'
|
return series[index].name+'：'+series[index].data+'元'
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
|
@ -91,97 +90,26 @@ const cfu = {
|
||||||
"extra": {
|
"extra": {
|
||||||
"line": {
|
"line": {
|
||||||
"type": "curve",
|
"type": "curve",
|
||||||
"width": 1
|
"width": 2
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
//下面是自定义配置，请添加项目所需的通用配置
|
//下面是自定义配置，请添加项目所需的通用配置
|
||||||
"pie":{
|
"pie":{
|
||||||
"type": "pie",
|
"type": "pie",
|
||||||
"canvasId": "",
|
"color": color,
|
||||||
"canvas2d": false,
|
"padding": [5,5,5,5],
|
||||||
"background": "none",
|
"extra": {
|
||||||
"animation": true,
|
"pie": {
|
||||||
"timing": "easeOut",
|
"activeOpacity": 0.5,
|
||||||
"duration": 1000,
|
"activeRadius": 10,
|
||||||
"color": [
|
"offsetAngle": 0,
|
||||||
"#1890FF",
|
"labelWidth": 15,
|
||||||
"#91CB74",
|
"border": true,
|
||||||
"#FAC858",
|
"borderWidth": 3,
|
||||||
"#EE6666",
|
"borderColor": "#FFFFFF"
|
||||||
"#73C0DE",
|
},
|
||||||
"#3CA272",
|
}
|
||||||
"#FC8452",
|
|
||||||
"#9A60B4",
|
|
||||||
"#ea7ccc"
|
|
||||||
],
|
|
||||||
"padding": [
|
|
||||||
5,
|
|
||||||
5,
|
|
||||||
5,
|
|
||||||
5
|
|
||||||
],
|
|
||||||
"rotate": false,
|
|
||||||
"errorReload": true,
|
|
||||||
"fontSize": 13,
|
|
||||||
"fontColor": "#666666",
|
|
||||||
"enableScroll": false,
|
|
||||||
"touchMoveLimit": 60,
|
|
||||||
"enableMarkLine": false,
|
|
||||||
"dataLabel": true,
|
|
||||||
"dataPointShape": true,
|
|
||||||
"dataPointShapeType": "solid",
|
|
||||||
"tapLegend": true,
|
|
||||||
"legend": {
|
|
||||||
"show": false,
|
|
||||||
"position": "top",
|
|
||||||
"float": "center",
|
|
||||||
"padding": 5,
|
|
||||||
"margin": 5,
|
|
||||||
"backgroundColor": "rgba(0,0,0,0)",
|
|
||||||
"borderColor": "rgba(0,0,0,0)",
|
|
||||||
"borderWidth": 0,
|
|
||||||
"fontSize": 13,
|
|
||||||
"fontColor": "#000",
|
|
||||||
"lineHeight": 11,
|
|
||||||
"hiddenColor": "#CECECE",
|
|
||||||
"itemGap": 10
|
|
||||||
},
|
|
||||||
"extra": {
|
|
||||||
"pie": {
|
|
||||||
"activeOpacity": 0.5,
|
|
||||||
"activeRadius": 10,
|
|
||||||
"offsetAngle": 0,
|
|
||||||
"customRadius": 0,
|
|
||||||
"labelWidth": 15,
|
|
||||||
"border": true,
|
|
||||||
"borderWidth": 3,
|
|
||||||
"borderColor": "#FFFFFF",
|
|
||||||
"linearType": "none"
|
|
||||||
},
|
|
||||||
"tooltip": {
|
|
||||||
"showBox": true,
|
|
||||||
"showArrow": true,
|
|
||||||
"showCategory": false,
|
|
||||||
"borderWidth": 0,
|
|
||||||
"borderRadius": 0,
|
|
||||||
"borderColor": "#000000",
|
|
||||||
"borderOpacity": 0.7,
|
|
||||||
"bgColor": "#000000",
|
|
||||||
"bgOpacity": 0.7,
|
|
||||||
"gridType": "solid",
|
|
||||||
"dashLength": 4,
|
|
||||||
"gridColor": "#CCCCCC",
|
|
||||||
"fontColor": "#FFFFFF",
|
|
||||||
"splitLine": true,
|
|
||||||
"horizentalLine": false,
|
|
||||||
"xAxisLabel": false,
|
|
||||||
"yAxisLabel": false,
|
|
||||||
"labelBgColor": "#FFFFFF",
|
|
||||||
"labelBgOpacity": 0.7,
|
|
||||||
"labelFontColor": "#666666"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
"ring":{
|
"ring":{
|
||||||
"type": "ring",
|
"type": "ring",
|
||||||
|
|
@ -190,20 +118,20 @@ const cfu = {
|
||||||
"rotate": false,
|
"rotate": false,
|
||||||
"dataLabel": true,
|
"dataLabel": true,
|
||||||
"legend": {
|
"legend": {
|
||||||
"show": false,
|
"show": true,
|
||||||
"position": "right",
|
"position": "right",
|
||||||
"lineHeight": 25,
|
"lineHeight": 25,
|
||||||
},
|
},
|
||||||
// "title": {
|
"title": {
|
||||||
// "name": "收益率",
|
"name": "收益率",
|
||||||
// "fontSize": 15,
|
"fontSize": 15,
|
||||||
// "color": "#666666"
|
"color": "#666666"
|
||||||
// },
|
},
|
||||||
// "subtitle": {
|
"subtitle": {
|
||||||
// "name": "70%",
|
"name": "70%",
|
||||||
// "fontSize": 25,
|
"fontSize": 25,
|
||||||
// "color": "#7cb5ec"
|
"color": "#7cb5ec"
|
||||||
// },
|
},
|
||||||
"extra": {
|
"extra": {
|
||||||
"ring": {
|
"ring": {
|
||||||
"ringWidth":30,
|
"ringWidth":30,
|
||||||
|
|
@ -570,144 +498,32 @@ const cfu = {
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"mix":{
|
"mix":{
|
||||||
"type": "mix",
|
"type": "mix",
|
||||||
"canvasId": "",
|
"color": color,
|
||||||
"canvas2d": false,
|
"padding": [15,15,0,15],
|
||||||
"background": "none",
|
"xAxis": {
|
||||||
"animation": true,
|
"disableGrid": true,
|
||||||
"timing": "easeOut",
|
},
|
||||||
"duration": 1000,
|
"yAxis": {
|
||||||
"color": [
|
"disabled": false,
|
||||||
"#1890FF",
|
"disableGrid": false,
|
||||||
"#91CB74",
|
"splitNumber": 5,
|
||||||
"#FAC858",
|
"gridType": "dash",
|
||||||
"#EE6666",
|
"dashLength": 4,
|
||||||
"#73C0DE",
|
"gridColor": "#CCCCCC",
|
||||||
"#3CA272",
|
"padding": 10,
|
||||||
"#FC8452",
|
"showTitle": true,
|
||||||
"#9A60B4",
|
"data": []
|
||||||
"#ea7ccc"
|
},
|
||||||
],
|
"legend": {
|
||||||
"padding": [
|
},
|
||||||
15,
|
"extra": {
|
||||||
15,
|
"mix": {
|
||||||
0,
|
"column": {
|
||||||
15
|
"width": 20
|
||||||
],
|
}
|
||||||
"rotate": false,
|
},
|
||||||
"errorReload": true,
|
}
|
||||||
"fontSize": 13,
|
|
||||||
"fontColor": "#666666",
|
|
||||||
"enableScroll": false,
|
|
||||||
"touchMoveLimit": 60,
|
|
||||||
"enableMarkLine": false,
|
|
||||||
"dataLabel": true,
|
|
||||||
"dataPointShape": true,
|
|
||||||
"dataPointShapeType": "solid",
|
|
||||||
"tapLegend": true,
|
|
||||||
"xAxis": {
|
|
||||||
"disabled": false,
|
|
||||||
"axisLine": true,
|
|
||||||
"axisLineColor": "#CCCCCC",
|
|
||||||
"calibration": false,
|
|
||||||
"fontColor": "#666666",
|
|
||||||
"fontSize": 13,
|
|
||||||
"rotateLabel": false,
|
|
||||||
"itemCount": 5,
|
|
||||||
"boundaryGap": "center",
|
|
||||||
"disableGrid": true,
|
|
||||||
"gridColor": "#CCCCCC",
|
|
||||||
"gridType": "solid",
|
|
||||||
"dashLength": 4,
|
|
||||||
"gridEval": 1,
|
|
||||||
"scrollShow": false,
|
|
||||||
"scrollAlign": "left",
|
|
||||||
"scrollColor": "#A6A6A6",
|
|
||||||
"scrollBackgroundColor": "#EFEBEF",
|
|
||||||
"format": ""
|
|
||||||
},
|
|
||||||
"yAxis": {
|
|
||||||
"disabled": false,
|
|
||||||
"disableGrid": false,
|
|
||||||
"splitNumber": 5,
|
|
||||||
"gridType": "dash",
|
|
||||||
"dashLength": 4,
|
|
||||||
"gridColor": "#CCCCCC",
|
|
||||||
"padding": 10,
|
|
||||||
"showTitle": true,
|
|
||||||
"data": [
|
|
||||||
{
|
|
||||||
"position": "top",
|
|
||||||
"title": "折线",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"position": "top",
|
|
||||||
"title": "",
|
|
||||||
"textAlign": "left"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"position": "left",
|
|
||||||
|
|
||||||
"title": "",
|
|
||||||
"textAlign": "left"
|
|
||||||
},
|
|
||||||
|
|
||||||
]
|
|
||||||
},
|
|
||||||
"legend": {
|
|
||||||
"show": false,
|
|
||||||
"position": "bottom",
|
|
||||||
"float": "center",
|
|
||||||
"padding": 5,
|
|
||||||
"margin": 5,
|
|
||||||
"backgroundColor": "rgba(0,0,0,0)",
|
|
||||||
"borderColor": "rgba(0,0,0,0)",
|
|
||||||
"borderWidth": 0,
|
|
||||||
"fontSize": 13,
|
|
||||||
"fontColor": "#666666",
|
|
||||||
"lineHeight": 11,
|
|
||||||
"hiddenColor": "#CECECE",
|
|
||||||
"itemGap": 10
|
|
||||||
},
|
|
||||||
"extra": {
|
|
||||||
"mix": {
|
|
||||||
"column": {
|
|
||||||
"width": 20,
|
|
||||||
"seriesGap": 2,
|
|
||||||
"barBorderCircle": false,
|
|
||||||
"linearType": "none",
|
|
||||||
"linearOpacity": 1,
|
|
||||||
"colorStop": 0
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"tooltip": {
|
|
||||||
"showBox": true,
|
|
||||||
"showArrow": true,
|
|
||||||
"showCategory": false,
|
|
||||||
"borderWidth": 0,
|
|
||||||
"borderRadius": 0,
|
|
||||||
"borderColor": "#000000",
|
|
||||||
"borderOpacity": 0.7,
|
|
||||||
"bgColor": "#000000",
|
|
||||||
"bgOpacity": 0.7,
|
|
||||||
"gridType": "solid",
|
|
||||||
"dashLength": 4,
|
|
||||||
"gridColor": "#CCCCCC",
|
|
||||||
"fontColor": "#FFFFFF",
|
|
||||||
"splitLine": true,
|
|
||||||
"horizentalLine": false,
|
|
||||||
"xAxisLabel": false,
|
|
||||||
"yAxisLabel": false,
|
|
||||||
"labelBgColor": "#FFFFFF",
|
|
||||||
"labelBgOpacity": 0.7,
|
|
||||||
"labelFontColor": "#666666"
|
|
||||||
},
|
|
||||||
"markLine": {
|
|
||||||
"type": "solid",
|
|
||||||
"dashLength": 4,
|
|
||||||
"data": []
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
"scatter":{
|
"scatter":{
|
||||||
"type": "scatter",
|
"type": "scatter",
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue