Skip to content

S
SURPRISED
Commit c3a2ca0a authored by 华国豪's avatar 华国豪 🙄
Browse files
Options

1

parent f5fbcc16
Hide whitespace changes
Inline Side-by-side
Showing with 133 additions and 88 deletions
html/invesDetails.html
View file @ c3a2ca0a
......@@ -10,7 +10,7 @@
</meta>
<title>意见调查详情</title>
<style>
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }
h1, h2, h3, h4, h5, h6{ font-size:100%; }
address, cite, dfn, em, var { font-style:normal; }
code, kbd, pre, samp { font-family:couriernew, courier, monospace; }
......@@ -24,9 +24,6 @@
fieldset, img { border:0; }
button, input, select, textarea { font-size:100%; }
table { border-collapse:collapse; border-spacing:0; }
*{
color: #5b5653;
}
.main{
padding: 1.5rem;
}
......@@ -39,31 +36,82 @@
font-size: 1.4rem;
margin-bottom: .4rem;
}
.indet_2{
text-indent: 2.4rem;
}
.tit_det{
text-indent: 2.4rem;
font-size: 1rem;
font-size: 1.2rem;
}
.main-top{
background:rgba(241,241,241,1);
border-radius:8px;
margin-top: 1.5rem;
}
.main-row{
display: flex;
justify-content: space-around;
}
.main-row-item{
flex: 1;
padding: 1rem;
}
.main-row-item p:nth-child(1) ,.tiankongti p:nth-child(1){
font-size: 1.2rem;
color: #666666;
margin-bottom: .8rem
}
.main-row-item p:nth-child(2) ,.tiankongti p:nth-child(2){
font-size: 1.2rem;
color: #111111;
}
.border-b{
border-bottom: 1px solid #E5E5E5;
}
.border-r{
border-right: 1px solid #E5E5E5;
}
table{
margin-top: .5rem;
background:rgba(241,241,241,1);
border-collapse:collapse;
border-spacing:0;
margin-top: 1.5rem;
font-size: 1.2rem;
width: 100%;
}
tr td{
padding: .5rem;
border: 1px solid #5b5653;
padding: 1rem .3rem;
border: 1px solid #E5E5E5;
font-size: 1.2rem;
}
.gougou{
width: 1.4rem;
}
.text-center{
text-align: center;
}
.tiankongti{
padding: 1rem;
color: #666666;
background:rgba(241,241,241,1);
border-radius:8px;
margin-top: 1.5rem;
}
.tishixinxi{
margin: 1rem 0;
font-size: 1rem;
color: #666666;
}
#LeaderName{
width: 2rem;
.tishixinxi img{
width: .9rem;
}
.qianming{
margin-top: .5rem;
display: flex;
justify-content: space-between;
color: #666666;
}
.qianming span{
color: #111111;
}
.qianming label{
margin-right: .2rem;
.font-w{
font-weight: bold;
}
</style>
</head>
......@@ -76,36 +124,69 @@
<p>我们十分珍视倾听您的声音。它将是我们改善服务的重要基础。</p>
<p>最后，需要您花一点点时间填写此表。诚挚地感谢您!</p>
</div>
<div class="main-top">
<div class="main-row">
<div class="main-row-item border-b border-r">
<p>线路</p>
<p class="font-w" id="LineName"></p>
</div>
<div class="main-row-item border-b border-r">
<p>出发时间</p>
<p class="font-w" id="StartDateStr"></p>
</div>
<div class="main-row-item border-b">
<p>领队</p>
<p class="font-w" id="LeaderName"></p>
</div>
</div>
<div class="main-row">
<div class="main-row-item border-r">
<p>您的报名公司</p>
<p class="font-w" id="BranchName"></p>
</div>
<div class="main-row-item border-r">
<p>报名接待员</p>
<p class="font-w" id="ContactName"></p>
</div>
<div class="main-row-item">
<p>专业度及服务评价</p>
<p class="font-w"></p>
</div>
</div>
</div>
<table id="table">
<tr>
<td>线路：</td>
<td id="LineName"></td>
<td>出发时间：</td>
<td id="StartDateStr"></td>
<td>领队：</td>
<td id="LeaderName"></td>
</tr>
<tr>
<td>您的报名公司：</td>
<td id="BranchName"></td>
<td>报名接待员：</td>
<td id="ContactName"></td>
<td>专业度及服务评价：</td>
<td></td>
</tr>
<tr>
<td>旅客意见</td>
<td>非常满意</td>
<td>满意</td>
<td>基本合格</td>
<td>不满意</td>
<td>评价</td>
<tr style="color: #666666;" class="text-center">
<td width="20%">旅客意见</td>
<td width="20%">非常满意</td>
<td width="20%">满意</td>
<td width="20%">基本合格</td>
<td width="20%">不满意</td>
</tr>
</table>
<div class="tiankongti">
<p>您参加的自费项目有：</p>
<p id="zifei"></p>
</div>
<div class="tiankongti">
<p>您给印象旅游的评价及建议：</p>
<p id="jianyi"></p>
</div>
<div class="tiankongti">
<p>您下次出游最想去哪里？</p>
<p id="xiaci"></p>
</div>
<div class="tiankongti">
<p>下次出游是否优先考虑印象产品？</p>
<p id="kaolv"></p>
</div>
<div class="tishixinxi">
<img src="http://imgfile.oytour.com/New/Upload/Cloud/2019-10/20191029051834039.png" alt="">
本表是旅游团队服务的衡量标准。请妥善填写！谢谢合作！
</div>
<div class="qianming">
<label>旅客签名：<span id="name"></span></label>
<label>手机：<span id="phone"></span></label>
<label>日期：<span id="day"></span></label>
<label>旅客签名：<span id="name" class="font-w"></span></label>
<label>手机：<span id="phone" class="font-w"></span></label>
<label>日期：<span id="day" class="font-w"></span></label>
</div>
</div>
<script type="text/javascript" src="../js/jquery-1.10.2.js"></script>
......@@ -121,7 +202,6 @@
let ID = param[0].split('=')[1],
name = decodeURI(param[1].split('=')[1]),
phone = param[2].split('=')[1];
console.log(ID,name,phone)
$.ajax({
type: "POST",
url: `${getApiUrl().urlPost}`,
......@@ -149,63 +229,28 @@
}
}
for (let i = 0; i < SurveyType1.length; i++) {
html += `<tr>
<td>${SurveyType1[i].Title}</td>
<td>${SurveyType1[i].ScoreNum === 5 ? '√' : '' }</td>
<td>${SurveyType1[i].ScoreNum === 4 ? '√' : '' }</td>
<td>${SurveyType1[i].ScoreNum === 3 ? '√' : '' }</td>
<td>${SurveyType1[i].ScoreNum === 2 || SurveyType1[i].ScoreNum === 1 ? '√' : '' }</td>
<td>无</td>
html += `<tr class="text-center">
<td class="font-w">${SurveyType1[i].Title}</td>
<td>${SurveyType1[i].ScoreNum === 5 ? '<img class="gougou" src="http://imgfile.oytour.com/New/Upload/Cloud/2019-10/20191029050434308.png">' : '' }</td>
<td>${SurveyType1[i].ScoreNum === 4 ? '<img class="gougou" src="http://imgfile.oytour.com/New/Upload/Cloud/2019-10/20191029050434308.png">' : '' }</td>
<td>${SurveyType1[i].ScoreNum === 3 ? '<img class="gougou" src="http://imgfile.oytour.com/New/Upload/Cloud/2019-10/20191029050434308.png">' : '' }</td>
<td>${SurveyType1[i].ScoreNum === 2 || SurveyType1[i].ScoreNum === 1 ? '<img class="gougou" src="http://imgfile.oytour.com/New/Upload/Cloud/2019-10/20191029050434308.png">' : '' }</td>
</tr>`
}
html += `<tr>
<td colspan="6">
<p>您参加的自费项目有:</p>
<p></p>
</td>
</tr>`
for (let i = 0; i < SurveyType2.length; i++) {
if (SurveyType2[i].Title.indexOf('自费') !== -1) {
html += `<tr>
<td colspan="6">
<p>您参加的自费项目有:</p>
<p class="indet_2">${SurveyType2[i].TextContent}</p>
</td>
</tr>`
$("#zifei").text(SurveyType2[i].TextContent)
}
if (SurveyType2[i].Title.indexOf('建议') !== -1) {
html += `<tr>
<td colspan="6">
<p>您给印象旅游的评价及建议:</p>
<p class="indet_2">${SurveyType2[i].TextContent}</p>
</td>
</tr>`
$("#jianyi").text(SurveyType2[i].TextContent)
}
if (SurveyType2[i].Title.indexOf('想去') !== -1) {
html += `<tr>
<td colspan="6">
<p>您下次出游最想去哪里？</p>
<p class="indet_2">${SurveyType2[i].TextContent}</p>
</td>
</tr>`
$("#xiaci").text(SurveyType2[i].TextContent)
}
if (SurveyType2[i].Title.indexOf('优先考虑') !== -1) {
html += `<tr>
<td colspan="6">
<p>下次出游是否优先考虑印象产品？</p>
<p class="indet_2">${SurveyType2[i].TextContent}</p>
</td>
</tr>`
$("#kaolv").text(SurveyType2[i].TextContent)
}
}
html += `<tr>
<td>
<p>备注</p>
</td>
<td colspan="5">
本表是旅游团队服务的衡量标准。请妥善填写！谢谢合作！
</td>
</tr>`
$("#table").append(html)
}
},
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment