index.html 8.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>基础配置</title>
  6. </head>
  7. <body class="laytp-container">
  8. <div class="layui-card">
  9. <div class="layui-card-header">
  10. 选择链接
  11. </div>
  12. </div>
  13. <div class="layui-row">
  14. <div class="layui-col-xs3 layui-col-md3">
  15. <div id="sideMenu"></div>
  16. </div>
  17. <div id="basic" class="layui-col-xs9 layui-col-md9">
  18. <div class="layui-card">
  19. <div class="layui-card-header">
  20. 基础链接
  21. </div>
  22. <div class="layui-card-body">
  23. <button class="laytp-btn" onclick="onChooseLink('pages/user/public/kefu',1)">客服</button>
  24. <button class="laytp-btn" onclick="onChooseLink('pages/user/commission/index',1)">分销中心</button>
  25. <button class="laytp-btn" onclick="onChooseLink('pages/user/takenotes/takenotes',1)">我的问答记录</button>
  26. <button class="laytp-btn" onclick="onChooseLink('pages/user/member/record',1)">次数记录</button>
  27. <button class="laytp-btn" onclick="onChooseLink('pages/user/public/agreement',1)">关于我们</button>
  28. <button class="laytp-btn" onclick="onChooseLink('pages/user/member/member',1)">充值中心</button>
  29. </div>
  30. </div>
  31. <div class="layui-card">
  32. <div class="layui-card-header">
  33. 底部菜单页
  34. </div>
  35. <div class="layui-card-body">
  36. <button class="laytp-btn" onclick="onChooseLink('pages/index/index',0)">首页</button>
  37. <button class="laytp-btn" onclick="onChooseLink('pages/template/template',0)">模板</button>
  38. <button class="laytp-btn" onclick="onChooseLink('pages/user/user',0)">我的</button>
  39. </div>
  40. </div>
  41. </div>
  42. <div id="custom" style="display:none" class="layui-col-xs9 layui-col-md9">
  43. <div class="layui-card">
  44. <div class="layui-card-header">
  45. 跳转网页
  46. </div>
  47. <div class="layui-card-body">
  48. <input autocomplete="off" type="text" name="signKey" id="signKey" value="" placeholder="请输入自定义链接"
  49. class="layui-input custom-link">
  50. </div>
  51. </div>
  52. </div>
  53. <div id="miniapp" style="display:none" class="layui-col-xs9 layui-col-md9">
  54. <div class="layui-card">
  55. <div class="layui-card-header">
  56. 跳转小程序
  57. </div>
  58. <div class="layui-card-body">
  59. <div class="layui-form-item">
  60. <label class="layui-form-label" title="名称">小程序appid</label>
  61. <div class="layui-input-block">
  62. <input autocomplete="off" type="text" name="link_other" id="link_other" placeholder="请输入小程序appid" class="layui-input" lay-verify="">
  63. </div>
  64. </div>
  65. <div class="layui-form-item">
  66. <label class="layui-form-label" title="名称">小程序路径(选填)</label>
  67. <div class="layui-input-block">
  68. <input autocomplete="off" type="text" name="link_url" id="link_url" placeholder="请输入小程序路径" class="layui-input" lay-verify="">
  69. </div>
  70. </div>
  71. </div>
  72. </div>
  73. </div>
  74. <input type="hidden" name="link" id="group" value="{{=d.group}}" />
  75. <input type="hidden" name="type" id="group" value="{{=d.group}}" />
  76. </div>
  77. <div class="bottom">
  78. <div class="button-container">
  79. <button type="submit" class="laytp-btn laytp-btn-primary laytp-btn-sm" lay-submit="" lay-filter="save">
  80. <i class="layui-icon layui-icon-ok"></i>
  81. 确定
  82. </button>
  83. </div>
  84. </div>
  85. <script type="application/javascript">
  86. document.write("<link rel='stylesheet' href='" + localStorage.getItem("staticDomain") +
  87. "/component/layui/css/layui.css?v=" + localStorage.getItem("version") + "'>");
  88. document.write("<script src='" + localStorage.getItem("staticDomain") + "/component/layui/layui.js?v=" +
  89. localStorage.getItem("version") + "'><\/script>");
  90. document.write("<script src='" + localStorage.getItem("staticDomain") + "/component/laytp/layuiConfig.js?v=" +
  91. localStorage.getItem("version") + "'><\/script>");
  92. document.write("<script src='" + localStorage.getItem("staticDomain") + "/component/jquery_3.3.1.js?v=" +
  93. localStorage.getItem("version") + "'><\/script>");
  94. </script>
  95. <script>
  96. var isPid = 0;
  97. var searchURL = window.location.search;
  98. searchURL = searchURL.substring(1, searchURL.length);
  99. layui.use(['laytp', 'menu'], function () {
  100. let $ = layui.jquery;
  101. let menu = layui.menu;
  102. let menuId;
  103. var sideMenu = menu.render({
  104. elem: 'sideMenu',
  105. async: true,
  106. theme: "light-theme",
  107. height: '300px',
  108. control: false,
  109. defaultMenu: 0,
  110. accordion: true,
  111. url: '../../../static/admin/data/nav.json',
  112. parseData: false,
  113. done: function () {}
  114. });
  115. sideMenu.click(function (dom, data) {
  116. menuId = data.menuId;
  117. if (data.menuId == 0) {
  118. $('#basic').show();
  119. $('#custom').hide();
  120. $('#miniapp').hide();
  121. $('#category').hide();
  122. } else if (data.menuId == 1) {
  123. $('#basic').hide();
  124. $('#custom').show();
  125. $('#miniapp').hide();
  126. $('#category').hide();
  127. }else if (data.menuId == 2) {
  128. $('#basic').hide();
  129. $('#custom').hide();
  130. $('#miniapp').show();
  131. $('#category').hide();
  132. }else if (data.menuId == 3) {
  133. $('#basic').hide();
  134. $('#custom').hide();
  135. $('#miniapp').hide();
  136. $('#category').show();
  137. }
  138. });
  139. layui.form.on('submit(save)', function (data) {
  140. if(menuId == 1){
  141. var customLink = $('.custom-link').val();
  142. if(!customLink){
  143. facade.error("请填写链接!");
  144. return false;
  145. }
  146. laytp.choiceLinkAfter(customLink, 2);
  147. }
  148. if(menuId == 2){
  149. var linkOther = $('#link_other').val();
  150. if(!linkOther){
  151. facade.error("请填写小程序appid!");
  152. return false;
  153. }
  154. laytp.choiceLinkAfter(linkOther, 3);
  155. }
  156. if(menuId == 3){
  157. var customLink = 'pages/job/job?type='+isPid+'&category_id='+$('.category_id').val();
  158. if(!$('.category_id').val()){
  159. facade.error("请选择类别!");
  160. return false;
  161. }
  162. laytp.choiceLinkAfter(customLink, 1);
  163. }
  164. var index = parent.layui.layer.getFrameIndex(window.name)
  165. parent.layui.layer.close(index);
  166. });
  167. })
  168. function xmcb(params){
  169. let data = params.arr[0];
  170. $('.category_id').val(data.id);
  171. if(data.pid == 0){
  172. isPid = 1
  173. }else{
  174. isPid = 0
  175. }
  176. }
  177. </script>
  178. <script>
  179. var other = 0;
  180. var searchURL = window.location.search;
  181. searchURL = searchURL.substring(1, searchURL.length);
  182. var split = searchURL.split("&")[0].split("=")[0];
  183. if(split == 'link'){
  184. other = searchURL.split("&")[0].split("=")[1];
  185. }
  186. function onChooseLink(link, type) {
  187. laytp.choiceLinkAfter(link, type,other);
  188. var index = parent.layui.layer.getFrameIndex(window.name)
  189. parent.layui.layer.close(index);
  190. }
  191. </script>
  192. </body>
  193. </html>