help.blade.php 24 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343
  1. @extends('user.layouts')
  2. @section('css')
  3. <link href="/assets/global/fonts/font-awesome/font-awesome.min.css" rel="stylesheet">
  4. <link href="/assets/global/fonts/material-design/material-design.min.css" rel="stylesheet">
  5. <style type="text/css">
  6. ol > li {
  7. margin-bottom: 8px;
  8. }
  9. </style>
  10. @endsection
  11. @section('content')
  12. <div class="page-header">
  13. <h1 class="page-title">问题解决库</h1>
  14. </div>
  15. <div class="page-content container-fluid">
  16. <div class="row">
  17. <div class="col-xxl-2 col-lg-3 col-md-12">
  18. <!-- Panel -->
  19. <div class="panel">
  20. <div class="panel-body">
  21. <div class="list-group faq-list" role="tablist">
  22. <a class="list-group-item list-group-item-action active" data-toggle="tab" href="#category-1" aria-controls="category-1" role="tab">使用&下载</a>
  23. <a class="list-group-item" data-toggle="tab" href="#category-3" aria-controls="category-3" role="tab">账号&服务</a>
  24. <a class="list-group-item" data-toggle="tab" href="#category-2" aria-controls="category-2" role="tab">面板相关</a>
  25. </div>
  26. </div>
  27. </div>
  28. <!-- End Panel -->
  29. </div>
  30. <div class="col-xxl-10 col-lg-9 col-md-12">
  31. <!-- Panel -->
  32. <div class="panel">
  33. <div class="panel-body">
  34. <div class="tab-content">
  35. <div class="tab-pane animation-fade active" id="category-1" role="tabpanel">
  36. <div class="panel-group panel-group-simple panel-group-continuous" id="accordion1" aria-multiselectable="true" role="tablist">
  37. <div class="panel">
  38. <div class="panel-heading" id="question-1" role="tab">
  39. <a class="panel-title cyan-600" aria-controls="answer-1" aria-expanded="true" data-toggle="collapse" href="#answer-1"
  40. data-parent="#accordion1">
  41. <i class="icon wb-link" aria-hidden="true"></i>{{trans('user.subscribe.link')}}
  42. </a>
  43. </div>
  44. <div class="panel-collapse collapse show" id="answer-1" aria-labelledby="question-1" role="tabpanel">
  45. <div class="panel-body">
  46. @if($subscribe_status)
  47. <x-alert type="warning" :message="trans('user.subscribe.tips')"/>
  48. <div class="input-group">
  49. <input type="text" class="form-control" id="sub_link" value="{{$link}}"/>
  50. <div class="input-group-btn btn-group" role="group">
  51. @if(count($sub)>1)
  52. <div class="btn-group" role="group">
  53. <button type="button" class="btn btn-primary dropdown-toggle" id="sublink" data-toggle="dropdown"
  54. aria-expanded="false">
  55. 自定义订阅
  56. </button>
  57. <div class="dropdown-menu" aria-labelledby="sublink" role="menu">
  58. @if(in_array('ss',$sub))
  59. <a class="dropdown-item" onclick="linkManager('1')" role="menuitem">只订阅SS/SSR</a>
  60. @endif
  61. @if(in_array('v2',$sub))
  62. <a class="dropdown-item" onclick="linkManager('2')" role="menuitem">只订阅V2Ray</a>
  63. @endif
  64. @if(in_array('trojan',$sub))
  65. <a class="dropdown-item" onclick="linkManager('3')" role="menuitem">只订阅Trojan</a>
  66. @endif
  67. </div>
  68. </div>
  69. @endif
  70. <button class="btn btn-outline-info" onclick="exchangeSubscribe();">
  71. <i class="icon wb-refresh" aria-hidden="true"></i>
  72. {{trans('common.replace')}}</button>
  73. <button class="btn btn-outline-info mt-clipboard" data-clipboard-action="copy" data-clipboard-target="#sub_link">
  74. <i class="icon wb-copy" aria-hidden="true"></i>
  75. {{trans('common.copy.attribute')}}</button>
  76. </div>
  77. </div>
  78. @else
  79. <x-alert type="danger" :message="trans('user.subscribe.baned')"/>
  80. @endif
  81. </div>
  82. </div>
  83. </div>
  84. <div class="panel">
  85. <div class="panel-heading" id="question-2" role="tab">
  86. <a class="panel-title" aria-controls="answer-2" aria-expanded="true"
  87. data-toggle="collapse" href="#answer-2" data-parent="#accordion1"><i
  88. class="icon md-help-outline" aria-hidden="true"></i>客户端 下载与使用教程
  89. </a>
  90. </div>
  91. <div class="panel-collapse collapse show" id="answer-2"
  92. aria-labelledby="question-2" role="tabpanel">
  93. <div class="panel-body">
  94. @include('user.components.help.tutorial')
  95. </div>
  96. </div>
  97. </div>
  98. <div class="panel">
  99. <div class="panel-heading" id="question-3" role="tab">
  100. <a class="panel-title" aria-controls="answer-3" aria-expanded="false"
  101. data-toggle="collapse" href="#answer-3" data-parent="#accordion1"><i
  102. class="icon wb-extension" aria-hidden="true"></i>客户端 相关问题解决
  103. </a>
  104. </div>
  105. <div class="panel-collapse collapse" id="answer-3" aria-labelledby="question-3"
  106. role="tabpanel">
  107. <div class="panel-body">
  108. @include('user.components.help.solution')
  109. </div>
  110. </div>
  111. </div>
  112. </div>
  113. </div>
  114. <div class="tab-pane animation-fade" id="category-2" role="tabpanel">
  115. <div class="panel-group panel-group-simple panel-group-continuous" id="accordion2"
  116. aria-multiselectable="true" role="tablist">
  117. <!-- Question 1 -->
  118. <div class="panel">
  119. <div class="panel-heading" id="question-1" role="tab">
  120. <a class="panel-title" aria-controls="answer-1" aria-expanded="true"
  121. data-toggle="collapse" href="#answer-1" data-parent="#accordion2">
  122. 面板菜单介绍
  123. </a>
  124. </div>
  125. <div class="panel-collapse collapse show" id="answer-1"
  126. aria-labelledby="question-1" role="tabpanel">
  127. <div class="panel-body">
  128. <button class="site-tour-trigger btn btn-outline-info">点我激活介绍功能</button>
  129. </div>
  130. </div>
  131. </div>
  132. <!-- End Question 1 -->
  133. <!-- Question 2 -->
  134. <div class="panel">
  135. <div class="panel-heading" id="question-2" role="tab">
  136. <a class="panel-title" aria-controls="answer-2" aria-expanded="false" data-toggle="collapse" href="#answer-2" data-parent="#accordion2">
  137. 我想续费/购买服务,该怎么操作?
  138. </a>
  139. </div>
  140. <div class="panel-collapse collapse" id="answer-2" aria-labelledby="question-2"
  141. role="tabpanel">
  142. <div class="panel-body">
  143. <ol>
  144. <li>在线支付,本支付方式支持支付宝。支付后即开即用。前往
  145. <a href="{{route('shop')}}">【{{trans('user.menu.shop')}}】</a>
  146. 选择想要购买的套餐,在订单界面选择<code>在线支付</code>即可。
  147. </li>
  148. <li>余额支付,本支付方法支持微信,支付宝。支付后需要等待充值到账,再购买服务。
  149. ,充值后等待充值到账,一般会在<code>24小时</code>内到账,到账后可以在
  150. <a href="{{route('shop')}}">【{{trans('user.menu.shop')}}】</a>页面查看您的账号余额。
  151. 在<a href="{{route('shop')}}">【{{trans('user.menu.shop')}}】</a>
  152. 选择想要购买的套餐,在订单界面选择<code>余额支付</code>即可。
  153. </li>
  154. </ol>
  155. </div>
  156. </div>
  157. </div>
  158. <!-- End Question 2 -->
  159. <!-- Question 3 -->
  160. <div class="panel">
  161. <div class="panel-heading" id="question-3" role="tab">
  162. <a class="panel-title" aria-controls="answer-3" aria-expanded="false"
  163. data-toggle="collapse" href="#answer-3" data-parent="#accordion2">
  164. 怎么样才能快速的联系上客服?
  165. </a>
  166. </div>
  167. <div class="panel-collapse collapse" id="answer-3" aria-labelledby="question-3"
  168. role="tabpanel">
  169. <div class="panel-body">
  170. <blockquote class="blockquote custom-blockquote blockquote-warning">
  171. 请选择其一种方式联系客服,请勿重复发送请求!!!
  172. </blockquote>
  173. <ol>
  174. <li>在<a href="{{route('ticket')}}">【{{trans('user.menu.tickets')}}】</a>界面,创建新的工单,客服人员在上线后会在第一时刻处理。
  175. </li>
  176. </ol>
  177. </div>
  178. </div>
  179. </div>
  180. </div>
  181. </div>
  182. <div class="tab-pane animation-fade" id="category-3" role="tabpanel">
  183. <div class="panel-group panel-group-simple panel-group-continuous" id="accordion"
  184. aria-multiselectable="true" role="tablist">
  185. <!-- Question 5 -->
  186. <div class="panel">
  187. <div class="panel-heading" id="question-5" role="tab">
  188. <a class="panel-title" aria-controls="answer-5" aria-expanded="true"
  189. data-toggle="collapse" href="#answer-5" data-parent="#accordion">
  190. 不运行软件,就连不上网,怎么办?
  191. </a>
  192. </div>
  193. <div class="panel-collapse collapse show" id="answer-5"
  194. aria-labelledby="question-5" role="tabpanel">
  195. <div class="panel-body">
  196. <ol>
  197. <li>
  198. 电脑有安装任何电脑管家类的软件,都可以使用他们自带的网络修复工具来重置网络。
  199. </li>
  200. <li>
  201. <ol>
  202. <li>
  203. 键盘操作<code>Win</code> + <code>X</code>,或右击左下角开始菜单键
  204. (Win键看起来像 <i class="icon fa-windows" aria-hidden="true"></i> 这样)
  205. </li>
  206. <li>
  207. 按下 <code>A</code>键 或者 手动选择
  208. <code>命令提示符(管理员)/ Windows PowerShell(管理员)</code>
  209. </li>
  210. <li>
  211. 输入<code>Netsh winsock reset</code> 后回车,再输入
  212. <code>netsh advfirewall reset</code> 后回车;
  213. </li>
  214. </ol>
  215. </li>
  216. </ol>
  217. </div>
  218. </div>
  219. </div>
  220. <!-- End Question 5 -->
  221. <!-- Question 6 -->
  222. <div class="panel">
  223. <div class="panel-heading" id="question-6" role="tab">
  224. <a class="panel-title" aria-controls="answer-6" aria-expanded="false" data-toggle="collapse" href="#answer-6" data-parent="#accordion">
  225. 为什么我的账号状态显示是<span class="red-700">禁用</span>?
  226. </a>
  227. </div>
  228. <div class="panel-collapse collapse" id="answer-6" aria-labelledby="question-6"
  229. role="tabpanel">
  230. <div class="panel-body">
  231. 账号在2种情况下会显示禁用;
  232. <ol>
  233. <li>
  234. 套餐过期/流量枯竭;此情况您需要重新
  235. <a href="{{route('shop')}}">【{{trans('user.menu.shop')}}】</a>;
  236. </li>
  237. <li>
  238. 近期流量使用异常;在<code>1小时</code>内使用流量超过
  239. <code>{{sysConfig('traffic_ban_value')}}GB</code>
  240. ,即会触发本站的流量异常保护;保护时长为
  241. <code>{{sysConfig('traffic_ban_time')}}分钟</code>
  242. </li>
  243. </ol>
  244. 如您对禁用情况有疑问,可以创建<a href="{{route('ticket')}}">【{{trans('user.menu.tickets')}}】</a>,联系售后人员。
  245. </div>
  246. </div>
  247. </div>
  248. <!-- End Question 6 -->
  249. <!-- Question 7 -->
  250. <div class="panel">
  251. <div class="panel-heading" id="question-7" role="tab">
  252. <a class="panel-title" aria-controls="answer-7" aria-expanded="false" data-toggle="collapse" href="#answer-7" data-parent="#accordion">
  253. 为什么我的订阅链接被禁用了?
  254. </a>
  255. </div>
  256. <div class="panel-collapse collapse" id="answer-7" aria-labelledby="question-7"
  257. role="tabpanel">
  258. <div class="panel-body">
  259. 订阅地址对于账号来说非常重要。所以本站对此设置了严格的限制措施,以防止用户无意间泄露给他人后,无法挽回。
  260. <p>限制为:
  261. <code>24小时</code>内,订阅地址只允许请求
  262. <code>{{sysConfig('subscribe_ban_times')}}次</code>
  263. </p>
  264. <p>解封,请在过一段时间并确定无误后,创建<a href="{{route('ticket')}}">【{{trans('user.menu.tickets')}}】</a>,联系售后人员
  265. </p>
  266. <p>小知识:如果您无意间的截图忘记将订阅地址打码了,您可以
  267. <button class="btn btn-sm btn-outline-info" onclick="exchangeSubscribe();">
  268. <i class="icon wb-refresh" aria-hidden="true"></i>
  269. 点这里
  270. </button>
  271. 更换链接
  272. </p>
  273. </div>
  274. </div>
  275. </div>
  276. <!-- End Question 7 -->
  277. </div>
  278. </div>
  279. </div>
  280. </div>
  281. </div>
  282. <!-- End Panel -->
  283. </div>
  284. </div>
  285. </div>
  286. @endsection
  287. @section('javascript')
  288. <script src="/assets/custom/clipboardjs/clipboard.min.js"></script>
  289. <script src="/assets/global/js/Plugin/responsive-tabs.js"></script>
  290. <script src="/assets/global/js/Plugin/tabs.js"></script>
  291. <script src="/assets/custom/jump-tab.js"></script>
  292. <script>
  293. function linkManager($type) {
  294. $('#sub_link').val('{{$link}}?type=' + $type);
  295. return false;
  296. }
  297. // 更换订阅地址
  298. function exchangeSubscribe() {
  299. swal.fire({
  300. title: '{{trans('common.warning')}}',
  301. text: '{{trans('user.subscribe.exchange_warning')}}',
  302. icon: 'warning',
  303. showCancelButton: true,
  304. cancelButtonText: '{{trans('common.close')}}',
  305. confirmButtonText: '{{trans('common.confirm')}}',
  306. }).then((result) => {
  307. if (result.value) {
  308. $.post('{{route('changeSub')}}', {_token: '{{csrf_token()}}'}, function(ret) {
  309. if (ret.status === 'success') {
  310. swal.fire({title: ret.message, icon: 'success', timer: 1000, showConfirmButton: false}).then(() => window.location.reload());
  311. } else {
  312. swal.fire({title: ret.message, icon: 'error'}).then(() => window.location.reload());
  313. }
  314. });
  315. }
  316. });
  317. }
  318. const clipboard = new ClipboardJS('.mt-clipboard');
  319. clipboard.on('success', function() {
  320. swal.fire({
  321. title: '{{trans('common.copy.success')}}',
  322. icon: 'success',
  323. timer: 1300,
  324. showConfirmButton: false,
  325. });
  326. });
  327. clipboard.on('error', function() {
  328. swal.fire({
  329. title: '{{trans('common.copy.failed')}}',
  330. icon: 'error',
  331. timer: 1500,
  332. showConfirmButton: false,
  333. });
  334. });
  335. </script>
  336. @endsection