CRMEB Pro 单店版
首页
技术社区
官网
开源地址
🌲 序言
🦁️ 系统简介
Pro v2.4
功能清单
功能结构图
Pro v2.3
功能清单
功能结构图
Pro v2.2.2
功能清单
功能结构图
Pro v2.2.1
功能清单
功能结构图
🧭 系统安装/配置
运行环境
服务器及域名设置
服务器购买
服务器端口
域名购买
域名解析
SSL证书申请
证书申请注意事项
宝塔申请SSL
阿里云申请SSL
腾讯云申请SSL
https域名配置
安装指南
新手推荐-宝塔安装教程
1.服务器配置
阿里云
腾讯云
京东云
2.软件安装
3.源码上传
4.PHP设置
5.站点配置
6.反向代理
NGINX反向代理
Apache反向代理
7.添加守护进程
Supervisor管理器
堡塔应用管理器
8.程序一键安装
9.安装完成重启守护进程
Linux安装教程
Linux命令行配置
手动安装、重装、多站点安装
安装完检测
配置指南
账号相关介绍
应用配置
公众号配置
1.公众号配置
2.公众号开发配置
小程序配置
小程序直播配置
1.微信平台配置
2.CRMEB后台配置
3、打包上传
前端提交审核(2.1及之后版本)
前端提交审核(2.1之前版本)
4.确认发布
PC介绍
PC安装
PC设置
APP端
支付配置
微信支付
微信支付v3接口
支付宝支付
一号通
一号通账户
短信
商品采集
物流查询
电子面单
云存储
存储说明
阿里云OSS
腾讯云COS
七牛云存储
其他配置
公众号模板消息
小程序订阅消息
小票打印机配置
地图配置
多系统配置
企业微信配置
通讯录配置
客户配置
自建应用配置
升级指南
2.1.01升级2.1.1
2.1.0升级2.1.01
2.1.0 beta升级2.1.0
2.0升级2.1.0
2.0升级帮助
集群部署
阿里云COS静态文件部署
腾讯云镜像使用
腾讯云容器服务集群
腾讯云集群服务日志托管
📖 使用手册
商品管理
商品分类
商品规格
商品添加
商品采集
商品评价
商品品牌
商品单位
商品参数
保障服务
商品标签
订单管理
订单发货
订单退款
订单打印
订单提醒
用户管理
用户管理
账号注销
会员管理
用户等级
付费会员
用户设置
功能介绍
操作步骤
客服管理
客服功能
客服接待
营销管理
拼团
秒杀
砍价
积分
积分介绍
积分设置
积分签到
积分商城
积分抽奖
九宫格抽奖
优惠套餐
余额充值
优惠活动
优惠券
限时折扣
满减满折
满送活动
第N件N折
活动规则
文章
文章管理
文章分类
活动背景图
活动边框
分销管理
分销介绍
分销配置
分销等级
分销员管理
佣金提现
财务管理
财务操作
财务记录
佣金记录
商城装修
主页装修
页面配置
主题风格
PC页面
商城设置
商城邮费
邮费结构
发货设置
运费模板
物流公司
城市数据
配送员管理
支付设置
交易设置
基础配置
定时任务
应用设置
公众号
小程序
PC
微信开放平台
第三方接口
小票打印配置
采集商品配置
物流查询
电子面单
地图配置
短信
商城硬件
企业微信
客户管理
企业渠道码
欢迎语
客户列表
客户群发
朋友圈列表
客户群运营
客户群列表
自动拉群
客户群群发
员工列表
企业微信设置
供应商
供应商管理
供应商商品
供应商独立端
供应商订单
供应商设置
供应商硬件配置
短视频
功能介绍
操作步骤
🔧 开发手册
打包教程
APP打包
1.基础配置
2.开发调试
3.打包上线
4.APP打包
移动端(uni-app)打包
说明
H5、公众号
小程序
平台后台(admin)打包
PC打包
门店后台(store)打包
收银端(cashier)打包
主题一键换色
开发规范
目录结构
数据字典
开发教程视频
移动端路由
事件
系统配置
后台表单说明
后端路由
门店路由
对外接口路由
付费采集
后台前端说明
后台前端开发
前端配置说明
前端添加页面
前端引用组件
前端构建和发布
后台页面打包
对外接口说明
Docker运行
❓常见问题
修改后台标题
小程序无法生成海报问题
多项目部署问题汇总
后台忘记密码
支付成功订单状态没改
安装首页数据库链接失败
后台子管理员权限问题
mysql修改sql_mode
安装完成之后登录后台报错
守护进程启动失败问题总结
小程序不发订阅消息排查
怎么区分php是非线程安全
后台装修切花模版或其他操作引起Template not exists错误
Nginx添加反向代理报错
一号通常见问题总结
后台一直登录不了提示验证码错误处理
小程序超包一般处理办法
后台配置成功不生效
关于composer更新的问题
常见错误反馈帮助
企业微信常见问题
如何开启数据缓存和数据压缩
支付宝支付提示没有权限
企业微信
欢迎语
👑 商业授权
后台表单说明
## form-buider 说明 ## [](https://github.com/xaboy/form-builder#%E5%8F%82%E8%80%83)参考 * **ui框架:**[iview2.x](http://v2.iviewui.com/docs/guide/install) * **js表单生成器生成:**[form-create](https://github.com/xaboy/form-create) * github :[https://github.com/xaboy/form-builder](https://github.com/xaboy/form-builder) * 参考文档:[http://www.form-create.com](http://www.form-create.com/) * * * 添加产品表单 ~~~ $field = [ Form::select('cate_id','产品分类')->setOptions(function(){ $list = CategoryModel::getTierList(); foreach ($list as $menu){ $menus[] = ['value'=>$menu['id'],'label'=>$menu['html'].$menu['cate_name'],'disabled'=>$menu['pid']== 0];//,'disabled'=>$menu['pid']== 0]; } return $menus; })->filterable(1)->multiple(1), Form::input('store_name','产品名称')->col(Form::col(8)), Form::input('store_info','产品简介')->type('textarea'), Form::input('keyword','产品关键字')->placeholder('多个用英文状态下的逗号隔开'), Form::input('unit_name','产品单位','件'), Form::frameImageOne('image','产品主图片(305*305px)',Url::build('admin/widget.images/index',array('fodder'=>'image')))->icon('image')->width('100%')->height('550px'), Form::frameImages('slider_image','产品轮播图(640*640px)',Url::build('admin/widget.images/index',array('fodder'=>'slider_image')))->maxLength(5)->icon('images')->width('100%')->height('550px')->spin(0), Form::number('price','产品售价')->min(0)->col(8), Form::number('ot_price','产品市场价')->min(0)->col(8), Form::number('give_integral','赠送积分')->min(0)->precision(0)->col(8), Form::number('postage','邮费')->min(0)->col(Form::col(8)), Form::number('sales','销量')->min(0)->precision(0)->col(8), Form::number('ficti','虚拟销量')->min(0)->precision(0)->col(8), Form::number('stock','库存')->min(0)->precision(0)->col(8), Form::number('cost','产品成本价')->min(0)->col(8), Form::number('sort','排序')->col(8), Form::radio('is_show','产品状态',0)->options([['label'=>'上架','value'=>1],['label'=>'下架','value'=>0]])->col(8), Form::radio('is_hot','热卖单品',0)->options([['label'=>'是','value'=>1],['label'=>'否','value'=>0]])->col(8), Form::radio('is_benefit','促销单品',0)->options([['label'=>'是','value'=>1],['label'=>'否','value'=>0]])->col(8), Form::radio('is_best','精品推荐',0)->options([['label'=>'是','value'=>1],['label'=>'否','value'=>0]])->col(8), Form::radio('is_new','首发新品',0)->options([['label'=>'是','value'=>1],['label'=>'否','value'=>0]])->col(8), Form::radio('is_postage','是否包邮',0)->options([['label'=>'是','value'=>1],['label'=>'否','value'=>0]])->col(8) ]; return $this->makePostForm('添加商品', $field, Url::buildUrl('save' ), 'POST'); ~~~ 编辑产品表单 ~~~ $product = ProductModel::get($id); $form = Form::create(Url::build('update',array('id'=>$id)),[ Form::select('cate_id','产品分类',explode(',',$product->getData('cate_id')))->setOptions(function(){ $list = CategoryModel::getTierList(); foreach ($list as $menu){ $menus[] = ['value'=>$menu['id'],'label'=>$menu['html'].$menu['cate_name'],'disabled'=>$menu['pid']== 0];//,'disabled'=>$menu['pid']== 0]; } return $menus; })->filterable(1)->multiple(1), Form::input('store_name','产品名称',$product->getData('store_name')), Form::input('store_info','产品简介',$product->getData('store_info'))->type('textarea'), Form::input('keyword','产品关键字',$product->getData('keyword'))->placeholder('多个用英文状态下的逗号隔开'), Form::input('unit_name','产品单位',$product->getData('unit_name')), Form::frameImageOne('image','产品主图片(305*305px)',Url::build('admin/widget.images/index',array('fodder'=>'image')),$product->getData('image'))->icon('image')->width('100%')->height('550px'), Form::frameImages('slider_image','产品轮播图(640*640px)',Url::build('admin/widget.images/index',array('fodder'=>'slider_image')),json_decode($product->getData('slider_image'),1))->maxLength(5)->icon('images'), Form::number('price','产品售价',$product->getData('price'))->min(0)->precision(2)->col(8), Form::number('ot_price','产品市场价',$product->getData('ot_price'))->min(0)->col(8), Form::number('give_integral','赠送积分',$product->getData('give_integral'))->min(0)->precision(0)->col(8), Form::number('postage','邮费',$product->getData('postage'))->min(0)->col(8), Form::number('sales','销量',$product->getData('sales'))->min(0)->precision(0)->col(8), Form::number('ficti','虚拟销量',$product->getData('ficti'))->min(0)->precision(0)->col(8), Form::number('stock','库存',ProductModel::getStock($id)>0?ProductModel::getStock($id):$product->getData('stock'))->min(0)->precision(0)->col(8), Form::number('cost','产品成本价',$product->getData('cost'))->min(0)->col(8), Form::number('sort','排序',$product->getData('sort'))->col(8), Form::radio('is_show','产品状态',$product->getData('is_show'))->options([['label'=>'上架','value'=>1],['label'=>'下架','value'=>0]])->col(8), Form::radio('is_hot','热卖单品',$product->getData('is_hot'))->options([['label'=>'是','value'=>1],['label'=>'否','value'=>0]])->col(8), Form::radio('is_benefit','促销单品',$product->getData('is_benefit'))->options([['label'=>'是','value'=>1],['label'=>'否','value'=>0]])->col(8), Form::radio('is_best','精品推荐',$product->getData('is_best'))->options([['label'=>'是','value'=>1],['label'=>'否','value'=>0]])->col(8), Form::radio('is_new','首发新品',$product->getData('is_new'))->options([['label'=>'是','value'=>1],['label'=>'否','value'=>0]])->col(8), Form::radio('is_postage','是否包邮',$product->getData('is_postage'))->options([['label'=>'是','value'=>1],['label'=>'否','value'=>0]])->col(8) ]); return $this->makePostForm('编辑商品', $field, Url::buildUrl('edit' ), 'PUT'); ~~~ ## AJAX请求返回 `namespace \FormBuilder\Json` * \*\*Json::succ(msg,data = \[\])\*\*表单提交成功 * \*\*Json::fail(errorMsg,data = \[\])\*\*表单提交失败 * \*\*Json::uploadSucc(filePath,msg)\*\*文件/图片上传成功,上传成功后返回文件地址 * \*\*Json::uploadFail(errorMsg)\*\*文件/图片上传失败 ## [](https://github.com/xaboy/form-builder#form-%E8%A1%A8%E5%8D%95%E7%94%9F%E6%88%90%E7%B1%BB)Form 表单生成类 `namespace \FormBuilder\Form` * \*\*components(array $components = \[\])\*\*批量添加组件 * \*\*formRow(Row $row)\*\*设置表单Row规则 * \*\*formStyle(FormStyle $formStyle)\*\*设置表单样式 * \*\*setAction($action)\*\*设置提交地址 * \*\*getConfig($key='')\*\*设置配置文件 * \*\*setMethod($method)\*\*设置提交方式 * \*\*setMethod($method)\*\*设置提交方式 * \*\*append(FormComponentDriver $component)\*\*追加组件 * \*\*prepend(FormComponentDriver $component)\*\*开头插入组件 * \*\*getRules()\*\*获得表单规则 * \*\*view()\*\*获取表单视图 * \*\*script()\*\*获取表单生成器所需全部js * \*\*formScript()\*\*获取生成表单的js代码,可用js变量接受生成函数`create`,执行`create(el,callback)`即可生成表单 * \*\*getScript()\*\*获取表单生成器所需js * \*\*create($action, array $components = \[\])\*\*生成表单快捷方法 * \*\*setTitle($title)\*\*设置title ## [](https://github.com/xaboy/form-builder#formstyle%E8%A1%A8%E5%8D%95%E6%A0%B7%E5%BC%8F)FormStyle表单样式 * **Form::style** ~~~ * @method $this inline(Boolean $bool) 是否开启行内表单模式 * @method $this labelPosition(String $labelPosition) 表单域标签的位置,可选值为 left、right、top * @method $this labelWidth(Number $labelWidth) 表单域标签的宽度,所有的 FormItem 都会继承 Form 组件的 label-width 的值 * @method $this showMessage(Boolean $bool) 是否显示校验错误信息 * @method $this autocomplete($bool = false) 原生的 autocomplete 属性,可选值为 true = off 或 false = on ~~~ ## [](https://github.com/xaboy/form-builder#row%E6%A0%85%E6%A0%BC%E8%A7%84%E5%88%99)Row栅格规则 * **Form::row** ~~~ * @method $this gutter(Number $gutter) 栅格间距,单位 px,左右平分 * @method $this type(String $type) 栅格的顺序,在flex布局模式下有效 * @method $this align(String $align) flex 布局下的垂直对齐方式,可选值为top、middle、bottom * @method $this justify(String $justify) flex 布局下的水平排列方式,可选值为start、end、center、space-around、space-between * @method $this className(String $className) 自定义的class名称 ~~~ 参考:[view row栅格布局](http://v2.iviewui.com/components/grid#API) ## [](https://github.com/xaboy/form-builder#col%E6%A0%85%E6%A0%BC%E8%A7%84%E5%88%99)Col栅格规则 * **Form::col** ~~~ * @method $this span(Number $span) 栅格的占位格数,可选值为0~24的整数,为 0 时,相当于display:none * @method $this order(Number $order) 栅格的顺序,在flex布局模式下有效 * @method $this offset(Number $offset) 栅格左侧的间隔格数,间隔内不可以有栅格 * @method $this push(Number $push) 栅格向右移动格数 * @method $this pull(Number $pull) 栅格向左移动格数 * @method $this labelWidth(Number $labelWidth) 表单域标签的的宽度,默认150px * @method $this className(String $className) 自定义的class名称 * @method $this xs(Number|Col $span) <768px 响应式栅格,可为栅格数或一个包含其他属性的对象 * @method $this sm(Number|Col $span) ≥768px 响应式栅格,可为栅格数或一个包含其他属性的对象 * @method $this md(Number|Col $span) ≥992px 响应式栅格,可为栅格数或一个包含其他属性的对象 * @method $this lg(Number|Col $span) ≥1200px 响应式栅格,可为栅格数或一个包含其他属性的对象 ~~~ 参考:[view col栅格布局](http://v2.iviewui.com/components/grid#API) ## [](https://github.com/xaboy/form-builder#selectcheckboxradio%E7%BB%84%E4%BB%B6%E9%85%8D%E7%BD%AEoptions%E4%B8%93%E7%94%A8%E6%96%B9%E6%B3%95)select,checkbox,radio组件配置options专用方法 * \*\*option($value, $label, $disabled = false)\*\*单独设置选项 * \*\*options(array $options, $disabled = false)\*\*批量设置选项 * \*\*setOptions($options, $disabled = false)\*\*批量设置选项 支持匿名函数 ## [](https://github.com/xaboy/form-builder#%E4%BB%A5%E4%B8%8B%E7%BB%84%E4%BB%B6%E5%85%AC%E5%85%B1%E6%96%B9%E6%B3%95)以下组件公共方法 * \*\*col($span)\*\*配置col栅格规则,传入0-24的数字或`Col`类,默认为24 * \*\*value($value)\*\*设置组件的值 * \*\*validateAs(array $validate)\*\*添加验证规则 * \*\*validate()\*\*设置验证规则[规则说明](https://github.com/xaboy/form-builder/blob/master/src/components/Validate.php) ## [](https://github.com/xaboy/form-builder#%E7%BB%84%E4%BB%B6)组件 `namespace \FormBuilder\Form` #### [](https://github.com/xaboy/form-builder#%E5%A4%9A%E7%BA%A7%E8%81%94%E5%8A%A8%E7%BB%84%E4%BB%B6)多级联动组件 * **Form::cascader**多级联动组件,value为array类型 * **Form::city**省市二级联动,value为array类型 * **Form::cityArea**省市区三级联动,value为array类型 ~~~ 方法 返回值 方法名(参数) 注释 * @method $this type(String $type) 数据类型, 支持 city_area(省市区三级联动), city (省市二级联动), other (自定义) * @method $this disabled(Boolean $bool) 是否禁用选择器 * @method $this clearable(Boolean $bool) 是否支持清除 * @method $this placeholder(String $placeholder) 占位文本 * @method $this trigger(String $trigger) 次级菜单展开方式,可选值为 click 或 hover * @method $this changeOnSelect(Boolean $bool) 当此项为 true 时,点选每级菜单选项值都会发生变化, 默认为 false * @method $this size(String $size) 输入框大小,可选值为large和small或者不填 * @method $this filterable(Boolean $bool) 是否支持搜索 * @method $this notFoundText(String $text) 当搜索列表为空时显示的内容 * @method $this transfer(Boolean $bool) /是否将弹层放置于 body 内,在 Tabs、带有 fixed 的 Table 列内使用时,建议添加此属性,它将不受父级样式影响,从而达到更好的效果 * @method $this required($message = null, $trigger = 'change') 设为必选 * @method $this data(array $data) 设置多级联动可选项的数据 * 例如: { * "value":"北京市", "label":"北京市", "children":[{ * "value":"东城区", "label":"东城区" * }] * } * @method $this jsData($var) 设置data为js变量 * @method string getType($var) 获取组件类型 ~~~ #### [](https://github.com/xaboy/form-builder#%E5%A4%8D%E9%80%89%E6%A1%86%E7%BB%84%E4%BB%B6)复选框组件 * **Form::checkbox** ~~~ * @method $this size(String $size) 多选框组的尺寸,可选值为 large、small、default 或者不设置 * @method $this required($message = null, $trigger = 'change') 设为必选 ~~~ #### [](https://github.com/xaboy/form-builder#%E9%A2%9C%E8%89%B2%E9%80%89%E6%8B%A9%E7%BB%84%E4%BB%B6)颜色选择组件 * **Form::color** ~~~ * @method $this disabled(Boolean $bool) 是否禁用 * @method $this alpha(Boolean $bool) 是否支持透明度选择, 默认为false * @method $this hue(Boolean $bool) 是否支持色彩选择, 默认为true * @method $this recommend(Boolean $bool) 是否显示推荐的颜色预设, 默认为false * @method $this size(String $size) 尺寸,可选值为large、small、default或者不设置 * @method $this format(String $format) 颜色的格式,可选值为 hsl、hsv、hex、rgb String 开启 alpha 时为 rgb,其它为 hex * @method $this required($message = null, $trigger = 'change') 设为必选 * @method $this colors($colors) 自定义颜色预设 ~~~ #### [](https://github.com/xaboy/form-builder#%E6%97%A5%E6%9C%9F%E9%80%89%E6%8B%A9%E7%BB%84%E4%BB%B6)日期选择组件 * **Form::date**日期选择 * **Form::dateRange**日期区间选择,value为array类型 * **Form::dateTime**日期+时间选择 * **Form::dateTimeRange**日期+时间 区间选择,value为array类型 * **Form::year**年份选择 * **Form::month**月份选择 ~~~ * @method $this type(String $type) 显示类型,可选值为 date、daterange、datetime、datetimerange、year、month * @method $this format(String $format) 展示的日期格式, 默认为yyyy-MM-dd HH:mm:ss * @method $this placement(String $placement) 日期选择器出现的位置,可选值为top, top-start, top-end, bottom, bottom-start, bottom-end, left, left-start, left-end, right, right-start, right-end, 默认为bottom-start * @method $this placeholder(String $placeholder) 占位文本 * @method $this confirm(Boolean $bool) 是否显示底部控制栏,开启后,选择完日期,选择器不会主动关闭,需用户确认后才可关闭, 默认为false * @method $this size(String $size) 尺寸,可选值为large、small、default或者不设置 * @method $this disabled(Boolean $bool) 是否禁用选择器 * @method $this clearable(Boolean $bool) 是否显示清除按钮 * @method $this readonly(Boolean $bool) 完全只读,开启后不会弹出选择器,只在没有设置 open 属性下生效 * @method $this editable(Boolean $bool) 文本框是否可以输入, 默认为false * @method $this transfer(Boolean $bool) 是否将弹层放置于 body 内,在 Tabs、带有 fixed 的 Table 列内使用时,建议添加此属性,它将不受父级样式影响,从而达到更好的效果, 默认为false * @method $this splitPanels(Boolean $bool) 开启后,左右面板不联动,仅在 daterange 和 datetimerange 下可用。 * @method $this showWeekNumbers(Boolean $bool) 开启后,可以显示星期数。 ~~~ #### [](https://github.com/xaboy/form-builder#frame%E7%BB%84%E4%BB%B6)frame组件 * **Form::frame**frame组件 * **Form::frameInputs**frame组件,input类型,value为array类型 * **Form::frameFiles**frame组件,file类型,value为array类型 * **Form::frameImages**frame组件,image类型,value为array类型 * **Form::frameInputOne**frame组件,input类型,value为string|number类型 * **Form::frameFileOne**frame组件,file类型,value为string|number类型 * **Form::frameImageOne**frame组件,image类型,value为string|number类型 ~~~ * @method $this type(String $type) frame类型, 有input, file, image, 默认为input * @method $this src(String $src) iframe地址 * @method $this maxLength(int $length) value的最大数量, 默认无限制 * @method $this icon(String $icon) 打开弹出框的按钮图标 * @method $this height(String $height) 弹出框高度 * @method $this width(String $width) 弹出框宽度 * @method $this spin(Boolean $bool) 是否显示加载动画, 默认为 true * @method $this frameTitle(String $title) 弹出框标题 * @method $this handleIcon(Boolean $bool) 操作按钮的图标, 设置为false将不显示, 设置为true为默认的预览图标, 类型为file时默认为false, image类型默认为true * @method $this allowRemove(Boolean $bool) 是否可删除, 设置为false是不显示删除按钮 ~~~ #### [](https://github.com/xaboy/form-builder#hidden%E7%BB%84%E4%BB%B6)hidden组件 * **Form::hidden**hidden组件 #### [](https://github.com/xaboy/form-builder#%E6%95%B0%E5%AD%97%E8%BE%93%E5%85%A5%E6%A1%86%E7%BB%84%E4%BB%B6)数字输入框组件 * **Form::number** ~~~ * @method $this max(float $max) 最大值 * @method $this min(float $min) 最小值 * @method $this step(float $step) 每次改变的步伐,可以是小数 * @method $this size(String $size) 输入框尺寸,可选值为large、small、default或者不填 * @method $this disabled(Boolean $bool) 设置禁用状态,默认为false * @method $this placeholder(String $placeholder) 占位文本 * @method $this readonly(Boolean $bool) 是否设置为只读,默认为false * @method $this editable(Boolean $bool) 是否可编辑,默认为true * @method $this precision(int $precision) 数值精度 ~~~ #### [](https://github.com/xaboy/form-builder#input%E8%BE%93%E5%85%A5%E6%A1%86%E7%BB%84%E4%BB%B6)input输入框组件 * **Form::input**input输入框 > 其他type: text类型`Form::text`,password类型`Form::password`,textarea类型`Form::textarea`,url类型`Form::url`,email类型`Form::email`,date类型`Form::idate` ~~~ * @method $this type(String $type) 输入框类型,可选值为 text、password、textarea、url、email、date; * @method $this size(String $size) 输入框尺寸,可选值为large、small、default或者不设置; * @method $this placeholder(String $placeholder) 占位文本 * @method $this clearable(Boolean $bool) 是否显示清空按钮, 默认为false * @method $this disabled(Boolean $bool) 设置输入框为禁用状态, 默认为false * @method $this readonly(Boolean $bool) 设置输入框为只读, 默认为false * @method $this maxlength(int $length) 最大输入长度 * @method $this icon(String $icon) 输入框尾部图标,仅在 text 类型下有效 * @method $this rows(int $rows) 文本域默认行数,仅在 textarea 类型下有效, 默认为2 * @method $this number(Boolean $bool) 将用户的输入转换为 Number 类型, 默认为false * @method $this autofocus(Boolean $bool) 自动获取焦点, 默认为false * @method $this autocomplete(Boolean $bool) 原生的自动完成功能, 默认为false * @method $this spellcheck(Boolean $bool) 原生的 spellcheck 属性, 默认为false * @method $this wrap(String $warp) 原生的 wrap 属性,可选值为 hard 和 soft, 默认为soft * @method $this autoSize($minRows, $maxRows) 自适应内容高度,仅在 textarea 类型下有效 ~~~ #### [](https://github.com/xaboy/form-builder#%E5%8D%95%E9%80%89%E6%A1%86%E7%BB%84%E4%BB%B6)单选框组件 * **Form::radio** ~~~ * @method $this size(String $size) 单选框的尺寸,可选值为 large、small、default 或者不设置 * @method $this vertical(Boolean $bool) 是否垂直排列,按钮样式下无效 * @method $this button() 使用按钮样式 * @method $this required($message = null, $trigger = 'change') 设为必选 ~~~ #### [](https://github.com/xaboy/form-builder#%E8%AF%84%E5%88%86%E7%BB%84%E4%BB%B6)评分组件 * **Form::rate** ~~~ * @method $this count(int $star) star 总数, 默认为 5 * @method $this allowHalf(Boolean $bool) 是否允许半选, 默认为 false * @method $this disabled(Boolean $bool) 是否只读,无法进行交互, 默认为 * @method $this showText(Boolean $bool) 是否显示提示文字, 默认为 false * @method $this clearable(Boolean $bool) 是否可以取消选择, 默认为 false ~~~ #### [](https://github.com/xaboy/form-builder#select%E9%80%89%E6%8B%A9%E6%A1%86%E7%BB%84%E4%BB%B6)select选择框组件 * **Form::select**选择框 * **Form::selectMultiple**select选择框,多选,value为array类型 * **Form::selectOne**select选择框,单选 ~~~ * @method $this multiple(Boolean $bool) 是否支持多选, 默认为false * @method $this disabled(Boolean $bool) 是否禁用, 默认为false * @method $this clearable(Boolean $bool) 是否可以清空选项,只在单选时有效, 默认为false * @method $this filterable(Boolean $bool) 是否支持搜索, 默认为false * @method $this size(String $size) 选择框大小,可选值为large、small、default或者不填 * @method $this placeholder(String $placeholder) 占位文本 * @method $this transfer(String $transfer) 是否将弹层放置于 body 内,在 Tabs、带有 fixed 的 Table 列内使用时,建议添加此属性,它将不受父级样式影响,从而达到更好的效果, 默认为false * @method $this placement(String $placement) 弹窗的展开方向,可选值为 bottom 和 top, 默认为bottom * @method $this notFoundText(String $text) 当下拉列表为空时显示的内容, 默认为 无匹配数据 * @method $this required($message = null, $trigger = 'change') 设为必选 ~~~ #### [](https://github.com/xaboy/form-builder#%E6%BB%91%E5%9D%97%E7%BB%84%E4%BB%B6)滑块组件 * **Form::slider**滑块组件 * **Form::sliderRange**滑块组件,区间选择, ~~~ * @method $this min(float $min) 最小值, 默认 0 * @method $this max(float $max) 最大值, 默认 100 * @method $this step(float $step) 步长,取值建议能被(max - min)整除, 默认 1 * @method $this disabled(Boolean $bool) 是否禁用滑块, 默认 false * @method $this range(Boolean $bool) 是否开启双滑块模式, 默认 * @method $this showInput(Boolean $bool) 是否显示数字输入框,仅在单滑块模式下有效, 默认 false * @method $this showStops(Boolean $bool) 是否显示间断点,建议在 step 不密集时使用, 默认 false * @method $this showTip(String $tip) 提示的显示控制,可选值为 hover(悬停,默认)、always(总是可见)、never(不可见) * @method $this inputSize(String $size) 数字输入框的尺寸,可选值为large、small、default或者不填,仅在开启 show-input 时有效 ~~~ #### [](https://github.com/xaboy/form-builder#%E5%BC%80%E5%85%B3%E7%BB%84%E4%BB%B6%E7%BB%84%E4%BB%B6)开关组件组件 * **Form::switches** ~~~ * @method $this size(String $size) 开关的尺寸,可选值为large、small、default或者不写。建议开关如果使用了2个汉字的文字,使用 large。 * @method $this disabled(Boolean $bool) 禁用开关, 默认为false * @method $this trueValue(String $value) 选中时的值,默认为1 * @method $this falseValue(String $value) 没有选中时的值,默认为0 * @method $this openStr(String $open) 自定义显示打开时的内容 * @method $this closeStr(String $close) 自定义显示关闭时的内容 ~~~ #### [](https://github.com/xaboy/form-builder#%E6%97%B6%E9%97%B4%E9%80%89%E6%8B%A9%E7%BB%84%E4%BB%B6)时间选择组件 * **Form::timePicker**时间选择组件 * **Form::time**时间选择 * **Form::timeRange**时间区间选择,value为array类型 ~~~ * @method $this type(String $type) 显示类型,可选值为 time、timerange * @method $this format(String $format) 展示的时间格式, 默认为HH:mm:ss * @method $this placement(String $placement) 时间选择器出现的位置,可选值为top, top-start, top-end, bottom, bottom-start, bottom-end, left, left-start, left-end, right, right-start, right-end, 默认为bottom-start * @method $this placeholder(String $placeholder) 占位文本 * @method $this confirm(Boolean $bool) 是否显示底部控制栏, 默认为false * @method $this size(String $size) 尺寸,可选值为large、small、default或者不设置 * @method $this disabled(Boolean $bool) 是否禁用选择器 * @method $this clearable(Boolean $bool) 是否显示清除按钮 * @method $this readonly(Boolean $bool) 完全只读,开启后不会弹出选择器,只在没有设置 open 属性下生效 * @method $this editable(Boolean $bool) 文本框是否可以输入, 默认为false * @method $this transfer(Boolean $bool) 是否将弹层放置于 body 内,在 Tabs、带有 fixed 的 Table 列内使用时,建议添加此属性,它将不受父级样式影响,从而达到更好的效果, 默认为false * @method $this steps($h, $i = 0, $s = 0) 下拉列表的时间间隔,数组的三项分别对应小时、分钟、秒, 例如设置为 [1, 15] 时,分钟会显示:00、15、30、45。 ~~~ #### [](https://github.com/xaboy/form-builder#%E4%B8%8A%E4%BC%A0%E7%BB%84%E4%BB%B6)上传组件 * **Form::upload**上传组件 * **Form::uploadImages**多图上传组件,value为array类型 * **Form::uploadFiles**多文件上传组件,value为array类型 * **Form::uploadImageOne**单图上传组件 * **Form::uploadFileOne**单文件上传组件 ~~~ * @method $this uploadType(String $uploadType) 上传文件类型,可选值为 image(图片上传),file(文件上传) * @method $this action(String $action) 上传的地址 * @method $this multiple(Boolean $bool) 是否支持多选文件 * @method $this name(String $name) 上传的文件字段名 * @method $this accept(String $accept) 接受上传的文件类型 * @method $this maxSize(int $size) 文件大小限制,单位 kb * @method $this withCredentials(Boolean $bool) 支持发送 cookie 凭证信息, 默认为false * @method $this maxLength(Int $length) 最大上传文件数, 0为无限 * @method $this headers(array $headers) 设置上传的请求头部 * @method $this format(array $format) 支持的文件类型,与 accept 不同的是,format 是识别文件的后缀名,accept 为 input 标签原生的 accept 属性,会在选择文件时过滤,可以两者结合使用 * @method $this data(array $data) 上传时附带的额外参数 * @method $this required($message = null, $trigger = 'change') 设为必选 ~~~ #### [](https://github.com/xaboy/form-builder#%E6%A0%91%E5%9E%8B%E7%BB%84%E4%BB%B6)树型组件 * **Form::tree**树型组件 * **Form::treeSelected**选中类型,value为array类型,当`type=selected`并且`multiple=false`,值为String或Number类型 * **Form::treeChecked**选择类型,value为array类型 ~~~ * @method $this type(String $type) 类型,可选值为 checked、selected * @method $this multiple(Boolean $bool) 是否支持多选,当`type=selected`并且`multiple=false`,默认为false,值为String或Number类型,其他情况为Array类型 * @method $this showCheckbox(Boolean $bool) 是否显示多选框,默认为false * @method $this emptyText(String $emptyText) 没有数据时的提示,默认为'暂无数据' * @method $this data(array $treeData) 设置可选的data,**id必须唯一** * @method $this jsData($var) 设置data为js变量 ~~~ ## [](https://github.com/xaboy/form-builder#%E6%A0%91%E5%9E%8B%E7%BB%84%E4%BB%B6data%E6%95%B0%E6%8D%AE%E7%B1%BB-treedata)树型组件data数据类 TreeData * **Form::treeData**树型组件data ~~~ * @method $this id(String $id) Id,必须唯一 * @method $this title(String $title) 标题 * @method $this expand(Boolean $bool) 是否展开直子节点,默认为false * @method $this disabled(Boolean $bool) 禁掉响应,默认为false * @method $this disableCheckbox(Boolean $bool) 禁掉 checkbox * @method $this selected(Boolean $bool) 是否选中子节点 * @method $this checked(Boolean $bool) 是否勾选(如果勾选,子节点也会全部勾选) * @method $this children(array $children) 批量设置子集 * @method $this child(TreeData $child) 设置子集 ~~~
本页目录