fix(app): 性质/技术标识提示改 md-help 图标+Button 触发的 Tooltip(max-width=320 防截断);基石应用整行隐藏 Pc 地址/图标(无消费方)
build / build (push) Successful in 12m52s

This commit is contained in:
chenxing
2026-09-29 14:47:21 +08:00
parent e1aee91a98
commit e034b947e5
+26 -5
View File
@@ -38,14 +38,22 @@
<Col span="12"> <Col span="12">
<FormItem label="应用性质:"> <FormItem label="应用性质:">
<Switch v-model="natureBase" size="small" /> <Switch v-model="natureBase" size="small" />
<Tooltip content="基石应用不参与应用开通 / 授权 / 模块管理" placement="top" transfer>
<span class="nature-hint">{{ natureBase ? '基石应用' : '业务应用' }}</span> <span class="nature-hint">{{ natureBase ? '基石应用' : '业务应用' }}</span>
<Tooltip :max-width="320" content="基石应用不参与应用开通 / 授权 / 模块管理,不出现在门户应用列表与跳转注册表" placement="top" transfer>
<Icon type="md-help" class="help-icon" />
</Tooltip> </Tooltip>
</FormItem> </FormItem>
</Col> </Col>
<Col span="12"> <Col span="12">
<FormItem label="技术标识:" prop="appCode"> <FormItem label="技术标识:" prop="appCode">
<Input v-model="form.appCode" placeholder="如 flow-center(kebab-case,= 部署名,创建后尽量不改)" /> <div class="secret-row">
<Input v-model="form.appCode" placeholder="如 flow-center(= 部署名,创建后尽量不改)" style="flex:1" />
<Tooltip :max-width="320"
content="技术标识(app_code):kebab-case,小写字母开头,仅小写字母/数字/连字符,≤32 位;= projman 部署名(容器名/网关 ctx/服务目录键),创建后尽量不改。"
placement="top" transfer>
<Button size="small" class="ml-8" icon="md-help" />
</Tooltip>
</div>
</FormItem> </FormItem>
</Col> </Col>
</Row> </Row>
@@ -78,9 +86,9 @@
</Col> </Col>
</Row> </Row>
<!-- 第五行:Pc应用地址(学校模式/基石应用隐藏;图标保留——学校模式仍可改图标) --> <!-- 第五行:Pc应用地址 / Pc应用图标(基石应用整行隐藏——不进门户网格,图标无消费方;学校模式仅保留图标可改) -->
<Row> <Row v-if="!natureBase">
<Col span="12" v-if="!schoolMode && !natureBase"> <Col span="12" v-if="!schoolMode">
<FormItem label="Pc应用地址:"> <FormItem label="Pc应用地址:">
<Input v-model="form.pcUrl" placeholder="请输入Pc应用地址" /> <Input v-model="form.pcUrl" placeholder="请输入Pc应用地址" />
</FormItem> </FormItem>
@@ -388,4 +396,17 @@ function onVisibleChange(val: boolean) {
color: #808695; color: #808695;
font-size: 12px; font-size: 12px;
} }
/* 表单帮助图标(Tooltip 触发器):默认浅灰,悬停点亮 */
.help-icon {
margin-left: 6px;
color: #c5c8ce;
font-size: 16px;
cursor: pointer;
transition: color 0.2s;
&:hover {
color: #2d8cf0;
}
}
</style> </style>