1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980 |
- <!DOCTYPE html>
- <html lang="zh-CN" xmlns:th="https://www.thymeleaf.org" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
- xsi:schemaLocation="https://www.thymeleaf.org ">
- <head>
- <title>采美365网</title>
- <template th:replace="components/head-link"></template>
- <link th:if="${pageId==1026}" th:href="@{/css/base/form.css(v=${version})}" rel="stylesheet" type="text/css">
- <link th:href="@{/css/help/help.css(v=${version})}" rel="stylesheet" type="text/css">
- <template th:replace="components/analysis"></template>
- </head>
- <body>
- <!-- 引用头部 -->
- <template th:replace="components/header"></template>
- <!-- 帮助页面 -->
- <div class="navLayout" th:object="${pageInfo}">
- <!-- 面包屑 -->
- <div class="crumbs">
- <span>帮助中心</span>
- <span>></span>
- <span th:text="${pageInfo?.title}"></span>
- </div>
- <div class="wrap clear mf">
- <div class="left">
- <div class="title">帮助中心</div>
- <div th:each="type: ${helpPages}" th:attr="class=${pageTypeId==type.id?'navList on':'navList'}">
- <span class="tab" th:text="${type.name}"></span>
- <div class="con" th:attr="style=${pageTypeId==type.id?'':'display:none'}">
- <a th:each="page: ${type.linkList}" th:href="'/help/'+${page.id}+'.html'" th:text="${page.name}" th:attr="class=${pageId==page.id?'on':''}"></a>
- </div>
- </div>
- </div>
- <div class="right">
- <div th:if="${pageId!=1026}" class="pageContent" th:utext="${pageInfo?.content}"></div>
- <div th:if="${pageId==1026}" class="pageContent">
- <form id="suggestion">
- <div class="formLine">
- <p><em>*</em>类型:</p>
- <label class="diyBox"><input type="radio" name="suggestionType" v-model="suggestion.type" value="1" ><i class="icon mIcon">投诉</i></label>
- <label class="diyBox"><input type="radio" name="suggestionType" v-model="suggestion.type" value="2" checked><i class="icon mIcon">建议</i></label>
- <span class="errTips icon mIcon mIcon" tips="请选择类型"></span>
- </div>
- <div class="formLine">
- <p><em>*</em>标题:</p>
- <input type="text" v-model.trim="suggestion.title" placeholder="请输入标题" maxlength="50" @blur="blurHandle($event)" needverify>
- <i class="checked icon mIcon"></i>
- <span class="errTips icon mIcon" tips="请输入标题"></span>
- </div>
- <div class="formLine">
- <p><em>*</em>内容:</p>
- <textarea v-model.trim="suggestion.content" placeholder="请输入投诉/建议内容(建议输入10-500个字)" maxlength="500" @blur="blurHandle($event)" needverify></textarea>
- <i class="checked icon mIcon"></i>
- <span class="errTips icon mIcon" tips="请输入投诉/建议内容(建议输入10-500个字)"></span>
- </div>
- <div class="formLine">
- <p><em>*</em>联系人:</p>
- <input type="text" v-model.trim="suggestion.name" placeholder="请输入您的姓名" :rule="rule.name" maxlength="50" @blur="blurHandle($event)" needverify>
- <i class="checked icon mIcon"></i>
- <span class="errTips icon mIcon" tips="请输入正确的联系人姓名"></span>
- </div>
- <div class="formLine">
- <p><em>*</em>手机号:</p>
- <input type="text" v-model.trim="suggestion.phone" placeholder="请输入您的常用手机号" :rule="rule.phone" maxlength="12" @blur="blurHandle($event)" needverify>
- <i class="checked icon mIcon"></i>
- <span class="errTips icon mIcon" tips="请输入有效电话号码"></span>
- </div>
- <div class="subLine"><button type="button" class="btn" @click="postSuggestion()">提交</button></div>
- </form>
- </div>
- </div>
- </div>
- </div>
- <!-- 引入底部 -->
- <template th:replace="components/footer"></template>
- <template th:replace="components/foot-link"></template>
- <script charset="utf-8" type="text/javascript" th:src="@{/js/help/help.js(v=${version})}"></script>
- </body>
- </html>
|