public/AllinSSL
1
0
Fork 0
mirror of https://gitee.com/mirrors/AllinSSL.git synced 2026-03-17 19:52:02 +08:00
Code Issues Packages Projects Releases Wiki Activity

【新增】私有证书

Browse Source
This commit is contained in:
cai
2025-09-03 15:15:59 +08:00
parent efd052a297
commit 954cd1638d
442 changed files with 76787 additions and 7483 deletions
Download Patch File Download Diff File Expand all files Collapse all files

119
frontend/apps/allin-ssl/src/components/flowChart/index.tsx
View File

@@ -55,57 +55,72 @@ export default defineComponent({
onMounted(initData)
onUnmounted(resetFlowData)
return () => (
<div class="flex flex-col w-full h-full" style={cssVars.value}>
<div class="w-full h-[6rem] px-[2rem] mb-[2rem] rounded-lg flex items-center gap-2 justify-between">
<div class="flex items-center">
<NButton onClick={goBack}>
<NIcon class="mr-1">
<ArrowLeftOutlined />
</NIcon>
{$t('t_0_1744861190562')}
</NButton>
</div>
<div class="flex items-center ml-[.5rem]">
<NInput
v-model:value={flowData.value.name}
placeholder={$t('t_0_1745490735213')}
class="!w-[30rem] !border-none "
/>
</div>
<div class="flex items-center gap-2">
<NButton type="primary" onClick={handleSaveConfig} disabled={!selectedNodeId}>
<NIcon class="mr-1">
<SaveOutlined />
</NIcon>
{$t('t_2_1744861190040')}
</NButton>
</div>
</div>
<div class="w-full flex">
{/* 左侧流程容器 */}
<div class={styles.flowContainer}>
{/* 流程容器*/}
<div class={styles.flowProcess} style={{ transform: `scale(${flowZoom.value / 100})` }}>
{/* 渲染流程节点 */}
<NodeWrap node={flowData.value.childNode} />
{/* 流程结束节点 */}
<EndNode />
</div>
{/* 缩放控制区 */}
<div class={styles.flowZoom}>
<div class={styles.flowZoomIcon} onClick={() => handleZoom(1)}>
<SvgIcon icon="subtract" class={`${flowZoom.value === 50 ? styles.disabled : ''}`} color="#5a5e66" />
</div>
<span>{flowZoom.value}%</span>
<div class={styles.flowZoomIcon} onClick={() => handleZoom(2)}>
<SvgIcon icon="plus" class={`${flowZoom.value === 300 ? styles.disabled : ''}`} color="#5a5e66" />
</div>
</div>
</div>
</div>
{/* 保留原有插槽 */}
{slots.default?.()}
</div>
)
<div class="flex flex-col w-full h-full" style={cssVars.value}>
<div class="w-full h-[6rem] px-[2rem] mb-[2rem] rounded-lg flex items-center gap-2 justify-between">
<div class="flex items-center">
<NButton onClick={goBack}>
<NIcon class="mr-1">
<ArrowLeftOutlined />
</NIcon>
{$t("t_0_1744861190562")}
</NButton>
</div>
<div class="flex items-center ml-[.5rem]">
<NInput
v-model:value={flowData.value.name}
placeholder={$t("t_0_1745490735213")}
class="!w-[30rem] !border-none "
/>
</div>
<div class="flex items-center gap-2">
<NButton
type="primary"
onClick={handleSaveConfig}
disabled={!selectedNodeId}
>
<NIcon class="mr-1">
<SaveOutlined />
</NIcon>
{$t("t_2_1744861190040")}
</NButton>
</div>
</div>
<div class={styles.flowContainer}>
{/* 左侧流程容器 */}
<div class="flex min-w-0" >
{/* 流程容器*/}
<div
class={styles.flowProcess}
style={{ transform: `scale(${flowZoom.value / 100})` }}
>
{/* 渲染流程节点 */}
<NodeWrap node={flowData.value.childNode} />
{/* 流程结束节点 */}
<EndNode />
</div>
{/* 缩放控制区 */}
<div class={styles.flowZoom}>
<div class={styles.flowZoomIcon} onClick={() => handleZoom(1)}>
<SvgIcon
icon="subtract"
class={`${flowZoom.value === 50 ? styles.disabled : ""}`}
color="#5a5e66"
/>
</div>
<span>{flowZoom.value}%</span>
<div class={styles.flowZoomIcon} onClick={() => handleZoom(2)}>
<SvgIcon
icon="plus"
class={`${flowZoom.value === 300 ? styles.disabled : ""}`}
color="#5a5e66"
/>
</div>
</div>
</div>
</div>
{/* 保留原有插槽 */}
{slots.default?.()}
</div>
);
},
})