add.html 4.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124
  1. <style>
  2. body.is-dialog .purchase-content-add-form {
  3. padding: 16px 20px 8px;
  4. }
  5. .purchase-content-add-form .form-group {
  6. margin-bottom: 16px;
  7. }
  8. .purchase-content-add-form textarea.form-control {
  9. min-height: 220px;
  10. resize: vertical;
  11. }
  12. .purchase-recipient-picker {
  13. border: 1px solid #d2d6de;
  14. border-radius: 4px;
  15. background: #fff;
  16. }
  17. .purchase-recipient-toolbar {
  18. display: flex;
  19. align-items: center;
  20. gap: 12px;
  21. padding: 8px 10px;
  22. border-bottom: 1px solid #eee;
  23. background: #fafafa;
  24. }
  25. .purchase-recipient-toolbar .purchase-recipient-search {
  26. flex: 1;
  27. max-width: 280px;
  28. }
  29. .purchase-recipient-toolbar .purchase-recipient-check-all {
  30. margin: 0;
  31. font-weight: normal;
  32. white-space: nowrap;
  33. cursor: pointer;
  34. user-select: none;
  35. }
  36. .purchase-recipient-toolbar .purchase-recipient-check-all input {
  37. margin-right: 4px;
  38. vertical-align: middle;
  39. }
  40. .purchase-recipient-count {
  41. margin-left: auto;
  42. color: #888;
  43. font-size: 12px;
  44. white-space: nowrap;
  45. }
  46. .purchase-recipient-list {
  47. max-height: 240px;
  48. overflow-y: auto;
  49. padding: 6px 10px 8px;
  50. }
  51. .purchase-recipient-item {
  52. display: block;
  53. margin: 0;
  54. padding: 7px 8px;
  55. font-weight: normal;
  56. cursor: pointer;
  57. border-radius: 3px;
  58. line-height: 1.5;
  59. }
  60. .purchase-recipient-item:hover {
  61. background: #f5f7fa;
  62. }
  63. .purchase-recipient-item input {
  64. margin: 0 8px 0 0;
  65. vertical-align: middle;
  66. }
  67. .purchase-recipient-item.is-hidden {
  68. display: none;
  69. }
  70. </style>
  71. <form id="add-form" class="form-horizontal purchase-content-add-form" role="form" data-toggle="validator" method="POST" action="">
  72. <div class="form-group">
  73. <label class="control-label col-xs-12 col-sm-2">投递人:</label>
  74. <div class="col-xs-12 col-sm-9">
  75. <p class="form-control-static" style="padding-top:7px;margin:0;">{$admin.nickname|default=''|htmlentities}</p>
  76. </div>
  77. </div>
  78. <div class="form-group">
  79. <label class="control-label col-xs-12 col-sm-2">投递给:</label>
  80. <div class="col-xs-12 col-sm-9">
  81. <input type="hidden" name="row[recipient_ids]" id="c-recipient_ids" value="" data-rule="required">
  82. <div class="purchase-recipient-picker" id="purchase-recipient-picker">
  83. <div class="purchase-recipient-toolbar">
  84. <input type="text" class="form-control input-sm purchase-recipient-search" placeholder="搜索名称" autocomplete="off">
  85. <label class="purchase-recipient-check-all">
  86. <input type="checkbox" class="purchase-recipient-check-all-input"> 全选
  87. </label>
  88. <span class="purchase-recipient-count">已选 0 人</span>
  89. </div>
  90. <div class="purchase-recipient-list">
  91. {volist name="adminList" id="vo"}
  92. <label class="purchase-recipient-item" data-label="{$vo.label|htmlentities}">
  93. <input type="checkbox" class="purchase-recipient-cb" value="{$vo.id}">
  94. {$vo.label|htmlentities}
  95. </label>
  96. {/volist}
  97. {empty name="adminList"}
  98. <p class="text-muted" style="padding:12px 8px;margin:0;">暂无可选用户</p>
  99. {/empty}
  100. </div>
  101. </div>
  102. <p class="help-block">勾选接收人后发送,仅被选中的用户登录后可看到此通知。</p>
  103. </div>
  104. </div>
  105. <div class="form-group">
  106. <label class="control-label col-xs-12 col-sm-2">主题:</label>
  107. <div class="col-xs-12 col-sm-9">
  108. <input class="form-control" name="row[subject]" type="text" data-rule="required" maxlength="255" placeholder="通知主题" autocomplete="off">
  109. </div>
  110. </div>
  111. <div class="form-group">
  112. <label class="control-label col-xs-12 col-sm-2">内容:</label>
  113. <div class="col-xs-12 col-sm-9">
  114. <textarea class="form-control" name="row[content]" rows="12" data-rule="required" placeholder="通知正文"></textarea>
  115. </div>
  116. </div>
  117. <div class="form-group layer-footer">
  118. <label class="control-label col-xs-12 col-sm-2"></label>
  119. <div class="col-xs-12 col-sm-9">
  120. <button type="submit" class="btn btn-primary btn-embossed disabled">发送</button>
  121. <button type="button" class="btn btn-default btn-embossed btn-purchase-content-close" style="margin-left:12px;">关闭</button>
  122. </div>
  123. </div>
  124. </form>