change all

heyujie

2021-07-30 4b43bfb3f6f499f480712dd29bef52275466afd6

 src/pages/vindicate/views/systemClean.vue

@@ -5,7 +5,8 @@
      <el-date-picker

        style="width: 100%"

        v-model="dataRange"

        type="daterange"

            value-format="yyyy-MM-dd"

        type="daterange" 
        align="right"

        size="small"

        range-separator="至"

@@ -17,13 +18,12 @@


    <div class="desc">

      <div class="disk-img">

        <span class="icon iconfont">&#xe6e0;</span>

        <span class="icon iconfont">{{"\ue8b1"}}</span>



      </div>

      <div class="cap">

        <div class="cap-text">

          <span>磁盘已用</span>

          <span>可用：{{ percent }}%</span>

          <span>磁盘可用: {{ percent }}%</span>

        </div>

        <div class="cap-bar">

          <div class="inner-bar" :style="`width: ${100-percent}%;`"></div>

@@ -33,7 +33,6 @@
      <el-button type="primary" @click="deleteData">数据清理</el-button>



      <div class="warm">

        <!-- <span class="icon iconfont" style="margin-right:5px">&#xe690;</span> -->

        <i class="iconfont icontishi-zhuyi"></i>

        <span class="text">请注意，按以上日期范围删除的数据不可恢复，立即生效，请谨慎操作!</span>

      </div>

@@ -55,31 +54,23 @@
      },

      loading: false,

      loadingText: '',

      dataRange: [

        this.$moment().format("YYYY-MM-DD HH:mm:ss"),

        this.$moment().format("YYYY-MM-DD HH:mm:ss"),

      ]

      dataRange: []

    };

  },

  mounted() { 
  },

  props:{

    percent:{

      type:Number,

      default:0

  props:["free","full"],

  computed: {

    percent(){

      return Math.round(this.free/this.full *100)

    }

  },

  methods: {

    deleteData() {

      var timeRange = this.format(this.dataRange);

      var showStartTime = timeRange[0];

      var showEndTime = timeRange[1];

      this.$confirm(

        showStartTime +

        " 至 " +

        showEndTime +

        " 产生的全部数据将被删除，此操作立即生效，不可恢复，是否删除？", "提示",

        { 
      if (this.dataRange.length==0) {

        this.$message.warning("请先选择日期")

        return

      }

      const [showStartTime, showEndTime] = this.dataRange

      this.$confirm(`${showStartTime} 至 ${showEndTime} 产生的全部数据将被删除，此操作立即生效，不可恢复，是否删除？`, "提示",{ 
          type:"warning",

          cancelButtonClass: "comfirm-class-cancle",

          confirmButtonClass: "comfirm-class-sure",

@@ -94,28 +85,17 @@
          })

            .then((resp) => {

              if (resp.success) {

                this.$message({

                  type: "success",

                  message: "删除数据成功",

                });

                this.loading = false

                this.$message.success(`清理成功，已清理 ${resp.data} 条数据`);

                this.$emit("refreshPercent")

              }

            })

            .catch((err) => {

              this.$message({

                type: "error",

                message: "删除数据失败！",

              });

              this.$message.error("删除失败，"+err.msg);

              this.loading = false

            });

        })

        .catch(() => { });

    },

    format(array) {

      return [

        this.$moment(array[0]).format("YYYY-MM-DD"),

        this.$moment(array[1]).format("YYYY-MM-DD"),

      ];

    },

  },

};

@@ -160,7 +140,7 @@
      margin-bottom: 10px;

      // background-color: aquamarine;

      .iconfont{

        font-size: 90px;

        font-size: 82px;

        color: #3a8120;

      }

    }

@@ -184,8 +164,8 @@
      }

      .cap-text {

        text-align: right;

        height: 25px;    display: flex;

    justify-content: space-between;

        height: 25px;    
        text-align: right;

        line-height: 25px;

        font-size: 12px;

      }