edit_cinfig.php 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. {include file="public/head"}
  5. <title>{$title}</title>
  6. </head>
  7. <body>
  8. <div id="form-add" class="mp-form" v-cloak="">
  9. <?php /* <i-form ref="formValidate" :model="formValidate" :rules="ruleValidate" :label-width="80">
  10. <form-Item label="菜单名称" prop="name">
  11. <i-input v-model="formValidate.name" placeholder="请输入姓名"></i-input>
  12. </form-Item>
  13. <form-Item label="邮箱" prop="mail">
  14. <i-input v-model="formValidate.mail" placeholder="请输入邮箱"></i-input>
  15. </form-Item>
  16. <form-Item label="城市" prop="city">
  17. <i-select v-model="formValidate.city" placeholder="请选择所在地">
  18. <i-option value="beijing">北京市</i-option>
  19. <i-option value="shanghai">上海市</i-option>
  20. <i-option value="shenzhen">深圳市</i-option>
  21. </i-select>
  22. </form-Item>
  23. <Form-Item label="选择日期">
  24. <Row>
  25. <i-col span="11">
  26. <form-Item prop="date">
  27. <Date-Picker type="date" placeholder="选择日期" v-model="formValidate.date"></Date-Picker>
  28. </form-Item>
  29. </i-col>
  30. <i-Col span="1" style="text-align: center">-</i-Col>
  31. <i-Col span="11">
  32. <form-Item prop="time">
  33. <Time-Picker type="time" placeholder="选择时间" v-model="formValidate.time"></Time-Picker>
  34. </form-Item>
  35. </i-Col>
  36. </Row>
  37. </Form-Item>
  38. <form-Item label="性别" prop="gender">
  39. <Radio-Group v-model="formValidate.gender">
  40. <Radio label="male">男</Radio>
  41. <Radio label="female">女</Radio>
  42. </Radio-Group>
  43. </form-Item>
  44. <form-Item label="爱好" prop="interest">
  45. <Checkbox-Group v-model="formValidate.interest">
  46. <Checkbox label="吃饭"></Checkbox>
  47. <Checkbox label="睡觉"></Checkbox>
  48. <Checkbox label="跑步"></Checkbox>
  49. <Checkbox label="看电影"></Checkbox>
  50. </Checkbox-Group>
  51. </form-Item>
  52. <component :is="componentId" label="介绍" prop="desc">
  53. <component :is="componentIs" v-model="formValidate.desc" type="textarea" :autosize="{minRows: 2,maxRows: 5}" placeholder="请输入..."></component>
  54. </component>
  55. <form-Item label="介绍" prop="desc">
  56. <i-input v-model="formValidate.desc" type="textarea" :autosize="{minRows: 2,maxRows: 5}" placeholder="请输入..."></i-input>
  57. </form-Item>
  58. <form-Item>
  59. <i-button type="primary" @click="handleSubmit('formValidate')">提交</i-button>
  60. <i-button type="ghost" @click="handleReset('formValidate')" style="margin-left: 8px">重置</i-button>
  61. </form-Item>
  62. </i-form>
  63. <m-mycom>
  64. </m-mycom> */ ?>
  65. <form-builder></form-builder>
  66. </div>
  67. <script>
  68. var _vm ;
  69. _mpApi = parent._mpApi;
  70. mpFrame.start(function(Vue){
  71. require(['axios','system/util/mpFormBuilder'],function(axios,mpFormBuilder){
  72. axios.post('{$read}').then((result)=>{
  73. Vue.use(mpFormBuilder,_mpApi,result.data,{
  74. action:'{$update}'
  75. });
  76. new Vue({
  77. el:"#form-add",
  78. mounted:function(){
  79. }
  80. })
  81. })
  82. });
  83. });
  84. </script>
  85. </body>