yangchunlong/orico-officialWebsite-ts-admin
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: 🧩 label文字显示不全

Browse Source
This commit is contained in:
yangchunlong
2025-06-12 11:53:01 +08:00
parent 6f8a3e72a5
commit cc5d380551
3 changed files with 16 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/views/webManagement/configuration/constant/edit.ts
View File

@@ -21,7 +21,7 @@ interface FormItem {
export const EDIT_FORM_DATA: FormItem[] = [ export const EDIT_FORM_DATA: FormItem[] = [
{ {
prop: "name", prop: "name",
placeholder: "请输入", placeholder: "以“.”分隔，可对同分组内配置再次分组，支持多维",
type: "input", type: "input",
label: "配置标识: " label: "配置标识: "
}, },
@@ -60,7 +60,8 @@ export const EDIT_FORM_DATA: FormItem[] = [
{ {
prop: "extra", prop: "extra",
type: "textarea", type: "textarea",
label: "配置项: " label: "配置项: ",
placeholder: "选项型配置时：选项值:选项名['联动配置项的“配置标识”', ......]，联动配置项为可选"
}, },
{ {
prop: "remark", prop: "remark",

9
src/views/webManagement/set/components/RecursiveForm.vue
View File

@@ -11,12 +11,13 @@
{{ extraItem.name }} {{ extraItem.name }}
</el-radio> </el-radio>
</el-radio-group> </el-radio-group>
<span style="margin-left: 20px; color: #999999" v-if="config.remark">({{ config.remark }})</span>
</el-form-item> </el-form-item>
<el-form-item :label="config.title" v-if="config.type === 'text'"> <el-form-item :label="config.title" v-if="config.type === 'text'">
<el-input v-model="config.value" style="width: 400px"> </el-input> <el-input v-model="config.value" style="width: 400px" :placeholder="config.remark"> </el-input>
</el-form-item> </el-form-item>
<el-form-item v-if="config.type === 'select'" :label="config.title"> <el-form-item v-if="config.type === 'select'" :label="config.title">
<el-select v-model="config.value" placeholder="请选择"> <el-select v-model="config.value" :placeholder="config.remark">
<el-option <el-option
v-for="extraItem in config.extra" v-for="extraItem in config.extra"
:key="extraItem.value" :key="extraItem.value"
@@ -32,12 +33,14 @@
{{ extraItem.name }} {{ extraItem.name }}
</el-checkbox> </el-checkbox>
</el-checkbox-group> </el-checkbox-group>
<span style="margin-left: 20px; color: #999999" v-if="config.remark">({{ config.remark }})</span>
</el-form-item> </el-form-item>
<el-form-item v-if="config.type === 'image'" :label="config.title"> <el-form-item v-if="config.type === 'image'" :label="config.title">
<UploadImg v-model:image-url="config.value" /> <UploadImg v-model:image-url="config.value" />
</el-form-item> </el-form-item>
<el-form-item v-if="config.type === 'textarea'" :label="config.title"> <el-form-item v-if="config.type === 'textarea'" :label="config.title">
<el-input v-model="config.value" type="textarea" :rows="8" style="width: 400px"> </el-input> <el-input v-model="config.value" type="textarea" :rows="8" style="width: 400px" :placeholder="config.remark">
</el-input>
</el-form-item> </el-form-item>
<el-form-item v-if="config.type === 'file'" :label="config.title"> <el-form-item v-if="config.type === 'file'" :label="config.title">

9
src/views/webManagement/set/index.vue
View File

@@ -8,7 +8,7 @@
<div class="card table-main"> <div class="card table-main">
<el-tabs v-model="activeName" class="demo-tabs"> <el-tabs v-model="activeName" class="demo-tabs">
<el-tab-pane :label="item.name" :name="item.name" v-for="(item, index) in dataStore.list" :key="index"> <el-tab-pane :label="item.name" :name="item.name" v-for="(item, index) in dataStore.list" :key="index">
<el-form :model="dataStore.formData" label-width="120px"> <el-form :model="dataStore.formData" label-position="top">
<RecursiveForm :configs="item.configs" /> <RecursiveForm :configs="item.configs" />
</el-form> </el-form>
</el-tab-pane> </el-tab-pane>
@@ -108,4 +108,9 @@ const handleClick = () => {
}; };
</script> </script>
<style scoped></style> <style scoped lang="scss">
::v-deep(.el-form-item__label) {
font-weight: 900;
color: #333333;
}
</style>