zhouyulong/electron-4
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改

Browse Source
This commit is contained in:
夏大胆
2025-12-03 14:50:10 +08:00
parent 95f0211b99
commit d769cd416c
3 changed files with 229 additions and 106 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
src/renderer/src/views/author/index.vue
View File

@ -26,14 +26,17 @@
<span class="fankuai"></span> <span class="fankuai"></span>
{{ t('auths.authCode') }} {{ t('auths.authCode') }}
</div> </div>
<div <div class="auth_info_text">
class="auth_info_text" <span @click="copy(authInfo.license_code)" style="cursor: pointer" title="点击可复制">{{
@click="copy(authInfo.license_code)" authInfo.license_code || ''
style="cursor: pointer" }}</span>
title="点击可复制" <svg-icon
> name="copy"
{{ authInfo.license_code || '' }} @click="copy(authInfo.license_code)"
<svg-icon name="copy" :size="20" style="margin-left: 30px"></svg-icon> title="点击可复制"
:size="20"
style="margin-left: 30px; cursor: pointer"
></svg-icon>
</div> </div>
</div> </div>
<div class="auth_info_box"> <div class="auth_info_box">
@ -522,8 +525,11 @@ const copy = async (text) => {
::v-deep .el-message-box { ::v-deep .el-message-box {
--el-messagebox-title-color: #fff !important; --el-messagebox-title-color: #fff !important;
--el-messagebox-content-color: #fff !important; --el-messagebox-content-color: #fff !important;
background: background: linear-gradient(
linear-gradient(180deg, rgba(var(--color-base1), 0) 0%, rgba(var(--color-base1), 0.2) 100%), 180deg,
rgba(var(--color-base1), 0) 0%,
rgba(var(--color-base1), 0.2) 100%
),
rgba(0, 0, 0, 0.6) !important; rgba(0, 0, 0, 0.6) !important;
} }
@ -732,8 +738,11 @@ const copy = async (text) => {
.el-message-box { .el-message-box {
--el-messagebox-title-color: #fff !important; --el-messagebox-title-color: #fff !important;
--el-messagebox-content-color: #fff !important; --el-messagebox-content-color: #fff !important;
background: background: linear-gradient(
linear-gradient(180deg, rgba(var(--color-base1), 0) 0%, rgba(var(--color-base1), 0.2) 100%), 180deg,
rgba(var(--color-base1), 0) 0%,
rgba(var(--color-base1), 0.2) 100%
),
rgba(0, 0, 0, 0.6) !important; rgba(0, 0, 0, 0.6) !important;
.el-message-box__btns { .el-message-box__btns {

20
src/renderer/src/views/components/headers/components/setPup/components/authorize.vue
View File

@ -5,14 +5,17 @@
<span class="fankuai"></span> <span class="fankuai"></span>
{{ t('auths.authCode') }} {{ t('auths.authCode') }}
</div> </div>
<div <div class="auth_info_text">
class="auth_info_text" <span @click="copy(authInfo.license_code)" title="点击可复制" style="cursor: pointer">{{
@click="copy(authInfo.license_code)" authInfo.license_code || ''
style="cursor: pointer" }}</span>
title="点击可复制" <svg-icon
> name="copy"
{{ authInfo.license_code || '' }} @click="copy(authInfo.license_code)"
<svg-icon name="copy" :size="20" style="margin-left: 30px"></svg-icon> title="点击可复制"
:size="20"
style="margin-left: 30px; cursor: pointer"
></svg-icon>
</div> </div>
</div> </div>
<div class="auth_info_box"> <div class="auth_info_box">
@ -122,7 +125,6 @@ getAuthCode()
const copy = async (text) => { const copy = async (text) => {
try { try {
await toClipboard(text) await toClipboard(text)
console.log('复制成功')
ElMessage.success('复制成功') ElMessage.success('复制成功')
} catch (e) { } catch (e) {
console.error('复制失败', e) console.error('复制失败', e)

282
src/renderer/src/views/login/index.vue
View File

@ -1,7 +1,13 @@
<template> <template>
<div class="login-container" style="position: fixed; width: 100vw; height: 100vh; left: 0; top: 0"> <div
<transition name="video-fade" mode="out-in" class="login-container"
style="position: fixed; width: 100vw; height: 100vh; left: 0; top: 0; object-fit: cover"> style="position: fixed; width: 100vw; height: 100vh; left: 0; top: 0"
>
<transition
name="video-fade"
mode="out-in"
style="position: fixed; width: 100vw; height: 100vh; left: 0; top: 0; object-fit: cover"
>
<!-- 第一个视频，播放一次 --> <!-- 第一个视频，播放一次 -->
<!-- <video v-if="!isFirstVideoPlayed" ref="firstVideoRef" key="first-video" muted @ended="onFirstVideoEnded" <!-- <video v-if="!isFirstVideoPlayed" ref="firstVideoRef" key="first-video" muted @ended="onFirstVideoEnded"
src="../../assets/video/login_front.mp4" src="../../assets/video/login_front.mp4"
@ -9,8 +15,14 @@
<!-- 第二个视频，循环播放 --> <!-- 第二个视频，循环播放 -->
<!-- <video v-else key="second-video" autoplay loop muted src="../../assets/video/login_feature.mp4" <!-- <video v-else key="second-video" autoplay loop muted src="../../assets/video/login_feature.mp4"
style="position: fixed; width: 100vw; height: 100vh; left: 0; top: 0; object-fit: cover"></video> --> style="position: fixed; width: 100vw; height: 100vh; left: 0; top: 0; object-fit: cover"></video> -->
<video key="second-video" autoplay loop muted src="../../assets/video/author_video.mp4" <video
style="position: fixed; width: 100vw; height: 100vh; left: 0; top: 0; object-fit: cover"></video> key="second-video"
autoplay
loop
muted
src="../../assets/video/author_video.mp4"
style="position: fixed; width: 100vw; height: 100vh; left: 0; top: 0; object-fit: cover"
></video>
</transition> </transition>
<!-- 登录页面 --> <!-- 登录页面 -->
<div class="rightBox" v-if="isDesktop"> <div class="rightBox" v-if="isDesktop">
@ -27,45 +39,95 @@
</div> </div>
</div> </div>
</div> </div>
<el-form class="login-form" autoComplete="on" :model="loginForm" :rules="loginRules" ref="loginFormRef" <el-form
label-position="left"> class="login-form"
autoComplete="on"
:model="loginForm"
:rules="loginRules"
ref="loginFormRef"
label-position="left"
>
<el-form-item prop="username"> <el-form-item prop="username">
<el-input name="username" type="text" v-model="loginForm.username" autoComplete="on" placeholder="请输入用户名" <el-input
:prefix-icon="User" /> name="username"
type="text"
v-model="loginForm.username"
autoComplete="on"
placeholder="请输入用户名"
:prefix-icon="User"
/>
</el-form-item> </el-form-item>
<el-form-item prop="password"> <el-form-item prop="password">
<el-input type="password" @keyup.enter.native="handleLogin(loginFormRef)" v-model="loginForm.password" <el-input
autoComplete="on" placeholder="请输入密码" :prefix-icon="Unlock" show-password></el-input> type="password"
@keyup.enter.native="handleLogin(loginFormRef)"
v-model="loginForm.password"
autoComplete="on"
placeholder="请输入密码"
:prefix-icon="Unlock"
show-password
></el-input>
</el-form-item> </el-form-item>
<el-form-item class="rememberForget"> <el-form-item class="rememberForget">
<!-- justify-content: space-around;align-items: center; --> <!-- justify-content: space-around;align-items: center; -->
<div style="display: flex"> <div style="display: flex">
<svg class="checkbox-svg" v-show="checkboxVModel" style="pointer-events: none" <svg
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14" height="14" class="checkbox-svg"
viewBox="0 0 14 14" fill="none"> v-show="checkboxVModel"
<path fill="rgba(var(--color-base1), 1)" style="pointer-events: none"
d="M7.34788e-16 2L-2.20436e-15 12C-2.40727e-15 13.1046 0.895431 14 2 14L12 14C13.1046 14 14 13.1046 14 12L14 2C14 0.895431 13.1046 -1.46958e-15 12 -1.46958e-15L2 -1.46958e-15C0.895431 -1.60485e-15 8.02424e-16 0.895431 7.34788e-16 2Z"> xmlns="http://www.w3.org/2000/svg"
</path> xmlns:xlink="http://www.w3.org/1999/xlink"
width="14"
height="14"
viewBox="0 0 14 14"
fill="none"
>
<path
fill="rgba(var(--color-base1), 1)"
d="M7.34788e-16 2L-2.20436e-15 12C-2.40727e-15 13.1046 0.895431 14 2 14L12 14C13.1046 14 14 13.1046 14 12L14 2C14 0.895431 13.1046 -1.46958e-15 12 -1.46958e-15L2 -1.46958e-15C0.895431 -1.60485e-15 8.02424e-16 0.895431 7.34788e-16 2Z"
></path>
<path <path
d="M5.47283 8.3039L3.10764 6.12807C3.06194 6.08647 2.99525 6.08647 2.94955 6.12946L2.04424 6.98093C1.98989 7.03224 1.98495 7.12376 2.03312 7.18201L6.03602 11.9566C6.09778 12.0301 6.20647 12.0065 6.24105 11.9136C7.03644 9.69343 9.25835 5.63439 11.9619 2.69585C11.999 2.65564 12.0101 2.59601 11.9904 2.54331L11.8211 2.08568C11.7915 2.00525 11.7038 1.97474 11.6396 2.02328C8.63587 4.21019 6.45966 6.92546 5.47283 8.3039Z" d="M5.47283 8.3039L3.10764 6.12807C3.06194 6.08647 2.99525 6.08647 2.94955 6.12946L2.04424 6.98093C1.98989 7.03224 1.98495 7.12376 2.03312 7.18201L6.03602 11.9566C6.09778 12.0301 6.20647 12.0065 6.24105 11.9136C7.03644 9.69343 9.25835 5.63439 11.9619 2.69585C11.999 2.65564 12.0101 2.59601 11.9904 2.54331L11.8211 2.08568C11.7915 2.00525 11.7038 1.97474 11.6396 2.02328C8.63587 4.21019 6.45966 6.92546 5.47283 8.3039Z"
fill="#004242"></path> fill="#004242"
></path>
</svg> </svg>
<svg class="checkbox-svg" v-show="!checkboxVModel" style="pointer-events: none" <svg
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14" height="14" class="checkbox-svg"
viewBox="0 0 14 14" fill="none"> v-show="!checkboxVModel"
<path fill-rule="evenodd" fill="url(#linear_border_2442_533_0)" style="pointer-events: none"
d="M0 12L0 2C0 0.895431 0.895431 0 2 0L12 0C13.1046 0 14 0.895431 14 2L14 12C14 13.1046 13.1046 14 12 14L2 14C0.895431 14 0 13.1046 0 12ZM2 12.5C1.72386 12.5 1.5 12.2761 1.5 12L1.5 2C1.5 1.72386 1.72386 1.5 2 1.5L12 1.5C12.2761 1.5 12.5 1.72386 12.5 2L12.5 12C12.5 12.2761 12.2761 12.5 12 12.5L2 12.5Z"> xmlns="http://www.w3.org/2000/svg"
</path> xmlns:xlink="http://www.w3.org/1999/xlink"
width="14"
height="14"
viewBox="0 0 14 14"
fill="none"
>
<path
fill-rule="evenodd"
fill="url(#linear_border_2442_533_0)"
d="M0 12L0 2C0 0.895431 0.895431 0 2 0L12 0C13.1046 0 14 0.895431 14 2L14 12C14 13.1046 13.1046 14 12 14L2 14C0.895431 14 0 13.1046 0 12ZM2 12.5C1.72386 12.5 1.5 12.2761 1.5 12L1.5 2C1.5 1.72386 1.72386 1.5 2 1.5L12 1.5C12.2761 1.5 12.5 1.72386 12.5 2L12.5 12C12.5 12.2761 12.2761 12.5 12 12.5L2 12.5Z"
></path>
<defs> <defs>
<linearGradient id="linear_border_2442_533_0" x1="0" y1="-0.5574798583984375" x2="12.1173095703125" <linearGradient
y2="12.878036499023438" gradientUnits="userSpaceOnUse"> id="linear_border_2442_533_0"
x1="0"
y1="-0.5574798583984375"
x2="12.1173095703125"
y2="12.878036499023438"
gradientUnits="userSpaceOnUse"
>
<stop offset="0.0625" stop-color="rgba(var(--color-base1), 1)" /> <stop offset="0.0625" stop-color="rgba(var(--color-base1), 1)" />
<stop offset="1" stop-color="var(--color-border1)" /> <stop offset="1" stop-color="var(--color-border1)" />
</linearGradient> </linearGradient>
</defs> </defs>
</svg> </svg>
<el-checkbox :disabled="loading" v-model="checkboxVModel" @change="rememberpwd" <el-checkbox
label="string">记住密码</el-checkbox> :disabled="loading"
v-model="checkboxVModel"
@change="rememberpwd"
label="string"
>记住密码</el-checkbox
>
<!-- <div style="cursor: pointer;">忘记密码？</div> --> <!-- <div style="cursor: pointer;">忘记密码？</div> -->
</div> </div>
</el-form-item> </el-form-item>
@ -88,15 +150,24 @@
<h2 class="greet"><span>欢迎您使用</span>实景三维电子沙盘系统</h2> <h2 class="greet"><span>欢迎您使用</span>实景三维电子沙盘系统</h2>
<div class="serviceContent"> <div class="serviceContent">
<el-tabs v-model="selectedService" class="demo-tabs" @tab-click="handleSelect"> <el-tabs v-model="selectedService" class="demo-tabs" @tab-click="handleSelect">
<el-tab-pane v-for="item in serviceOptions" :label="item.name" :name="item.name"></el-tab-pane> <el-tab-pane
v-for="item in serviceOptions"
:label="item.name"
:name="item.name"
></el-tab-pane>
</el-tabs> </el-tabs>
<div class="tabPanel"> <div class="tabPanel">
<template v-if="selectedService == '接口服务'"> <template v-if="selectedService == '接口服务'">
<div class="item"> <div class="item">
<span class="itemLabel">服务选择</span> <span class="itemLabel">服务选择</span>
<el-select class="select" popper-class="login-select-popper" v-model="servVal"> <el-select class="select" popper-class="login-select-popper" v-model="servVal">
<el-option size="mini" v-for="item in servOptions" :key="item.value" :label="item.name" <el-option
:value="item.name"> size="mini"
v-for="item in servOptions"
:key="item.value"
:label="item.name"
:value="item.name"
>
</el-option> </el-option>
</el-select> </el-select>
</div> </div>
@ -116,24 +187,30 @@
<div class="item port"> <div class="item port">
<template v-if="servVal == '单机'"> <template v-if="servVal == '单机'">
<span class="itemLabel">端口</span> <span class="itemLabel">端口</span>
<el-form-item prop="localport" :rules="[ <el-form-item
{ prop="localport"
validator: validateLocalportRange, :rules="[
trigger: 'blur' {
} validator: validateLocalportRange,
]"> trigger: 'blur'
}
]"
>
<el-input-number v-model="localport" :controls="false" /> <el-input-number v-model="localport" :controls="false" />
</el-form-item> </el-form-item>
</template> </template>
<template v-if="servVal == '网络'"> <template v-if="servVal == '网络'">
<span class="itemLabel">端口</span> <span class="itemLabel">端口</span>
<el-form-item prop="port" :rules="[ <el-form-item
{ prop="port"
validator: validatePortRange, :rules="[
message: '端口号必须在 1024–65535 之间', {
trigger: 'blur' validator: validatePortRange,
} message: '端口号必须在 1024–65535 之间',
]"> trigger: 'blur'
}
]"
>
<el-input-number v-model="port" :controls="false" /> <el-input-number v-model="port" :controls="false" />
</el-form-item> </el-form-item>
</template> </template>
@ -143,8 +220,13 @@
<div class="item"> <div class="item">
<span class="itemLabel">串口选择</span> <span class="itemLabel">串口选择</span>
<el-select class="select" popper-class="login-select-popper" v-model="gpsVal"> <el-select class="select" popper-class="login-select-popper" v-model="gpsVal">
<el-option size="mini" v-for="item in gpsOptions" :key="item.value" :label="item.Product" <el-option
:value="item.Name"> size="mini"
v-for="item in gpsOptions"
:key="item.value"
:label="item.Product"
:value="item.Name"
>
</el-option> </el-option>
</el-select> </el-select>
</div> </div>
@ -159,8 +241,14 @@
</div> </div>
</div> </div>
<!-- 授权页面 --> <!-- 授权页面 -->
<Dialog ref="baseDialog" class="graffiti" title="系统授权" :closeCallback="closeCallBack" left="calc(50vw - 188px)" <Dialog
top="calc(50vh - 191px)"> ref="baseDialog"
class="graffiti"
title="系统授权"
:closeCallback="closeCallBack"
left="calc(50vw - 188px)"
top="calc(50vh - 191px)"
>
<template #content> <template #content>
<div class="auth_info custom_scroll_bar content_h"> <div class="auth_info custom_scroll_bar content_h">
<div class="auth_info_box"> <div class="auth_info_box">
@ -168,9 +256,20 @@
<span class="fankuai"></span> <span class="fankuai"></span>
{{ t('auths.authCode') }} {{ t('auths.authCode') }}
</div> </div>
<div class="auth_info_text" @click="copy(authInfo.license_code)" style="cursor: pointer" title="点击可复制"> <div class="auth_info_text">
{{ authInfo.license_code || '' }} <span
<svg-icon name="copy" :size="20" style="margin-left: 30px"></svg-icon> @click="copy(authInfo.license_code)"
style="cursor: pointer"
title="点击可复制"
>{{ authInfo.license_code || '' }}</span
>
<svg-icon
name="copy"
:size="20"
@click="copy(authInfo.license_code)"
title="点击可复制"
style="margin-left: 30px; cursor: pointer"
></svg-icon>
</div> </div>
</div> </div>
<div class="auth_info_box"> <div class="auth_info_box">
@ -191,13 +290,22 @@
<span class="fankuai"></span> <span class="fankuai"></span>
{{ t('auths.authType') }} {{ t('auths.authType') }}
</div> </div>
<div v-if="authInfo.status != null" class="auth_info_text" style="font-size: 16px" :style="{ <div
color: authInfo.status ? 'rgba(27, 248, 195, 1)' : 'rgba(255, 161, 69, 1)' v-if="authInfo.status != null"
}"> class="auth_info_text"
style="font-size: 16px"
:style="{
color: authInfo.status ? 'rgba(27, 248, 195, 1)' : 'rgba(255, 161, 69, 1)'
}"
>
{{ authInfo.status ? t('auths.authTempExpire') : t('auths.authexpire') }} {{ authInfo.status ? t('auths.authTempExpire') : t('auths.authexpire') }}
</div> </div>
<!-- <div v-else class="auth_info_text">{{ authInfo.message || '无' }}</div> --> <!-- <div v-else class="auth_info_text">{{ authInfo.message || '无' }}</div> -->
<div v-else class="auth_info_text" style="font-size: 16px; color: rgba(241, 108, 85, 1)"> <div
v-else
class="auth_info_text"
style="font-size: 16px; color: rgba(241, 108, 85, 1)"
>
{{ t('auths.noAuthexpire') }} {{ t('auths.noAuthexpire') }}
</div> </div>
</div> </div>
@ -270,30 +378,27 @@ onMounted(() => {
loginInit() loginInit()
initialize() initialize()
let { isSeverInit, severError } = ipcRenderer.sendSync('judgment-isSeverInit'); let { isSeverInit, severError } = ipcRenderer.sendSync('judgment-isSeverInit')
// 如果服务端未初始化，等待初始化完成 // 如果服务端未初始化，等待初始化完成
if (isSeverInit) { if (isSeverInit) {
console.log('severError', severError) console.log('severError', severError)
if (severError) { if (severError) {
ElMessage.error(severError) ElMessage.error(severError)
return return
} } else if (!router.currentRoute.value.query.type) {
else if (!router.currentRoute.value.query.type) {
setTimeout(() => { setTimeout(() => {
getAuthCode() getAuthCode()
getAuthInfo() getAuthInfo()
}, 0); }, 0)
} else { } else {
isAuth.value = false isAuth.value = false
} }
} } else {
else {
ipcRenderer.once('program-init', (e, error) => { ipcRenderer.once('program-init', (e, error) => {
if (error) { if (error) {
ElMessage.error(error) ElMessage.error(error)
return return
} } else if (!router.currentRoute.value.query.type) {
else if (!router.currentRoute.value.query.type) {
getAuthCode() getAuthCode()
getAuthInfo() getAuthInfo()
} else { } else {
@ -453,27 +558,26 @@ const copy = async (text) => {
const validateLocalportRange = (rule, value, callback) => { const validateLocalportRange = (rule, value, callback) => {
if (!localport.value) { if (!localport.value) {
callback(new Error('请输入端口号')); // 校验失败 callback(new Error('请输入端口号')) // 校验失败
return return
} }
if (localport.value < 1024 || localport.value > 65535) { if (localport.value < 1024 || localport.value > 65535) {
callback(new Error('端口号范围在 1024–65535 之间')); // 校验失败 callback(new Error('端口号范围在 1024–65535 之间')) // 校验失败
} else { } else {
callback(); // 校验通过 callback() // 校验通过
} }
}; }
const validatePortRange = (rule, value, callback) => { const validatePortRange = (rule, value, callback) => {
if (!port.value) { if (!port.value) {
callback(new Error('请输入端口号')); // 校验失败 callback(new Error('请输入端口号')) // 校验失败
return return
} }
if (port.value < 1024 || port.value > 65535) { if (port.value < 1024 || port.value > 65535) {
callback(new Error('端口号范围在 1024–65535 之间')); // 校验失败 callback(new Error('端口号范围在 1024–65535 之间')) // 校验失败
} else { } else {
callback(); // 校验通过 callback() // 校验通过
} }
}; }
</script> </script>
<style lang="scss"> <style lang="scss">
// 添加过渡样式 // 添加过渡样式
@ -753,7 +857,7 @@ const validatePortRange = (rule, value, callback) => {
border-radius: 0 0 0 90%; border-radius: 0 0 0 90%;
background: rgba(var(--color-base1), 1); background: rgba(var(--color-base1), 1);
&>span { & > span {
font-size: 1rem; font-size: 1rem;
position: absolute; position: absolute;
right: 0px; right: 0px;
@ -954,7 +1058,8 @@ const validatePortRange = (rule, value, callback) => {
z-index: 99; z-index: 99;
background: linear-gradient(0deg, #00ffff33 0%, #00ffff00 100%), rgba(0, 0, 0, 0.6); background: linear-gradient(0deg, #00ffff33 0%, #00ffff00 100%), rgba(0, 0, 0, 0.6);
border: 1.5px solid; border: 1.5px solid;
border-image: linear-gradient(to bottom, rgba(var(--color-base1), 1) 6.25%, rgb(0, 200, 255) 100%) 1; border-image: linear-gradient(to bottom, rgba(var(--color-base1), 1) 6.25%, rgb(0, 200, 255) 100%)
1;
text-align: left; text-align: left;
font-family: 'sy-boldface'; font-family: 'sy-boldface';
} }
@ -1000,11 +1105,11 @@ const validatePortRange = (rule, value, callback) => {
position: relative; position: relative;
} }
::v-deep .title-box>.close-box { ::v-deep .title-box > .close-box {
display: none; display: none;
} }
::v-deep .title-box>.title { ::v-deep .title-box > .title {
font-family: 'Ali-mother-counts-bold'; font-family: 'Ali-mother-counts-bold';
font-size: 18px; font-size: 18px;
font-weight: 400; font-weight: 400;
@ -1027,7 +1132,7 @@ const validatePortRange = (rule, value, callback) => {
justify-content: center; justify-content: center;
} }
::v-deep .foot>button { ::v-deep .foot > button {
margin-left: 10px; margin-left: 10px;
border-radius: 4px; border-radius: 4px;
background: rgba(var(--color-base1), 0.2); background: rgba(var(--color-base1), 0.2);
@ -1039,20 +1144,23 @@ const validatePortRange = (rule, value, callback) => {
cursor: pointer; cursor: pointer;
} }
::v-deep .foot>button:hover { ::v-deep .foot > button:hover {
border: 1px solid rgba(var(--color-base1), 1); border: 1px solid rgba(var(--color-base1), 1);
color: rgba(var(--color-base1), 1); color: rgba(var(--color-base1), 1);
} }
::v-deep .foot>.show>.label { ::v-deep .foot > .show > .label {
margin: 0px 10px; margin: 0px 10px;
} }
::v-deep .el-message-box { ::v-deep .el-message-box {
--el-messagebox-title-color: #fff !important; --el-messagebox-title-color: #fff !important;
--el-messagebox-content-color: #fff !important; --el-messagebox-content-color: #fff !important;
background: background: linear-gradient(
linear-gradient(180deg, rgba(var(--color-base1), 0) 0%, rgba(var(--color-base1), 0.2) 100%), 180deg,
rgba(var(--color-base1), 0) 0%,
rgba(var(--color-base1), 0.2) 100%
),
rgba(0, 0, 0, 0.6) !important; rgba(0, 0, 0, 0.6) !important;
} }
@ -1119,7 +1227,7 @@ const validatePortRange = (rule, value, callback) => {
border-radius: 0 0 0 90%; border-radius: 0 0 0 90%;
background: rgba(var(--color-base1), 1); background: rgba(var(--color-base1), 1);
&>span { & > span {
font-size: 1rem; font-size: 1rem;
position: absolute; position: absolute;
right: 0px; right: 0px;
@ -1216,7 +1324,8 @@ const validatePortRange = (rule, value, callback) => {
align-items: center; align-items: center;
margin: 15px 0; margin: 15px 0;
.select {} .select {
}
} }
} }
} }
@ -1262,8 +1371,11 @@ const validatePortRange = (rule, value, callback) => {
.el-message-box { .el-message-box {
--el-messagebox-title-color: #fff !important; --el-messagebox-title-color: #fff !important;
--el-messagebox-content-color: #fff !important; --el-messagebox-content-color: #fff !important;
background: background: linear-gradient(
linear-gradient(180deg, rgba(var(--color-base1), 0) 0%, rgba(var(--color-base1), 0.2) 100%), 180deg,
rgba(var(--color-base1), 0) 0%,
rgba(var(--color-base1), 0.2) 100%
),
rgba(0, 0, 0, 0.6) !important; rgba(0, 0, 0, 0.6) !important;
.el-message-box__headerbtn { .el-message-box__headerbtn {