SmartBench/CMVR-IOT-UI
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: 调整样式

Browse Source
This commit is contained in:
zhanghao 2026-08-05 09:53:23 +08:00
parent e3a566cf28
commit 61e07866bd
2 changed files with 16 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/views/flow/components/FormItemRecursive.vue
View File

@ -13,6 +13,7 @@
<el-input
class="param-name"
v-model="item.name"
:disabled="item.disabled || false"
placeholder="请输入"
clearable
/>

38
src/views/flow/index.vue
View File

@ -155,7 +155,7 @@
/>
</div>
<el-dialog v-model="visible" width="640" class="single-node-dialog" append-to-body>
<el-dialog v-model="visible" width="500" class="single-node-dialog" append-to-body>
<template #header="{ close, titleId, titleClass }">
<div class="my-header">
<h4 :id="titleId" :class="titleClass">执行{{ nodeName }}节点</h4>
@ -568,6 +568,9 @@ const initFlowData = {
properties: {
name: "Start",
action: "start",
nodeParams: [
{ name: "robotId", type: "input", input: "", disabled: true }
],
},
},
{
@ -1219,12 +1222,13 @@ onUnmounted(() => {
});
</script>
<style lang="scss" scoped>
$flow-canvas-cursor: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20width=%2724%27%20height=%2724%27%20viewBox=%270%200%2024%2024%27%3E%3Cpath%20d=%27M4%202.5v16l4.2-4%203.1%207.1%203.4-1.5-3.1-7.1h5.8z%27%20fill=%27%23fff%27%20stroke=%27%231f2937%27%20stroke-width=%271.8%27%20stroke-linejoin=%27round%27/%3E%3C/svg%3E") 4 3, default;
.single-node-param-row {
display: grid;
grid-template-columns: 190px minmax(0, 1fr);
gap: 16px;
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: space-between;
gap: 24px;
align-items: start;
}
@ -1238,7 +1242,7 @@ $flow-canvas-cursor: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org
:deep(.el-input),
:deep(.el-input-number),
:deep(.el-select) {
width: 100%;
width: 220px;
}
}
@ -1432,12 +1436,12 @@ $flow-canvas-cursor: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org
.flow__container {
width: 100%;
height: 100%;
cursor: $flow-canvas-cursor;
cursor: pointer;
:deep(.vue-flow__node) {
border: 0;
background: transparent;
cursor: $flow-canvas-cursor;
cursor: pointer;
}
:deep(.vue-flow__node .flow-node-shell),
@ -1446,7 +1450,7 @@ $flow-canvas-cursor: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org
:deep(.vue-flow__node .right),
:deep(.vue-flow__node .editIcon),
:deep(.vue-flow__node .resultText) {
cursor: $flow-canvas-cursor;
cursor: pointer;
}
:deep(.vue-flow__edge-path),
@ -1456,11 +1460,11 @@ $flow-canvas-cursor: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org
}
:deep(.vue-flow__pane) {
cursor: $flow-canvas-cursor;
cursor: pointer;
}
:deep(.vue-flow__pane.dragging) {
cursor: $flow-canvas-cursor;
cursor: pointer;
}
:deep(.vue-flow__handle) {
@ -1515,17 +1519,5 @@ $flow-canvas-cursor: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org
}
}
.el-dialog {
.el-input {
width: 200px;
}
.el-select {
width: 200px;
}
.el-textarea {
width: 200px;
}
}
</style>