add.html 2.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  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:"title",title:"规格名称",edit:{form:"input",type:"text"},rules:"required"},
  26. {field:"labor_cost_money",title:"工价",edit:"number",rules:"required"},
  27. {field:"one_surcharge_money",title:"单层保温金额",edit:{form:"input",type:"number"},rules:"required"},
  28. {field:"two_surcharge_money",title:"双层保温金额",edit:{form:"input",type:"number"},rules:"required"}
  29. ],
  30. row:Yunqi.data.row || {}
  31. },
  32. //页面加载完成时执行
  33. onLoad:function(query){
  34. },
  35. //页面初始显示或在框架内显示时执行
  36. onShow:function(){
  37. },
  38. //页面在框架内隐藏时执行
  39. onHide:function(){
  40. },
  41. //页面在框架内关闭时执行
  42. onUnload:function(){
  43. },
  44. methods: {
  45. onFormRender:function(rows){
  46. //表单渲染完成后执行
  47. },
  48. onSubmit:function(rows){
  49. Yunqi.ajax.post('goods/pack_specs/add', { row: rows}, false, false, true).then(res => {
  50. if (res.code == 200) {
  51. this.$message.success(__('设置成功'));
  52. // 倒计时刷新窗口
  53. setTimeout(() => {
  54. Yunqi.api.closelayer(Yunqi.app.window.id, true);
  55. }, 1000);
  56. }else{
  57. Yunqi.alert(__(res.msg), __('温馨提示'), { type: 'error' });
  58. }
  59. });
  60. },
  61. onSuccess:function(response){
  62. //表单提交成功后执行
  63. },
  64. onFail:function(err){
  65. //表单提交失败后执行
  66. }
  67. }
  68. }
  69. </script>
  70. <style>
  71. </style>