add.html 5.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. <form id="add-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">
  2. <div class="alert alert-info" style="margin:0 15px 15px;">
  3. 上传两张像素尺寸相同的图:一张是干净的标准原稿(页面展示和套打对照用,不会打到纸上),另一张在待填格子上涂色块,色块上写字段名(如「产品名称」「工单号」)。系统用色块大小定位,用色块上的字绑定字段。
  4. </div>
  5. <div class="form-group">
  6. <label class="control-label col-xs-12 col-sm-2">所属工厂:</label>
  7. <div class="col-xs-12 col-sm-8">
  8. <select id="c-factory_id" class="form-control" name="row[factory_id]">
  9. <option value="0">官方(所有工厂可套打)</option>
  10. {foreach name="factories" item="fname" key="fid"}
  11. <option value="{$fid}">{$fname}</option>
  12. {/foreach}
  13. </select>
  14. <span class="help-block">官方模板全厂可见;选某个工厂则只有该厂能用。</span>
  15. </div>
  16. </div>
  17. <div class="form-group">
  18. <label class="control-label col-xs-12 col-sm-2">{:__('Name')}:</label>
  19. <div class="col-xs-12 col-sm-8">
  20. <input id="c-name" class="form-control" name="row[name]" type="text" value="" placeholder="例如:标准生产流程单">
  21. </div>
  22. </div>
  23. <div class="form-group">
  24. <label class="control-label col-xs-12 col-sm-2">纸张大小:</label>
  25. <div class="col-xs-12 col-sm-8">
  26. <select id="c-paper_size" class="form-control" name="row[paper_size]">
  27. {foreach name="paperList" item="vo" key="key"}
  28. <option value="{$key}" {if condition="$key eq 'A4'"}selected{/if}>{$vo.label}</option>
  29. {/foreach}
  30. </select>
  31. </div>
  32. </div>
  33. <div class="form-group">
  34. <label class="control-label col-xs-12 col-sm-2">纸张毫米:</label>
  35. <div class="col-xs-12 col-sm-8">
  36. <div class="input-group">
  37. <span class="input-group-addon">宽</span>
  38. <input id="c-page_w" class="form-control" name="row[page_w]" type="number" step="0.01" value="210">
  39. <span class="input-group-addon">× 高</span>
  40. <input id="c-page_h" class="form-control" name="row[page_h]" type="number" step="0.01" value="297">
  41. <span class="input-group-addon">mm</span>
  42. </div>
  43. <span class="help-block" id="paper-px-hint">300DPI 建议像素约 2480 × 3508。标准图应铺满整张纸,比例需与纸张一致。</span>
  44. </div>
  45. </div>
  46. <div class="form-group">
  47. <label class="control-label col-xs-12 col-sm-2">标准展示图:</label>
  48. <div class="col-xs-12 col-sm-8">
  49. <div class="input-group">
  50. <input id="c-cover" data-rule="required" class="form-control" size="50" name="row[cover]" type="text" value="">
  51. <div class="input-group-addon no-border no-padding">
  52. <span><button type="button" id="faupload-cover" class="btn btn-danger faupload" data-input-id="c-cover" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp,image/webp" data-multiple="false" data-preview-id="p-cover"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
  53. <span><button type="button" id="fachoose-cover" class="btn btn-primary fachoose" data-input-id="c-cover" data-mimetype="image/*" data-multiple="false"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
  54. </div>
  55. <span class="msg-box n-right" for="c-cover"></span>
  56. </div>
  57. <ul class="row list-inline faupload-preview" id="p-cover"></ul>
  58. <span class="help-block">干净原稿,用于对照格子位置。打印纸上已有同样样式,套打只输出填写内容。</span>
  59. </div>
  60. </div>
  61. <div class="form-group">
  62. <label class="control-label col-xs-12 col-sm-2">色块标注图:</label>
  63. <div class="col-xs-12 col-sm-8">
  64. <div class="input-group">
  65. <input id="c-mark_cover" data-rule="required" class="form-control" size="50" name="row[mark_cover]" type="text" value="">
  66. <div class="input-group-addon no-border no-padding">
  67. <span><button type="button" id="faupload-mark_cover" class="btn btn-danger faupload" data-input-id="c-mark_cover" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp,image/webp" data-multiple="false" data-preview-id="p-mark_cover"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
  68. <span><button type="button" id="fachoose-mark_cover" class="btn btn-primary fachoose" data-input-id="c-mark_cover" data-mimetype="image/*" data-multiple="false"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
  69. </div>
  70. <span class="msg-box n-right" for="c-mark_cover"></span>
  71. </div>
  72. <ul class="row list-inline faupload-preview" id="p-mark_cover"></ul>
  73. <span class="help-block">必须与标准图像素宽高一致。用亮色(黄/绿/粉)涂满填写格,色块上写字段名。</span>
  74. </div>
  75. </div>
  76. <div class="form-group">
  77. <label class="control-label col-xs-12 col-sm-2">可用字段:</label>
  78. <div class="col-xs-12 col-sm-8">
  79. <p class="form-control-static" style="line-height:1.8;">
  80. {foreach name="fieldCatalog" item="vo"}
  81. <span class="label label-default" style="display:inline-block;margin:0 6px 6px 0;">{$vo.label}({$vo.key})</span>
  82. {/foreach}
  83. </p>
  84. </div>
  85. </div>
  86. <div class="form-group layer-footer">
  87. <label class="control-label col-xs-12 col-sm-2"></label>
  88. <div class="col-xs-12 col-sm-8">
  89. <button type="submit" class="btn btn-primary btn-embossed disabled">{:__('OK')}</button>
  90. </div>
  91. </div>
  92. </form>