Browse Source

修改数据

yjf_v3
超级管理员 2 years ago
parent
commit
8bd677beee
  1. 5
      src/components/DesignForm/formControlAttr.vue
  2. 15
      src/components/DesignForm/layoutPage/index.vue

5
src/components/DesignForm/formControlAttr.vue

@ -2032,7 +2032,7 @@ const cssIsShouw = (val:any) => {
</el-tooltip> </el-tooltip>
</el-button> </el-button>
</div> </div>
<el-divider content-position="left">组件布局</el-divider> <el-divider content-position="left">高级属性</el-divider>
<LayoutPage v-if="cssIsShouw(attrList)" v-model:styles-val="controlDataStyls" :place="controlData.type" /> <LayoutPage v-if="cssIsShouw(attrList)" v-model:styles-val="controlDataStyls" :place="controlData.type" />
@ -2216,7 +2216,7 @@ const cssIsShouw = (val:any) => {
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<el-form-item label="是否隐藏星号" class="form_cont"> <el-form-item label="是否隐藏星号" class="form_cont">
<el-switch v-model="formData.hideRequiredAsterisk" active-text="显示" inactive-text="隐藏" /> <el-switch v-model="formData.hideRequiredAsterisk" active-text="隐藏" inactive-text="显示" style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" />
</el-form-item> </el-form-item>
<el-form-item label="校验错误信息" class="form_cont"> <el-form-item label="校验错误信息" class="form_cont">
<el-switch v-model="formData.showMessage" active-text="显示" inactive-text="隐藏" /> <el-switch v-model="formData.showMessage" active-text="显示" inactive-text="隐藏" />
@ -2336,3 +2336,4 @@ const cssIsShouw = (val:any) => {
background-color: rgb(229, 229, 229); background-color: rgb(229, 229, 229);
} }
</style> </style>

15
src/components/DesignForm/layoutPage/index.vue

@ -31,7 +31,7 @@ const inputUnitTitle = (val:string) => {
console.log("inputUnitTitle",val); console.log("inputUnitTitle",val);
switch (val) { switch (val) {
case "radio": case "radio":
return "Radio布局" return "输入设置"
break; break;
case "select": case "select":
unitIsShow.value = false; unitIsShow.value = false;
@ -76,10 +76,10 @@ const inputUnitTitle = (val:string) => {
default: default:
unitIsShow.value = true; unitIsShow.value = true;
labelIsShow.value = true; labelIsShow.value = true;
return "Input布局" return "输入设置"
break; break;
} }
return "Input布局" return "输入设置"
} }
// const divStyle = reactive<any>({}) // const divStyle = reactive<any>({})
// watch(()=>divStyle,(val : any)=>{ // watch(()=>divStyle,(val : any)=>{
@ -104,10 +104,10 @@ const activeName = ref('0')
</script> </script>
<template> <template>
<div class="jhk_kjh"> <div class="jhk_kjh">
当前组件类别======>{{props.place}} <!-- 当前组件类别======>{{props.place}} -->
<el-collapse v-model="activeName" accordion> <el-collapse v-model="activeName" accordion>
<el-collapse-item title="边框布局" name="1"> <el-collapse-item title="边框设置" name="1">
<el-divider content-position="left">外框</el-divider> <el-divider content-position="left">外框</el-divider>
<DesignLayout v-model:layouyt-style="props.stylesVal.divStyle" /> <DesignLayout v-model:layouyt-style="props.stylesVal.divStyle" />
@ -125,7 +125,7 @@ const activeName = ref('0')
</el-collapse-item> </el-collapse-item>
<el-collapse-item v-if="labelIsShow" title="Lable布局" name="2"> <el-collapse-item v-if="labelIsShow" title="标签设置" name="2">
<el-divider content-position="left">外框</el-divider> <el-divider content-position="left">外框</el-divider>
<DesignLayout v-model:layouyt-style="props.stylesVal.labelStyle" /> <DesignLayout v-model:layouyt-style="props.stylesVal.labelStyle" />
<el-divider content-position="left">圆角</el-divider> <el-divider content-position="left">圆角</el-divider>
@ -154,7 +154,7 @@ const activeName = ref('0')
<TextPage v-model:layouyt-style="props.stylesVal.inputStyle" :place="'div'" /> <TextPage v-model:layouyt-style="props.stylesVal.inputStyle" :place="'div'" />
</el-collapse-item> </el-collapse-item>
<el-collapse-item v-if="buttionShow" title="按钮布局" name="2"> <el-collapse-item v-if="buttionShow" title="输入设置" name="2">
<el-divider content-position="left">尺寸</el-divider> <el-divider content-position="left">尺寸</el-divider>
<PageSizeSmail v-model:layouyt-style="props.stylesVal.labelStyle" :place="'div'" /> <PageSizeSmail v-model:layouyt-style="props.stylesVal.labelStyle" :place="'div'" />
<el-divider content-position="left">文本</el-divider> <el-divider content-position="left">文本</el-divider>
@ -172,3 +172,4 @@ const activeName = ref('0')
background-color: rgb(229, 229, 229); background-color: rgb(229, 229, 229);
} }
</style> </style>
Loading…
Cancel
Save