|
@@ -20,6 +20,13 @@
|
|
.range-pick-echart .ant-calendar-date {
|
|
.range-pick-echart .ant-calendar-date {
|
|
color: #B0C4DE;
|
|
color: #B0C4DE;
|
|
}
|
|
}
|
|
|
|
+ .range-pick-echart .ant-calendar-disabled-cell .ant-calendar-date:hover{
|
|
|
|
+ background: none !important;
|
|
|
|
+ }
|
|
|
|
+ .range-pick-echart .ant-calendar-disabled-cell .ant-calendar-date{
|
|
|
|
+ background: none !important;
|
|
|
|
+ color: #a1a1a1 !important;
|
|
|
|
+ }
|
|
</style>
|
|
</style>
|
|
<style lang="scss" scoped>
|
|
<style lang="scss" scoped>
|
|
.body-css {
|
|
.body-css {
|
|
@@ -54,15 +61,19 @@
|
|
|
|
|
|
::v-deep .ant-radio-button-wrapper {
|
|
::v-deep .ant-radio-button-wrapper {
|
|
background-color: rgba(2, 28, 69, 1) !important;
|
|
background-color: rgba(2, 28, 69, 1) !important;
|
|
- border: 1px solid #00BFFF;
|
|
|
|
- color: #ccc;
|
|
|
|
|
|
+ border: 1px solid #6633FF;
|
|
|
|
+ color: #6633FF;
|
|
}
|
|
}
|
|
|
|
+ .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
|
|
|
|
+ color: #fff;
|
|
|
|
+ border-color: #00BFFF;
|
|
|
|
|
|
|
|
+ }
|
|
::v-deep .ant-calendar-picker-clear {
|
|
::v-deep .ant-calendar-picker-clear {
|
|
background: none !important;
|
|
background: none !important;
|
|
color: #ccc !important;
|
|
color: #ccc !important;
|
|
}
|
|
}
|
|
-
|
|
|
|
|
|
+
|
|
::v-deep .ant-table-thead>tr>th {
|
|
::v-deep .ant-table-thead>tr>th {
|
|
color: white;
|
|
color: white;
|
|
/* background: rgba(2, 28, 69, 1) !important; */
|
|
/* background: rgba(2, 28, 69, 1) !important; */
|
|
@@ -94,11 +105,6 @@
|
|
color: #fff;
|
|
color: #fff;
|
|
}
|
|
}
|
|
|
|
|
|
- .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
|
|
|
|
- color: #6633FF;
|
|
|
|
- border-color: #6633FF;
|
|
|
|
-
|
|
|
|
- }
|
|
|
|
|
|
|
|
.threeList {
|
|
.threeList {
|
|
width: 20px;
|
|
width: 20px;
|
|
@@ -310,8 +316,8 @@
|
|
</a-radio-button>
|
|
</a-radio-button>
|
|
</a-radio-group>
|
|
</a-radio-group>
|
|
<a-range-picker format="YYYY-MM-DD" style="float: right;" v-model="priceRangeDate"
|
|
<a-range-picker format="YYYY-MM-DD" style="float: right;" v-model="priceRangeDate"
|
|
- :disabled-date="disabledDate" :allowClear="false" dropdownClassName="range-pick-echart"
|
|
|
|
- @calendarChange="calendarPriceRangeChange" @change="changePriceRangeDate" />
|
|
|
|
|
|
+ :disabled-date="disabledDate" :allowClear="false" dropdownClassName="range-pick-echart"
|
|
|
|
+ @change="changePriceRangeDate" />
|
|
|
|
|
|
<div class="chart-container">
|
|
<div class="chart-container">
|
|
<div class="chart" ref="chart" v-if="chartPie"></div>
|
|
<div class="chart" ref="chart" v-if="chartPie"></div>
|
|
@@ -537,10 +543,10 @@
|
|
disabledDate(current) {
|
|
disabledDate(current) {
|
|
if (this.selectPriceDate) {
|
|
if (this.selectPriceDate) {
|
|
let selectV = moment(this.selectPriceDate, 'YYYY-MM-DD').valueOf()
|
|
let selectV = moment(this.selectPriceDate, 'YYYY-MM-DD').valueOf()
|
|
- return current > moment(new Date(selectV + this.offsetDays), 'YYYY-MM-DD') ||
|
|
|
|
- current < moment(new Date(selectV - this.offsetDays), 'YYYY-MM-DD')
|
|
|
|
|
|
+ return current > moment(new Date(selectV + this.offsetDays), 'YYYY-MM-DD') ||
|
|
|
|
+ current < moment(new Date(selectV - this.offsetDays), 'YYYY-MM-DD')
|
|
} else {
|
|
} else {
|
|
- return false
|
|
|
|
|
|
+ return current && current > moment().endOf('day')
|
|
}
|
|
}
|
|
|
|
|
|
},
|
|
},
|
|
@@ -754,7 +760,7 @@
|
|
}
|
|
}
|
|
})
|
|
})
|
|
var p = Math.round(((value / total) * 100)); //求出百分比
|
|
var p = Math.round(((value / total) * 100)); //求出百分比
|
|
- return p >= 10 ? `${name} ${'|'} ${p}% ${value}` : `${name} ${'|'} ${p}% ${value}` //返回出图例所显示的内容是名称+百分比
|
|
|
|
|
|
+ return p >= 10 ? p== 11 ? `${name} ${'|'} ${p}% ${value}` : `${name} ${'|'} ${p}% ${value}` : `${name} ${'|'} ${p}% ${value}` //返回出图例所显示的内容是名称+百分比
|
|
|
|
|
|
|
|
|
|
},
|
|
},
|