Sfoglia il codice sorgente

数据看板修改样式小细节

liubei@c-top.com.cn 3 anni fa
parent
commit
bc5a3c3f94
1 ha cambiato i file con 20 aggiunte e 14 eliminazioni
  1. 20 14
      src/views/bossDataKanban/index.vue

+ 20 - 14
src/views/bossDataKanban/index.vue

@@ -20,6 +20,13 @@
     .range-pick-echart .ant-calendar-date {
         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 lang="scss" scoped>
     .body-css {
@@ -54,15 +61,19 @@
 
     ::v-deep .ant-radio-button-wrapper {
         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 {
         background: none !important;
         color: #ccc !important;
     }
-
+    
     ::v-deep .ant-table-thead>tr>th {
         color: white;
         /* background: rgba(2, 28, 69, 1) !important; */
@@ -94,11 +105,6 @@
         color: #fff;
     }
 
-    .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
-        color: #6633FF;
-        border-color: #6633FF;
-
-    }
 
     .threeList {
         width: 20px;
@@ -310,8 +316,8 @@
                             </a-radio-button>
                         </a-radio-group>
                         <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" ref="chart" v-if="chartPie"></div>
@@ -537,10 +543,10 @@
             disabledDate(current) {
                 if (this.selectPriceDate) {
                     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 {
-                    return false
+                    return current && current > moment().endOf('day')
                 }
 
             },
@@ -754,7 +760,7 @@
                                 }
                             })
                             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}` //返回出图例所显示的内容是名称+百分比
 
 
                         },