frp管理模块下页面、服务器管理下的生成与显示FRP连接地址页面

This commit is contained in:
康冉冉
2025-12-22 18:39:35 +08:00
parent 5fdb34af89
commit ea9864c8c0
5 changed files with 343 additions and 4 deletions
+29 -2
View File
@@ -30,10 +30,37 @@
:class="toBoolean(formVal.disabled || formItem.config.readonly) ? 'cursorAuto' : ''"
@[formVal.eventName]="(val) => handleChange(key,val,formVal)"></el-input>
<br/><span v-if="!toBoolean(formVal.disabled || formItem.config.readonly)" class="warningCol">{{formVal.warningTitle}}</span>
</template>
</template>
</template>
<template v-if="formVal.type === 'textarea'">
<template v-else-if="formVal.type === 'number'">
<el-input-number
v-model="ruleForm[key]"
:style="{ width: formVal && formVal.controlsList ? `calc(100% / ${formVal.controlsList.length + 1} - 25px)` : '100%' }"
:controls="formVal.controls"
:min="formVal.min || undefined"
:max="formVal.max || undefined"
:disabled="toBoolean(formVal.disabled || formItem.config.readonly)"
:placeholder="toBoolean(formVal.disabled || formItem.config.readonly) ? null : formVal.placeholder || `请输入${formVal.label}`"
:class="toBoolean(formVal.disabled || formItem.config.readonly) ? 'cursorAuto' : ''"
@[formVal.eventName]="(val) => handleChange(key,val,formVal)"></el-input-number>
<template v-for="numItem of formVal.controlsList">
<span style="width: 50px;display: inline-block;text-align: center;">{{numItem.connect}}</span>
<el-input-number
v-model="ruleForm[numItem.value]"
:style="{ width: formVal && formVal.controlsList ? `calc(100% / ${formVal.controlsList.length + 1} - 25px)` : '100%' }"
:controls="formVal.controls"
:min="numItem.min || undefined"
:max="numItem.max || undefined"
:disabled="toBoolean(formVal.disabled || formItem.config.readonly)"
:placeholder="toBoolean(formVal.disabled || formItem.config.readonly) ? null : formVal.placeholder || `请输入${formVal.label}`"
:class="toBoolean(formVal.disabled || formItem.config.readonly) ? 'cursorAuto' : ''"
@[formVal.eventName]="(val) => handleChange(key,val,formVal)"></el-input-number>
</template>
<br/><span v-if="!toBoolean(formVal.disabled || formItem.config.readonly)" class="warningCol">{{formVal.warningTitle}}</span>
</template>
<template v-else-if="formVal.type === 'textarea'">
<div v-if="toBoolean(formVal.disabled || formItem.config.readonly)">
<div style="color: #606266;font-weight: 700;padding-left: 15px;" :style="formVal.style" v-html="ruleForm[key]"></div>
</div>