Skip to content

S
SURPRISED
Commit 0e405a66 authored by youjie's avatar youjie
Browse files
Options

no message

parent 5d42ec06
Show whitespace changes
Inline Side-by-side
Showing with 542 additions and 537 deletions
html/ImpressionOpinionSurvey/MobileVerification.html
View file @ 0e405a66
......@@ -11,6 +11,29 @@
<link rel="stylesheet" href="../../css/cssReset.css">
<link rel="stylesheet" href="../../css/bts/bootstrap.min.css">
<title>手机号验证</title>
<style>
.MobileVerification-box{
display: flex;
align-items: center;
justify-content: center;
}
.MobileVerification{
width:90%;
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 20px 0 10px 0;
border-bottom: 1px solid #D3D3D3;
}
.MobileVerification button{
border: 0;
background-color: #5A99FF;
border-radius: 3px;
padding: 2px 10px;
color: #fff;
}
</style>
</head>
<body>
......@@ -40,28 +63,6 @@
}
</script>
</body>
<style>
.MobileVerification-box{
display: flex;
align-items: center;
justify-content: center;
}
.MobileVerification{
width:90%;
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 20px 0 10px 0;
border-bottom: 1px solid #D3D3D3;
}
.MobileVerification button{
border: 0;
background-color: #5A99FF;
border-radius: 3px;
padding: 2px 10px;
color: #fff;
}
</style>
</html>
\ No newline at end of file
html/ImpressionOpinionSurvey/busSign.html
View file @ 0e405a66
......@@ -12,684 +12,685 @@
<link rel="stylesheet" href="../../css/cssReset.css">
<link rel="stylesheet" href="../../css/bts/bootstrap.min.css">
<title>司机满意度调查</title>
</head>
<body>
<div class="FillincommentsF">
<div class="FillincommentsBox" id="FillincommentsBox">
<h3 class="headerTitle"></h3>
<h5 class="subscript" id="subscript"></h5>
<div class="FillincommentsIn">
<div class="FillincommentsInLD">
<div><span>领队：</span><span class="lindui"></span></div>
<div><span>导游：</span><span class="daoyou"></span></div>
</div>
<div class="FillincommentsInT">
<div><span>团期：</span><span class="tuanqi1"></span></div>
</div>
</div>
<div class="FillincommentsMarkB" id="app">
<style>
.BackBox {
position: fixed;
left: 0px;
top: 0px;
right: 0;
background: #fff;
padding: 20px 20px 10px 20px;
z-index: 2;
}
</div>
<div class="submitBForm">
<button onclick="saveGuestSurvey()" class="submitB" id="submitB">确认</button>
</div>
</div>
</div>
.BackImg {
width: 10px;
}
<script src="../../js/md5.js"></script>
<script type="text/javascript" src="../../js/autosize.js"></script>
<script type="text/javascript" src="../../js/jquery-1.10.2.js"></script>
<script src="../../js/layer/layer.js"></script>
<script src="../../js/mian.js"></script>
<script>
var qMsg = query()
var priceInfo = null
var dataList = null
var GuestSurveyInfo = null
var importData = []
.FillincommentsF {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
overflow-y: auto;
}
var texts = [
'非常不满意',
'不满意',
'感觉一般',
'满意',
'非常满意'
]
var STAR_IMG = new Array("../../images/Star1.png", "../../images/Star2.png");
.FillincommentsBox {
width: 90%;
height: 100%;
display: flex;
flex-direction: column;
}
getPriceInfo()
GetSurveyShowList()
getRadio()
getCheckbox()
GetBusSurveyInfo()
// uploadFile()
.FillincommentsBox H3 {
margin-top: 20px;
}
function delImg(i){
importData.splice(i,1)
RenewalImg()
.FillincommentsIn {
background: #F6F6F6;
border-radius: 5px;
padding: 10px;
margin-top: 10px;
}
function RenewalImg() {
var str = '<div class="FillincommentsImgF">'
var center = ''
var end = `<div class="FillincommentsAdd">
<input type="file" accept="image/*" multiple style="opacity:0" id="upload" onchange="uploadFile(event)"/>
</div>
</div>`
var textHtml = ''
importData.forEach((item,index)=>{
center+=`<div class="FillincommentsImg" id="Img_${index+1}">
<img src="${item.Url}" />
<span class="delimg" onclick="delImg(${index})"></span>
</div>`
})
textHtml = str+center+end
$(`#FillincommentsImgF`).html(textHtml)
.FillincommentsInLD {
display: flex;
flex-direction: row;
justify-content: space-between;
}
function uploadFile(e){
for(let i=0;i<e.target.files.length;i++){
const file = e.target.files[i]; // 获取文件对象
const formData = new FormData(); // 创建FormData对象
formData.append('file', file); // 将文件添加到FormData对象中
// 1 文档 2 数据 3 图片
let typeArr = [{
stringArr: 'GIF|JPG|JPEG|PNG|BMP',
type: 3
},
{
stringArr: 'DOCX|DOC|XLSX|XLS|PPT|PPTX|PDF',
type: 1
},
]
let ft = file.name.substring(file.name.lastIndexOf('.') + 1, file.name.length).toUpperCase();
let fileTypeNumber = 2;
let typeOk = false;
typeArr.forEach(x => {
if (x.stringArr.indexOf(ft) != '-1') {
fileTypeNumber = x.type;
typeOk = true;
.FillincommentsInLD div {
flex: 1;
flex-shrink: 0;
}
})
var path = '/Upload/car/'
let newArr = [];
newArr.push(file)
UploadSelfFile(path, newArr, x => {
importData.push({
Content: x.FilePath,
ID: 0,
Type: fileTypeNumber,
Url: getApiUrl().ViittoFileUrl + x.FilePath,
})
RenewalImg()
}, 1);
.FillincommentsInT {
padding-top: 5px;
}
.FillincommentsMarkB {
display: flex;
flex-direction: column;
flex: 1;
/* overflow: hidden;
overflow-y: auto; */
padding-bottom: 20px;
}
function clickRadio(i) {
const Radiobox = document.getElementById(`my_Radio${i}`);
Radiobox.click()
.FillincommentsMark {
display: flex;
flex-direction: column;
margin-top: 15px;
}
function getRadio() {
dataList.forEach((x, i) => {
x.SurveyOptionsList.forEach((y, index) => {
const radios = document.getElementsByName(`my_Radio${i+1}`);
radios.forEach(radio => {
radio.addEventListener('click', function() {
x.ScoreNum = radio.value
});
});
})
})
.FillincommentsMarkT {
display: flex;
flex-direction: row;
font-size: 15px;
font-weight: 500;
}
.FillincommentsMarks {
font-size: 14px;
font-weight: 500;
margin-top: 5px;
display: flex;
flex-direction: row;
}
function clickCheckbox(i) {
const checkbox = document.getElementById(`my_checkbox${i}`);
checkbox.click()
.FillincommentsMarks span {
position: relative;
top: 3px;
}
function getCheckbox() {
dataList.forEach((x, i) => {
x.SurveyOptionsList.forEach((y, index) => {
const checkbox = document.getElementsByName(`my_checkbox${i+1}`);
checkbox.forEach(checkbox => {
checkbox.addEventListener('click', function() {
if (checkbox.checked) y.IsCheckS.push(checkbox.value)
if (!checkbox.checked) y.IsCheckS = y.IsCheckS.filter(z => {
return z != checkbox.value
})
});
});
})
})
.text {
width: 50px;
flex-shrink: 0;
}
.manyidu {
width: auto;
flex-shrink: 0;
margin-left: 10px;
}
function getTextarea() {
dataList.forEach((x, i) => {
var word = document.getElementById(`my_textarea${i+1}`)
if (word && word.value) {
x.TextContent = word.value
.submitBForm {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 15px;
}
})
.submitB {
width: 90%;
border: 0;
height: 40px;
margin-top: 20px;
margin-bottom: 20px;
border-radius: 5px;
background-color: #EE4554;
color: #fff;
}
function saveGuestSurvey() {
document.getElementById("submitB").classList.add("active")
getTextarea()
var postMsg = [];
if (dataList && dataList.length > 0) {
dataList.forEach(item => {
item.TCID = qMsg.TCID;
if (item.SurveyType === 2 || item.SurveyType === 3) {
item.SurveyOptionsList.forEach(y => {
//单选
if (item.SurveyType == 2) {
if (item.ScoreNum == y.ID) {
y.IsCheck = "1";
.submitB.active {
background-color: rgba(238, 69, 84, .5);
}
.pinfen img {
width: 20px;
height: 20px;
display: inline-block;
}
//多选
if (item.SurveyType == 3) {
y.IsCheck = "0";
if (y.IsCheckS) {
y.IsCheck = "1";
}
}
})
item.ScoreNum = 0;
}
postMsg.push(item);
})
.FillincommentsSingle {
display: flex;
flex-direction: column;
align-items: center;
flex-wrap: wrap;
margin-top: 5px;
}
var newMsg = {
busDetailsList: postMsg
.FillincommentsSingle span {
position: relative;
top: 1px;
left: 5px;
}
$('#submitB').attr('disabled', true)
$.ajax({
type: "POST",
url: `${getApiUrl().urlPost}`,
contentType: "application/json",
data: getAjaxData("survey_post_SetBusSurvey", newMsg),
async: false,
success: function(res) {
if (res.resultCode === 1) {
window.location.href = 'success.html'
} else {
layer.msg(res.message)
.FillincommentsSingle div {
width: 100%;
display: flex;
flex-direction: row;
align-items: self-start;
justify-content: start;
flex-wrap: nowrap;
margin-right: 20px;
margin-bottom: 5px;
}
$('#submitB').attr('disabled', false)
document.getElementById("submitB").classList.remove("active")
},
error: function(message) {
$('#submitB').attr('disabled', false)
alert(JSON.stringify(message));
document.getElementById("submitB").classList.remove("active")
.FillincommentsMultiple {
display: flex;
flex-direction: column;
align-items: center;
flex-wrap: wrap;
margin-top: 5px;
}
});
.FillincommentsMultiple span {
position: relative;
top: 0px;
left: 5px;
}
function GetBusSurveyInfo() {
$.ajax({
type: "POST",
url: `${getApiUrl().urlPost}`,
contentType: "application/json",
data: getAjaxData("survey_post_GetBusSurveyInfo", {
IsShow: 1,
SurveyType: -1
}),
async: false,
success: function(res) {
if (res.resultCode === 1) {
GuestSurveyInfo = res.data
if (GuestSurveyInfo.Title) $('.headerTitle').html(GuestSurveyInfo.Title)
if (GuestSurveyInfo.SubTitle) $('.subscript').html(GuestSurveyInfo.SubTitle)
else {
let parent = document.getElementById("FillincommentsBox");
let child = document.getElementById("subscript");
parent.removeChild(child);
.FillincommentsMultiple div {
width: 100%;
display: flex;
flex-direction: row;
align-items: self-start;
justify-content: start;
flex-wrap: nowrap;
margin-right: 20px;
margin-bottom: 5px;
}
} else {
layer.msg(res.message)
.FillincommentsDescription {
margin-top: 10px;
background: #F6F6F6;
}
},
error: function(message) {
alert(JSON.stringify(message));
.FillincommentsDescription textarea {
width: 100%;
/* height: 150px; */
padding: 5px 10px;
background: #F6F6F6;
border: 1px solid #F6F6F6;
}
});
.FillincommentsDescription textarea:focus {
border: 1px solid #76c9fa;
/* 当textarea获取焦点时的边框色 */
outline: none;
}
function GetSurveyShowList() {
$.ajax({
type: "POST",
url: `${getApiUrl().urlPost}`,
contentType: "application/json",
data: getAjaxData("survey_post_GetBusSurveyShowList", {
IsShow: 1,
SurveyType: -1
}),
async: false,
success: function(res) {
if (res.resultCode === 1) {
let data = res.data
data.map(item => {
if (item.SurveyType === 2) {
item.SurveyOptionsList.map((cItem, cIndex) => {
cItem.IsCheckS = false
})
.subscript,
.ganxiecydc {
text-indent: 2em;
line-height: 1.5;
}
if (item.SurveyType === 3) {
item.SurveyOptionsList.map((cItem, cIndex) => {
cItem.IsCheckS = []
})
.headerTitle {
text-align: center;
}
if (item.SurveyType === 1) {
item.ScoreNum = 5;
.uploadProof{
margin-top: 20px;
}
})
dataList = data
renderStar()
} else {
layer.msg(res.message)
.FillincommentsImgF{
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 10px;
}
},
error: function(message) {
alert(JSON.stringify(message));
.FillincommentsImg{
flex: 0 0 76px;
height: 76px;
border: 1px solid #eee;
margin-right: 8px;
position: relative;
margin-bottom: 20px;
border-radius: 5px;
}
});
.FillincommentsImg img{
width: 100%;
height: 100%;
display: block;
border-radius: 5px;
}
function getPriceInfo() {
$.ajax({
type: "POST",
url: `${getApiUrl().urlPost}`,
contentType: "application/json",
data: getAjaxData("miniProgram_post_GetBasePrice", {
tcid: this.qMsg.TCID
}),
async: false,
success: function(res) {
if (res.resultCode === 1) {
let data = res.data
priceInfo = data
if (priceInfo && priceInfo.LeaderName && priceInfo.LeaderName != '') $('.lindui').html(priceInfo.LeaderName)
if (priceInfo && priceInfo.GuideName && priceInfo.GuideName != '') $('.daoyou').html(priceInfo.GuideName)
if (priceInfo && priceInfo.StartDateStr && priceInfo.StartDateStr != '') $('.tuanqi1').html(priceInfo.StartDateStr)
if (priceInfo && priceInfo.EndDateStr && priceInfo.EndDateStr != '') $('.tuanqi2').html(priceInfo.EndDateStr)
} else {
layer.msg(res.message)
.delimg{
width: 22px;
height: 22px;
border-radius: 50%;
position: absolute;
right: -8px;
top: -12px;
background: url('../../images/del.png')no-repeat;
background-size: 22px 22px;
z-index: 2;
}
},
error: function(message) {
alert(JSON.stringify(message));
.FillincommentsAdd{
width: 80px;
height: 80px;
overflow: hidden;
border: 1px solid #eee;
margin-right: 10px;
background: url('../../images/addImg.png')no-repeat center;
background-size: 20px 20px;
margin-bottom: 10px;
border-radius: 5px;
}
});
.FillincommentsAdd input{
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div class="FillincommentsF">
<div class="FillincommentsBox" id="FillincommentsBox">
<h3 class="headerTitle"></h3>
<h5 class="subscript" id="subscript"></h5>
<div class="FillincommentsIn">
<div class="FillincommentsInLD">
<div><span>领队：</span><span class="lindui"></span></div>
<div><span>导游：</span><span class="daoyou"></span></div>
</div>
<div class="FillincommentsInT">
<div><span>团期：</span><span class="tuanqi1"></span></div>
</div>
</div>
<div class="FillincommentsMarkB" id="app">
function chgStar(num, i) {
dataList[i].ScoreNum = num
var item = dataList[i]
$(`#star${i+1}`).html(
`<img id="star_1id_${i+1}point" onmouseover="chgStar(1,${i})"
src="${item.ScoreNum>=1?STAR_IMG[0]:STAR_IMG[1]}"></img>
<img id="star_2id_${i+1}point" onmouseover="chgStar(2,${i})"
src="${item.ScoreNum>=2?STAR_IMG[0]:STAR_IMG[1]}"></img>
<img id="star_3id_${i+1}point" onmouseover="chgStar(3,${i})"
src="${item.ScoreNum>=3?STAR_IMG[0]:STAR_IMG[1]}"></img>
<img id="star_4id_${i+1}point" onmouseover="chgStar(4,${i})"
src="${item.ScoreNum>=4?STAR_IMG[0]:STAR_IMG[1]}"></img>
<img id="star_5id_${i+1}point" onmouseover="chgStar(5,${i})"
src="${item.ScoreNum>=5?STAR_IMG[0]:STAR_IMG[1]}"></img>`
)
}
</div>
<div class="submitBForm">
<button onclick="saveGuestSurvey()" class="submitB" id="submitB">确认</button>
</div>
</div>
</div>
function renderStar() {
var fileHtml = `<h4 class="uploadProof">上传凭证</h4>
<div class="FillincommentsImgF" id="FillincommentsImgF">
<div class="FillincommentsAdd">
<script src="../../js/md5.js"></script>
<script type="text/javascript" src="../../js/autosize.js"></script>
<script type="text/javascript" src="../../js/jquery-1.10.2.js"></script>
<script src="../../js/layer/layer.js"></script>
<script src="../../js/mian.js"></script>
<script>
var qMsg = query()
var priceInfo = null
var dataList = null
var GuestSurveyInfo = null
var importData = []
var texts = [
'非常不满意',
'不满意',
'感觉一般',
'满意',
'非常满意'
]
var STAR_IMG = new Array("../../images/Star1.png", "../../images/Star2.png");
getPriceInfo()
GetSurveyShowList()
getRadio()
getCheckbox()
GetBusSurveyInfo()
// uploadFile()
function delImg(i){
importData.splice(i,1)
RenewalImg()
}
function RenewalImg() {
var str = '<div class="FillincommentsImgF">'
var center = ''
var end = `<div class="FillincommentsAdd">
<input type="file" accept="image/*" multiple style="opacity:0" id="upload" onchange="uploadFile(event)"/>
</div>
</div>`
var list = []
dataList.forEach((item, i) => {
var str = ''
var mark = ''
var singleChoice = ''
var MultipleChoice = ''
var inputText = ''
var end = `</div>`
var element = document.createElement('div');
str =
`<div class="FillincommentsMark">
<div class="FillincommentsMarkT">
<span class="xuhao">${i+1}、</span>
<span class="title">${item.Title}</span>
</div>`
if (item.SurveyType == 1) mark =
`<div class="FillincommentsMarks">
<span class="text">评 分</span>
<div class="pinfen" id="star${i+1}">
<img id="star_1id_${i+1}point" onmouseover="chgStar(1,${i})"
src="${item.ScoreNum>=1?STAR_IMG[0]:STAR_IMG[1]}"></img>
<img id="star_2id_${i+1}point" onmouseover="chgStar(2,${i})"
src="${item.ScoreNum>=2?STAR_IMG[0]:STAR_IMG[1]}"></img>
<img id="star_3id_${i+1}point" onmouseover="chgStar(3,${i})"
src="${item.ScoreNum>=3?STAR_IMG[0]:STAR_IMG[1]}"></img>
<img id="star_4id_${i+1}point" onmouseover="chgStar(4,${i})"
src="${item.ScoreNum>=4?STAR_IMG[0]:STAR_IMG[1]}"></img>
<img id="star_5id_${i+1}point" onmouseover="chgStar(5,${i})"
src="${item.ScoreNum>=5?STAR_IMG[0]:STAR_IMG[1]}"></img>
</div>
<span class="manyidu">${item.ScoreNum==1?texts[0]:item.ScoreNum==2?texts[1]:item.ScoreNum==3?texts[2]:item.ScoreNum==4?texts[3]:item.ScoreNum==5?texts[4]:''}</span>
var textHtml = ''
importData.forEach((item,index)=>{
center+=`<div class="FillincommentsImg" id="Img_${index+1}">
<img src="${item.Url}" />
<span class="delimg" onclick="delImg(${index})"></span>
</div>`
if (item.SurveyType == 2) {
let radioList = []
if (item.SurveyOptionsList.length > 0) item.SurveyOptionsList.forEach((radio, index) => {
radioList.push(
`<div><input type="radio" value="${radio.ID}" name="my_Radio${i+1}" id="my_Radio${i+1}${index+1}"/><span onclick="clickRadio(${i+1}${index+1})">${radio.OptionsName}</span></div>`
)
})
if (radioList.length > 0) {
singleChoice = `<div class="FillincommentsSingle">`
radioList.forEach(rItem => {
singleChoice += rItem;
})
singleChoice += `</div>`
}
textHtml = str+center+end
$(`#FillincommentsImgF`).html(textHtml)
}
function uploadFile(e){
for(let i=0;i<e.target.files.length;i++){
const file = e.target.files[i]; // 获取文件对象
const formData = new FormData(); // 创建FormData对象
formData.append('file', file); // 将文件添加到FormData对象中
// 1 文档 2 数据 3 图片
let typeArr = [{
stringArr: 'GIF|JPG|JPEG|PNG|BMP',
type: 3
},
{
stringArr: 'DOCX|DOC|XLSX|XLS|PPT|PPTX|PDF',
type: 1
},
]
let ft = file.name.substring(file.name.lastIndexOf('.') + 1, file.name.length).toUpperCase();
let fileTypeNumber = 2;
let typeOk = false;
typeArr.forEach(x => {
if (x.stringArr.indexOf(ft) != '-1') {
fileTypeNumber = x.type;
typeOk = true;
}
if (item.SurveyType == 3) {
let MultipleList = []
if (item.SurveyOptionsList.length > 0) item.SurveyOptionsList.forEach((radio, index) => {
MultipleList.push(
`<div><input type="checkbox" value="${radio.ID}" name="my_checkbox${i+1}" id="my_checkbox${i+1}${index+1}"/><span onclick="clickCheckbox(${i+1}${index+1})">${radio.OptionsName}</span></div>`
)
})
if (MultipleList.length > 0) {
MultipleChoice = `<div class="FillincommentsMultiple">`
MultipleList.forEach(rItem => {
MultipleChoice += rItem;
var path = '/Upload/car/'
let newArr = [];
newArr.push(file)
UploadSelfFile(path, newArr, x => {
importData.push({
Content: x.FilePath,
ID: 0,
Type: fileTypeNumber,
Url: getApiUrl().ViittoFileUrl + x.FilePath,
})
MultipleChoice += `</div>`
RenewalImg()
}, 1);
}
}
if (item.SurveyType == 4) {
inputText =
`<div class="FillincommentsDescription">
<textarea rows="8" cols="30" placeholder="点击输入" maxlength="500" id="my_textarea${i+1}" onblur="getTextarea()"></textarea>
</div>`
function clickRadio(i) {
const Radiobox = document.getElementById(`my_Radio${i}`);
Radiobox.click()
}
var textHtml = str + mark + singleChoice + MultipleChoice + inputText + end
// if(i==(dataList.length-1)){
// textHtml+=fileHtml
// }
element.innerHTML = textHtml
list.push(element)
function getRadio() {
dataList.forEach((x, i) => {
x.SurveyOptionsList.forEach((y, index) => {
const radios = document.getElementsByName(`my_Radio${i+1}`);
radios.forEach(radio => {
radio.addEventListener('click', function() {
x.ScoreNum = radio.value
});
});
})
})
$("#app").html(list)
}
</script>
</body>
<style>
.BackBox {
position: fixed;
left: 0px;
top: 0px;
right: 0;
background: #fff;
padding: 20px 20px 10px 20px;
z-index: 2;
}
.BackImg {
width: 10px;
}
.FillincommentsF {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
overflow-y: auto;
function clickCheckbox(i) {
const checkbox = document.getElementById(`my_checkbox${i}`);
checkbox.click()
}
.FillincommentsBox {
width: 90%;
height: 100%;
display: flex;
flex-direction: column;
}
function getCheckbox() {
dataList.forEach((x, i) => {
x.SurveyOptionsList.forEach((y, index) => {
const checkbox = document.getElementsByName(`my_checkbox${i+1}`);
checkbox.forEach(checkbox => {
checkbox.addEventListener('click', function() {
if (checkbox.checked) y.IsCheckS.push(checkbox.value)
if (!checkbox.checked) y.IsCheckS = y.IsCheckS.filter(z => {
return z != checkbox.value
})
});
});
})
})
.FillincommentsBox H3 {
margin-top: 20px;
}
.FillincommentsIn {
background: #F6F6F6;
border-radius: 5px;
padding: 10px;
margin-top: 10px;
function getTextarea() {
dataList.forEach((x, i) => {
var word = document.getElementById(`my_textarea${i+1}`)
if (word && word.value) {
x.TextContent = word.value
}
.FillincommentsInLD {
display: flex;
flex-direction: row;
justify-content: space-between;
})
}
.FillincommentsInLD div {
flex: 1;
flex-shrink: 0;
function saveGuestSurvey() {
document.getElementById("submitB").classList.add("active")
getTextarea()
var postMsg = [];
if (dataList && dataList.length > 0) {
dataList.forEach(item => {
item.TCID = qMsg.TCID;
if (item.SurveyType === 2 || item.SurveyType === 3) {
item.SurveyOptionsList.forEach(y => {
//单选
if (item.SurveyType == 2) {
if (item.ScoreNum == y.ID) {
y.IsCheck = "1";
}
.FillincommentsInT {
padding-top: 5px;
}
.FillincommentsMarkB {
display: flex;
flex-direction: column;
flex: 1;
/* overflow: hidden;
overflow-y: auto; */
padding-bottom: 20px;
//多选
if (item.SurveyType == 3) {
y.IsCheck = "0";
if (y.IsCheckS) {
y.IsCheck = "1";
}
.FillincommentsMark {
display: flex;
flex-direction: column;
margin-top: 15px;
}
.FillincommentsMarkT {
display: flex;
flex-direction: row;
font-size: 15px;
font-weight: 500;
})
item.ScoreNum = 0;
}
.FillincommentsMarks {
font-size: 14px;
font-weight: 500;
margin-top: 5px;
display: flex;
flex-direction: row;
postMsg.push(item);
})
}
.FillincommentsMarks span {
position: relative;
top: 3px;
var newMsg = {
busDetailsList: postMsg
}
.text {
width: 50px;
flex-shrink: 0;
$('#submitB').attr('disabled', true)
$.ajax({
type: "POST",
url: `${getApiUrl().urlPost}`,
contentType: "application/json",
data: getAjaxData("survey_post_SetBusSurvey", newMsg),
async: false,
success: function(res) {
if (res.resultCode === 1) {
window.location.href = 'success.html'
} else {
layer.msg(res.message)
}
.manyidu {
width: auto;
flex-shrink: 0;
margin-left: 10px;
$('#submitB').attr('disabled', false)
document.getElementById("submitB").classList.remove("active")
},
error: function(message) {
$('#submitB').attr('disabled', false)
alert(JSON.stringify(message));
document.getElementById("submitB").classList.remove("active")
}
.submitBForm {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 15px;
});
}
.submitB {
width: 90%;
border: 0;
height: 40px;
margin-top: 20px;
margin-bottom: 20px;
border-radius: 5px;
background-color: #EE4554;
color: #fff;
function GetBusSurveyInfo() {
$.ajax({
type: "POST",
url: `${getApiUrl().urlPost}`,
contentType: "application/json",
data: getAjaxData("survey_post_GetBusSurveyInfo", {
IsShow: 1,
SurveyType: -1
}),
async: false,
success: function(res) {
if (res.resultCode === 1) {
GuestSurveyInfo = res.data
if (GuestSurveyInfo.Title) $('.headerTitle').html(GuestSurveyInfo.Title)
if (GuestSurveyInfo.SubTitle) $('.subscript').html(GuestSurveyInfo.SubTitle)
else {
let parent = document.getElementById("FillincommentsBox");
let child = document.getElementById("subscript");
parent.removeChild(child);
}
} else {
layer.msg(res.message)
}
},
error: function(message) {
alert(JSON.stringify(message));
}
});
}
.submitB.active {
background-color: rgba(238, 69, 84, .5);
function GetSurveyShowList() {
$.ajax({
type: "POST",
url: `${getApiUrl().urlPost}`,
contentType: "application/json",
data: getAjaxData("survey_post_GetBusSurveyShowList", {
IsShow: 1,
SurveyType: -1
}),
async: false,
success: function(res) {
if (res.resultCode === 1) {
let data = res.data
data.map(item => {
if (item.SurveyType === 2) {
item.SurveyOptionsList.map((cItem, cIndex) => {
cItem.IsCheckS = false
})
}
.pinfen img {
width: 20px;
height: 20px;
display: inline-block;
if (item.SurveyType === 3) {
item.SurveyOptionsList.map((cItem, cIndex) => {
cItem.IsCheckS = []
})
}
.FillincommentsSingle {
display: flex;
flex-direction: column;
align-items: center;
flex-wrap: wrap;
margin-top: 5px;
if (item.SurveyType === 1) {
item.ScoreNum = 5;
}
.FillincommentsSingle span {
position: relative;
top: 1px;
left: 5px;
})
dataList = data
renderStar()
} else {
layer.msg(res.message)
}
.FillincommentsSingle div {
width: 100%;
display: flex;
flex-direction: row;
align-items: self-start;
justify-content: start;
flex-wrap: nowrap;
margin-right: 20px;
margin-bottom: 5px;
},
error: function(message) {
alert(JSON.stringify(message));
}
.FillincommentsMultiple {
display: flex;
flex-direction: column;
align-items: center;
flex-wrap: wrap;
margin-top: 5px;
});
}
.FillincommentsMultiple span {
position: relative;
top: 0px;
left: 5px;
function getPriceInfo() {
$.ajax({
type: "POST",
url: `${getApiUrl().urlPost}`,
contentType: "application/json",
data: getAjaxData("miniProgram_post_GetBasePrice", {
tcid: this.qMsg.TCID
}),
async: false,
success: function(res) {
if (res.resultCode === 1) {
let data = res.data
priceInfo = data
if (priceInfo && priceInfo.LeaderName && priceInfo.LeaderName != '') $('.lindui').html(priceInfo.LeaderName)
if (priceInfo && priceInfo.GuideName && priceInfo.GuideName != '') $('.daoyou').html(priceInfo.GuideName)
if (priceInfo && priceInfo.StartDateStr && priceInfo.StartDateStr != '') $('.tuanqi1').html(priceInfo.StartDateStr)
if (priceInfo && priceInfo.EndDateStr && priceInfo.EndDateStr != '') $('.tuanqi2').html(priceInfo.EndDateStr)
} else {
layer.msg(res.message)
}
.FillincommentsMultiple div {
width: 100%;
display: flex;
flex-direction: row;
align-items: self-start;
justify-content: start;
flex-wrap: nowrap;
margin-right: 20px;
margin-bottom: 5px;
},
error: function(message) {
alert(JSON.stringify(message));
}
.FillincommentsDescription {
margin-top: 10px;
background: #F6F6F6;
});
}
.FillincommentsDescription textarea {
width: 100%;
/* height: 150px; */
padding: 5px 10px;
background: #F6F6F6;
border: 1px solid #F6F6F6;
function chgStar(num, i) {
dataList[i].ScoreNum = num
var item = dataList[i]
$(`#star${i+1}`).html(
`<img id="star_1id_${i+1}point" onmouseover="chgStar(1,${i})"
src="${item.ScoreNum>=1?STAR_IMG[0]:STAR_IMG[1]}"></img>
<img id="star_2id_${i+1}point" onmouseover="chgStar(2,${i})"
src="${item.ScoreNum>=2?STAR_IMG[0]:STAR_IMG[1]}"></img>
<img id="star_3id_${i+1}point" onmouseover="chgStar(3,${i})"
src="${item.ScoreNum>=3?STAR_IMG[0]:STAR_IMG[1]}"></img>
<img id="star_4id_${i+1}point" onmouseover="chgStar(4,${i})"
src="${item.ScoreNum>=4?STAR_IMG[0]:STAR_IMG[1]}"></img>
<img id="star_5id_${i+1}point" onmouseover="chgStar(5,${i})"
src="${item.ScoreNum>=5?STAR_IMG[0]:STAR_IMG[1]}"></img>`
)
}
.FillincommentsDescription textarea:focus {
border: 1px solid #76c9fa;
/* 当textarea获取焦点时的边框色 */
outline: none;
}
function renderStar() {
var fileHtml = `<h4 class="uploadProof">上传凭证</h4>
<div class="FillincommentsImgF" id="FillincommentsImgF">
<div class="FillincommentsAdd">
<input type="file" accept="image/*" multiple style="opacity:0" id="upload" onchange="uploadFile(event)"/>
</div>
</div>`
var list = []
.subscript,
.ganxiecydc {
text-indent: 2em;
line-height: 1.5;
}
dataList.forEach((item, i) => {
var str = ''
var mark = ''
var singleChoice = ''
var MultipleChoice = ''
var inputText = ''
var end = `</div>`
var element = document.createElement('div');
str =
`<div class="FillincommentsMark">
<div class="FillincommentsMarkT">
<span class="xuhao">${i+1}、</span>
<span class="title">${item.Title}</span>
</div>`
if (item.SurveyType == 1) mark =
`<div class="FillincommentsMarks">
<span class="text">评 分</span>
<div class="pinfen" id="star${i+1}">
<img id="star_1id_${i+1}point" onmouseover="chgStar(1,${i})"
src="${item.ScoreNum>=1?STAR_IMG[0]:STAR_IMG[1]}"></img>
<img id="star_2id_${i+1}point" onmouseover="chgStar(2,${i})"
src="${item.ScoreNum>=2?STAR_IMG[0]:STAR_IMG[1]}"></img>
<img id="star_3id_${i+1}point" onmouseover="chgStar(3,${i})"
src="${item.ScoreNum>=3?STAR_IMG[0]:STAR_IMG[1]}"></img>
<img id="star_4id_${i+1}point" onmouseover="chgStar(4,${i})"
src="${item.ScoreNum>=4?STAR_IMG[0]:STAR_IMG[1]}"></img>
<img id="star_5id_${i+1}point" onmouseover="chgStar(5,${i})"
src="${item.ScoreNum>=5?STAR_IMG[0]:STAR_IMG[1]}"></img>
</div>
<span class="manyidu">${item.ScoreNum==1?texts[0]:item.ScoreNum==2?texts[1]:item.ScoreNum==3?texts[2]:item.ScoreNum==4?texts[3]:item.ScoreNum==5?texts[4]:''}</span>
</div>`
if (item.SurveyType == 2) {
let radioList = []
if (item.SurveyOptionsList.length > 0) item.SurveyOptionsList.forEach((radio, index) => {
radioList.push(
`<div><input type="radio" value="${radio.ID}" name="my_Radio${i+1}" id="my_Radio${i+1}${index+1}"/><span onclick="clickRadio(${i+1}${index+1})">${radio.OptionsName}</span></div>`
)
})
.headerTitle {
text-align: center;
}
.uploadProof{
margin-top: 20px;
}
.FillincommentsImgF{
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 10px;
if (radioList.length > 0) {
singleChoice = `<div class="FillincommentsSingle">`
radioList.forEach(rItem => {
singleChoice += rItem;
})
singleChoice += `</div>`
}
.FillincommentsImg{
flex: 0 0 76px;
height: 76px;
border: 1px solid #eee;
margin-right: 8px;
position: relative;
margin-bottom: 20px;
border-radius: 5px;
}
.FillincommentsImg img{
width: 100%;
height: 100%;
display: block;
border-radius: 5px;
if (item.SurveyType == 3) {
let MultipleList = []
if (item.SurveyOptionsList.length > 0) item.SurveyOptionsList.forEach((radio, index) => {
MultipleList.push(
`<div><input type="checkbox" value="${radio.ID}" name="my_checkbox${i+1}" id="my_checkbox${i+1}${index+1}"/><span onclick="clickCheckbox(${i+1}${index+1})">${radio.OptionsName}</span></div>`
)
})
if (MultipleList.length > 0) {
MultipleChoice = `<div class="FillincommentsMultiple">`
MultipleList.forEach(rItem => {
MultipleChoice += rItem;
})
MultipleChoice += `</div>`
}
.delimg{
width: 22px;
height: 22px;
border-radius: 50%;
position: absolute;
right: -8px;
top: -12px;
background: url('../../images/del.png')no-repeat;
background-size: 22px 22px;
z-index: 2;
}
.FillincommentsAdd{
width: 80px;
height: 80px;
overflow: hidden;
border: 1px solid #eee;
margin-right: 10px;
background: url('../../images/addImg.png')no-repeat center;
background-size: 20px 20px;
margin-bottom: 10px;
border-radius: 5px;
if (item.SurveyType == 4) {
inputText =
`<div class="FillincommentsDescription">
<textarea rows="8" cols="30" placeholder="点击输入" maxlength="500" id="my_textarea${i+1}" onblur="getTextarea()"></textarea>
</div>`
}
.FillincommentsAdd input{
width: 100%;
height: 100%;
var textHtml = str + mark + singleChoice + MultipleChoice + inputText + end
// if(i==(dataList.length-1)){
// textHtml+=fileHtml
// }
element.innerHTML = textHtml
list.push(element)
})
$("#app").html(list)
}
</style>
</script>
</body>
</html>
html/ImpressionOpinionSurvey/opinionSurvey.html
View file @ 0e405a66
......@@ -12,6 +12,188 @@
<link rel="stylesheet" href="../../css/bts/bootstrap.min.css">
<link rel="stylesheet" href="../../css/flex.css">
<title></title>
<style>
.opiSurBody{
position: relative;
left: 0;
right: 0;
bottom: 0;
/* background: url('https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638784094475156580.png')no-repeat 0 0 #9CD2F8;
background-size: 100% auto; */
background:#9CD2F8;
height: 100vh;
width: 100vw;
overflow: auto;
}
.opiSurCenter{
}
.BackBox {
/* position: fixed;
left: 0;
top: 0;
right: 0; */
/* background: #fff; */
position: absolute;
left: 0;
top: 0;
right: 0;
z-index: 2;
padding: 20px 20px 10px 20px;
}
.BackImg {
width: 10px;
}
.BackTitle{
height: 50px;
/* position: fixed;
top: 20px;
left: 0;
right: 0; */
position: absolute;
left: 0;
right: 0;
top: 20px;
z-index: 2;
text-align: center;
font-size: 16px;
}
.TeamPeriodBox{
position: relative;
}
.TeamPeriodC{
position: absolute;
left: 0;
right: 0;
top: 20px;
z-index: 2;
padding: 0 16.13vw;
}
.TeamPeriod{
text-align: center;
margin-top: 0;
}
.TeamPeriod p{
padding: 0 24px;
display: inline-block;
height: 30px;
background: #0039B8;
border-radius: 15px;
font-weight: bold;
font-size: 16px;
color: #FFFFFF;
line-height: 30px;
}
.LeaInfCenter{
width: 260px;
/* padding: 0 64px; */
margin: auto;
margin-top: .7vh;
}
.LeaderInfor{
height: 36px;
line-height: 36px;
background: #B9DBF7;
border-radius: 7px;
font-weight: bold;
font-size: 16px;
color: #080A0A;
padding: 0 30px;
}
.LeaderInfor span{
margin-left: 5px;
}
.opiSurStarBox{
padding: 20px 20px 24px 20px;
margin: 0 15px 0 15px;
background: #FFFFFF;
border-radius: 9px;
position: relative;
top: -5vh;
}
.opiSurTitle{
font-weight: 500;
font-size: 16px;
color: #080A0A;
line-height: 35px;
margin-bottom: 0px;
}
.opiSurStarCenter{
font-weight: 500;
font-size: 16px;
color: #080A0A;
line-height: 35px;
margin-bottom: 10px;
}
.opiSurCenText{
margin-right: 10px;
}
.opiSurCenStar{
display: inline-block;
}
.opiSurCenStar img{
width: 20px;
height:20px;
display: inline-block;
margin-right: 5px;
position: relative;
top: -3px;
}
.opiSurCenTisp{
margin-left: 10px;
}
.opiSurCenTisp.active{
color: #FF3166;
}
.opiSurCenCheck{
display: inline-block;
margin-right: 20px;
}
.opiSurCenCheck span{
margin-left: 5px;
}
.opiSurCenCheckCom span{
margin-left: 5px;
}
.opiSurStarCenter textarea {
width: 100%;
padding: 5px 15px;
background: #F3F1EF;
border: 1px solid #F3F1EF;
border-radius: 9px;
margin-top: 5px;
font-size: 16px;
}
.opiSurStarCenter textarea:focus {
border: 1px solid #76c9fa;
outline: none;
}
.SubmitButton{
padding: 0 15px;
margin-bottom: 43px;
}
.submitB{
width: 100%;
height: 50px;
line-height: 50px;
background: #0039B8;
font-size: 16px;
text-align: center;
color: #fff;
border-radius: 9px;
border: 0;
position: relative;
top: -1vh;
}
.submitB.active{
background: #eee;
color: black;
}
.submitB.display{
display: none;
}
</style>
</head>
<body class="opiSurBody">
<div class="opiSurCenter column" id="opiSurCenter">
......@@ -447,187 +629,6 @@
</script>
</body>
<style>
.opiSurBody{
position: relative;
left: 0;
right: 0;
bottom: 0;
/* background: url('https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638784094475156580.png')no-repeat 0 0 #9CD2F8;
background-size: 100% auto; */
background:#9CD2F8;
height: 100vh;
width: 100vw;
overflow: auto;
}
.opiSurCenter{
}
.BackBox {
/* position: fixed;
left: 0;
top: 0;
right: 0; */
/* background: #fff; */
position: absolute;
left: 0;
top: 0;
right: 0;
z-index: 2;
padding: 20px 20px 10px 20px;
}
.BackImg {
width: 10px;
}
.BackTitle{
height: 50px;
/* position: fixed;
top: 20px;
left: 0;
right: 0; */
position: absolute;
left: 0;
right: 0;
top: 20px;
z-index: 2;
text-align: center;
font-size: 16px;
}
.TeamPeriodBox{
position: relative;
}
.TeamPeriodC{
position: absolute;
left: 0;
right: 0;
top: 20px;
z-index: 2;
padding: 0 16.13vw;
}
.TeamPeriod{
text-align: center;
margin-top: 0;
}
.TeamPeriod p{
padding: 0 24px;
display: inline-block;
height: 30px;
background: #0039B8;
border-radius: 15px;
font-weight: bold;
font-size: 16px;
color: #FFFFFF;
line-height: 30px;
}
.LeaInfCenter{
width: 260px;
/* padding: 0 64px; */
margin: auto;
margin-top: .7vh;
}
.LeaderInfor{
height: 36px;
line-height: 36px;
background: #B9DBF7;
border-radius: 7px;
font-weight: bold;
font-size: 16px;
color: #080A0A;
padding: 0 30px;
}
.LeaderInfor span{
margin-left: 5px;
}
.opiSurStarBox{
padding: 20px 20px 24px 20px;
margin: 0 15px 0 15px;
background: #FFFFFF;
border-radius: 9px;
position: relative;
top: -5vh;
}
.opiSurTitle{
font-weight: 500;
font-size: 16px;
color: #080A0A;
line-height: 35px;
margin-bottom: 0px;
}
.opiSurStarCenter{
font-weight: 500;
font-size: 16px;
color: #080A0A;
line-height: 35px;
margin-bottom: 10px;
}
.opiSurCenText{
margin-right: 10px;
}
.opiSurCenStar{
display: inline-block;
}
.opiSurCenStar img{
width: 20px;
height:20px;
display: inline-block;
margin-right: 5px;
position: relative;
top: -3px;
}
.opiSurCenTisp{
margin-left: 10px;
}
.opiSurCenTisp.active{
color: #FF3166;
}
.opiSurCenCheck{
display: inline-block;
margin-right: 20px;
}
.opiSurCenCheck span{
margin-left: 5px;
}
.opiSurCenCheckCom span{
margin-left: 5px;
}
.opiSurStarCenter textarea {
width: 100%;
padding: 5px 15px;
background: #F3F1EF;
border: 1px solid #F3F1EF;
border-radius: 9px;
margin-top: 5px;
font-size: 16px;
}
.opiSurStarCenter textarea:focus {
border: 1px solid #76c9fa;
outline: none;
}
.SubmitButton{
padding: 0 15px;
margin-bottom: 43px;
}
.submitB{
width: 100%;
height: 50px;
line-height: 50px;
background: #0039B8;
font-size: 16px;
text-align: center;
color: #fff;
border-radius: 9px;
border: 0;
position: relative;
top: -1vh;
}
.submitB.active{
background: #eee;
color: black;
}
.submitB.display{
display: none;
}
</style>
</html>
html/ImpressionOpinionSurvey/success.html
View file @ 0e405a66
......@@ -11,23 +11,8 @@
<link rel="stylesheet" href="../../css/cssReset.css">
<link rel="stylesheet" href="../../css/bts/bootstrap.min.css">
<title>填写意见</title>
</head>
<body>
<div class="tipBox" id="tipBox">
<div class="tipImgBox">
<div class="tipImg">
<img src="../../images/login/gou_big_blue.png"/>
<h4>&nbsp;&nbsp;&nbsp;提交意见成功！</h4>
</div>
</div>
</div>
<script>
</script>
</body>
<style>
.tipBox{
<style>
.tipBox{
position: fixed;
top: 0;
left: 0;
......@@ -35,15 +20,15 @@
bottom: 0;
z-index: 3;
/* background: rgba(23,23,23,.5); */
}
.tipImgBox{
}
.tipImgBox{
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.tipImg{
}
.tipImg{
width: 100%;
height: 100%;
background: #fff;
......@@ -52,17 +37,33 @@
flex-direction: column;
justify-content: center;
align-items: center;
}
.tipImg img{
}
.tipImg img{
width: 100px;
border-radius: 100%;
display: block;
/* margin-top:60px; */
}
.tipImg h4{
}
.tipImg h4{
margin-top: 30px;
}
}
</style>
</head>
<body>
<div class="tipBox" id="tipBox">
<div class="tipImgBox">
<div class="tipImg">
<img src="../../images/login/gou_big_blue.png"/>
<h4>&nbsp;&nbsp;&nbsp;提交意见成功！</h4>
</div>
</div>
</div>
<script>
</script>
</body>
</style>
</html>
\ No newline at end of file
html/ImpressionOpinionSurvey/surveySuccess.html
View file @ 0e405a66
......@@ -11,23 +11,8 @@
<link rel="stylesheet" href="../../css/cssReset.css">
<link rel="stylesheet" href="../../css/bts/bootstrap.min.css">
<title>填写意见</title>
</head>
<body>
<div class="tipBox" id="tipBox">
<div class="tipImgBox">
<div class="tipImg">
<img src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638784986575829699.png"/>
<h4>&nbsp;&nbsp;&nbsp;提交意见成功！</h4>
</div>
</div>
</div>
<script>
</script>
</body>
<style>
.tipBox{
<style>
.tipBox{
position: fixed;
top: 0;
left: 0;
......@@ -35,15 +20,15 @@
bottom: 0;
z-index: 3;
/* background: rgba(23,23,23,.5); */
}
.tipImgBox{
}
.tipImgBox{
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.tipImg{
}
.tipImg{
width: 100%;
height: 100%;
background: #fff;
......@@ -52,17 +37,33 @@
flex-direction: column;
justify-content: center;
align-items: center;
}
.tipImg img{
}
.tipImg img{
width: 100px;
border-radius: 100%;
display: block;
/* margin-top:60px; */
}
.tipImg h4{
}
.tipImg h4{
margin-top: 30px;
}
}
</style>
</head>
<body>
<div class="tipBox" id="tipBox">
<div class="tipImgBox">
<div class="tipImg">
<img src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638784986575829699.png"/>
<h4>&nbsp;&nbsp;&nbsp;提交意见成功！</h4>
</div>
</div>
</div>
<script>
</script>
</body>
</style>
</html>
\ No newline at end of file
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