在平台中用户可以方便的添加自定义控件,首先要在pc表单设计添加控件,一个自定义控件,都有一下特点:
编辑和只读两种状态

1.1前端实现

控件实现的功能是:

只读的情况显示
无权限的时候的隐藏
编辑数据的时候显示
添加控件

代码

<view v-else-if="attr.control=='rx-district'">
 <rx-district v-model="data[attr.name]" :data="data" :attr="attr" :permission="permission" :metadata="metadata":subname="subname" :readonly="readonly"></rx-district>
 </view>

属性说明

属性 说明
attr.control 判断那个控件
data 表单数据
attr 控件属性
permission 这个为字段权限 分别为 “none”无权限,”r”:只读权限,”w”编辑权限
metadata 控件数据解释
readonly 是否只读
v-model 表单字段 ,通过v-model 的方式实现表单数据的双向绑定

代码参考


ps:

修改表单数据
this.$emit(‘input’, str);

文档更新时间: 2021-10-27 17:17   作者:zyg