Skip to content

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

提交页面

parent e301be4a
Show whitespace changes
Inline Side-by-side
Showing with 801 additions and 1 deletion
css/task.css 0 → 100644
View file @ dc9eeb56
body{
height: initial !important;
position: relative ;
}
img{
vertical-align: initial !important;
}
.clearfix:after {content: "\0020";display: block;height: 0;clear: both;}
.main{
width: 100%;
position: relative;
min-height: 100%;
padding-top: 23rem;
}
.main .bg{
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
.main .bg img{
width: 100%;
}
.top {
position: absolute;
top: 2rem;
left: 0;
z-index: 2;
}
.top img{
width: 100%;
}
.top p{
text-align: center;
position: absolute;
left: 0;
bottom: .8rem;
width: 100%;
color: #FE0B02;
font-size: .7rem;
}
.block{
padding: 0 7rem 4rem 7rem;
position: relative;
width: 100%;
z-index: 2;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.block .item{
margin-bottom: 2rem;
}
.block .item img.tu,.block .item img.__btn{
width: 100%;
}
.daxiang{
position: absolute;
bottom: 1.5rem;
left: 0;
width: 8.5rem;
}
.right_btn{
position: absolute;
right: 1rem;
top: 3rem;
width: 6rem;
}
.qiandao{
top: 12rem;
}
.shangcehng{
text-align: center;
padding: 2rem 4.7rem;
position: relative;
z-index: 2;
top: -5rem;
}
.shangcehng img{
width: 100%;
}
.shangcehng img.duihuan{
width: 6rem;
position: relative;
top: -2rem;
}
.cailiao_box{
display: flex;
justify-content: center;
align-items: center;
}
.cailiao_box img{
width: 3rem;
}
.cheng{
width: 1rem;
background: rgba(255,148,21,1);
border-radius: 50%;
display: inline-block;
text-align: center;
color: white;
font-size: .6rem;
line-height: 1rem;
}
/* 任务弹窗 */
.none{
display: none;
}
#renwuBox,#bingqilingBox,#wodejiangquanBox,#wodeduihuanBox,#huodongshuoming,#qiandaoBox{
width: 100%;
/* height: 100%; */
background: rgba(0, 0, 0, 0.5);
position: absolute;
left: 0;
top: 0;
z-index: 2018;
/* align-items: center; */
justify-content: center;
padding-top: 2rem;
bottom: 0
}
#renwuBox>div,#bingqilingBox>div,#wodejiangquanBox>div,#wodeduihuanBox>div,#huodongshuoming>div,#qiandaoBox>div{
margin-top: 3rem;
}
#renwuBox ._bg{
width: 94%;
height: 41.05rem;
background: url("../images/task/ass/ass_bg.png");
background-size: 100% 100%;
position: relative;
padding-top: 12rem;
}
.renwu_list{
height: 28rem;
overflow: auto;
margin: 0 1rem;
}
.renwu_list li{
display: flex;
align-items: center;
padding: .95rem .8rem;
background-color: rgba(255, 231, 85, 1);
background-image: -webkit-gradient(linear, left top, left bottom, from(#ffe34d), to(#ffc208));
background-image: linear-gradient(#ffe34d, #ffc208);
border-radius: 8px;
margin-bottom: 1rem;
margin-right: 1rem;
justify-content: space-between;
}
.ice_img_box{
width: 3.85rem;
height: 3.85rem;
display: flex;
align-items: center;
justify-content: center;
background: url(../images/task/ass/ice_bg.png);
background-size: 100% 100%;
margin-right: .5rem;
}
.renwu_list li p{
font-size: 1.2rem;
font-weight: bold;
min-width: 15rem;
max-width: 15rem;
/* color: rgba(255, 255, 255, 1);
-webkit-text-stroke: 2px rgba(185, 51, 0, 1); */
}
.__tips{
background-color: #CCCCCC;
padding: 0 .6rem;
border-radius: 7px;
}
.__tips span{
font-size: .6rem;
line-height: 2.35rem;
color: white;
}
.__tips.yiwancheng{
background-color: #5FBF8D;
}
.renwu_list li img{
margin-right: .5rem;
height: 2.1rem;
}
.renwuBox_close{
position: absolute;
right: 1rem;
top: 5rem;
width: 3.4rem;
z-index: 3;
}
.renwu_list::-webkit-scrollbar {
/*滚动条整体样式*/
width: 14px;
/*高宽分别对应横竖滚动条的尺寸*/
height: 47px;
}
.renwu_list::-webkit-scrollbar-thumb {
/*滚动条里面小方块*/
border-radius: 4px;
background: rgba(255, 197, 21, 1);
}
.renwu_list::-webkit-scrollbar-track {
/*滚动条里面轨道*/
border-radius: 4px;
background: rgba(204, 68, 39, 1);
}
/* 冰淇淋 */
.bingqilingBox_bg{
width: 94%;
height: 43.05rem;
background: url("../images/task/ice/bg.png");
background-size: 100% 100%;
position: relative;
padding: 1rem;
}
.nav_bar>div{
position: absolute;
left: 0;
top: -3.5rem;
width: 100%;
text-align: center;
}
.nav_bar>div img{
width: 40%;
}
.bingqilingBox_close{
position: absolute;
right: -.5rem;
width: 3rem;
z-index: 3;
top: -1rem;
}
.san{
position: absolute;
left: 0;
top: -1rem;
height: 5rem;
z-index: 4;
}
.ice_box{
width: 100%;
margin-top: 4rem;
}
.ice_box ul{
/* width: 8rem; */
}
.ice_box li {
width: 100%;
}
.ice_box li img{
width: 100%;
}
.hechengwu{
padding: 0 !important;
}
.hechengwu .yuan{
width: 100%;
height: 18rem;
background: url("../../images/task/ice/qipaopao.png");
background-size: 100% 100%;
margin-top: -4rem;
display: flex;
align-items: center;
justify-content: center;
}
.hechengwu .yuan img{
height: 13rem;
}
.wo_hecheng_btn{
text-align: center;
margin-top: -1rem;
}
.wo_hecheng_btn img{
height: 3.5rem;
}
/* .说明 */
.huodongshuoming_bg{
padding: 18rem 4rem 7rem;
width: 94%;
height: 39.15rem;
background: url("../images/task/ass/shuoming_bg.png");
background-size: 100% 100%;
position: relative;
}
.huodongshuoming_bg .text{
font-size: .6rem;
}
.wozhidaole{
position: absolute;
left: 0;
bottom: 2rem;
width: 100%;
text-align: center;
}
.wozhidaole img{
height: 3.45rem;
}
#huodongshuoming .huodongshuoming_close{
position: absolute;
right: 1rem;
top: -2rem;
width: 3rem;
}
/* .签到 */
.qiandaoBox_bg{
padding: 11rem 6rem 9rem 3rem;
width: 85%;
height: 39.15rem;
margin-left: 2rem;
background: url("../images/task/ass/qiandao_bg.png");
background-size: 100% 100%;
position: relative;
}
#qiandaoBox .qiandaoBox_close{
position: absolute;
right: 1rem;
top: -2rem;
width: 3rem;
}
\ No newline at end of file
html/invesDetails.html 0 → 100644
View file @ dc9eeb56
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=device-dpi" />
<meta name="screen-orientation" content="portrait">
</meta>
<meta name="x5-orientation" content="portrait">
</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; }
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; }
small{ font-size:12px; }
ul, ol { list-style:none; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
sup { vertical-align:text-top; }
sub{ vertical-align:text-bottom; }
legend { color:#000; }
fieldset, img { border:0; }
button, input, select, textarea { font-size:100%; }
table { border-collapse:collapse; border-spacing:0; }
*{
color: #5b5653;
}
.main{
padding: 1.5rem;
}
.tit{
font-size: 2rem;
text-align: center;
margin-bottom: .5rem;
}
.sub_tit{
font-size: 1.4rem;
margin-bottom: .4rem;
}
.indet_2{
text-indent: 2.4rem;
}
.tit_det{
text-indent: 2.4rem;
font-size: 1rem;
}
table{
margin-top: .5rem;
}
tr td{
padding: .5rem;
border: 1px solid #5b5653;
font-size: 1rem;
}
#LeaderName{
width: 2rem;
}
.qianming{
margin-top: .5rem;
display: flex;
justify-content: space-between;
}
.qianming label{
margin-right: .2rem;
}
</style>
</head>
<body>
<div class="main">
<p class="tit">印象旅游服务意见表</p>
<p class="sub_tit">亲爱的旅客：</p>
<div class="tit_det">
<p>感谢与您同行,让我们的旅行更加圆满!</p>
<p>我们十分珍视倾听您的声音。它将是我们改善服务的重要基础。</p>
<p>最后，需要您花一点点时间填写此表。诚挚地感谢您!</p>
</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>
</table>
<div class="qianming">
<label>旅客签名：<span id="name"></span></label>
<label>手机：<span id="phone"></span></label>
<label>日期：<span id="day"></span></label>
</div>
</div>
<script type="text/javascript" src="../js/jquery-1.10.2.js"></script>
<script type="text/javascript" src="../js/md5.js"></script>
<script type="text/javascript" src="../js/layer/layer.js"></script>
<script type="text/javascript" src="../js/mian.js"></script>
<script type="text/javascript" src="../js/autosize.js"></script>
<script>
var str = location.href; //取得整个地址栏
var param = str.substr(str.indexOf("?")+1);
let html = '';
param = param.split('&')
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}`,
contentType: "application/json",
data: getAjaxData('survey_post_GetGuestSurveyDetails', {SurveyID: ID}),
async: false,
success: function (res) {
if (res.resultCode === 1) {
let data = res.data;
$("#LineName").text(data.obj.LineName)
$("#StartDateStr").text(data.obj.StartDateStr)
$("#LeaderName").text(data.obj.LeaderName ? data.obj.LeaderName : '')
$("#BranchName").text(data.obj.ContactName.split('(')[0])
$("#ContactName").text(data.obj.ContactName)
$("#name").text(name)
$("#phone").text(phone)
$("#day").text(data.surverList[0].CreateDate.split('T')[0].replace(/-/g,'.'))
let SurveyType1 = [],
SurveyType2 = []
for (let i = 0; i < data.surverList.length; i++) {
if (data.surverList[i].SurveyType === 1) {
SurveyType1.push(data.surverList[i])
} else {
SurveyType2.push(data.surverList[i])
}
}
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>
</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>`
}
if (SurveyType2[i].Title.indexOf('去') !== -1) {
html += `<tr>
<td colspan="6">
<p>您下次出游最想去哪里？</p>
<p class="indet_2">1.${SurveyType2[i].TextContent}</p>
<p class="indet_2">2.</p>
</td>
</tr>`
}
}
html += `<tr>
<td>
<p>备注</p>
</td>
<td colspan="5">
本表是旅游团队服务的衡量标准。请妥善填写！谢谢合作！
</td>
</tr>`
$("#table").append(html)
}
},
error: function (res) {
}
});
</script>
</body>
</html>
html/task/home.html 0 → 100644
View file @ dc9eeb56
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="screen-orientation" content="portrait">
</meta>
<meta name="x5-orientation" content="portrait">
</meta>
</meta>
<meta name="x5-orientation" content="portrait">
</meta>
<meta name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=device-dpi" />
<title>暑期活动</title>
<link rel="shortcut icon" href="../../images/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="../../css/task.css">
<link rel="stylesheet" href="../../css/bts/bootstrap.min.css">
<link rel="stylesheet" href="../../css/cssReset.css">
</head>
<body class="choujiang">
<div class="main">
<div class="bg">
<img src="../../images/task/bg.png" alt="">
</div>
<div class="top">
<img src="../../images/task/top.png" alt="">
<p>活动时间：6月21日~8月21日</p>
</div>
<div class="block">
<!-- 任务 -->
<div class="item row">
<div class="col-xs-6" onclick="showBox('renwuBox')">
<img class="tu" src="../../images/task/renwu.png" alt="">
<img class="__btn" src="../../images/task/chakan.png" alt="">
</div>
<div class="col-xs-6" onclick="showBox('bingqilingBox')">
<img class="tu" src="../../images/task/bingqiling.png" alt="">
<img class="__btn" src="../../images/task/chakan.png" alt="">
</div>
</div>
<div class="item row">
<div class="col-xs-6" onclick="showBox('wodejiangquanBox')">
<img class="tu" src="../../images/task/wodejiangquan.png" alt="">
<img class="__btn" src="../../images/task/chakan.png" alt="">
</div>
<div class="col-xs-6" onclick="showBox('wodeduihuanBox')">
<img class="tu" src="../../images/task/wodeduihuan.png" alt="">
<img class="__btn" src="../../images/task/chakan.png" alt="">
</div>
</div>
<img class="daxiang" src="../../images/task/daxiang.png" alt="">
<img onclick="showBox('huodongshuoming')" class="right_btn shuoming" src="../../images/task/huodong.png" alt="">
<img onclick="showBox('qiandaoBox')" class="right_btn qiandao" src="../../images/task/qiandao.png" alt="">
</div>
<!-- 商城 -->
<div class="shangcehng">
<div class="row">
<img src="../../images/task/shangcehng.png" alt="">
<img class="duihuan" src="../../images/task/duihuan.png" alt="">
</div>
</div>
</div>
<!-- 任务 -->
<div id="renwuBox" class="none">
<img onclick="closeBox('renwuBox')" class="renwuBox_close" src="../../images/task/ass/close.png" alt="">
<div class="_bg">
<ul class="renwu_list">
<li>
<div class="ice_img_box">
<img src="../../images/task/ass/ice1.png" alt="">
</div>
<div>
<p>在跟团游板块中浏览行程</p>
</div>
<div class="__tips yiwancheng">
<span>已完成</span>
</div>
</li>
<li>
<div class="ice_img_box">
<img src="../../images/task/ass/ice1.png" alt="">
</div>
<div>
<p>在跟团游板块中浏览行程</p>
</div>
<div class="__tips">
<span>未完成</span>
</div>
</li>
<li>
<div class="ice_img_box">
<img src="../../images/task/ass/ice1.png" alt="">
</div>
<div>
<p>在跟团游板块中浏览行程</p>
</div>
<div class="__tips">
<span>未完成</span>
</div>
</li>
<li>
<div class="ice_img_box">
<img src="../../images/task/ass/ice1.png" alt="">
</div>
<div>
<p>在跟团游板块中浏览行程</p>
</div>
<div class="__tips">
<span>未完成</span>
</div>
</li>
<li>
<div class="ice_img_box">
<img src="../../images/task/ass/ice1.png" alt="">
</div>
<div>
<p>在跟团游板块中浏览行程</p>
</div>
<div class="__tips">
<span>未完成</span>
</div>
</li>
</ul>
</div>
</div>
<!-- 冰淇淋 -->
<div id="bingqilingBox" class="none">
<div class="bingqilingBox_bg">
<img onclick="closeBox('bingqilingBox')" class="bingqilingBox_close" src="../../images/task/ice/close.png" alt="">
<img class="san" src="../../images/task/ice/san.png" alt="">
<div class="nav_bar">
<div class="left_active">
<img src="../../images/task/ice/tit_wo_a.png" alt="">
<img onclick="showIce('quan_box' , 'ice_box', 'right_active', 'left_active')" src="../../images/task/ice/tit_quan_g.png" alt="">
</div>
<div class="right_active none">
<img onclick="showIce('ice_box', 'quan_box', 'left_active', 'right_active')" src="../../images/task/ice/tit_wo_g.png" alt="">
<img src="../../images/task/ice/tit_quan_a.png" alt="">
</div>
</div>
<div class="ice_box clearfix row">
<ul class="col-xs-4">
<li>
<img src="../../images/task/ice/ice_1.png" alt="">
</li>
<li>
<img src="../../images/task/ice/ice_2.png" alt="">
</li>
<li>
<img src="../../images/task/ice/ice_3.png" alt="">
</li>
<li>
<img src="../../images/task/ice/ice_4.png" alt="">
</li>
<li>
<img src="../../images/task/ice/ice_5.png" alt="">
</li>
</ul>
<div class="hechengwu col-xs-8">
<div class="yuan">
<img src="../../images/task/ice/big_ice_1.png" alt="">
</div>
<div class="wo_hecheng_btn">
<img src="../../images/task/ice/hecheng.png" alt="">
</div>
<div class="cailiao_box">
<div>
<img src="../../images/task/ice/c_danhuang.png" alt="">
</div>
<span class="cheng">X</span>
<div>
<img src="../../images/task/ice/c_danhuang.png" alt="">
</div>
<span class="cheng">X</span>
<div>
<img src="../../images/task/ice/c_danhuang.png" alt="">
</div>
</div>
</div>
</div>
<div class="quan_box">
</div>
</div>
</div>
<!-- 奖券 -->
<div id="wodejiangquanBox" class="none">
</div>
<!-- 兑换 -->
<div id="wodeduihuanBox" class="none">
</div>
<!-- 说明 -->
<div id="huodongshuoming" class="none">
<div class="huodongshuoming_bg">
<img onclick="closeBox('huodongshuoming')" class="huodongshuoming_close" src="../../images/task/ass/close2.png" alt="">
<div class="_text">
瓜分现金作为本次获得的爆点，吸引用户。能领到抽奖券的用户，肯定是已经交过客人，大部分会是交过10个人以上的用户，小概率会有人没有交到10个人的，所以看看能不能做0.88+8.8+18.8+68.8+288的现金红包（68的设定30个以内，288设定1个），其它都是小红包的，交客数量最多的前三随机获得288，前50随机获得68，其他人获得小红包。
</div>
<div class="wozhidaole">
<img onclick="closeBox('huodongshuoming')" src="../../images/task/ass/shuoming_zhidao.png" alt="">
</div>
</div>
</div>
<!-- 签到 -->
<div id="qiandaoBox" class="none">
<div class="qiandaoBox_bg">
</div>
</div>
<script type="text/javascript" src="../../js/jquery-1.10.2.js"></script>
<script type="text/javascript" src="../../js/md5.js"></script>
<script type="text/javascript" src="../../js/layer/layer.js"></script>
<script type="text/javascript" src="../../js/mian.js"></script>
<script type="text/javascript" src="../../js/awardRotate.js"></script>
<script type="text/javascript" src="../../js/bts/bootstrap.min.js"></script>
<script type="text/javascript" src="../../js/autosize.js"></script>
<script>
let msg = {
activityId: 1,
customerId: 1549,
taskId: 26
}
// let url = 'http://efficient.oytour.com/'
let url = getApiUrl().urlJava
$.ajax({
type: "POST",
url: `${url}api/mactivity/getTaskHistory`,
contentType: "application/json",
data: getJavaData(msg),
async: false,
success: function (res) {
if (res.resultCode === 1) {
let data = res.data.data
console.log(data)
}
},
error: function (res) {
}
})
// 打开弹窗
function showBox(id){
// $('body').css('overflow', 'hidden')
$('#'+id).show()
$('#'+id).css('display', 'flex')
}
// 关闭弹窗
function closeBox (id) {
// $('body').css('overflow', '')
$('#'+id).hide()
$('#'+id).css('display', 'none')
}
// 冰糕合并切换
function showIce (id, id2, showD, hideID) {
$('.'+id).show()
$('.'+id2).hide()
$('.'+showD).show()
$('.'+hideID).hide()
}
</script>
</body>
</html>
\ No newline at end of file
js/mian.js
View file @ dc9eeb56
let locationName = window.location.hostname;
function getApiUrl() {
return url = {
let url = {
urlPost: locationName.indexOf('oytour') !== -1 ? "http://reborn.oytour.com/api/common/post" : "http://192.168.2.214:8082/api/common/post",
urlJava: locationName.indexOf('oytour') !== -1 ? "http://efficient.oytour.com/" : "http://192.168.2.215:9000/"
}
return url
}
String.prototype.myReplace=function(f,e){ //时间格式化 苹果手机-替换为/
var reg=new RegExp(f,"g"); //创建正则RegExp对象
......@@ -59,6 +60,7 @@ function getJavaData(msg) {
let encodeMsg = encodeURIComponent(JSON.stringify(msg)).toLowerCase();
let md5Str = hex_md5(`msg=${encodeMsg}&timestamp=${timestamp}&token=${token}&key=${key}`);
let postData = {
"groupId": 2,
"msg": msg,
"uid": uid,
"timestamp": timestamp,
......
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