gfwleak/nezha-nezha-fronted
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 调整license下载c2v弹窗

Browse Source
This commit is contained in:
zyh
2024-06-18 09:29:59 +08:00
parent 676ca8a7f1
commit a6bc85bec0
3 changed files with 48 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
nezha-fronted/src/assets/css/components/page/config/system/license.scss
View File

@@ -223,7 +223,7 @@
}
}
.el-dialog__body{
padding-top: 0 !important;
padding: 0 20px !important;
}
.el-dialog__footer{
padding: 20px;
@@ -234,9 +234,11 @@
}
}
.check-tip{
word-break: break-word;
font-size: 14px;
color: $--color-text-regular;
color: $--color-text-primary;
font-family: Roboto-Black;
font-weight: 400;
word-break: break-word;
line-height: 20px;
margin-top: 6px;
&:first-of-type{
@@ -248,6 +250,22 @@
padding-left: 6px;
}
}
i{
color: $--color-primary;
}
}
.check-content{
opacity: 0.9;
background: $--background-color-base;
border: 1px solid $--border-color-light;
border-radius: 2px;
padding: 10px;
box-sizing: border-box;
margin-top: 10px;
margin-bottom: 20px;
.check-tip{
color: $--color-text-regular;
}
}
}
}

22
nezha-fronted/src/components/common/login.vue
View File

@@ -204,24 +204,30 @@
</div>
</div>
</el-dialog>
<el-dialog
class="nz-dialog c2vDialog"
:title="$t('license.downloadID')"
:show-close="true"
:visible.sync="checkVisible"
width="480px"
width="580px"
@close="closeCheckDialog"
>
<p class="check-tip">{{$t('license.check')}}</p>
<p class="check-tip">{{$t('license.check1')}}</p>
<p class="check-tip">{{$t('license.check2')}}</p>
<p class="check-tip">{{$t('license.check3')}}</p>
<p class="check-tip">{{$t('license.check4')}}</p>
>
<p class="check-tip">
<i class="nz-icon nz-icon-jinggao"></i>
{{$t('license.check')}}
</p>
<div class="check-content">
<p class="check-tip">{{$t('license.check1')}}</p>
<p class="check-tip">{{$t('license.check2')}}</p>
<p class="check-tip">{{$t('license.check3')}}</p>
<p class="check-tip">{{$t('license.check4')}}</p>
</div>
<p class="check-tip isCheck">
<el-checkbox v-model="checkCompleted">{{$t('license.checkCompleted')}}</el-checkbox>
</p>
<div slot="footer">
<button @click="checkVisible = false" class="nz-btn nz-btn-size-normal nz-btn-style-light margin-r-10">{{$t("overall.close")}}</button>
<button @click="checkVisible = false" class="nz-btn nz-btn-size-normal nz-btn-style-light margin-r-10">{{$t("overall.cancel")}}</button>
<button @click="downloadLicense" class="nz-btn nz-btn-size-normal nz-btn-style-normal" :class="{'nz-btn-disabled': (downLoading || !checkCompleted)}" :disabled="(downLoading || !checkCompleted)">{{$t('overall.download')}}</button>
</div>
</el-dialog>

21
nezha-fronted/src/components/page/config/system/license.vue
View File

@@ -169,19 +169,24 @@
:title="$t('license.downloadID')"
:show-close="true"
:visible.sync="checkVisible"
width="480px"
width="580px"
@close="closeCheckDialog"
>
<p class="check-tip">{{$t('license.check')}}</p>
<p class="check-tip">{{$t('license.check1')}}</p>
<p class="check-tip">{{$t('license.check2')}}</p>
<p class="check-tip">{{$t('license.check3')}}</p>
<p class="check-tip">{{$t('license.check4')}}</p>
>
<p class="check-tip">
<i class="nz-icon nz-icon-jinggao"></i>
{{$t('license.check')}}
</p>
<div class="check-content">
<p class="check-tip">{{$t('license.check1')}}</p>
<p class="check-tip">{{$t('license.check2')}}</p>
<p class="check-tip">{{$t('license.check3')}}</p>
<p class="check-tip">{{$t('license.check4')}}</p>
</div>
<p class="check-tip isCheck">
<el-checkbox v-model="checkCompleted">{{$t('license.checkCompleted')}}</el-checkbox>
</p>
<div slot="footer">
<button @click="checkVisible = false" class="nz-btn nz-btn-size-normal nz-btn-style-light margin-r-10">{{$t("overall.close")}}</button>
<button @click="checkVisible = false" class="nz-btn nz-btn-size-normal nz-btn-style-light margin-r-10">{{$t("overall.cancel")}}</button>
<button @click="downloadLicense" class="nz-btn nz-btn-size-normal nz-btn-style-normal" :class="{'nz-btn-disabled': (downLoading || !checkCompleted)}" :disabled="(downLoading || !checkCompleted)">{{$t('overall.download')}}</button>
</div>
</el-dialog>