优化安装程序

This commit is contained in:
刘祥超
2021-11-01 21:09:52 +08:00
parent 249dc6accd
commit ad6ac1aad6
9 changed files with 96 additions and 3 deletions

View File

@@ -63,6 +63,20 @@
z-index: 1;
width: @width;
bottom: 1em;
button {
z-index: 10;
}
.status-box {
position: absolute;
top: 3em;
left: 15em;
right: 15em;
bottom: 0;
text-align: center;
z-index: 0;
}
}
}

View File

@@ -51,6 +51,18 @@
width: 50em;
bottom: 1em;
}
.install-box .button-group button {
z-index: 10;
}
.install-box .button-group .status-box {
position: absolute;
top: 3em;
left: 15em;
right: 15em;
bottom: 0;
text-align: center;
z-index: 0;
}
.install-box::-webkit-scrollbar {
width: 4px;
}

View File

@@ -1 +1 @@
{"version":3,"sources":["@install.less"],"names":[],"mappings":"AAAA;EAGC,WAAA;EACA,eAAA;EACA,SAAA;EACA,kBAAA;EACA,QAAA;EACA,WAAA;EACA,gBAAA;;AATD,YAWC,QAAO;EACN,eAAA;;AAZF,YAeC,QAAO;EACN,YAAA;;AAhBF,YAmBC,QAAO;EACN,YAAA;;AApBF,YAuBC,MACC,GAAE;EACD,WAAA;;AAzBH,YA6BC;EACC,iBAAA;;AA9BF,YA6BC,OAGC;EACC,0BAAA;EACA,2BAAA;;AAlCH,YAsCC;EACC,mBAAA;;AAvCF,YA0CC;EACC,gBAAA;EACA,eAAA;EACA,QAAA;EACA,WAAA;EACA,SAAA;EACA,WAAA;EACA,kBAAA;EACA,kBAAA;EACA,UAAA;;AAnDF,YAsDC,aAAY;EACX,UAAA;;AAvDF,YA0DC;EACC,eAAA;EACA,SAAA;EACA,kBAAA;EACA,UAAA;EACA,WAAA;EACA,WAAA;;AAIF,YAAY;EACX,UAAA","file":"index.css"}
{"version":3,"sources":["@install.less"],"names":[],"mappings":"AAAA;EAGC,WAAA;EACA,eAAA;EACA,SAAA;EACA,kBAAA;EACA,QAAA;EACA,WAAA;EACA,gBAAA;;AATD,YAWC,QAAO;EACN,eAAA;;AAZF,YAeC,QAAO;EACN,YAAA;;AAhBF,YAmBC,QAAO;EACN,YAAA;;AApBF,YAuBC,MACC,GAAE;EACD,WAAA;;AAzBH,YA6BC;EACC,iBAAA;;AA9BF,YA6BC,OAGC;EACC,0BAAA;EACA,2BAAA;;AAlCH,YAsCC;EACC,mBAAA;;AAvCF,YA0CC;EACC,gBAAA;EACA,eAAA;EACA,QAAA;EACA,WAAA;EACA,SAAA;EACA,WAAA;EACA,kBAAA;EACA,kBAAA;EACA,UAAA;;AAnDF,YAsDC,aAAY;EACX,UAAA;;AAvDF,YA0DC;EACC,eAAA;EACA,SAAA;EACA,kBAAA;EACA,UAAA;EACA,WAAA;EACA,WAAA;;AAhEF,YA0DC,cAQC;EACC,WAAA;;AAnEH,YA0DC,cAYC;EACC,kBAAA;EACA,QAAA;EACA,UAAA;EACA,WAAA;EACA,SAAA;EACA,kBAAA;EACA,UAAA;;AAKH,YAAY;EACX,UAAA","file":"index.css"}

View File

@@ -349,6 +349,8 @@
<div class="button-group">
<div class="ui divider"></div>
<div class="status-box"><span class="blue">{{statusText}}</span></div>
<button class="ui button" type="button" @click.prevent="goBackAdmin"><i class="icon long arrow left"></i>上一步</button>
<button class="ui button primary" type="submit" v-if="!isInstalling">确认并开始安装</button>
<button class="ui button disabled" type="button" v-if="isInstalling">安装中请耐心等待...</button>

View File

@@ -7,6 +7,10 @@ Tea.context(function () {
this.step = this.STEP_INTRO
this.$delay(function () {
this.loadStatusText()
})
// 介绍
this.goIntroNext = function () {
this.step = this.STEP_API
@@ -114,4 +118,24 @@ Tea.context(function () {
window.location = "/"
})
}
this.statusText = ""
this.loadStatusText = function () {
if (!this.isInstalling) {
this.statusText = ""
this.$delay(function () {
this.loadStatusText()
}, 1000)
return
}
this.$post(".status")
.success(function (resp) {
this.statusText = resp.data.statusText
})
.done(function () {
this.$delay(function () {
this.loadStatusText()
}, 1000)
})
}
})