setting.html 4.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126
  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-body">
  40. <form class="layui-form" enctype="multipart/form-data">
  41. <div class="layui-form-item">
  42. <label class="layui-form-label"><i style="color:red;">*&nbsp;</i> APPID:</label>
  43. <div class="layui-input-inline grant-name">
  44. <input class="layui-input" lay-verify="required" name="appid" type="text" value="{notempty name='data'}{$data.config.appid}{/notempty}"
  45. placeholder="请输入APPID">
  46. </div>
  47. </div>
  48. <div class="layui-form-item">
  49. <label class="layui-form-label"><i style="color:red;">*&nbsp;</i>密钥:</label>
  50. <div class="layui-input-inline grant-name">
  51. <input class="layui-input" name="secretKey" type="text" value="{notempty name='data'}{$data.config.secretKey}{/notempty}" placeholder="请输入APPKEY">
  52. </div>
  53. </div>
  54. <div class="layui-form-item">
  55. <label class="layui-form-label"><i style="color:red;">*&nbsp;</i>回铃号码:</label>
  56. <div class="layui-input-inline grant-name">
  57. <input class="layui-input" name="tel_x" type="text" value="{notempty name='data'}{$data.config.tel_x}{/notempty}" placeholder="请输入中间号,多个号码','分割">
  58. </div>
  59. </div>
  60. <div class="layui-form-item">
  61. <label class="layui-form-label"><i style="color:red;">*&nbsp;</i>注:</label>
  62. <div class="layui-input-inline grant-name">
  63. 请在信息配置中设置回调地址和录音回调为:{:url('api/outCall/callBack',[],true,true)}
  64. </div>
  65. </div>
  66. <div class="layui-form-item">
  67. <div class="layui-input-block" style="margin-left:130px !important;">
  68. <input type="button" class="layui-btn btn layui-btn-primary" lay-submit lay-filter="submit"
  69. id="submit" value="确认添加">
  70. </div>
  71. </div>
  72. </form>
  73. </div>
  74. </div>
  75. </div>
  76. </body>
  77. {/block} {block name="js"}
  78. <script>
  79. layui.config({
  80. base: '__LAYUI__/' //静态资源所在路径
  81. ,
  82. urlbase: '/sys'
  83. }).extend({
  84. index: 'lib/index' //主入口模块
  85. }).use(['index', 'form'], function () {
  86. var $ = layui.$,
  87. form = layui.form;
  88. form.on('submit(submit)', function (data) {
  89. if (data.field.appid == '') {
  90. layer.msg('请输入APPID');
  91. return;
  92. } else if (data.field.secretKey == '') {
  93. layer.msg('请输入密钥');
  94. return;
  95. }else if (data.field.tel_x == '') {
  96. layer.msg('请输入中间号');
  97. return;
  98. }
  99. $.post('{:url("luban/settingSave")}', data.field, function (res) {
  100. if (res.code === 0) {
  101. layer.msg(res.msg, {
  102. anim: 0
  103. , time: 2000
  104. });
  105. } else {
  106. layer.msg(res.msg, {
  107. anim: 6
  108. , time: 2000
  109. });
  110. }
  111. });
  112. });
  113. });
  114. </script>
  115. {/block}