|
# form-create 生成表单 # 基本使用
校验
不校验
export default {
data() {
return {
}
},
onLoad() {
const data = [{"type":"bmx-radio","field":"Ft8u5y3w4vkmz","title":"1+2咖啡30ct & 60ct 至少2个SKU上堆（是为1，否为0）","info":"","effect":{"fetch":"","inapplicableOption":{"to":"inapplicableOption","disabled":true},"material":{"to":"material","maxLimit":2,"minLimit":1,"gpsPosition":false,"size":1024,"type":"photo","sourceType":["camera"]},"dataset":{"to":"options","source":1,"value":73}},"props":{"disabled":false,"type":"default"},"options":[{"value":171,"label":"1"},{"value":172,"label":"0"}],"_fc_drag_tag":"bmx-radio","hidden":false,"display":true,"$required":"请输入"},{"type":"bmx-checkbox","field":"Ftek5y3w539j2","title":"货架陈列","info":"","effect":{"fetch":"","inapplicableOption":{"to":"inapplicableOption","disabled":true},"material":{"to":"material","minLimit":1,"gpsPosition":false,"size":1024,"type":"photo","sourceType":["camera","album"]},"dataset":{"to":"options","source":1,"value":74}},"props":{"type":"default","disabled":false,"min":1,"max":2},"options":[{"value":173,"label":"主货架 ≥1层 "},{"value":174,"label":"端架陈列 ≥1层"},{"value":175,"label":"冰柜陈列 ≥1层 "},{"value":176,"label":"每层≥1个面"},{"value":177,"label":"每层≥3个面"},{"value":178,"label":"每层≥6个面"}],"_fc_drag_tag":"bmx-checkbox","hidden":false,"display":true,"$required":"请输入"},{"type":"bmx-select","field":"Fmyy5y3w6ge2l","title":"雀巢咖啡1+2原味30ct（正常装&促销装均可 是为1，否为0）","info":"","effect":{"fetch":"","inapplicableOption":{"to":"inapplicableOption","disabled":true},"material":{"to":"material","minLimit":1,"gpsPosition":false,"size":1024,"type":"photo","sourceType":["camera"]},"dataset":{"to":"options","source":1,"value":75}},"props":{"placeholder":"请选择内容","clearable":true,"disabled":false,"defaultFirstOption":true},"options":[{"value":179,"label":"1"},{"value":180,"label":"0"}],"_fc_drag_tag":"bmx-select","hidden":false,"display":true,"$required":"请输入"},{"type":"bmx-multi-select","field":"Ffr85y3w6tk9q","title":"以下SKU任意2个上堆即可","info":"","effect":{"fetch":"","inapplicableOption":{"to":"inapplicableOption","disabled":true},"material":{"to":"material","minLimit":1,"gpsPosition":false,"size":1024,"type":"photo","sourceType":["form"]},"dataset":{"to":"options","source":1,"value":76}},"props":{"placeholder":"请选择内容","clearable":true,"disabled":false,"defaultFirstOption":true,"min":1,"max":2},"options":[{"value":181,"label":"雀巢怡养中老年配方奶粉400克*2礼盒"},{"value":182,"label":"雀巢怡养中老年配方奶粉 400克单袋"},{"value":183,"label":"脆脆鲨威化饼干138g"},{"value":184,"label":"雀巢咖啡1+2原味30ct（正常装）"},{"value":185,"label":"雀巢咖啡1+2特浓30条（促销装）"}],"_fc_drag_tag":"bmx-multi-select","hidden":false,"display":true},{"type":"bmx-input","field":"F9in5y3w7k6kn","title":"咖啡总拍数（数字）","info":"请输入数字","props":{"placeholder":"请输入","type":"text","minlength":1,"maxlength":200,"clearable":true,"disabled":false,"readonly":false,"showWordLimit":true,"rows":3},"remark":"备注","effect":{"inapplicableOption":{"to":"inapplicableOption","disabled":true},"material":{"to":"material","minLimit":1,"gpsPosition":false,"size":1024,"type":"photo","sourceType":["camera"]}},"_fc_drag_tag":"bmx-input","hidden":false,"display":true,"$required":"请输入"},{"type":"bmx-upload","field":"Fmsq5y3w7ww43","title":"货架位置照片","info":"","props":{"type":"photo","sourceType":["camera"],"minLimit":1,"size":1024,"maxLimit":3},"effect":{"inapplicableOption":{"to":"inapplicableOption","disabled":true}},"_fc_drag_tag":"bmx-upload","hidden":false,"display":true}]
this.$nextTick(() => {
const formData = {
data,
model: '',
};
//初始化表单
this.$refs.formCreate.init(formData);
})
},
methods: {
// 图片上传方法
ayonc imageUploadHandler(image){
return image.url;
},
// 设置全局禁用状态（true，false）
setFormDisabled(data) {
this.$nextTick(() => {
this.$refs.formCreate.setGlobalDisabled(data);
});
},
// 校验表单
submit() {
this.$refs.formCreate.submit().then((res) => {
uni.$u.toast('校验成功');
console.log(res)
}).catch((e) => {
});
},
// 不用校验获取填写数据
getData() {
const data = this.$refs.formCreate.getData();
console.log("", data)
},
}
}
# API # Props 参数 说明 类型 默认值 可选值 imageUploadHandler 图片上传方法(需返回promise) Function - - # Methods 此方法如要通过ref手动调用 名称 说明 参数 返回值 init 传递生成表单数据进行初始化 { data: [], model: ''} - setGlobalDisabled 设置禁用 true|false - submit 提交校验 - promise getData 获取答案 - Array
←
快速开始
inspect-task-form 任务页面
→
|