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 @@ ...@@ -11,6 +11,29 @@
<link rel="stylesheet" href="../../css/cssReset.css"> <link rel="stylesheet" href="../../css/cssReset.css">
<link rel="stylesheet" href="../../css/bts/bootstrap.min.css"> <link rel="stylesheet" href="../../css/bts/bootstrap.min.css">
<title>手机号验证</title> <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> </head>
<body> <body>
...@@ -40,28 +63,6 @@ ...@@ -40,28 +63,6 @@
} }
</script> </script>
</body> </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> </html>
\ No newline at end of file
html/ImpressionOpinionSurvey/busSign.html
View file @ 0e405a66
...@@ -12,684 +12,685 @@ ...@@ -12,684 +12,685 @@
<link rel="stylesheet" href="../../css/cssReset.css"> <link rel="stylesheet" href="../../css/cssReset.css">
<link rel="stylesheet" href="../../css/bts/bootstrap.min.css"> <link rel="stylesheet" href="../../css/bts/bootstrap.min.css">
<title>司机满意度调查</title> <title>司机满意度调查</title>
</head> <style>
<body> .BackBox {
<div class="FillincommentsF"> position: fixed;
<div class="FillincommentsBox" id="FillincommentsBox"> left: 0px;
<h3 class="headerTitle"></h3> top: 0px;
<h5 class="subscript" id="subscript"></h5> right: 0;
<div class="FillincommentsIn"> background: #fff;
<div class="FillincommentsInLD"> padding: 20px 20px 10px 20px;
<div><span>领队：</span><span class="lindui"></span></div> z-index: 2;
<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">
</div> .BackImg {
<div class="submitBForm"> width: 10px;
<button onclick="saveGuestSurvey()" class="submitB" id="submitB">确认</button> }
</div>
</div>
</div>
<script src="../../js/md5.js"></script> .FillincommentsF {
<script type="text/javascript" src="../../js/autosize.js"></script> display: flex;
<script type="text/javascript" src="../../js/jquery-1.10.2.js"></script> align-items: center;
<script src="../../js/layer/layer.js"></script> justify-content: center;
<script src="../../js/mian.js"></script> height: 100%;
<script> overflow-y: auto;
var qMsg = query() }
var priceInfo = null
var dataList = null
var GuestSurveyInfo = null
var importData = []
var texts = [ .FillincommentsBox {
'非常不满意', width: 90%;
'不满意', height: 100%;
'感觉一般', display: flex;
'满意', flex-direction: column;
'非常满意' }
]
var STAR_IMG = new Array("../../images/Star1.png", "../../images/Star2.png");
getPriceInfo() .FillincommentsBox H3 {
GetSurveyShowList() margin-top: 20px;
getRadio() }
getCheckbox()
GetBusSurveyInfo()
// uploadFile()
function delImg(i){ .FillincommentsIn {
importData.splice(i,1) background: #F6F6F6;
RenewalImg() 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>`
}) .FillincommentsInLD {
textHtml = str+center+end display: flex;
$(`#FillincommentsImgF`).html(textHtml) flex-direction: row;
justify-content: space-between;
} }
function uploadFile(e){
for(let i=0;i<e.target.files.length;i++){ .FillincommentsInLD div {
const file = e.target.files[i]; // 获取文件对象 flex: 1;
const formData = new FormData(); // 创建FormData对象 flex-shrink: 0;
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;
} }
})
var path = '/Upload/car/' .FillincommentsInT {
let newArr = []; padding-top: 5px;
newArr.push(file)
UploadSelfFile(path, newArr, x => {
importData.push({
Content: x.FilePath,
ID: 0,
Type: fileTypeNumber,
Url: getApiUrl().ViittoFileUrl + x.FilePath,
})
RenewalImg()
}, 1);
} }
.FillincommentsMarkB {
display: flex;
flex-direction: column;
flex: 1;
/* overflow: hidden;
overflow-y: auto; */
padding-bottom: 20px;
} }
function clickRadio(i) { .FillincommentsMark {
const Radiobox = document.getElementById(`my_Radio${i}`); display: flex;
Radiobox.click() flex-direction: column;
margin-top: 15px;
} }
function getRadio() { .FillincommentsMarkT {
dataList.forEach((x, i) => { display: flex;
x.SurveyOptionsList.forEach((y, index) => { flex-direction: row;
const radios = document.getElementsByName(`my_Radio${i+1}`); font-size: 15px;
radios.forEach(radio => { font-weight: 500;
radio.addEventListener('click', function() { }
x.ScoreNum = radio.value
});
});
})
})
.FillincommentsMarks {
font-size: 14px;
font-weight: 500;
margin-top: 5px;
display: flex;
flex-direction: row;
} }
function clickCheckbox(i) { .FillincommentsMarks span {
const checkbox = document.getElementById(`my_checkbox${i}`); position: relative;
checkbox.click() top: 3px;
} }
function getCheckbox() { .text {
dataList.forEach((x, i) => { width: 50px;
x.SurveyOptionsList.forEach((y, index) => { flex-shrink: 0;
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
})
});
});
})
})
.manyidu {
width: auto;
flex-shrink: 0;
margin-left: 10px;
} }
function getTextarea() { .submitBForm {
dataList.forEach((x, i) => { display: flex;
var word = document.getElementById(`my_textarea${i+1}`) justify-content: center;
if (word && word.value) { align-items: center;
x.TextContent = word.value 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() { .submitB.active {
document.getElementById("submitB").classList.add("active") background-color: rgba(238, 69, 84, .5);
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";
} }
.pinfen img {
width: 20px;
height: 20px;
display: inline-block;
} }
//多选
if (item.SurveyType == 3) { .FillincommentsSingle {
y.IsCheck = "0"; display: flex;
if (y.IsCheckS) { flex-direction: column;
y.IsCheck = "1"; align-items: center;
} flex-wrap: wrap;
} margin-top: 5px;
})
item.ScoreNum = 0;
}
postMsg.push(item);
})
} }
var newMsg = {
busDetailsList: postMsg .FillincommentsSingle span {
position: relative;
top: 1px;
left: 5px;
} }
$('#submitB').attr('disabled', true)
$.ajax({ .FillincommentsSingle div {
type: "POST", width: 100%;
url: `${getApiUrl().urlPost}`, display: flex;
contentType: "application/json", flex-direction: row;
data: getAjaxData("survey_post_SetBusSurvey", newMsg), align-items: self-start;
async: false, justify-content: start;
success: function(res) { flex-wrap: nowrap;
if (res.resultCode === 1) { margin-right: 20px;
window.location.href = 'success.html' margin-bottom: 5px;
} else {
layer.msg(res.message)
} }
$('#submitB').attr('disabled', false)
document.getElementById("submitB").classList.remove("active") .FillincommentsMultiple {
}, display: flex;
error: function(message) { flex-direction: column;
$('#submitB').attr('disabled', false) align-items: center;
alert(JSON.stringify(message)); flex-wrap: wrap;
document.getElementById("submitB").classList.remove("active") margin-top: 5px;
} }
});
.FillincommentsMultiple span {
position: relative;
top: 0px;
left: 5px;
} }
function GetBusSurveyInfo() { .FillincommentsMultiple div {
$.ajax({ width: 100%;
type: "POST", display: flex;
url: `${getApiUrl().urlPost}`, flex-direction: row;
contentType: "application/json", align-items: self-start;
data: getAjaxData("survey_post_GetBusSurveyInfo", { justify-content: start;
IsShow: 1, flex-wrap: nowrap;
SurveyType: -1 margin-right: 20px;
}), margin-bottom: 5px;
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) .FillincommentsDescription {
margin-top: 10px;
background: #F6F6F6;
} }
},
error: function(message) { .FillincommentsDescription textarea {
alert(JSON.stringify(message)); 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() { .subscript,
$.ajax({ .ganxiecydc {
type: "POST", text-indent: 2em;
url: `${getApiUrl().urlPost}`, line-height: 1.5;
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
})
} }
if (item.SurveyType === 3) {
item.SurveyOptionsList.map((cItem, cIndex) => { .headerTitle {
cItem.IsCheckS = [] text-align: center;
})
} }
if (item.SurveyType === 1) { .uploadProof{
item.ScoreNum = 5; margin-top: 20px;
} }
}) .FillincommentsImgF{
dataList = data display: flex;
renderStar() flex-direction: row;
} else { flex-wrap: wrap;
layer.msg(res.message) margin-top: 10px;
} }
}, .FillincommentsImg{
error: function(message) { flex: 0 0 76px;
alert(JSON.stringify(message)); 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;
} }
.delimg{
function getPriceInfo() { width: 22px;
$.ajax({ height: 22px;
type: "POST", border-radius: 50%;
url: `${getApiUrl().urlPost}`, position: absolute;
contentType: "application/json", right: -8px;
data: getAjaxData("miniProgram_post_GetBasePrice", { top: -12px;
tcid: this.qMsg.TCID background: url('../../images/del.png')no-repeat;
}), background-size: 22px 22px;
async: false, z-index: 2;
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)
} }
}, .FillincommentsAdd{
error: function(message) { width: 80px;
alert(JSON.stringify(message)); 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) { </div>
dataList[i].ScoreNum = num <div class="submitBForm">
var item = dataList[i] <button onclick="saveGuestSurvey()" class="submitB" id="submitB">确认</button>
$(`#star${i+1}`).html( </div>
`<img id="star_1id_${i+1}point" onmouseover="chgStar(1,${i})" </div>
src="${item.ScoreNum>=1?STAR_IMG[0]:STAR_IMG[1]}"></img> </div>
<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>`
)
}
function renderStar() { <script src="../../js/md5.js"></script>
var fileHtml = `<h4 class="uploadProof">上传凭证</h4> <script type="text/javascript" src="../../js/autosize.js"></script>
<div class="FillincommentsImgF" id="FillincommentsImgF"> <script type="text/javascript" src="../../js/jquery-1.10.2.js"></script>
<div class="FillincommentsAdd"> <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)"/> <input type="file" accept="image/*" multiple style="opacity:0" id="upload" onchange="uploadFile(event)"/>
</div> </div>
</div>` </div>`
var list = [] var textHtml = ''
importData.forEach((item,index)=>{
dataList.forEach((item, i) => { center+=`<div class="FillincommentsImg" id="Img_${index+1}">
var str = '' <img src="${item.Url}" />
var mark = '' <span class="delimg" onclick="delImg(${index})"></span>
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>` </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) { var path = '/Upload/car/'
MultipleChoice = `<div class="FillincommentsMultiple">` let newArr = [];
MultipleList.forEach(rItem => { newArr.push(file)
MultipleChoice += rItem; 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 = function clickRadio(i) {
`<div class="FillincommentsDescription"> const Radiobox = document.getElementById(`my_Radio${i}`);
<textarea rows="8" cols="30" placeholder="点击输入" maxlength="500" id="my_textarea${i+1}" onblur="getTextarea()"></textarea> Radiobox.click()
</div>`
} }
var textHtml = str + mark + singleChoice + MultipleChoice + inputText + end
// if(i==(dataList.length-1)){ function getRadio() {
// textHtml+=fileHtml dataList.forEach((x, i) => {
// } x.SurveyOptionsList.forEach((y, index) => {
element.innerHTML = textHtml const radios = document.getElementsByName(`my_Radio${i+1}`);
list.push(element) 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 { function clickCheckbox(i) {
display: flex; const checkbox = document.getElementById(`my_checkbox${i}`);
align-items: center; checkbox.click()
justify-content: center;
height: 100%;
overflow-y: auto;
} }
.FillincommentsBox { function getCheckbox() {
width: 90%; dataList.forEach((x, i) => {
height: 100%; x.SurveyOptionsList.forEach((y, index) => {
display: flex; const checkbox = document.getElementsByName(`my_checkbox${i+1}`);
flex-direction: column; 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 { function getTextarea() {
background: #F6F6F6; dataList.forEach((x, i) => {
border-radius: 5px; var word = document.getElementById(`my_textarea${i+1}`)
padding: 10px; if (word && word.value) {
margin-top: 10px; x.TextContent = word.value
} }
})
.FillincommentsInLD {
display: flex;
flex-direction: row;
justify-content: space-between;
} }
.FillincommentsInLD div { function saveGuestSurvey() {
flex: 1; document.getElementById("submitB").classList.add("active")
flex-shrink: 0; 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 { if (item.SurveyType == 3) {
display: flex; y.IsCheck = "0";
flex-direction: column; if (y.IsCheckS) {
flex: 1; y.IsCheck = "1";
/* overflow: hidden;
overflow-y: auto; */
padding-bottom: 20px;
} }
.FillincommentsMark {
display: flex;
flex-direction: column;
margin-top: 15px;
} }
})
.FillincommentsMarkT { item.ScoreNum = 0;
display: flex;
flex-direction: row;
font-size: 15px;
font-weight: 500;
} }
postMsg.push(item);
.FillincommentsMarks { })
font-size: 14px;
font-weight: 500;
margin-top: 5px;
display: flex;
flex-direction: row;
} }
var newMsg = {
.FillincommentsMarks span { busDetailsList: postMsg
position: relative;
top: 3px;
} }
$('#submitB').attr('disabled', true)
.text { $.ajax({
width: 50px; type: "POST",
flex-shrink: 0; 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)
} }
$('#submitB').attr('disabled', false)
.manyidu { document.getElementById("submitB").classList.remove("active")
width: auto; },
flex-shrink: 0; error: function(message) {
margin-left: 10px; $('#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 { function GetBusSurveyInfo() {
width: 90%; $.ajax({
border: 0; type: "POST",
height: 40px; url: `${getApiUrl().urlPost}`,
margin-top: 20px; contentType: "application/json",
margin-bottom: 20px; data: getAjaxData("survey_post_GetBusSurveyInfo", {
border-radius: 5px; IsShow: 1,
background-color: #EE4554; SurveyType: -1
color: #fff; }),
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 { function GetSurveyShowList() {
background-color: rgba(238, 69, 84, .5); $.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
})
} }
if (item.SurveyType === 3) {
.pinfen img { item.SurveyOptionsList.map((cItem, cIndex) => {
width: 20px; cItem.IsCheckS = []
height: 20px; })
display: inline-block;
} }
if (item.SurveyType === 1) {
.FillincommentsSingle { item.ScoreNum = 5;
display: flex;
flex-direction: column;
align-items: center;
flex-wrap: wrap;
margin-top: 5px;
} }
})
.FillincommentsSingle span { dataList = data
position: relative; renderStar()
top: 1px; } else {
left: 5px; layer.msg(res.message)
} }
},
.FillincommentsSingle div { error: function(message) {
width: 100%; alert(JSON.stringify(message));
display: flex;
flex-direction: row;
align-items: self-start;
justify-content: start;
flex-wrap: nowrap;
margin-right: 20px;
margin-bottom: 5px;
} }
});
.FillincommentsMultiple {
display: flex;
flex-direction: column;
align-items: center;
flex-wrap: wrap;
margin-top: 5px;
} }
.FillincommentsMultiple span { function getPriceInfo() {
position: relative; $.ajax({
top: 0px; type: "POST",
left: 5px; 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 { error: function(message) {
width: 100%; alert(JSON.stringify(message));
display: flex;
flex-direction: row;
align-items: self-start;
justify-content: start;
flex-wrap: nowrap;
margin-right: 20px;
margin-bottom: 5px;
} }
});
.FillincommentsDescription {
margin-top: 10px;
background: #F6F6F6;
} }
.FillincommentsDescription textarea { function chgStar(num, i) {
width: 100%; dataList[i].ScoreNum = num
/* height: 150px; */ var item = dataList[i]
padding: 5px 10px; $(`#star${i+1}`).html(
background: #F6F6F6; `<img id="star_1id_${i+1}point" onmouseover="chgStar(1,${i})"
border: 1px solid #F6F6F6; 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 { function renderStar() {
border: 1px solid #76c9fa; var fileHtml = `<h4 class="uploadProof">上传凭证</h4>
/* 当textarea获取焦点时的边框色 */ <div class="FillincommentsImgF" id="FillincommentsImgF">
outline: none; <div class="FillincommentsAdd">
} <input type="file" accept="image/*" multiple style="opacity:0" id="upload" onchange="uploadFile(event)"/>
</div>
</div>`
var list = []
.subscript, dataList.forEach((item, i) => {
.ganxiecydc { var str = ''
text-indent: 2em; var mark = ''
line-height: 1.5; 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 { if (radioList.length > 0) {
text-align: center; singleChoice = `<div class="FillincommentsSingle">`
} radioList.forEach(rItem => {
.uploadProof{ singleChoice += rItem;
margin-top: 20px; })
} singleChoice += `</div>`
.FillincommentsImgF{
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 10px;
} }
.FillincommentsImg{
flex: 0 0 76px;
height: 76px;
border: 1px solid #eee;
margin-right: 8px;
position: relative;
margin-bottom: 20px;
border-radius: 5px;
} }
.FillincommentsImg img{ if (item.SurveyType == 3) {
width: 100%; let MultipleList = []
height: 100%; if (item.SurveyOptionsList.length > 0) item.SurveyOptionsList.forEach((radio, index) => {
display: block; MultipleList.push(
border-radius: 5px; `<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{ if (item.SurveyType == 4) {
width: 80px; inputText =
height: 80px; `<div class="FillincommentsDescription">
overflow: hidden; <textarea rows="8" cols="30" placeholder="点击输入" maxlength="500" id="my_textarea${i+1}" onblur="getTextarea()"></textarea>
border: 1px solid #eee; </div>`
margin-right: 10px;
background: url('../../images/addImg.png')no-repeat center;
background-size: 20px 20px;
margin-bottom: 10px;
border-radius: 5px;
} }
.FillincommentsAdd input{ var textHtml = str + mark + singleChoice + MultipleChoice + inputText + end
width: 100%; // if(i==(dataList.length-1)){
height: 100%; // textHtml+=fileHtml
// }
element.innerHTML = textHtml
list.push(element)
})
$("#app").html(list)
} }
</style> </script>
</body>
</html> </html>
html/ImpressionOpinionSurvey/opinionSurvey.html
View file @ 0e405a66
...@@ -12,6 +12,188 @@ ...@@ -12,6 +12,188 @@
<link rel="stylesheet" href="../../css/bts/bootstrap.min.css"> <link rel="stylesheet" href="../../css/bts/bootstrap.min.css">
<link rel="stylesheet" href="../../css/flex.css"> <link rel="stylesheet" href="../../css/flex.css">
<title></title> <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> </head>
<body class="opiSurBody"> <body class="opiSurBody">
<div class="opiSurCenter column" id="opiSurCenter"> <div class="opiSurCenter column" id="opiSurCenter">
...@@ -447,187 +629,6 @@ ...@@ -447,187 +629,6 @@
</script> </script>
</body> </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>
html/ImpressionOpinionSurvey/success.html
View file @ 0e405a66
...@@ -11,23 +11,8 @@ ...@@ -11,23 +11,8 @@
<link rel="stylesheet" href="../../css/cssReset.css"> <link rel="stylesheet" href="../../css/cssReset.css">
<link rel="stylesheet" href="../../css/bts/bootstrap.min.css"> <link rel="stylesheet" href="../../css/bts/bootstrap.min.css">
<title>填写意见</title> <title>填写意见</title>
</head> <style>
.tipBox{
<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{
position: fixed; position: fixed;
top: 0; top: 0;
left: 0; left: 0;
...@@ -35,15 +20,15 @@ ...@@ -35,15 +20,15 @@
bottom: 0; bottom: 0;
z-index: 3; z-index: 3;
/* background: rgba(23,23,23,.5); */ /* background: rgba(23,23,23,.5); */
} }
.tipImgBox{ .tipImgBox{
width: 100%; width: 100%;
height: 100%; height: 100%;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
.tipImg{ .tipImg{
width: 100%; width: 100%;
height: 100%; height: 100%;
background: #fff; background: #fff;
...@@ -52,17 +37,33 @@ ...@@ -52,17 +37,33 @@
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
.tipImg img{ .tipImg img{
width: 100px; width: 100px;
border-radius: 100%; border-radius: 100%;
display: block; display: block;
/* margin-top:60px; */ /* margin-top:60px; */
} }
.tipImg h4{ .tipImg h4{
margin-top: 30px; 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> </html>
\ No newline at end of file
html/ImpressionOpinionSurvey/surveySuccess.html
View file @ 0e405a66
...@@ -11,23 +11,8 @@ ...@@ -11,23 +11,8 @@
<link rel="stylesheet" href="../../css/cssReset.css"> <link rel="stylesheet" href="../../css/cssReset.css">
<link rel="stylesheet" href="../../css/bts/bootstrap.min.css"> <link rel="stylesheet" href="../../css/bts/bootstrap.min.css">
<title>填写意见</title> <title>填写意见</title>
</head> <style>
.tipBox{
<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{
position: fixed; position: fixed;
top: 0; top: 0;
left: 0; left: 0;
...@@ -35,15 +20,15 @@ ...@@ -35,15 +20,15 @@
bottom: 0; bottom: 0;
z-index: 3; z-index: 3;
/* background: rgba(23,23,23,.5); */ /* background: rgba(23,23,23,.5); */
} }
.tipImgBox{ .tipImgBox{
width: 100%; width: 100%;
height: 100%; height: 100%;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
.tipImg{ .tipImg{
width: 100%; width: 100%;
height: 100%; height: 100%;
background: #fff; background: #fff;
...@@ -52,17 +37,33 @@ ...@@ -52,17 +37,33 @@
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
.tipImg img{ .tipImg img{
width: 100px; width: 100px;
border-radius: 100%; border-radius: 100%;
display: block; display: block;
/* margin-top:60px; */ /* margin-top:60px; */
} }
.tipImg h4{ .tipImg h4{
margin-top: 30px; 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> </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