feat: Optimize application parameter editing (#10582)

Refs https://github.com/1Panel-dev/1Panel/issues/10558
This commit is contained in:
CityFun 2025-10-09 14:41:25 +08:00 committed by GitHub
parent a7c00900d8
commit 339b085db7
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -29,7 +29,9 @@
</span> </span>
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item v-for="(param, key) in params" :label="getLabel(param)" :key="key"> <el-descriptions-item v-for="(param, key) in params" :label="getLabel(param)" :key="key">
<span>{{ param.showValue && param.showValue != '' ? param.showValue : param.value }}</span> <span class="break-all whitespace-normal">
{{ param.showValue && param.showValue != '' ? param.showValue : param.value }}
</span>
<CopyButton v-if="showCopyButton(param.key)" :content="param.value" /> <CopyButton v-if="showCopyButton(param.key)" :content="param.value" />
</el-descriptions-item> </el-descriptions-item>
</el-descriptions> </el-descriptions>
@ -38,11 +40,7 @@
<el-alert :title="$t('app.updateHelper')" type="warning" :closable="false" class="common-prompt" /> <el-alert :title="$t('app.updateHelper')" type="warning" :closable="false" class="common-prompt" />
<el-form @submit.prevent ref="paramForm" :model="paramModel" label-position="top" :rules="rules"> <el-form @submit.prevent ref="paramForm" :model="paramModel" label-position="top" :rules="rules">
<div v-for="(p, index) in params" :key="index"> <div v-for="(p, index) in params" :key="index">
<el-form-item <el-form-item :prop="'params.' + p.key" :label="getLabel(p)">
:prop="'params.' + p.key"
:label="getLabel(p)"
v-if="p.showValue == undefined || p.showValue == ''"
>
<el-input <el-input
v-if="p.type == 'number'" v-if="p.type == 'number'"
type="number" type="number"
@ -64,9 +62,6 @@
</el-select> </el-select>
<el-input v-else v-model.trim="paramModel.params[p.key]" :disabled="!p.edit"></el-input> <el-input v-else v-model.trim="paramModel.params[p.key]" :disabled="!p.edit"></el-input>
</el-form-item> </el-form-item>
<el-form-item :prop="'params.' + p.key" :label="getLabel(p)" v-else>
<el-input v-model.trim="p.showValue" :disabled="!p.edit"></el-input>
</el-form-item>
</div> </div>
<el-form-item prop="advanced"> <el-form-item prop="advanced">
<el-checkbox v-model="paramModel.advanced" :label="$t('app.advanced')" size="large" /> <el-checkbox v-model="paramModel.advanced" :label="$t('app.advanced')" size="large" />