shops.html 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  1. <template>
  2. <el-card shadow="never" style="border: 0;">
  3. <yun-form
  4. ref="yunform"
  5. @render="onFormRender"
  6. @submit="onSubmit"
  7. @success="onSuccess"
  8. @fail="onFail"
  9. :data="row"
  10. :columns="columns">
  11. <template #default>
  12. {:token_field()}
  13. </template>
  14. </yun-form>
  15. </el-card>
  16. </template>
  17. <script>
  18. import form from "@components/Form.js";
  19. export default{
  20. components:{
  21. 'YunForm':form
  22. },
  23. data:{
  24. columns:[
  25. {field:"id",title:"ID",edit:"hidden"},
  26. {field:"shop_id",title:"店铺ID",edit:"text",rules:"required"},
  27. {field:"trade_from",title:"平台",edit:"text",rules:"required"},
  28. {field:"province",title:"省份",edit:"text",rules:"required"},
  29. {field:"city",title:"城市",edit:"text",rules:"required"},
  30. {field:"company_name",title:"快递名称",edit:"text",rules:"required"},
  31. {field:"waybill_no",title:"快递单号",edit:"text",rules:"required"},
  32. {field:"goods_id",title:"产品ID",edit:"text",rules:"required"},
  33. {field:"goods_title",title:"产品名称",edit:"text",rules:"required"},
  34. {field:"sku_id",title:"规格id",edit:"text",rules:"required"},
  35. {field:"num",title:"件数",edit:"number"},
  36. {field:"price",title:"实际付款价格",edit:"text",rules:"required"},
  37. {field:"weigh",title:"重量(斤)",edit:"text",rules:"required"},
  38. {field:"consign_time",title:"发货时间",edit:"text",rules:"required"},
  39. {field:"status",title:"结算状态: 1无店铺, 2无Sku 3正常",edit:"switch",searchList:{normal:"正常",hidden:"隐藏"}},
  40. {field:"user_id",title:"录入人",edit:"number"},
  41. {field:"createtime",title:"创建时间"},
  42. {field:"updatetime",title:"修改时间"},
  43. ],
  44. row:Yunqi.data.row || {}
  45. },
  46. //页面加载完成时执行
  47. onLoad:function(query){
  48. console.log(query);
  49. },
  50. //页面初始显示或在框架内显示时执行
  51. onShow:function(){
  52. },
  53. //页面在框架内隐藏时执行
  54. onHide:function(){
  55. },
  56. //页面在框架内关闭时执行
  57. onUnload:function(){
  58. },
  59. methods: {
  60. onFormRender:function(rows){
  61. //表单渲染完成后执行
  62. },
  63. onSubmit:function(rows){
  64. //表单提交前执行,返回false可以阻止表单提交
  65. /**
  66. * form常用方法
  67. * this.$refs.yunform.setError(field,message);//聚焦表单项并显示错误信息
  68. * this.$refs.yunform.hideField(field);//隐藏表单项
  69. * this.$refs.yunform.showField(field);//显示表单项
  70. * this.$refs.yunform.setValue(field,value);//为表单项设置值
  71. * this.$refs.yunform.getValue(field);//为获取表单项的值
  72. * this.$refs.yunform.setField(field,key,value);//修改表单json的其他属性值,比如rules,title,searchList等
  73. */
  74. return true;
  75. },
  76. onSuccess:function(response){
  77. //表单提交成功后执行
  78. },
  79. onFail:function(err){
  80. //表单提交失败后执行
  81. }
  82. }
  83. }
  84. </script>
  85. <style>
  86. </style>