field_add.html 8.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144
  1. <style>.form-input{ display: none;}</style>
  2. <input id="assign-data-mid" type="hidden" value="{$mid}">
  3. <form id="field_add-form" class="field_add-form form-horizontal" role="form" data-toggle="validator" method="POST" action="">
  4. <input id="c-mid" data-rule="required" class="form-control form-control" name="row[mid]" type="hidden" value="{$mid}">
  5. <div class="panel-heading"><div class="panel-lead text-red"><b>温馨提示:</b>无需添加id字段,系统已经自动创建;增加字段后,需要重新生成CRUD,不然新增加的字段不会生效!</div></div>
  6. <div class="form-group">
  7. <label class="control-label col-xs-12 col-sm-2">类型:</label>
  8. <div class="col-xs-12 col-sm-5">
  9. <div class="radio">
  10. <label for="row[category]-1"><input id="row[category]-1" class="field-category" data-required="title,name,suffix,length,default,desc" name="row[category]" type="radio" value="1" checked/> 标准字段</label>
  11. <label for="row[category]-2"><input id="row[category]-2" class="field-category" data-required="title,name,type,length,default,desc" name="row[category]" type="radio" value="2" /> 自定义字段</label>
  12. <label for="row[category]-3"><input id="row[category]-3" class="field-category" data-required="title,special,desc" name="row[category]" type="radio" value="3" /> 特殊字段</label>
  13. </div>
  14. </div>
  15. </div>
  16. <div class="form-group form-input form-input-title">
  17. <label class="control-label col-xs-12 col-sm-2">字段标题:</label>
  18. <div class="col-xs-12 col-sm-5">
  19. <input id="c-title" data-rule="required" class="form-control form-control" placeholder="字段标题,不可重复" name="row[title]" type="text" value="">
  20. </div>
  21. </div>
  22. <div class="form-group form-input form-input-name">
  23. <label class="control-label col-xs-12 col-sm-2">字段名称:</label>
  24. <div class="col-xs-12 col-sm-5">
  25. <input id="c-name" data-rule="required" class="form-control form-control" placeholder="字段名称,不可重复" name="row[name]" type="text" value="">
  26. </div>
  27. </div>
  28. <div class="form-group form-input form-input-special">
  29. <label class="control-label col-xs-12 col-sm-2">特殊字段:</label>
  30. <div class="col-xs-12 col-sm-5">
  31. <input type="hidden" class="operate" data-name="row[special]" value="in"/>
  32. <!--给select一个固定的高度-->
  33. <select id="c-special" class="form-control " name="row[special]" style="height:31px;">
  34. <option value="">----请选择----</option>
  35. <option value="user_id">[user_id]--会员ID/关联fa_user表,后台CRUD时会自动生成selectpage组件</option>
  36. <option value="category_id">[category_id]--分类ID/选择分类的下拉框-单选</option>
  37. <option value="category_ids">[category_ids]--多选分类ID/选择分类的下拉框-多选</option>
  38. <option value="weigh">[weigh]--权重/后台的排序字段,可上下拖动排序</option>
  39. <option value="status">[status]--状态标识/如果存在此字段将启用TAB选项卡展示列表</option>
  40. <option value="createtime">[createtime]--创建时间/记录添加时间字段,不需要手动维护</option>
  41. <option value="updatetime">[updatetime]--更新时间/记录更新时间的字段,不需要手动维护</option>
  42. <option value="deletetime">[deletetime]--删除时间/不需要手动维护,存在此字段会生成回收站功能</option>
  43. </select>
  44. </div>
  45. </div>
  46. <div class="form-group form-input form-input-suffix">
  47. <label class="control-label col-xs-12 col-sm-2">字段后缀:</label>
  48. <div class="col-xs-12 col-sm-5">
  49. <input type="hidden" class="operate" data-name="row[suffix]" value=""/>
  50. <!--给select一个固定的高度-->
  51. <select id="field-suffix" class="form-control form-selection" name="row[suffix]" style="height:31px;">
  52. <option value="">----请选择----</option>
  53. <option value="text">[text]--文本输入框</option>
  54. <option value="number">[number]--数字输入框</option>
  55. <option value="time">[time]--日期时间</option>
  56. <option value="image">[image]--图片文件-单图</option>
  57. <option value="images">[images]--图片文件-多图</option>
  58. <option value="file">[file]--文件上传-单文件</option>
  59. <option value="files">[files]--文件上传-多文件</option>
  60. <option value="avatar">[avatar]--头像上传-单图</option>
  61. <option value="avatars">[avatars]--头像上传-多图</option>
  62. <option value="content">[content]--富文本编辑器</option>
  63. <option value="_id">[_id]--关联字段-单选</option>
  64. <option value="_ids">[_ids]--关联字段-多选</option>
  65. <option value="list-enum">[list]--单选下拉列表</option>
  66. <option value="list-set">[list]--多选下拉列表</option>
  67. <option value="data-enum">[data]--单选框</option>
  68. <option value="data-set">[data]--复选框</option>
  69. <option value="json">[json]--键值组件</option>
  70. <option value="switch">[switch]--开关组件</option>
  71. </select>
  72. </div>
  73. </div>
  74. <div class="form-group form-input form-input-type">
  75. <label class="control-label col-xs-12 col-sm-2">字段类型:</label>
  76. <div class="col-xs-12 col-sm-5">
  77. <input type="hidden" class="operate" data-name="row[type]" value=""/>
  78. <!--给select一个固定的高度-->
  79. <select id="field-type" class="form-control form-selection" name="row[type]" style="height:31px;">
  80. <option value="">----请选择----</option>
  81. <option value="varchar">[varchar]--文本输入框</option>
  82. <option value="int">[int]--整形,type为number的文本框</option>
  83. <option value="enum">[enum]--枚举型,单选下拉列表框</option>
  84. <option value="set">[set]--set型,多选下拉列表框</option>
  85. <option value="float">[float]--浮点型,type为number的文本框,步长根据小数点位数生成</option>
  86. <option value="text">[text]--文本型,textarea文本框</option>
  87. <option value="datetime">[datetime]--日期时间,日期时间的组件</option>
  88. <option value="date">[date]--日期型,日期型的组件</option>
  89. <option value="year">[year]--年类型,年份选择的组件</option>
  90. <option value="timestamp">[timestamp]--时间戳,日期时间的组件</option>
  91. </select>
  92. </div>
  93. </div>
  94. <div class="form-group form-input form-input-comment">
  95. <label class="control-label col-xs-12 col-sm-2">选项:</label>
  96. <div class="col-xs-12 col-sm-5">
  97. <dl class="fieldlist" data-name="row[comment]" >
  98. <dd>
  99. <ins>键名</ins>
  100. <ins>键值</ins>
  101. </dd>
  102. <dd><a href="javascript:;" class="btn btn-sm btn-success btn-append"><i class="fa fa-plus"></i>{:__('Append')}</a></dd>
  103. <textarea name="row[comment]" class="form-control hide" cols="30" rows="5">{"option_01":"选项一","option_02":"选项2"}</textarea>
  104. </dl>
  105. </div>
  106. </div>
  107. <div class="form-group form-input form-input-length">
  108. <label class="control-label col-xs-12 col-sm-2">字段长度:</label>
  109. <div class="col-xs-12 col-sm-5">
  110. <input id="row-length" data-rule="" class="form-control form-control" placeholder="字段长度,浮点类型可用“10,2”方式表示" name="row[length]" type="text" value="">
  111. </div>
  112. </div>
  113. <div class="form-group form-input form-input-default">
  114. <label class="control-label col-xs-12 col-sm-2">默认值:</label>
  115. <div class="col-xs-12 col-sm-5">
  116. <input id="row-default" data-rule="" class="form-control form-control" placeholder="字段默认值,错误的默认值会保存失败" name="row[default]" type="text" value="">
  117. </div>
  118. </div>
  119. <div class="form-group form-input form-input-desc">
  120. <label class="control-label col-xs-12 col-sm-2">字段说明:</label>
  121. <div class="col-xs-12 col-sm-5">
  122. <textarea id="row-desc" data-rule="" maxlength="200" rows="4" class="form-control form-control" placeholder="字段说明,可以在数据字典查看" name="row[desc]"></textarea>
  123. <!-- <input id="row-default" data-rule="" class="form-control form-control" placeholder="字段默认值,错误的默认值会保存失败" name="row[default]" type="text" value="">-->
  124. </div>
  125. </div>
  126. <div class="form-group layer-footer" style=" display: none">
  127. <label class="control-label col-xs-12 col-sm-2"></label>
  128. <div class="col-xs-12 col-sm-5">
  129. <button type="submit" class="btn btn-success btn-embossed ">{:__('OK')}</button>
  130. <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
  131. </div>
  132. </div>
  133. </form>