templateReadme
template都是基于element-ui模板进行封装的
一、搜索栏 temInput
temInput是一个Array,里面包含多个对象
暂且支持类型:text、select、date、daterange
{
label:'标题',//可选参数
type:'text',//类型 暂且支持text/select/data/daterange/autocomplete 类型同element一致
name:'name', //参数名称
value:'',//参数值,默认为空
placeholder:"请输入..." //可选参数,提示用语
}
注意:
type == select
参数属性多一个options
type == daterange
参数属性name:"startDate,endDate"
type === textMore
表示多个
{
type: "textMore",
label: "价格区间",
children: [
{
name: "projectMinprice",
placeholder: "请输入最小价格",
value: ""
},
{
name: "projectMaxprice",
placeholder: "请输入最大价格",
value: ""
}
]
},
type=== autocomplete //表示text可远程搜索
{
type: "autocomplete",
name: "classtreeName",
label: "搜索",
placeholder: "请输入产品编号",
restaurants: [
{ value: "三全鲜食(北新泾店)", address: "长宁区新渔路144号" },
],
value: ""
},
temInput的按钮操作
属性名称为btnArray:[]
{
type:'primary',//按钮类型,同element-ui的一致
id:'query',//操作的id id的类型query/search,add
label:"搜索",
url:"",//搜索的url暂且是定义的全局
}
当id == 'add',表示需要新增模板
需要添加属性
template:{
type: "json", //json类型暂且只支持json类型的
label: "编辑标题",
formLabelWidth: "6rem", //长度根据标题长度来,一个字一个rem
html:[],//具体详见模板二 input
};
type === cascader
value:[],
{
type: "cascader",
name: "classtreeName",
label: "产品分类",
showAllLevels:false,//可选参数,判断是否是取最后一集
placeholder: "请选择产品分类",
props: {
value: "value",
label: "label",
children: "children"
},
value: [],
}
例子:
temInput:[{
label: "标题",//自定义 title=>label
type: "text",//类型,暂且只支持text/select/date/daterange/button
name: "name",//参数名称
value: "",//值
placeholder: "请输入"//默认提示语,可选参数
},
{
label: "标题",//自定义
type: "select",//select类型包含options对象,参数label和value
name: "name",//参数名称
value: "",//值
placeholder: "请输入"//默认提示语,可选参数
props:{ //可选参数,正对select所需要的label和value
label:'name',
value:'code'
},
options:[
{
label:'',
value:''
}
]
},
{
type: "autocomplete",
name: "classtreeName",
label: "搜索",
placeholder: "请输入产品编号",
restaurants: [
{ value: "三全鲜食(北新泾店)", address: "长宁区新渔路144号" },
],
val