| | |
| | | <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
|
| | |
| | | start-placeholder="开始日期"
|
| | | end-placeholder="结束日期"
|
| | | :picker-options="pickerOptions"
|
| | | >
|
| | | </el-date-picker>
|
| | | ></el-date-picker>
|
| | | </div>
|
| | |
|
| | | <div class="desc">
|
| | |
| | | <div class="warm">
|
| | | <!-- <span class="icon iconfont" style="margin-right:5px"></span> -->
|
| | | <i class="iconfont icontishi-zhuyi"></i>
|
| | | <span class="text"
|
| | | >请注意,按以上日期范围删除的数据不可恢复,立即生效,请谨慎操作!</span
|
| | | >
|
| | | <span class="text">请注意,按以上日期范围删除的数据不可恢复,立即生效,请谨慎操作!</span>
|
| | | </div>
|
| | | </div>
|
| | | </div>
|
| | |
| | | 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;
|
| | | },
|
| | | },
|
| | | ]
|
| | | };
|
| | | },
|
| | | mounted() {},
|
| | | mounted() { },
|
| | |
|
| | | methods: {
|
| | | deleteData() {
|
| | |
| | | var showEndTime = timeRange[1];
|
| | | this.$confirm(
|
| | | "提示:" +
|
| | | showStartTime +
|
| | | " 至 " +
|
| | | showEndTime +
|
| | | " 产生的全部数据将被删除,此操作立即生效,不可恢复,是否删除?",
|
| | | showStartTime +
|
| | | " 至 " +
|
| | | showEndTime +
|
| | | " 产生的全部数据将被删除,此操作立即生效,不可恢复,是否删除?",
|
| | | {
|
| | | center: true,
|
| | | cancelButtonClass: "comfirm-class-cancle",
|
| | |
| | | this.loading = false
|
| | | });
|
| | | })
|
| | | .catch(() => {});
|
| | | .catch(() => { });
|
| | | },
|
| | | format(array) {
|
| | | return [
|
| | |
| | | border: none;
|
| | | }
|
| | | .el-range-editor--small .el-range-separator {
|
| | | line-height: 26px;
|
| | | }
|
| | | line-height: 26px;
|
| | | }
|
| | | }
|
| | | .desc {
|
| | | margin-top: 50px;
|
| | |
| | | align-items: center;
|
| | | justify-content: center;
|
| | | .iconfont {
|
| | | font-size: 16px;
|
| | | font-size: 16px;
|
| | |
|
| | | color: #e99038;
|
| | | margin-right: 5px;
|