HolyKnightIX 1 anno fa
parent
commit
fe636bfa31
1 ha cambiato i file con 47 aggiunte e 4 eliminazioni
  1. +47
    -4
      src/views/mangage/keyCheck.vue

+ 47
- 4
src/views/mangage/keyCheck.vue Vedi File

@@ -9,10 +9,16 @@
>复制</span
>
</div>
<div class="key">
<span class="text">密钥状态:{{ showCode }}</span>
<span class="showOrHide" @click="changeStatus">{{ showText }}</span>
<span class="showOrHide" @click="changeStatus">{{ showText }}</span>
<div class="keyStatus">
<span class="text"
>密钥状态:{{ keyStatus == 1 ? "正常" : "作废" }}</span
>
<span v-if="keyStatus == 1" class="success" @click="changeStatus(2)"
>恢复</span
>
<span v-if="keyStatus == 2" class="fail" @click="changeStatus(1)"
>作废</span
>
</div>
</div>
</div>
@@ -70,8 +76,21 @@ const copyKey = () => {
});
};

const keyStatus = ref("");

const getStatus = () => {
// 1:正常;2:作废
const status = 1;
keyStatus.value = status;
};

const changeStatus = (num) => {
keyStatus.value = num;
};

onMounted(() => {
getKey();
getStatus();
});
</script>

@@ -123,6 +142,30 @@ onMounted(() => {
}
}
}
.keyStatus {
text-align: center;
font-size: 4vh;
padding: 5vh;

.success {
color: #ff0000;
margin-left: 2vh;
cursor: pointer;
transition: all 0.3s;
&:hover {
color: #36db43;
}
}
.fail {
color: #36db43;
margin-left: 2vh;
cursor: pointer;
transition: all 0.3s;
&:hover {
color: #ff0000;
}
}
}
}
}
</style>

Caricamento…
Annulla
Salva