support.tpl 10.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169
  1. {include file='admin/header.tpl'}
  2. <div class="page-wrapper">
  3. <div class="container-xl">
  4. <div class="page-header d-print-none text-white">
  5. <div class="row align-items-center">
  6. <div class="col">
  7. <h2 class="page-title">
  8. <span class="home-title">客服设置</span>
  9. </h2>
  10. <div class="page-pretitle my-3">
  11. <span class="home-subtitle">设置站点的客服系统</span>
  12. </div>
  13. </div>
  14. <div class="col-auto ms-auto d-print-none">
  15. <div class="btn-list">
  16. <a id="save-setting" href="#" class="btn btn-primary">
  17. <i class="icon ti ti-device-floppy"></i>
  18. 保存
  19. </a>
  20. </div>
  21. </div>
  22. </div>
  23. </div>
  24. </div>
  25. <div class="page-body">
  26. <div class="container-xl">
  27. <div class="row row-deck row-cards">
  28. <div class="col-md-12">
  29. <div class="card">
  30. <div class="card-header">
  31. <ul class="nav nav-tabs card-header-tabs" data-bs-toggle="tabs">
  32. <li class="nav-item">
  33. <a href="#support" class="nav-link active" data-bs-toggle="tab">网页客服</a>
  34. </li>
  35. <li class="nav-item">
  36. <a href="#ticket" class="nav-link" data-bs-toggle="tab">工单</a>
  37. </li>
  38. </ul>
  39. </div>
  40. <div class="card-body">
  41. <div class="tab-content">
  42. <div class="tab-pane active show" id="support">
  43. <div class="card-body">
  44. <div class="form-group mb-3 row">
  45. <label class="form-label col-3 col-form-label">客服系统提供商</label>
  46. <div class="col">
  47. <select id="live_chat" class="col form-select"
  48. value="{$settings['live_chat']}">
  49. <option value="none"
  50. {if $settings['live_chat'] === "none"}selected{/if}>无
  51. </option>
  52. <option value="tawk"
  53. {if $settings['live_chat'] === "tawk"}selected{/if}>Tawk
  54. </option>
  55. <option value="crisp"
  56. {if $settings['live_chat'] === "crisp"}selected{/if}>Crisp
  57. </option>
  58. <option value="livechat"
  59. {if $settings['live_chat'] === "livechat"}selected{/if}>
  60. LiveChat
  61. </option>
  62. <option value="mylivechat"
  63. {if $settings['live_chat'] === "mylivechat"}selected{/if}>
  64. MyLiveChat
  65. </option>
  66. </select>
  67. </div>
  68. </div>
  69. <div class="form-group mb-3 row">
  70. <label class="form-label col-3 col-form-label">Tawk ID</label>
  71. <div class="col">
  72. <input id="tawk_id" type="text" class="form-control"
  73. value="{$settings['tawk_id']}">
  74. </div>
  75. </div>
  76. <div class="form-group mb-3 row">
  77. <label class="form-label col-3 col-form-label">Crisp ID</label>
  78. <div class="col">
  79. <input id="crisp_id" type="text" class="form-control"
  80. value="{$settings['crisp_id']}">
  81. </div>
  82. </div>
  83. <div class="form-group mb-3 row">
  84. <label class="form-label col-3 col-form-label">LiveChat ID</label>
  85. <div class="col">
  86. <input id="livechat_id" type="text" class="form-control"
  87. value="{$settings['livechat_id']}">
  88. </div>
  89. </div>
  90. <div class="form-group mb-3 row">
  91. <label class="form-label col-3 col-form-label">MyLiveChat ID</label>
  92. <div class="col">
  93. <input id="mylivechat_id" type="text" class="form-control"
  94. value="{$settings['mylivechat_id']}">
  95. </div>
  96. </div>
  97. </div>
  98. </div>
  99. <div class="tab-pane" id="ticket">
  100. <div class="card-body">
  101. <div class="form-group mb-3 row">
  102. <label class="form-label col-3 col-form-label">启用工单系统</label>
  103. <div class="col">
  104. <select id="enable_ticket" class="col form-select"
  105. value="{$settings['enable_ticket']}">
  106. <option value="0" {if ! $settings['enable_ticket']}selected{/if}>
  107. 关闭
  108. </option>
  109. <option value="1" {if $settings['enable_ticket']}selected{/if}>
  110. 开启
  111. </option>
  112. </select>
  113. </div>
  114. </div>
  115. <div class="form-group mb-3 row">
  116. <label class="form-label col-3 col-form-label">启用工单邮件提醒</label>
  117. <div class="col">
  118. <select id="mail_ticket" class="col form-select"
  119. value="{$settings['mail_ticket']}">
  120. <option value="0" {if ! $settings['mail_ticket']}selected{/if}>
  121. 关闭
  122. </option>
  123. <option value="1" {if $settings['mail_ticket']}selected{/if}>开启
  124. </option>
  125. </select>
  126. </div>
  127. </div>
  128. <div class="form-group mb-3 row">
  129. <label class="form-label col-3 col-form-label">用戶工单配額(每月)</label>
  130. <div class="col">
  131. <input id="ticket_limit" type="text" class="form-control"
  132. value="{$settings['ticket_limit']}">
  133. </div>
  134. </div>
  135. </div>
  136. </div>
  137. </div>
  138. </div>
  139. </div>
  140. </div>
  141. </div>
  142. </div>
  143. <script>
  144. $("#save-setting").click(function () {
  145. $.ajax({
  146. url: '/admin/setting/support',
  147. type: 'POST',
  148. dataType: "json",
  149. data: {
  150. {foreach $update_field as $key}
  151. {$key}: $('#{$key}').val(),
  152. {/foreach}
  153. },
  154. success: function (data) {
  155. if (data.ret === 1) {
  156. $('#success-message').text(data.msg);
  157. $('#success-dialog').modal('show');
  158. } else {
  159. $('#fail-message').text(data.msg);
  160. $('#fail-dialog').modal('show');
  161. }
  162. }
  163. })
  164. });
  165. </script>
  166. {include file='admin/footer.tpl'}