Skip to content

S
SURPRISED
Commit 3cb323f3 authored by 黄奎's avatar 黄奎
Browse files
Options

11

parent b61e30af
Show whitespace changes
Inline Side-by-side
Showing with 1079 additions and 1024 deletions
html/ImpressionOpinionSurvey/busSign.html
View file @ 3cb323f3
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <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="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="screen-orientation" content="portrait">
<meta name="x5-orientation"content="portrait"></meta> </meta>
<meta name="x5-orientation" content="portrait">
</meta>
<link rel="shortcut icon" href="../../images/favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="../../images/favicon.ico" type="image/x-icon" />
<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> </head>
<body>
<body>
<!-- <div class="BackBox">
<img class="BackImg" onclick="goBack()" src="../../images/login/login_arrowleft.png" />
</div> -->
<div class="FillincommentsF"> <div class="FillincommentsF">
<div class="FillincommentsBox" id="FillincommentsBox"> <div class="FillincommentsBox" id="FillincommentsBox">
<h3 class="headerTitle"></h3> <h3 class="headerTitle"></h3>
...@@ -31,29 +28,10 @@ ...@@ -31,29 +28,10 @@
</div> </div>
</div> </div>
<div class="FillincommentsMarkB" id="app"> <div class="FillincommentsMarkB" id="app">
<!-- <div class="FillincommentsMark">
<div class="FillincommentsMarkT">
<span class="xuhao">1、</span>
<span class="title">行程安排</span>
</div>
<div class="FillincommentsSingle">
<input type="radio" value=""><span>否</span></input>
<input type="radio" value=""><span>是</span></input>
</div>
<div class="FillincommentsMultiple">
<input type="checkbox" name="否"><span>否</span></input>
<input type="checkbox" name="是"><span>是</span></input>
</div>
<div class="FillincommentsDescription">
<input type="text" placeholder="点击输入" maxlength="20"></input>
</div> </div>
</div> -->
</div>
<div class="submitBForm"> <div class="submitBForm">
<button onclick="saveGuestSurvey()" class="submitB" id="submitB">确认</button> <button onclick="saveGuestSurvey()" class="submitB" id="submitB">确认</button>
</div> </div>
</div> </div>
</div> </div>
...@@ -82,13 +60,15 @@ ...@@ -82,13 +60,15 @@
getRadio() getRadio()
getCheckbox() getCheckbox()
GetBusSurveyInfo() GetBusSurveyInfo()
function clickRadio(i) { function clickRadio(i) {
const Radiobox = document.getElementById(`my_Radio${i}`); const Radiobox = document.getElementById(`my_Radio${i}`);
Radiobox.click() Radiobox.click()
} }
function getRadio() { function getRadio() {
dataList.forEach((x,i)=>{ dataList.forEach((x, i) => {
x.SurveyOptionsList.forEach((y,index)=>{ x.SurveyOptionsList.forEach((y, index) => {
const radios = document.getElementsByName(`my_Radio${i+1}`); const radios = document.getElementsByName(`my_Radio${i+1}`);
radios.forEach(radio => { radios.forEach(radio => {
radio.addEventListener('click', function() { radio.addEventListener('click', function() {
...@@ -101,33 +81,38 @@ ...@@ -101,33 +81,38 @@
}) })
} }
function clickCheckbox(i) { function clickCheckbox(i) {
const checkbox = document.getElementById(`my_checkbox${i}`); const checkbox = document.getElementById(`my_checkbox${i}`);
checkbox.click() checkbox.click()
} }
function getCheckbox() { function getCheckbox() {
dataList.forEach((x,i)=>{ dataList.forEach((x, i) => {
x.SurveyOptionsList.forEach((y,index)=>{ x.SurveyOptionsList.forEach((y, index) => {
const checkbox = document.getElementsByName(`my_checkbox${i+1}`); const checkbox = document.getElementsByName(`my_checkbox${i+1}`);
checkbox.forEach(checkbox => { checkbox.forEach(checkbox => {
checkbox.addEventListener('click', function() { checkbox.addEventListener('click', function() {
if(checkbox.checked) y.IsCheckS.push(checkbox.value) if (checkbox.checked) y.IsCheckS.push(checkbox.value)
if(!checkbox.checked) y.IsCheckS = y.IsCheckS.filter(z=>{return z!=checkbox.value}) if (!checkbox.checked) y.IsCheckS = y.IsCheckS.filter(z => {
// console.log(y.IsCheckS,'-----------') return z != checkbox.value
})
}); });
}); });
}) })
}) })
} }
function getTextarea() { function getTextarea() {
dataList.forEach((x,i)=>{ dataList.forEach((x, i) => {
var word = document.getElementById(`my_textarea${i+1}`) var word = document.getElementById(`my_textarea${i+1}`)
if(word&&word.value){ if (word && word.value) {
x.TextContent = word.value x.TextContent = word.value
} }
}) })
} }
function saveGuestSurvey() { function saveGuestSurvey() {
document.getElementById("submitB").classList.add("active") document.getElementById("submitB").classList.add("active")
getTextarea() getTextarea()
...@@ -159,7 +144,6 @@ ...@@ -159,7 +144,6 @@
var newMsg = { var newMsg = {
busDetailsList: postMsg busDetailsList: postMsg
} }
console.log(newMsg,'-------')
$('#submitB').attr('disabled', true) $('#submitB').attr('disabled', true)
$.ajax({ $.ajax({
type: "POST", type: "POST",
...@@ -167,52 +151,53 @@ ...@@ -167,52 +151,53 @@
contentType: "application/json", contentType: "application/json",
data: getAjaxData("survey_post_SetBusSurvey", newMsg), data: getAjaxData("survey_post_SetBusSurvey", newMsg),
async: false, async: false,
success: function (res) { success: function(res) {
if (res.resultCode === 1) { if (res.resultCode === 1) {
// layer.msg(res.message) window.location.href = 'success.html'
window.location.href='success.html'
} else { } else {
layer.msg(res.message) layer.msg(res.message)
} }
$('#submitB').attr('disabled', false) $('#submitB').attr('disabled', false)
document.getElementById("submitB").classList.remove("active") document.getElementById("submitB").classList.remove("active")
}, },
error: function (message) { error: function(message) {
$('#submitB').attr('disabled', false) $('#submitB').attr('disabled', false)
alert(JSON.stringify(message)); alert(JSON.stringify(message));
document.getElementById("submitB").classList.remove("active") document.getElementById("submitB").classList.remove("active")
} }
}); });
} }
function GetBusSurveyInfo() { function GetBusSurveyInfo() {
$.ajax({ $.ajax({
type: "POST", type: "POST",
url: `${getApiUrl().urlPost}`, url: `${getApiUrl().urlPost}`,
contentType: "application/json", contentType: "application/json",
data: getAjaxData("survey_post_GetGuestSurveyInfo", { data: getAjaxData("survey_post_GetBusSurveyInfo", {
IsShow: 1, IsShow: 1,
SurveyType: -1 SurveyType: -1
}), }),
async: false, async: false,
success: function (res) { success: function(res) {
if (res.resultCode === 1) { if (res.resultCode === 1) {
GuestSurveyInfo = res.data GuestSurveyInfo = res.data
if(GuestSurveyInfo.Title)$('.headerTitle').html(GuestSurveyInfo.Title) if (GuestSurveyInfo.Title) $('.headerTitle').html(GuestSurveyInfo.Title)
if(GuestSurveyInfo.SubTitle) $('.subscript').html(GuestSurveyInfo.SubTitle) if (GuestSurveyInfo.SubTitle) $('.subscript').html(GuestSurveyInfo.SubTitle)
else{ else {
let parent = document.getElementById("FillincommentsBox"); let parent = document.getElementById("FillincommentsBox");
let child = document.getElementById("subscript"); let child = document.getElementById("subscript");
parent.removeChild(child); parent.removeChild(child);
} }
}else{ } else {
layer.msg(res.message) layer.msg(res.message)
} }
}, },
error: function (message) { error: function(message) {
alert(JSON.stringify(message)); alert(JSON.stringify(message));
} }
}); });
} }
function GetSurveyShowList() { function GetSurveyShowList() {
$.ajax({ $.ajax({
type: "POST", type: "POST",
...@@ -223,7 +208,7 @@ ...@@ -223,7 +208,7 @@
SurveyType: -1 SurveyType: -1
}), }),
async: false, async: false,
success: function (res) { success: function(res) {
if (res.resultCode === 1) { if (res.resultCode === 1) {
let data = res.data let data = res.data
data.map(item => { data.map(item => {
...@@ -247,7 +232,7 @@ ...@@ -247,7 +232,7 @@
layer.msg(res.message) layer.msg(res.message)
} }
}, },
error: function (message) { error: function(message) {
alert(JSON.stringify(message)); alert(JSON.stringify(message));
} }
}); });
...@@ -262,27 +247,29 @@ ...@@ -262,27 +247,29 @@
tcid: this.qMsg.TCID tcid: this.qMsg.TCID
}), }),
async: false, async: false,
success: function (res) { success: function(res) {
if (res.resultCode === 1) { if (res.resultCode === 1) {
let data = res.data let data = res.data
priceInfo = data priceInfo = data
if(priceInfo&&priceInfo.LeaderName&&priceInfo.LeaderName!='') $('.lindui').html(priceInfo.LeaderName) if (priceInfo && priceInfo.LeaderName && priceInfo.LeaderName != '') $('.lindui').html(priceInfo.LeaderName)
if(priceInfo&&priceInfo.GuideName&&priceInfo.GuideName!='') $('.daoyou').html(priceInfo.GuideName) if (priceInfo && priceInfo.GuideName && priceInfo.GuideName != '') $('.daoyou').html(priceInfo.GuideName)
if(priceInfo&&priceInfo.StartDateStr&&priceInfo.StartDateStr!='') $('.tuanqi1').html(priceInfo.StartDateStr) if (priceInfo && priceInfo.StartDateStr && priceInfo.StartDateStr != '') $('.tuanqi1').html(priceInfo.StartDateStr)
if(priceInfo&&priceInfo.EndDateStr&&priceInfo.EndDateStr!='') $('.tuanqi2').html(priceInfo.EndDateStr) if (priceInfo && priceInfo.EndDateStr && priceInfo.EndDateStr != '') $('.tuanqi2').html(priceInfo.EndDateStr)
} else { } else {
layer.msg(res.message) layer.msg(res.message)
} }
}, },
error: function (message) { error: function(message) {
alert(JSON.stringify(message)); alert(JSON.stringify(message));
} }
}); });
} }
function chgStar(num,i){
function chgStar(num, i) {
dataList[i].ScoreNum = num dataList[i].ScoreNum = num
var item = dataList[i] var item = dataList[i]
$(`#star${i+1}`).html(`<img id="star_1id_${i+1}point" onmouseover="chgStar(1,${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> src="${item.ScoreNum>=1?STAR_IMG[0]:STAR_IMG[1]}"></img>
<img id="star_2id_${i+1}point" onmouseover="chgStar(2,${i})" <img id="star_2id_${i+1}point" onmouseover="chgStar(2,${i})"
src="${item.ScoreNum>=2?STAR_IMG[0]:STAR_IMG[1]}"></img> src="${item.ScoreNum>=2?STAR_IMG[0]:STAR_IMG[1]}"></img>
...@@ -291,11 +278,13 @@ ...@@ -291,11 +278,13 @@
<img id="star_4id_${i+1}point" onmouseover="chgStar(4,${i})" <img id="star_4id_${i+1}point" onmouseover="chgStar(4,${i})"
src="${item.ScoreNum>=4?STAR_IMG[0]:STAR_IMG[1]}"></img> src="${item.ScoreNum>=4?STAR_IMG[0]:STAR_IMG[1]}"></img>
<img id="star_5id_${i+1}point" onmouseover="chgStar(5,${i})" <img id="star_5id_${i+1}point" onmouseover="chgStar(5,${i})"
src="${item.ScoreNum>=5?STAR_IMG[0]:STAR_IMG[1]}"></img>`) src="${item.ScoreNum>=5?STAR_IMG[0]:STAR_IMG[1]}"></img>`
)
} }
function renderStar(){
function renderStar() {
var list = [] var list = []
dataList.forEach((item,i) => { dataList.forEach((item, i) => {
var str = '' var str = ''
var mark = '' var mark = ''
var singleChoice = '' var singleChoice = ''
...@@ -303,12 +292,14 @@ ...@@ -303,12 +292,14 @@
var inputText = '' var inputText = ''
var end = `</div>` var end = `</div>`
var element = document.createElement('div'); var element = document.createElement('div');
str = `<div class="FillincommentsMark"> str =
`<div class="FillincommentsMark">
<div class="FillincommentsMarkT"> <div class="FillincommentsMarkT">
<span class="xuhao">${i+1}、</span> <span class="xuhao">${i+1}、</span>
<span class="title">${item.Title}</span> <span class="title">${item.Title}</span>
</div>` </div>`
if(item.SurveyType==1) mark = `<div class="FillincommentsMarks"> if (item.SurveyType == 1) mark =
`<div class="FillincommentsMarks">
<span class="text">评 分</span> <span class="text">评 分</span>
<div class="pinfen" id="star${i+1}"> <div class="pinfen" id="star${i+1}">
<img id="star_1id_${i+1}point" onmouseover="chgStar(1,${i})" <img id="star_1id_${i+1}point" onmouseover="chgStar(1,${i})"
...@@ -324,51 +315,53 @@ ...@@ -324,51 +315,53 @@
</div> </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> <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) { if (item.SurveyType == 2) {
let radioList = [] let radioList = []
if(item.SurveyOptionsList.length>0)item.SurveyOptionsList.forEach((radio,index)=>{ 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>`) 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) if (radioList.length > 0) {
{
singleChoice = `<div class="FillincommentsSingle">` singleChoice = `<div class="FillincommentsSingle">`
radioList.forEach(rItem=>{ radioList.forEach(rItem => {
singleChoice+=rItem; singleChoice += rItem;
}) })
singleChoice+=`</div>` singleChoice += `</div>`
} }
} }
if(item.SurveyType==3) { if (item.SurveyType == 3) {
let MultipleList = [] let MultipleList = []
if(item.SurveyOptionsList.length>0)item.SurveyOptionsList.forEach((radio,index)=>{ 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>`) 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) if (MultipleList.length > 0) {
{
MultipleChoice = `<div class="FillincommentsMultiple">` MultipleChoice = `<div class="FillincommentsMultiple">`
MultipleList.forEach(rItem=>{ MultipleList.forEach(rItem => {
MultipleChoice+=rItem; MultipleChoice += rItem;
}) })
MultipleChoice+=`</div>` MultipleChoice += `</div>`
} }
} }
if(item.SurveyType==4) { if (item.SurveyType == 4) {
inputText = `<div class="FillincommentsDescription"> inputText =
`<div class="FillincommentsDescription">
<textarea rows="8" cols="30" placeholder="点击输入" maxlength="500" id="my_textarea${i+1}" onblur="getTextarea()"></textarea> <textarea rows="8" cols="30" placeholder="点击输入" maxlength="500" id="my_textarea${i+1}" onblur="getTextarea()"></textarea>
</div>` </div>`
} }
var textHtml = str+mark+singleChoice+MultipleChoice+inputText+end var textHtml = str + mark + singleChoice + MultipleChoice + inputText + end
element.innerHTML = textHtml element.innerHTML = textHtml
list.push(element) list.push(element)
}) })
$("#app").html(list) $("#app").html(list)
} }
</script> </script>
</body> </body>
<style> <style>
.BackBox{ .BackBox {
position: fixed; position: fixed;
left: 0px; left: 0px;
top: 0px; top: 0px;
...@@ -376,90 +369,107 @@ ...@@ -376,90 +369,107 @@
background: #fff; background: #fff;
padding: 20px 20px 10px 20px; padding: 20px 20px 10px 20px;
z-index: 2; z-index: 2;
} }
.BackImg{
.BackImg {
width: 10px; width: 10px;
} }
.FillincommentsF{
.FillincommentsF {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
height:100%; height: 100%;
overflow-y: auto; overflow-y: auto;
} }
.FillincommentsBox{
.FillincommentsBox {
width: 90%; width: 90%;
height: 100%; height: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
.FillincommentsBox H3{
.FillincommentsBox H3 {
margin-top: 20px; margin-top: 20px;
} }
.FillincommentsIn{
.FillincommentsIn {
background: #F6F6F6; background: #F6F6F6;
border-radius: 5px; border-radius: 5px;
padding: 10px; padding: 10px;
margin-top: 10px; margin-top: 10px;
} }
.FillincommentsInLD{
.FillincommentsInLD {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
} }
.FillincommentsInLD div{
.FillincommentsInLD div {
flex: 1; flex: 1;
flex-shrink: 0; flex-shrink: 0;
} }
.FillincommentsInT{
.FillincommentsInT {
padding-top: 5px; padding-top: 5px;
} }
.FillincommentsMarkB{
.FillincommentsMarkB {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
flex: 1; flex: 1;
/* overflow: hidden; /* overflow: hidden;
overflow-y: auto; */ overflow-y: auto; */
padding-bottom: 20px; padding-bottom: 20px;
} }
.FillincommentsMark{
.FillincommentsMark {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin-top: 15px; margin-top: 15px;
} }
.FillincommentsMarkT{
.FillincommentsMarkT {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
font-size: 15px; font-size: 15px;
font-weight: 500; font-weight: 500;
} }
.FillincommentsMarks{
.FillincommentsMarks {
font-size: 14px; font-size: 14px;
font-weight: 500; font-weight: 500;
margin-top: 5px; margin-top: 5px;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
} }
.FillincommentsMarks span{
.FillincommentsMarks span {
position: relative; position: relative;
top: 3px; top: 3px;
} }
.text{
.text {
width: 50px; width: 50px;
flex-shrink: 0; flex-shrink: 0;
} }
.manyidu{
.manyidu {
width: auto; width: auto;
flex-shrink: 0; flex-shrink: 0;
margin-left: 10px; margin-left: 10px;
} }
.submitBForm{
.submitBForm {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
margin-bottom: 15px; margin-bottom: 15px;
} }
.submitB{
.submitB {
width: 90%; width: 90%;
border: 0; border: 0;
height: 40px; height: 40px;
...@@ -468,28 +478,33 @@ ...@@ -468,28 +478,33 @@
border-radius: 5px; border-radius: 5px;
background-color: #EE4554; background-color: #EE4554;
color: #fff; color: #fff;
} }
.submitB.active{
background-color: rgba(238,69,84,.5); .submitB.active {
} background-color: rgba(238, 69, 84, .5);
.pinfen img { }
.pinfen img {
width: 20px; width: 20px;
height: 20px; height: 20px;
display: inline-block; display: inline-block;
} }
.FillincommentsSingle{
.FillincommentsSingle {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
flex-wrap: wrap; flex-wrap: wrap;
margin-top: 5px; margin-top: 5px;
} }
.FillincommentsSingle span{
.FillincommentsSingle span {
position: relative; position: relative;
top: 1px; top: 1px;
left: 5px; left: 5px;
} }
.FillincommentsSingle div{
.FillincommentsSingle div {
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
...@@ -498,20 +513,23 @@ ...@@ -498,20 +513,23 @@
flex-wrap: nowrap; flex-wrap: nowrap;
margin-right: 20px; margin-right: 20px;
margin-bottom: 5px; margin-bottom: 5px;
} }
.FillincommentsMultiple {
.FillincommentsMultiple {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
flex-wrap: wrap; flex-wrap: wrap;
margin-top: 5px; margin-top: 5px;
} }
.FillincommentsMultiple span{
.FillincommentsMultiple span {
position: relative; position: relative;
top: 0px; top: 0px;
left: 5px; left: 5px;
} }
.FillincommentsMultiple div{
.FillincommentsMultiple div {
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
...@@ -520,27 +538,36 @@ ...@@ -520,27 +538,36 @@
flex-wrap: nowrap; flex-wrap: nowrap;
margin-right: 20px; margin-right: 20px;
margin-bottom: 5px; margin-bottom: 5px;
} }
.FillincommentsDescription{
.FillincommentsDescription {
margin-top: 10px; margin-top: 10px;
background: #F6F6F6; background: #F6F6F6;
} }
.FillincommentsDescription textarea{
.FillincommentsDescription textarea {
width: 100%; width: 100%;
/* height: 150px; */ /* height: 150px; */
padding: 5px 10px; padding: 5px 10px;
background: #F6F6F6; background: #F6F6F6;
border: 1px solid #F6F6F6; border: 1px solid #F6F6F6;
} }
.FillincommentsDescription textarea:focus{
border: 1px solid #76c9fa; /* 当textarea获取焦点时的边框色 */ .FillincommentsDescription textarea:focus {
border: 1px solid #76c9fa;
/* 当textarea获取焦点时的边框色 */
outline: none; outline: none;
} }
.subscript,.ganxiecydc{
/* margin-top: 0;
margin-bottom: 0; */
}
</style> .subscript,
.ganxiecydc {
text-indent: 2em;
line-height: 1.5;
}
.headerTitle {
text-align: center;
}
</style>
</html> </html>
html/ImpressionOpinionSurvey/guestSign.html
View file @ 3cb323f3
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <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="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="screen-orientation" content="portrait">
<meta name="x5-orientation"content="portrait"></meta> </meta>
<meta name="x5-orientation" content="portrait">
</meta>
<link rel="shortcut icon" href="../../images/favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="../../images/favicon.ico" type="image/x-icon" />
<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> </head>
<body> <body>
<!-- <div class="BackBox">
<img class="BackImg" onclick="goBack()" src="../../images/login/login_arrowleft.png" />
</div> -->
<div class="FillincommentsF"> <div class="FillincommentsF">
<div class="FillincommentsBox" id="FillincommentsBox"> <div class="FillincommentsBox" id="FillincommentsBox">
<h3 class="headerTitle"></h3> <h3 class="headerTitle"></h3>
...@@ -32,29 +31,10 @@ ...@@ -32,29 +31,10 @@
</div> </div>
</div> </div>
<div class="FillincommentsMarkB" id="app"> <div class="FillincommentsMarkB" id="app">
<!-- <div class="FillincommentsMark">
<div class="FillincommentsMarkT">
<span class="xuhao">1、</span>
<span class="title">行程安排</span>
</div>
<div class="FillincommentsSingle">
<input type="radio" value=""><span>否</span></input>
<input type="radio" value=""><span>是</span></input>
</div>
<div class="FillincommentsMultiple">
<input type="checkbox" name="否"><span>否</span></input>
<input type="checkbox" name="是"><span>是</span></input>
</div> </div>
<div class="FillincommentsDescription">
<input type="text" placeholder="点击输入" maxlength="20"></input>
</div>
</div> -->
</div>
<div class="submitBForm"> <div class="submitBForm">
<button onclick="saveGuestSurvey()" class="submitB" id="submitB">确认</button> <button onclick="saveGuestSurvey()" class="submitB" id="submitB">确认</button>
</div> </div>
</div> </div>
</div> </div>
...@@ -77,58 +57,64 @@ ...@@ -77,58 +57,64 @@
'非常满意' '非常满意'
] ]
var STAR_IMG = new Array("../../images/Star1.png", "../../images/Star2.png"); var STAR_IMG = new Array("../../images/Star1.png", "../../images/Star2.png");
$('.ganxiecydc').html('感谢'+decodeURIComponent(qMsg.SurName)+(qMsg.Sex==1?"先生":"女士")+'参与意见调查') $('.ganxiecydc').html('感谢' + decodeURIComponent(qMsg.SurName) + (qMsg.Sex == 1 ? "先生" : "女士") + '参与意见调查')
getPriceInfo() getPriceInfo()
GetSurveyShowList() GetSurveyShowList()
getRadio() getRadio()
getCheckbox() getCheckbox()
GetBusSurveyInfo() GetBusSurveyInfo()
function clickRadio(i) { function clickRadio(i) {
const Radiobox = document.getElementById(`my_Radio${i}`); const Radiobox = document.getElementById(`my_Radio${i}`);
Radiobox.click() Radiobox.click()
} }
function getRadio() { function getRadio() {
dataList.forEach((x,i)=>{ dataList.forEach((x, i) => {
x.SurveyOptionsList.forEach((y,index)=>{ x.SurveyOptionsList.forEach((y, index) => {
const radios = document.getElementsByName(`my_Radio${i+1}`); const radios = document.getElementsByName(`my_Radio${i+1}`);
radios.forEach(radio => { radios.forEach(radio => {
radio.addEventListener('click', function() { radio.addEventListener('click', function() {
x.ScoreNum = radio.value x.ScoreNum = radio.value
// console.log('Selected value:', radio.value);
}); });
}); });
}) })
}) })
} }
function clickCheckbox(i) { function clickCheckbox(i) {
const checkbox = document.getElementById(`my_checkbox${i}`); const checkbox = document.getElementById(`my_checkbox${i}`);
checkbox.click() checkbox.click()
} }
function getCheckbox() { function getCheckbox() {
dataList.forEach((x,i)=>{ dataList.forEach((x, i) => {
x.SurveyOptionsList.forEach((y,index)=>{ x.SurveyOptionsList.forEach((y, index) => {
const checkbox = document.getElementsByName(`my_checkbox${i+1}`); const checkbox = document.getElementsByName(`my_checkbox${i+1}`);
checkbox.forEach(checkbox => { checkbox.forEach(checkbox => {
checkbox.addEventListener('click', function() { checkbox.addEventListener('click', function() {
if(checkbox.checked) y.IsCheckS.push(checkbox.value) if (checkbox.checked) y.IsCheckS.push(checkbox.value)
if(!checkbox.checked) y.IsCheckS = y.IsCheckS.filter(z=>{return z!=checkbox.value}) if (!checkbox.checked) y.IsCheckS = y.IsCheckS.filter(z => {
// console.log(y.IsCheckS,'-----------') return z != checkbox.value
})
}); });
}); });
}) })
}) })
} }
function getTextarea() { function getTextarea() {
dataList.forEach((x,i)=>{ dataList.forEach((x, i) => {
var word = document.getElementById(`my_textarea${i+1}`) var word = document.getElementById(`my_textarea${i+1}`)
if(word&&word.value){ if (word && word.value) {
x.TextContent = word.value x.TextContent = word.value
} }
}) })
} }
function saveGuestSurvey() { function saveGuestSurvey() {
document.getElementById("submitB").classList.add("active") document.getElementById("submitB").classList.add("active")
getTextarea() getTextarea()
...@@ -159,7 +145,6 @@ ...@@ -159,7 +145,6 @@
postMsg.push(item); postMsg.push(item);
}) })
} }
console.log(postMsg,'-------')
$('#submitB').attr('disabled', true) $('#submitB').attr('disabled', true)
$.ajax({ $.ajax({
type: "POST", type: "POST",
...@@ -167,23 +152,23 @@ ...@@ -167,23 +152,23 @@
contentType: "application/json", contentType: "application/json",
data: getAjaxData("survey_post_SetGuestSurvey", postMsg), data: getAjaxData("survey_post_SetGuestSurvey", postMsg),
async: false, async: false,
success: function (res) { success: function(res) {
if (res.resultCode === 1) { if (res.resultCode === 1) {
// layer.msg(res.message) window.location.href = 'success.html'
window.location.href='success.html'
} else { } else {
layer.msg(res.message) layer.msg(res.message)
} }
$('#submitB').attr('disabled', false) $('#submitB').attr('disabled', false)
document.getElementById("submitB").classList.remove("active") document.getElementById("submitB").classList.remove("active")
}, },
error: function (message) { error: function(message) {
$('#submitB').attr('disabled', false) $('#submitB').attr('disabled', false)
alert(JSON.stringify(message)); alert(JSON.stringify(message));
document.getElementById("submitB").classList.remove("active") document.getElementById("submitB").classList.remove("active")
} }
}); });
} }
function GetBusSurveyInfo() { function GetBusSurveyInfo() {
$.ajax({ $.ajax({
type: "POST", type: "POST",
...@@ -194,25 +179,26 @@ ...@@ -194,25 +179,26 @@
SurveyType: -1 SurveyType: -1
}), }),
async: false, async: false,
success: function (res) { success: function(res) {
if (res.resultCode === 1) { if (res.resultCode === 1) {
GuestSurveyInfo = res.data GuestSurveyInfo = res.data
if(GuestSurveyInfo.Title)$('.headerTitle').html(GuestSurveyInfo.Title) if (GuestSurveyInfo.Title) $('.headerTitle').html(GuestSurveyInfo.Title)
if(GuestSurveyInfo.SubTitle) $('.subscript').html(GuestSurveyInfo.SubTitle) if (GuestSurveyInfo.SubTitle) $('.subscript').html(GuestSurveyInfo.SubTitle)
else{ else {
let parent = document.getElementById("FillincommentsBox"); let parent = document.getElementById("FillincommentsBox");
let child = document.getElementById("subscript"); let child = document.getElementById("subscript");
parent.removeChild(child); parent.removeChild(child);
} }
}else{ } else {
layer.msg(res.message) layer.msg(res.message)
} }
}, },
error: function (message) { error: function(message) {
alert(JSON.stringify(message)); alert(JSON.stringify(message));
} }
}); });
} }
function GetSurveyShowList() { function GetSurveyShowList() {
$.ajax({ $.ajax({
type: "POST", type: "POST",
...@@ -223,7 +209,7 @@ ...@@ -223,7 +209,7 @@
SurveyType: -1 SurveyType: -1
}), }),
async: false, async: false,
success: function (res) { success: function(res) {
if (res.resultCode === 1) { if (res.resultCode === 1) {
let data = res.data let data = res.data
data.map(item => { data.map(item => {
...@@ -247,7 +233,7 @@ ...@@ -247,7 +233,7 @@
layer.msg(res.message) layer.msg(res.message)
} }
}, },
error: function (message) { error: function(message) {
alert(JSON.stringify(message)); alert(JSON.stringify(message));
} }
}); });
...@@ -262,27 +248,29 @@ ...@@ -262,27 +248,29 @@
tcid: this.qMsg.TCID tcid: this.qMsg.TCID
}), }),
async: false, async: false,
success: function (res) { success: function(res) {
if (res.resultCode === 1) { if (res.resultCode === 1) {
let data = res.data let data = res.data
priceInfo = data priceInfo = data
if(priceInfo&&priceInfo.LeaderName&&priceInfo.LeaderName!='') $('.lindui').html(priceInfo.LeaderName) if (priceInfo && priceInfo.LeaderName && priceInfo.LeaderName != '') $('.lindui').html(priceInfo.LeaderName)
if(priceInfo&&priceInfo.GuideName&&priceInfo.GuideName!='') $('.daoyou').html(priceInfo.GuideName) if (priceInfo && priceInfo.GuideName && priceInfo.GuideName != '') $('.daoyou').html(priceInfo.GuideName)
if(priceInfo&&priceInfo.StartDateStr&&priceInfo.StartDateStr!='') $('.tuanqi1').html(priceInfo.StartDateStr) if (priceInfo && priceInfo.StartDateStr && priceInfo.StartDateStr != '') $('.tuanqi1').html(priceInfo.StartDateStr)
if(priceInfo&&priceInfo.EndDateStr&&priceInfo.EndDateStr!='') $('.tuanqi2').html(priceInfo.EndDateStr) if (priceInfo && priceInfo.EndDateStr && priceInfo.EndDateStr != '') $('.tuanqi2').html(priceInfo.EndDateStr)
} else { } else {
layer.msg(res.message) layer.msg(res.message)
} }
}, },
error: function (message) { error: function(message) {
alert(JSON.stringify(message)); alert(JSON.stringify(message));
} }
}); });
} }
function chgStar(num,i){
function chgStar(num, i) {
dataList[i].ScoreNum = num dataList[i].ScoreNum = num
var item = dataList[i] var item = dataList[i]
$(`#star${i+1}`).html(`<img id="star_1id_${i+1}point" onmouseover="chgStar(1,${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> src="${item.ScoreNum>=1?STAR_IMG[0]:STAR_IMG[1]}"></img>
<img id="star_2id_${i+1}point" onmouseover="chgStar(2,${i})" <img id="star_2id_${i+1}point" onmouseover="chgStar(2,${i})"
src="${item.ScoreNum>=2?STAR_IMG[0]:STAR_IMG[1]}"></img> src="${item.ScoreNum>=2?STAR_IMG[0]:STAR_IMG[1]}"></img>
...@@ -291,11 +279,13 @@ ...@@ -291,11 +279,13 @@
<img id="star_4id_${i+1}point" onmouseover="chgStar(4,${i})" <img id="star_4id_${i+1}point" onmouseover="chgStar(4,${i})"
src="${item.ScoreNum>=4?STAR_IMG[0]:STAR_IMG[1]}"></img> src="${item.ScoreNum>=4?STAR_IMG[0]:STAR_IMG[1]}"></img>
<img id="star_5id_${i+1}point" onmouseover="chgStar(5,${i})" <img id="star_5id_${i+1}point" onmouseover="chgStar(5,${i})"
src="${item.ScoreNum>=5?STAR_IMG[0]:STAR_IMG[1]}"></img>`) src="${item.ScoreNum>=5?STAR_IMG[0]:STAR_IMG[1]}"></img>`
)
} }
function renderStar(){
function renderStar() {
var list = [] var list = []
dataList.forEach((item,i) => { dataList.forEach((item, i) => {
var str = '' var str = ''
var mark = '' var mark = ''
var singleChoice = '' var singleChoice = ''
...@@ -303,12 +293,14 @@ ...@@ -303,12 +293,14 @@
var inputText = '' var inputText = ''
var end = `</div>` var end = `</div>`
var element = document.createElement('div'); var element = document.createElement('div');
str = `<div class="FillincommentsMark"> str =
`<div class="FillincommentsMark">
<div class="FillincommentsMarkT"> <div class="FillincommentsMarkT">
<span class="xuhao">${i+1}、</span> <span class="xuhao">${i+1}、</span>
<span class="title">${item.Title}</span> <span class="title">${item.Title}</span>
</div>` </div>`
if(item.SurveyType==1) mark = `<div class="FillincommentsMarks"> if (item.SurveyType == 1) mark =
`<div class="FillincommentsMarks">
<span class="text">评 分</span> <span class="text">评 分</span>
<div class="pinfen" id="star${i+1}"> <div class="pinfen" id="star${i+1}">
<img id="star_1id_${i+1}point" onmouseover="chgStar(1,${i})" <img id="star_1id_${i+1}point" onmouseover="chgStar(1,${i})"
...@@ -324,50 +316,52 @@ ...@@ -324,50 +316,52 @@
</div> </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> <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) { if (item.SurveyType == 2) {
let radioList = [] let radioList = []
if(item.SurveyOptionsList.length>0)item.SurveyOptionsList.forEach((radio,index)=>{ 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>`) 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) if (radioList.length > 0) {
{
singleChoice = `<div class="FillincommentsSingle">` singleChoice = `<div class="FillincommentsSingle">`
radioList.forEach(rItem=>{ radioList.forEach(rItem => {
singleChoice+=rItem; singleChoice += rItem;
}) })
singleChoice+=`</div>` singleChoice += `</div>`
} }
} }
if(item.SurveyType==3) { if (item.SurveyType == 3) {
let MultipleList = [] let MultipleList = []
if(item.SurveyOptionsList.length>0)item.SurveyOptionsList.forEach((radio,index)=>{ 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>`) 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) if (MultipleList.length > 0) {
{
MultipleChoice = `<div class="FillincommentsMultiple">` MultipleChoice = `<div class="FillincommentsMultiple">`
MultipleList.forEach(rItem=>{ MultipleList.forEach(rItem => {
MultipleChoice+=rItem; MultipleChoice += rItem;
}) })
MultipleChoice+=`</div>` MultipleChoice += `</div>`
} }
} }
if(item.SurveyType==4) { if (item.SurveyType == 4) {
inputText = `<div class="FillincommentsDescription"> inputText =
`<div class="FillincommentsDescription">
<textarea rows="8" cols="30" placeholder="点击输入" maxlength="500" id="my_textarea${i+1}" onblur="getTextarea()"></textarea> <textarea rows="8" cols="30" placeholder="点击输入" maxlength="500" id="my_textarea${i+1}" onblur="getTextarea()"></textarea>
</div>` </div>`
} }
var textHtml = str+mark+singleChoice+MultipleChoice+inputText+end var textHtml = str + mark + singleChoice + MultipleChoice + inputText + end
element.innerHTML = textHtml element.innerHTML = textHtml
list.push(element) list.push(element)
}) })
$("#app").html(list) $("#app").html(list)
} }
</script> </script>
</body> </body>
<style> <style>
.BackBox{ .BackBox {
position: fixed; position: fixed;
left: 0px; left: 0px;
top: 0px; top: 0px;
...@@ -375,90 +369,107 @@ ...@@ -375,90 +369,107 @@
background: #fff; background: #fff;
padding: 20px 20px 10px 20px; padding: 20px 20px 10px 20px;
z-index: 2; z-index: 2;
} }
.BackImg{
.BackImg {
width: 10px; width: 10px;
} }
.FillincommentsF{
.FillincommentsF {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
height:100%; height: 100%;
overflow-y: auto; overflow-y: auto;
} }
.FillincommentsBox{
.FillincommentsBox {
width: 90%; width: 90%;
height: 100%; height: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
.FillincommentsBox H3{
.FillincommentsBox H3 {
margin-top: 20px; margin-top: 20px;
} }
.FillincommentsIn{
.FillincommentsIn {
background: #F6F6F6; background: #F6F6F6;
border-radius: 5px; border-radius: 5px;
padding: 10px; padding: 10px;
margin-top: 10px; margin-top: 10px;
} }
.FillincommentsInLD{
.FillincommentsInLD {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
} }
.FillincommentsInLD div{
.FillincommentsInLD div {
flex: 1; flex: 1;
flex-shrink: 0; flex-shrink: 0;
} }
.FillincommentsInT{
.FillincommentsInT {
padding-top: 5px; padding-top: 5px;
} }
.FillincommentsMarkB{
.FillincommentsMarkB {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
flex: 1; flex: 1;
/* overflow: hidden; /* overflow: hidden;
overflow-y: auto; */ overflow-y: auto; */
padding-bottom: 20px; padding-bottom: 20px;
} }
.FillincommentsMark{
.FillincommentsMark {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin-top: 15px; margin-top: 15px;
} }
.FillincommentsMarkT{
.FillincommentsMarkT {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
font-size: 15px; font-size: 15px;
font-weight: 500; font-weight: 500;
} }
.FillincommentsMarks{
.FillincommentsMarks {
font-size: 14px; font-size: 14px;
font-weight: 500; font-weight: 500;
margin-top: 5px; margin-top: 5px;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
} }
.FillincommentsMarks span{
.FillincommentsMarks span {
position: relative; position: relative;
top: 3px; top: 3px;
} }
.text{
.text {
width: 50px; width: 50px;
flex-shrink: 0; flex-shrink: 0;
} }
.manyidu{
.manyidu {
width: auto; width: auto;
flex-shrink: 0; flex-shrink: 0;
margin-left: 10px; margin-left: 10px;
} }
.submitBForm{
.submitBForm {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
margin-bottom: 15px; margin-bottom: 15px;
} }
.submitB{
.submitB {
width: 90%; width: 90%;
border: 0; border: 0;
height: 40px; height: 40px;
...@@ -467,28 +478,33 @@ ...@@ -467,28 +478,33 @@
border-radius: 5px; border-radius: 5px;
background-color: #EE4554; background-color: #EE4554;
color: #fff; color: #fff;
} }
.submitB.active{
background-color: rgba(238,69,84,.5); .submitB.active {
} background-color: rgba(238, 69, 84, .5);
.pinfen img { }
.pinfen img {
width: 20px; width: 20px;
height: 20px; height: 20px;
display: inline-block; display: inline-block;
} }
.FillincommentsSingle{
.FillincommentsSingle {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
flex-wrap: wrap; flex-wrap: wrap;
margin-top: 5px; margin-top: 5px;
} }
.FillincommentsSingle span{
.FillincommentsSingle span {
position: relative; position: relative;
top: 1px; top: 1px;
left: 5px; left: 5px;
} }
.FillincommentsSingle div{
.FillincommentsSingle div {
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
...@@ -497,20 +513,23 @@ ...@@ -497,20 +513,23 @@
flex-wrap: nowrap; flex-wrap: nowrap;
margin-right: 20px; margin-right: 20px;
margin-bottom: 5px; margin-bottom: 5px;
} }
.FillincommentsMultiple {
.FillincommentsMultiple {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
flex-wrap: wrap; flex-wrap: wrap;
margin-top: 5px; margin-top: 5px;
} }
.FillincommentsMultiple span{
.FillincommentsMultiple span {
position: relative; position: relative;
top: 0px; top: 0px;
left: 5px; left: 5px;
} }
.FillincommentsMultiple div{
.FillincommentsMultiple div {
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
...@@ -519,27 +538,36 @@ ...@@ -519,27 +538,36 @@
flex-wrap: nowrap; flex-wrap: nowrap;
margin-right: 20px; margin-right: 20px;
margin-bottom: 5px; margin-bottom: 5px;
} }
.FillincommentsDescription{
.FillincommentsDescription {
margin-top: 10px; margin-top: 10px;
background: #F6F6F6; background: #F6F6F6;
} }
.FillincommentsDescription textarea{
.FillincommentsDescription textarea {
width: 100%; width: 100%;
/* height: 150px; */ /* height: 150px; */
padding: 5px 10px; padding: 5px 10px;
background: #F6F6F6; background: #F6F6F6;
border: 1px solid #F6F6F6; border: 1px solid #F6F6F6;
} }
.FillincommentsDescription textarea:focus{
border: 1px solid #76c9fa; /* 当textarea获取焦点时的边框色 */ .FillincommentsDescription textarea:focus {
border: 1px solid #76c9fa;
/* 当textarea获取焦点时的边框色 */
outline: none; outline: none;
} }
.subscript,.ganxiecydc{
/* margin-top: 0;
margin-bottom: 0; */
}
</style> .subscript,
.ganxiecydc {
text-indent: 2em;
line-height: 1.5;
}
.headerTitle {
text-align: center;
}
</style>
</html> </html>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment