UPDATE: 1、重新修改激活逻辑;2、优化

This commit is contained in:
贾同学
2025-10-22 11:40:57 +08:00
parent ac11af35df
commit 91b2a939b9
9 changed files with 127 additions and 199 deletions

View File

@@ -13,84 +13,61 @@
<el-text style="margin-left: 82%">{{ 'v' + versionNumber }}</el-text>
</el-form-item>
</el-form>
<el-descriptions
class="mode-descriptions"
v-if="!hadActivationCode"
title="模块激活状态"
size="small"
></el-descriptions>
<el-form
ref="applicationFormRef"
v-if="!hadActivationCode"
:model="applicationForm"
label-position="left"
:label-width="100"
>
<el-form-item
class="mode-item"
v-if="activateInfo.simulate.apply !== 1 || activateInfo.simulate.permanently !== 1"
label="模拟式模块"
prop="simulate.apply"
>
<el-tag disable-transitions type="danger">未激活</el-tag>
<el-checkbox
:false-value="0"
:true-value="1"
class="apply-checkbox"
v-model="applicationForm.simulate.apply"
label="激活"
/>
<el-descriptions class="mode-descriptions" title="模块激活状态" size="small"></el-descriptions>
<el-form label-position="left" :label-width="100">
<el-form-item class="mode-item" label="模拟式模块">
<el-tag
v-if="activateInfo.simulate.permanently !== 1"
class="activated-state"
disable-transitions
type="danger"
>
未激活
</el-tag>
<el-tag
v-if="activateInfo.simulate.permanently === 1"
class="activated-state"
disable-transitions
type="success"
>
已激活
</el-tag>
</el-form-item>
<el-form-item
class="mode-item"
v-if="activateInfo.simulate.apply === 1 && activateInfo.simulate.permanently === 1"
label="模拟式模块"
>
<el-tag class="activated-tag" disable-transitions type="success">已激活</el-tag>
<el-form-item class="mode-item" label="数字式模块">
<el-tag
v-if="activateInfo.digital.permanently !== 1"
class="activated-state"
disable-transitions
type="danger"
>
未激活
</el-tag>
<el-tag
v-if="activateInfo.digital.permanently === 1"
class="activated-state"
disable-transitions
type="success"
>
已激活
</el-tag>
</el-form-item>
<el-form-item
class="mode-item"
v-if="activateInfo.digital.apply !== 1 || activateInfo.digital.permanently !== 1"
label="数字式模块"
prop="digital.apply"
>
<el-tag disable-transitions type="danger">未激活</el-tag>
<el-checkbox
:false-value="0"
:true-value="1"
class="apply-checkbox"
v-model="applicationForm.digital.apply"
label="激活"
/>
</el-form-item>
<el-form-item
class="mode-item"
v-if="activateInfo.digital.apply === 1 && activateInfo.digital.permanently === 1"
label="数字式模块"
>
<el-tag class="activated-tag" disable-transitions type="success">已激活</el-tag>
</el-form-item>
<el-form-item
class="mode-item"
v-if="activateInfo.contrast.apply !== 1 || activateInfo.contrast.permanently !== 1"
label="比对式模块"
prop="contrast.apply"
>
<el-tag disable-transitions type="danger">未激活</el-tag>
<el-checkbox
:false-value="0"
:true-value="1"
class="apply-checkbox"
v-model="applicationForm.contrast.apply"
label="激活"
/>
</el-form-item>
<el-form-item
class="mode-item"
v-if="activateInfo.contrast.apply === 1 && activateInfo.contrast.permanently === 1"
label="比对式模块"
>
<el-tag class="activated-tag" disable-transitions type="success">已激活</el-tag>
<el-form-item class="mode-item" label="比对式模块">
<el-tag
v-if="activateInfo.contrast.permanently !== 1"
class="activated-state"
disable-transitions
type="danger"
>
未激活
</el-tag>
<el-tag
v-if="activateInfo.contrast.permanently === 1"
class="activated-state"
disable-transitions
type="success"
>
已激活
</el-tag>
</el-form-item>
</el-form>
<el-row v-if="applicationCode">
@@ -137,25 +114,16 @@
<script setup lang="ts">
import { ref } from 'vue'
import { version } from '../../../../package.json'
import type { Activate } from '@/api/activate/interface'
import { generateApplicationCode, verifyActivationCode } from '@/api/activate'
import { useAuthStore } from '@/stores/modules/auth'
const authStore = useAuthStore()
const activateInfo = authStore.activateInfo
const versionNumber = ref(version)
const applicationForm = reactive<Activate.ApplicationCodePlaintext>({
simulate: { apply: 0 },
digital: { apply: 0 },
contrast: { apply: 0 }
})
const activatedAll = computed(() => {
return (
activateInfo.simulate.apply === 1 &&
activateInfo.simulate.permanently === 1 &&
activateInfo.digital.apply === 1 &&
activateInfo.digital.permanently === 1 &&
activateInfo.contrast.apply === 1 &&
activateInfo.contrast.permanently === 1
)
})
@@ -166,25 +134,7 @@ const activationCode = ref('')
const dialogVisible = ref(false)
// 获取申请码
const getApplicationCode = async () => {
if (
applicationForm.simulate.apply == 0 &&
applicationForm.digital.apply == 0 &&
applicationForm.contrast.apply == 0
) {
ElMessage.warning('请选择需要激活的模块')
return
}
if (activateInfo.simulate.apply === 1) {
applicationForm.simulate.apply = 1
}
if (activateInfo.digital.apply === 1) {
applicationForm.digital.apply = 1
}
if (activateInfo.contrast.apply === 1) {
applicationForm.contrast.apply = 1
}
const res = await generateApplicationCode(applicationForm)
const res = await generateApplicationCode()
if (res.code == 'A0000') {
applicationCode.value = res.data as string
}
@@ -202,9 +152,6 @@ const openDialog = () => {
hadActivationCode.value = false
activationCode.value = ''
applicationCode.value = ''
applicationForm.simulate.apply = 0
applicationForm.digital.apply = 0
applicationForm.contrast.apply = 0
dialogVisible.value = true
}
const beforeClose = (done: Function) => {
@@ -228,15 +175,12 @@ const submitActivation = async () => {
defineExpose({ openDialog })
</script>
<style scoped>
.apply-checkbox {
margin-left: 62%;
}
.activated-tag {
.activated-state {
margin-left: 80%;
}
.code-display,
.code-input {
font-family: consolas;
font-family: consolas, sans-serif;
}
:deep(.el-tag) {
user-select: none;