| | |
|---|
| | | <el-progress v-if="percent == 0" type="circle" :percentage="100-percent" status="exception" stroke-width="10"></el-progress>
|
|---|
| | | </div>
|
|---|
| | | <div class="cap-text">
|
|---|
| | | <span>磁盘可用: {{ percent }}%</span>
|
|---|
| | | <span class="useable">磁盘可用: {{ percent }}%</span>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | |
|---|
| | |
|
|---|
| | | <div class="clear-list">
|
|---|
| | | <span class="t">请选择要清理的数据范围</span>
|
|---|
| | | <el-date-picker
|
|---|
| | | <el-date-picker popper-class="clean-time-picker"
|
|---|
| | | style="width: 100%"
|
|---|
| | | v-model="dataRange"
|
|---|
| | | value-format="yyyy-MM-dd"
|
|---|
| | |
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .clear {
|
|---|
| | | position: relative;
|
|---|
| | | padding: 10px;
|
|---|
| | | border-top:2px solid #E1E0E6 ;
|
|---|
| | | border-left:2px solid #E1E0E6 ;
|
|---|
| | |
|---|
| | | align-items: center;
|
|---|
| | | justify-content: space-between;
|
|---|
| | | padding: 0 45px;
|
|---|
| | | color: #333333;
|
|---|
| | | font-weight: bold;
|
|---|
| | | font-size: 16px;
|
|---|
| | |
|
|---|
| | | &:first-child {
|
|---|
| | | border-bottom: 1px solid #E1E0E6;
|
|---|
| | |
|---|
| | | .el-progress__text {
|
|---|
| | | display: none !important;
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .cap-text {
|
|---|
| | | color: #333333;
|
|---|
| | | font-weight: bold;
|
|---|
| | | font-size: 16px;
|
|---|
| | | .useable {
|
|---|
| | | margin-left:20px ;
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | .el-button.el-button--primary {
|
|---|
| | | width: 150px !important;
|
|---|
| | | height: 30px !important;
|
|---|
| | | line-height: 7px !important;
|
|---|
| | | font-size: 14px !important;
|
|---|
| | | color: #fff !important;
|
|---|
| | | background: var(--colorCard) !important;
|
|---|
| | | border-radius: 25px !important;
|
|---|
| | | border: none !important;
|
|---|
| | | }
|
|---|
| | | |
|---|
| | | .el-date-editor.el-range-editor {
|
|---|
| | | height: 48px;
|
|---|
| | | width: 361px !important;
|
|---|
| | | border-radius: 8px;
|
|---|
| | | .el-input__icon.el-range__icon.el-icon-date {
|
|---|
| | | margin:0 15px ;
|
|---|
| | | &::before {
|
|---|
| | | line-height: 40px;
|
|---|
| | | font-size: 20px;
|
|---|
| | | color: #333;
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | .el-range-separator{
|
|---|
| | | line-height: 41px;
|
|---|
| | | }
|
|---|
| | | input {
|
|---|
| | | width: 127px;
|
|---|
| | | height: 32px;
|
|---|
| | | font-size: 12px;
|
|---|
| | | background: #F2F2F7;
|
|---|
| | | border-radius: 20px;
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | |
|---|
| | | .t {
|
|---|
| | | height: 22px;
|
|---|
| | | width: 242px;
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .warm {
|
|---|
| | | position: absolute;
|
|---|
| | | bottom: 60px;
|
|---|
| | | left: 50%;
|
|---|
| | | width: 420px;
|
|---|
| | | transform:translateX(-50%) ;
|
|---|
| | | .icontishi-zhuyi {
|
|---|
| | | margin-right:10px ;
|
|---|
| | | color: red;
|
|---|
| | | }
|
|---|
| | | |
|---|
| | | }
|
|---|
| | | }
|
|---|
| | |
|
|---|
