userManual.html 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  6. <meta
  7. name="viewport"
  8. content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"
  9. />
  10. <link rel="icon" href="../static/img/favicon2.ico" type="img/x-ico" />
  11. <title>双子星</title>
  12. <link rel="stylesheet" href="../static/css/normalize-8.0.1.css" />
  13. <script src="../static/js/vender/vue/vue.min.js"></script>
  14. <!-- <script src="https://cdn.staticfile.org/vue/2.2.2/vue.js"></script> -->
  15. <!-- <script src="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/vue/2.6.14/vue.js"></script> -->
  16. <script src="../static/js/vender/config.js"></script>
  17. <script src="../static/js/tailwindcss/v3.0.24/index.js"></script>
  18. <script>
  19. tailwind.config = {
  20. theme: {},
  21. corePlugins: {
  22. preflight: false,
  23. },
  24. };
  25. </script>
  26. <script src="../static/js/vender/jquery-3.4.1.min.js"></script>
  27. <link rel="stylesheet" href="../static/js/vender/toastr/toastr.min.css" />
  28. <script src="../static/js/vender/toastr/toastr.min.js"></script>
  29. <script>
  30. toastr.options.positionClass = 'toast-center-center';
  31. </script>
  32. </head>
  33. <body>
  34. <div v-cloak id="app">
  35. <h1 class="text-center mt-2">{{title}}</h1>
  36. <div class="p-2" v-html="content"></div>
  37. </div>
  38. <script src="../static/js/vender/vue/axios.min.js"></script>
  39. <script src="../static/js/vender/vue/config.js"></script>
  40. <script src="../static/js/vender/vue/api.js"></script>
  41. <script type="text/javascript">
  42. Vue.config.errorHandler = function (err, vm, info) {
  43. toastr.error(err.message);
  44. return false;
  45. };
  46. new Vue({
  47. el: '#app',
  48. data: {
  49. title: '',
  50. content: '',
  51. },
  52. computed: {},
  53. methods: {
  54. async getUserManual() {
  55. const response = await service.get(
  56. '/api/public/v5/agreementApi/content/getContentByType',
  57. {
  58. params: {
  59. agreementCoding: 'XYPZYHXY2004',
  60. type: 1,
  61. },
  62. },
  63. );
  64. return response.data;
  65. },
  66. },
  67. async mounted() {
  68. // throw new Error('失敬失敬');
  69. const { agreementName: title, content } = await this.getUserManual();
  70. this.title = title;
  71. this.content = content;
  72. },
  73. errorCaptured(err, vm, info) {
  74. toastr.error(err.message);
  75. return false;
  76. },
  77. });
  78. </script>
  79. </body>
  80. </html>