| | |
| | | return
|
| | | }
|
| | | const [showStartTime, showEndTime] = this.dataRange
|
| | | this.$confirm(`${showStartTime} 至 ${showEndTime} 产生的全部数据将被删除,此操作立即生效,不可恢复,是否删除?`, "提示",{ |
| | | type:"warning",
|
| | | cancelButtonClass: "comfirm-class-cancle",
|
| | | confirmButtonClass: "comfirm-class-sure",
|
| | | }
|
| | | )
|
| | | const h = this.$createElement;
|
| | | const icon = this.$msgbox( {
|
| | | title: "",
|
| | | message: h(
|
| | | "div",
|
| | | {
|
| | | style:
|
| | | "display: flex; flex-direction: column; justify-content: center; align-items: center;",
|
| | | },
|
| | | [
|
| | | h("span", { class: "icon iconfont warn-icon" }, '\ue71c'),
|
| | | h("span", { class: "warn-title" }, "提示 "),
|
| | | h("span", { class: "warn-dec" }, `${showStartTime} 至 ${showEndTime} 产生的全部数据将被删除,此操作立即生效,不可恢复,是否删除?`),
|
| | | ]
|
| | | ),
|
| | | showCancelButton: true,
|
| | | confirmButtonText: "确定",
|
| | | cancelButtonText: "取消",
|
| | | })
|
| | |
|
| | | .then(() => {
|
| | | this.loading = true
|
| | | this.loadingText = "正在删除数据,请稍候!"
|
| | |
| | | startTime: showStartTime,
|
| | | endTime: showEndTime,
|
| | | })
|
| | | |
| | | .then((resp) => {
|
| | | if (resp.success) {
|
| | | this.loading = false
|
| | |
| | | }
|
| | | &::after {
|
| | | position: relative;
|
| | | top: -68%;
|
| | | content: '\e6e8';
|
| | | width: 25px;
|
| | | height: 25px;
|
| | | top: -77%;
|
| | | background-image: url(/images/vindicate/内存.png);
|
| | | width: 38px;
|
| | | height: 35px;
|
| | | background-size:cover;
|
| | | display: inline-block;
|
| | | margin: auto;
|
| | | font-family: "iconfont" !important;
|
| | | font-size: 25px;
|
| | | font-style: normal;
|
| | | -webkit-font-smoothing: antialiased;
|
| | | -moz-osx-font-smoothing: grayscale;
|
| | | |
| | | content: '';
|
| | | }
|
| | | }
|
| | | svg {
|
| | |
| | |
|
| | |
|
| | | </style>
|
| | |
|
| | | <style scoped lang="scss">
|
| | | .warn-icon {
|
| | | color: #fe6d68;
|
| | | font-size: 40px;
|
| | | margin-top: 11px;
|
| | | }
|
| | | .warn-title {
|
| | | font-weight: bold;
|
| | | font-size: 16px;
|
| | | margin: 6px;
|
| | | line-height: 22px;
|
| | | }
|
| | | .warn-dec {
|
| | | font-weight: bold;
|
| | | font-size: 14px;
|
| | | color: #828282;
|
| | | line-height: 20px;
|
| | | }
|
| | | .el-message-box__headerbtn {
|
| | | top: 12px;
|
| | | }
|
| | | .el-message-box__headerbtn .el-message-box__close {
|
| | | color: #333333;
|
| | | font-weight: bold;
|
| | | }
|
| | | .el-message-box__btns {
|
| | | display: flex;
|
| | | justify-content: center;
|
| | | margin-top: 20px;
|
| | | .el-button:focus,
|
| | | .el-button:hover {
|
| | | background-color: none;
|
| | | border: none;
|
| | | }
|
| | | button {
|
| | | width: 175px;
|
| | | height: 40px;
|
| | | border-radius: 25px;
|
| | | span {
|
| | | font-size: 16px;
|
| | | font-weight: 700;
|
| | | }
|
| | | &:hover {
|
| | | border: 1px solid var(--colorCard) !important;
|
| | | }
|
| | | }
|
| | | button:first-child {
|
| | | background-color: #e0e0e0;
|
| | | span {
|
| | | color: #333333;
|
| | | }
|
| | | }
|
| | | button:last-child {
|
| | | background-color: var(--colorCard) !important;
|
| | | border: 1px solid var(--colorCard) !important;
|
| | | span { |
| | | color: #fff;
|
| | | }
|
| | | }
|
| | | } |
| | | </style>
|