| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990 |
- <template>
- <el-card shadow="never" style="border: 0;">
- <yun-form
- ref="yunform"
- @render="onFormRender"
- @submit="onSubmit"
- @success="onSuccess"
- @fail="onFail"
- :data="row"
- :columns="columns">
- <template #default>
- {:token_field()}
- </template>
-
- </yun-form>
- </el-card>
- </template>
- <script>
- import form from "@components/Form.js";
- export default{
- components:{
- 'YunForm':form
- },
- data:{
- columns:[
- {field:"id",title:"ID",edit:"hidden"},
- {field:"shop_id",title:"店铺ID",edit:"text",rules:"required"},
- {field:"trade_from",title:"平台",edit:"text",rules:"required"},
- {field:"province",title:"省份",edit:"text",rules:"required"},
- {field:"city",title:"城市",edit:"text",rules:"required"},
- {field:"company_name",title:"快递名称",edit:"text",rules:"required"},
- {field:"waybill_no",title:"快递单号",edit:"text",rules:"required"},
- {field:"goods_id",title:"产品ID",edit:"text",rules:"required"},
- {field:"goods_title",title:"产品名称",edit:"text",rules:"required"},
- {field:"sku_id",title:"规格id",edit:"text",rules:"required"},
- {field:"num",title:"件数",edit:"number"},
- {field:"price",title:"实际付款价格",edit:"text",rules:"required"},
- {field:"weigh",title:"重量(斤)",edit:"text",rules:"required"},
- {field:"consign_time",title:"发货时间",edit:"text",rules:"required"},
- {field:"status",title:"结算状态: 1无店铺, 2无Sku 3正常",edit:"switch",searchList:{normal:"正常",hidden:"隐藏"}},
- {field:"user_id",title:"录入人",edit:"number"},
- {field:"createtime",title:"创建时间"},
- {field:"updatetime",title:"修改时间"},
- ],
- row:Yunqi.data.row || {}
- },
- //页面加载完成时执行
- onLoad:function(query){
- console.log(query);
- },
- //页面初始显示或在框架内显示时执行
- onShow:function(){
- },
- //页面在框架内隐藏时执行
- onHide:function(){
- },
- //页面在框架内关闭时执行
- onUnload:function(){
- },
- methods: {
- onFormRender:function(rows){
- //表单渲染完成后执行
- },
- onSubmit:function(rows){
- //表单提交前执行,返回false可以阻止表单提交
- /**
- * form常用方法
- * this.$refs.yunform.setError(field,message);//聚焦表单项并显示错误信息
- * this.$refs.yunform.hideField(field);//隐藏表单项
- * this.$refs.yunform.showField(field);//显示表单项
- * this.$refs.yunform.setValue(field,value);//为表单项设置值
- * this.$refs.yunform.getValue(field);//为获取表单项的值
- * this.$refs.yunform.setField(field,key,value);//修改表单json的其他属性值,比如rules,title,searchList等
- */
- return true;
- },
- onSuccess:function(response){
- //表单提交成功后执行
- },
- onFail:function(err){
- //表单提交失败后执行
- }
- }
- }
- </script>
- <style>
- </style>
|