help.html 4.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. <!DOCTYPE html>
  2. <html lang="zh-CN" xmlns:th="https://www.thymeleaf.org" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  3. xsi:schemaLocation="https://www.thymeleaf.org ">
  4. <head>
  5. <title>采美365网</title>
  6. <template th:replace="components/head-link"></template>
  7. <link th:if="${pageId==1026}" th:href="@{/css/base/form.css(v=${version})}" rel="stylesheet" type="text/css">
  8. <link th:href="@{/css/help/help.css(v=${version})}" rel="stylesheet" type="text/css">
  9. <template th:replace="components/analysis"></template>
  10. </head>
  11. <body>
  12. <!-- 引用头部 -->
  13. <template th:replace="components/header"></template>
  14. <!-- 帮助页面 -->
  15. <div class="navLayout" th:object="${pageInfo}">
  16. <!-- 面包屑 -->
  17. <div class="crumbs">
  18. <span>帮助中心</span>
  19. <span>&gt;</span>
  20. <span th:text="${pageInfo?.title}"></span>
  21. </div>
  22. <div class="wrap clear mf">
  23. <div class="left">
  24. <div class="title">帮助中心</div>
  25. <div th:each="type: ${helpPages}" th:attr="class=${pageTypeId==type.id?'navList on':'navList'}">
  26. <span class="tab" th:text="${type.name}"></span>
  27. <div class="con" th:attr="style=${pageTypeId==type.id?'':'display:none'}">
  28. <a th:each="page: ${type.linkList}" th:href="'/help/'+${page.id}+'.html'" th:text="${page.name}" th:attr="class=${pageId==page.id?'on':''}"></a>
  29. </div>
  30. </div>
  31. </div>
  32. <div class="right">
  33. <div th:if="${pageId!=1026}" class="pageContent" th:utext="${pageInfo?.content}"></div>
  34. <div th:if="${pageId==1026}" class="pageContent">
  35. <form id="suggestion">
  36. <div class="formLine">
  37. <p><em>*</em>类型:</p>
  38. <label class="diyBox"><input type="radio" name="suggestionType" v-model="suggestion.type" value="1" ><i class="icon mIcon">投诉</i></label>
  39. <label class="diyBox"><input type="radio" name="suggestionType" v-model="suggestion.type" value="2" checked><i class="icon mIcon">建议</i></label>
  40. <span class="errTips icon mIcon mIcon" tips="请选择类型"></span>
  41. </div>
  42. <div class="formLine">
  43. <p><em>*</em>标题:</p>
  44. <input type="text" v-model.trim="suggestion.title" placeholder="请输入标题" maxlength="50" @blur="blurHandle($event)" needverify>
  45. <i class="checked icon mIcon"></i>
  46. <span class="errTips icon mIcon" tips="请输入标题"></span>
  47. </div>
  48. <div class="formLine">
  49. <p><em>*</em>内容:</p>
  50. <textarea v-model.trim="suggestion.content" placeholder="请输入投诉/建议内容(建议输入10-500个字)" maxlength="500" @blur="blurHandle($event)" needverify></textarea>
  51. <i class="checked icon mIcon"></i>
  52. <span class="errTips icon mIcon" tips="请输入投诉/建议内容(建议输入10-500个字)"></span>
  53. </div>
  54. <div class="formLine">
  55. <p><em>*</em>联系人:</p>
  56. <input type="text" v-model.trim="suggestion.name" placeholder="请输入您的姓名" :rule="rule.name" maxlength="50" @blur="blurHandle($event)" needverify>
  57. <i class="checked icon mIcon"></i>
  58. <span class="errTips icon mIcon" tips="请输入正确的联系人姓名"></span>
  59. </div>
  60. <div class="formLine">
  61. <p><em>*</em>手机号:</p>
  62. <input type="text" v-model.trim="suggestion.phone" placeholder="请输入您的常用手机号" :rule="rule.phone" maxlength="12" @blur="blurHandle($event)" needverify>
  63. <i class="checked icon mIcon"></i>
  64. <span class="errTips icon mIcon" tips="请输入有效电话号码"></span>
  65. </div>
  66. <div class="subLine"><button type="button" class="btn" @click="postSuggestion()">提交</button></div>
  67. </form>
  68. </div>
  69. </div>
  70. </div>
  71. </div>
  72. <!-- 引入底部 -->
  73. <template th:replace="components/footer"></template>
  74. <template th:replace="components/foot-link"></template>
  75. <script charset="utf-8" type="text/javascript" th:src="@{/js/help/help.js(v=${version})}"></script>
  76. </body>
  77. </html>