delete pickerOptions

zhangzengfei

2022-02-22 9466f8f5d714c8f72dbaff6ac3898b4d43c7c715

 src/pages/maintain/views/systemClean.vue

@@ -1,9 +1,5 @@
<template>

  <div class="clear"

  
      v-loading="loading"

      :element-loading-text="loadingText"

  >

  <div class="clear" v-loading="loading" :element-loading-text="loadingText">

    <div class="head">

      <span class="t">请选择要清理的数据范围</span>

      <el-date-picker

@@ -34,48 +30,36 @@
      <div class="warm">

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

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

        <span class="text"

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

        >

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

      </div>

    </div>

  </div>

</template>



<script>

import { deleteDate } from "@/api/system";

import { deleteDate } from "@/api/system"

export default {

  data() {

    return {

      pickerOptions: {

        disabledDate(time) {

          var day = new Date();

          day.setTime(day.getTime() - 24 * 60 * 60 * 1000);

          return time.getTime() > day;

        },

      },

      loading: false,

      loadingText: '',

      dataRange: [

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

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

      ],

      loadingText: "",

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

      pickerOptions: {

        disabledDate(time) {

          var day = new Date();

          day.setTime(day.getTime() - 24 * 60 * 60 * 1000);

          return time.getTime() > day;

        },

      },

    };

          var day = new Date()

          day.setTime(day.getTime() - 24 * 60 * 60 * 1000)

          return time.getTime() > day

        }

      }

    }

  },

  mounted() {},



  methods: {

    deleteData() {

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

      var showStartTime = timeRange[0];

      var showEndTime = timeRange[1];

      var timeRange = this.format(this.dataRange)

      var showStartTime = timeRange[0]

      var showEndTime = timeRange[1]

      this.$confirm(

        "提示：" +

          showStartTime +

@@ -85,7 +69,7 @@
        {

          center: true,

          cancelButtonClass: "comfirm-class-cancle",

          confirmButtonClass: "comfirm-class-sure",

          confirmButtonClass: "comfirm-class-sure"

        }

      )

        .then(() => {

@@ -93,35 +77,32 @@
          this.loadingText = "正在删除数据，请稍候！"

          deleteDate({

            startTime: showStartTime,

            endTime: showEndTime,

            endTime: showEndTime

          })

            .then((resp) => {

              if (resp.success) {

                this.$message({

                  type: "success",

                  message: "删除数据成功",

                });

                  message: "删除数据成功"

                })

                this.loading = false

              }

            })

            .catch((err) => {

              this.$message({

                type: "error",

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

              });

                message: "删除数据失败！"

              })

              this.loading = false

            });

            })

        })

        .catch(() => {});

        .catch(() => {})

    },

    format(array) {

      return [

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

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

      ];

    },

  },

};

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

    }

  }

}

</script>

<style lang="scss">

.all {

@@ -151,8 +132,8 @@
      border: none;

    }

    .el-range-editor--small .el-range-separator {

    line-height: 26px;

}

      line-height: 26px;

    }

  }

  .desc {

    margin-top: 50px;

@@ -200,7 +181,7 @@
      align-items: center;

      justify-content: center;

      .iconfont {

          font-size: 16px;

        font-size: 16px;



        color: #e99038;

        margin-right: 5px;