field_edit.html 10 KB

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