add.html 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  1. <form id="add-form" class="form-horizontal form-ajax" role="form" data-toggle="validator" method="POST" action="">
  2. <div class="form-group" id="title">
  3. <label class="control-label col-xs-12 col-sm-2">审批流程标题:</label>
  4. <div class="col-xs-12 col-sm-8">
  5. <input type="text" name="row[name]" class="form-control" data-rule="required"/>
  6. </div>
  7. </div>
  8. <div class="form-group">
  9. <label class="control-label col-xs-12 col-sm-2">审批图标:</label>
  10. <div class="col-xs-12 col-sm-8">
  11. <div class="input-group">
  12. <input id="c-image" class="form-control" size="35" name="row[img]" type="text" value="" data-rule="required">
  13. <div class="input-group-addon no-border no-padding">
  14. <span><button type="button" id="faupload-image" class="btn btn-danger faupload"
  15. data-input-id="c-image"
  16. data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp"
  17. data-multiple="false" data-preview-id="p-image"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
  18. <span><button type="button" id="fachoose-image" class="btn btn-primary fachoose"
  19. data-input-id="c-image" data-mimetype="image/*" data-multiple="false"><i
  20. class="fa fa-list"></i> {:__('Choose')}</button></span>
  21. </div>
  22. <span class="msg-box n-right"></span>
  23. </div>
  24. <ul class="row list-inline faupload-preview" id="p-image"></ul>
  25. </div>
  26. </div>
  27. <div class="form-group" id="status">
  28. <label class="control-label col-xs-12 col-sm-2">流程类型:</label>
  29. <div class="col-xs-12 col-sm-8">
  30. {:build_radios('row[status]', ['1'=>__('固定审批'), '0'=>__('授权审批人')],0)}
  31. <p class="bg-warning" style="padding: 10px">
  32. <span>固定审批:
  33. 当选择“直属上级”审批时,系统会通知负责人的直属上级<br>
  34. 当选择“指定用户(任意一人)”表示指定用户中任意一人审批即可。<br>
  35. 当选择“指定用户(多人会签)”表示指定用户中所有人都要审批。<br>
  36. </span>
  37. <span>授权审批人:负责人自行选择审批人</span>
  38. </p>
  39. <div class="form-group status_text" style="display: none">
  40. <table class="table table-condensed table-bordered table-responsive fieldlist" data-name="row[examine_ids]" data-template="testtpl" data-tag="tr">
  41. <tr>
  42. <th width="80">审批层级</th>
  43. <th width="150">审批类型</th>
  44. <th>选择</th>
  45. <th width="50"></th>
  46. </tr>
  47. <tr>
  48. <td colspan="4"><a href="javascript:;" class="btn btn-sm btn-success btn-append"><i class="fa fa-plus"></i> 添加审批层级</a></td>
  49. </tr>
  50. <textarea name="row[examine_ids]" class="form-control hide" cols="30" rows="5">[{}]</textarea>
  51. </table>
  52. </div>
  53. </div>
  54. </div>
  55. <div class="form-group" id="contents">
  56. <label class="control-label col-xs-12 col-sm-2">备注:</label>
  57. <div class="col-xs-12 col-sm-8">
  58. <textarea name="row[desc]" class="form-control "></textarea>
  59. </div>
  60. </div>
  61. <div class="form-group hidden layer-footer">
  62. <div class="col-xs-2"></div>
  63. <div class="col-xs-12 col-sm-8">
  64. <button type="submit" class="btn btn-success btn-embossed">{:__('OK')}</button>
  65. <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
  66. </div>
  67. </div>
  68. </form>
  69. <!--定义模板,模板语法使用Art-Template模板语法-->
  70. <script type="text/html" id="testtpl">
  71. <tr class="form-inline">
  72. <td>第<%=index+1%>级</td>
  73. <td><select name="row[<%=name%>][<%=index%>][stafftype]" class="form-control stafftype" style="width: 100%">
  74. <option value="1">指定员工(任意一人)</option>
  75. <option value="2">指定用户(多人会签)</option>
  76. <option value="3">直属上级</option>
  77. </select></td>
  78. <td><input type="text" placeholder="请选择员工" class="form-control selectpage" name="row[<%=name%>][<%=index%>][staff_id]" data-pagination="true" data-multiple="true" data-page-size="10" style="width: 100%" data-source="qingdong/work/formapproval/get_staff" ></td>
  79. <td><span class="btn btn-sm btn-danger btn-remove"><i class="fa fa-times"></i></span></td>
  80. </tr>
  81. </script>