field_add_form.inc.php 4.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112
  1. <div class="mb-3 row">
  2. <label class="col-md-2 col-form-label" >选项值(px)</label>
  3. <div class="col-md-10">
  4. <textarea name="setting[options]" id="options" class="form-control" style="height:100px;">选项名称1|选项值1</textarea>
  5. <div class="text-muted input-word-aux">提示:名称在前,值在后,"|"分割, 多个选项换行输入</div>
  6. </div>
  7. </div>
  8. <div class="mb-3 row">
  9. <label class="col-md-2 col-form-label" >选项类型</label>
  10. <div class=" col-md-10">
  11. <ul class="list-group">
  12. <li class='list-group-item'>
  13. <div class='form-check'>
  14. <input type='radio' name='setting[box_type]' value='radio' class='form-check-input' checked>
  15. <label class='form-check-label'>单选框</label>
  16. </div>
  17. </li>
  18. <li class='list-group-item'>
  19. <div class='form-check'>
  20. <input type='radio' name='setting[box_type]' value='checkbox' class='form-check-input'>
  21. <label class='form-check-label'>复选框</label>
  22. </div>
  23. </li>
  24. <li class='list-group-item'>
  25. <div class='form-check'>
  26. <input type='radio' name='setting[box_type]' value='select' class='form-check-input'>
  27. <label class='form-check-label'>下拉单选</label>
  28. </div>
  29. </li>
  30. <li class='list-group-item'>
  31. <div class='form-check'>
  32. <input type='radio' name='setting[box_type]' value='multiple' class='form-check-input'>
  33. <label class='form-check-label'>下拉多选</label>
  34. </div>
  35. </li>
  36. <li class='list-group-item'>
  37. <div class='form-check'>
  38. <input type='radio' name='setting[box_type]' value='switch' class='form-check-input'>
  39. <label class='form-check-label'>开关(适用于输出值为1,0的组合,且1在前面)</label>
  40. </div>
  41. </li>
  42. </ul>
  43. </div>
  44. </div>
  45. <div class="mb-3 row">
  46. <label class="col-md-2 col-form-label" >字段类型</label>
  47. <div class="col-md-10">
  48. <select class="form-select " name="setting[field_type]" id="setting_field_type" data-dselect-clearable="true">
  49. <option value="varchar">字符 VARCHAR</option>
  50. <option value="tinyint">整数 TINYINT(3)</option>
  51. <option value="smallint">整数 SMALLINT(5)</option>
  52. <option value="mediumint">整数 MEDIUMINT(8)</option>
  53. <option value="int">整数 INT(10)</option>
  54. </select>
  55. </div>
  56. </div>
  57. <div class="mb-3 row" id="min_number" style="display:none">
  58. <label class="col-md-2 col-form-label" >整数类型</label>
  59. <div class=" col-md-10">
  60. <ul class="list-group">
  61. <li class='list-group-item'>
  62. <div class='form-check'>
  63. <input type='radio' name='setting[min_number]' value='1' class='form-check-input'>
  64. <label class='form-check-label'>正整数</label>
  65. </div>
  66. </li>
  67. <li class='list-group-item'>
  68. <div class='form-check'>
  69. <input type='radio' name='setting[min_number]' value='-1' class='form-check-input'>
  70. <label class='form-check-label'>整数</label>
  71. </div>
  72. </li>
  73. </ul>
  74. </div>
  75. </div>
  76. <div class="mb-3 row">
  77. <label class="col-md-2 col-form-label" >默认值</label>
  78. <div class="col-md-10">
  79. <input type="text" name="setting[default_value]" value="" autocomplete="off" class="form-control" >
  80. </div>
  81. </div>
  82. <div class="mb-3 row" >
  83. <label class="col-md-2 col-form-label" >输出方式</label>
  84. <div class=" col-md-10">
  85. <ul class="list-group">
  86. <li class='list-group-item'>
  87. <div class='form-check'>
  88. <input type='radio' name='setting[output_type]' value='1' class='form-check-input' checked>
  89. <label class='form-check-label'>输出选项值</label>
  90. </div>
  91. </li>
  92. <li class='list-group-item'>
  93. <div class='form-check'>
  94. <input type='radio' name='setting[output_type]' value='0' class='form-check-input'>
  95. <label class='form-check-label'>输出选项名称</label>
  96. </div>
  97. </li>
  98. </ul>
  99. </div>
  100. </div>
  101. <div class="mb-3 row" >
  102. <label class="col-md-2 col-form-label" >筛选字段</label>
  103. <div class=" col-md-10">
  104. <input value="1" id="switch-filter_type" type="checkbox" switch="success" class="row-switch" name="setting[filter_type]">
  105. <label class="switch-check-label " for="switch-filter_type" data-on-label="是" data-off-label="否"></label>
  106. </div>
  107. </div>