1
0

setting.html 4.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132
  1. {extend name="public/layout" /}
  2. {block name="title"}外呼设置{/block}
  3. {block name="body"}
  4. <style>
  5. html,
  6. body {
  7. min-width: 700px !important;
  8. }
  9. .layui-fluid {
  10. display: block;
  11. box-shadow: 0 0 4px 0 #B6CADE;
  12. border-radius: 5px;
  13. margin: 15px;
  14. background-color: #ffffff;
  15. }
  16. .layui-btn-primary {
  17. color: #249EFB;
  18. border: 1px solid #249EFB;
  19. }
  20. .layui-btn-primary:hover {
  21. background-color: #E3F7FF;
  22. color: #249EFB;
  23. }
  24. .layui-form-label {
  25. width: 100px !important;
  26. }
  27. .grant-name {
  28. width: 516px !important;
  29. }
  30. input::-webkit-outer-spin-button,
  31. input::-webkit-inner-spin-button {
  32. -webkit-appearance: none !important;
  33. margin: 0;
  34. }
  35. </style>
  36. <body>
  37. <div class="layui-fluid">
  38. <div class="layui-card">
  39. <div class="layui-card-header">
  40. <span>好销云</span>
  41. </div>
  42. <div class="layui-card-body">
  43. <form class="layui-form" lay-filter="outcall">
  44. <div class="layui-form-item">
  45. <label class="layui-form-label"><i style="color:red;">*&nbsp;</i>外呼开关:</label>
  46. <div class="layui-input-inline grant-name">
  47. <input type="checkbox" name="open" lay-skin="switch" lay-text="开启|关闭" lay-filter="open" value="1" {notempty name="$data.config.open"}checked{/notEmpty}>
  48. </div>
  49. </div>
  50. <div class="layui-form-item">
  51. <label class="layui-form-label"><i style="color:red;">*&nbsp;</i>线路:</label>
  52. <div class="layui-input-inline grant-name">
  53. {present name="$data.config.line_type"}
  54. <input type="radio" name="line_type" value="1" title="AXB" {if $data.config.line_type == 1}checked{/if} lay-filter="line">
  55. <input type="radio" name="line_type" value="2" title="回 拨" {if $data.config.line_type == 2}checked{/if} lay-filter="line">
  56. {else/}
  57. <input type="radio" name="line_type" value="1" title="AXB" checked lay-filter="line">
  58. <input type="radio" name="line_type" value="2" title="回 拨" lay-filter="line">
  59. {/present}
  60. </div>
  61. </div>
  62. <div class="layui-form-item" style="margin-left: 35px;">
  63. <span style="color:red">注:</span>
  64. <p style="text-indent:30px;color:rgb(240, 73, 73)">
  65. 好销云外呼系统,只需开启上面开关即可。需要注意的是,在好销云中开通账号时,需要将账号与密码设置成外呼呼叫的手机号,方能在本系统中进行外呼使用。</p>
  66. </div>
  67. <div class="layui-form-item" style="margin-left: 35px;">
  68. <span style="line-height:40px">设置方式:请登录《<a href="https://www.ixiaoguanjia.cn/admin.html" target="_blank" style="color:#249EFB">i销管家</a>》, 在用户功能中添加坐席,如下图:</span><br>
  69. <img src="/static/images/ixiaoguanjia.png" alt="" style="width:500px;">
  70. </div>
  71. </form>
  72. </div>
  73. </div>
  74. </div>
  75. </body>
  76. {/block} {block name="js"}
  77. <script>
  78. layui.config({
  79. base: '__LAYUI__/' //静态资源所在路径
  80. ,
  81. urlbase: '/sys'
  82. }).extend({
  83. index: 'lib/index' //主入口模块
  84. }).use(['index', 'form'], function () {
  85. var $ = layui.$,
  86. form = layui.form;
  87. form.on('switch(open)', function(data){
  88. let formdata = form.val("outcall");
  89. if(!formdata.open) formdata.open=0;
  90. $.post('{:url("haoxiaoyun/settingSave")}', formdata, function (res) {
  91. if (res.code === 0) {
  92. layer.msg(res.msg, {
  93. anim: 0
  94. , time: 2000
  95. });
  96. } else {
  97. layer.msg(res.msg, {
  98. anim: 6
  99. , time: 2000
  100. });
  101. }
  102. });
  103. });
  104. form.on('radio(line)', function(data){
  105. let formdata = form.val("outcall");
  106. $.post('{:url("haoxiaoyun/settingSave")}', formdata, function (res) {
  107. if (res.code === 0) {
  108. layer.msg(res.msg, {
  109. anim: 0
  110. , time: 2000
  111. });
  112. } else {
  113. layer.msg(res.msg, {
  114. anim: 6
  115. , time: 2000
  116. });
  117. }
  118. });
  119. });
  120. });
  121. </script>
  122. {/block}