Skip to content

S
SURPRISED
Commit a0b6bffb authored by zhengke's avatar zhengke
Browse files
Options

no message

parent 25f303d9
Hide whitespace changes
Inline Side-by-side
Showing with 123 additions and 22 deletions
html/ImpressionOpinionSurvey/busSign.html
View file @ a0b6bffb
...@@ -56,6 +56,7 @@ ...@@ -56,6 +56,7 @@
</div> </div>
</div> </div>
<div class="tipBox" id="tipBox"></div>
<script src="../../js/md5.js"></script> <script src="../../js/md5.js"></script>
<script type="text/javascript" src="../../js/autosize.js"></script> <script type="text/javascript" src="../../js/autosize.js"></script>
...@@ -76,7 +77,6 @@ ...@@ -76,7 +77,6 @@
'非常满意' '非常满意'
] ]
var STAR_IMG = new Array("../../images/Star1.png", "../../images/Star2.png"); var STAR_IMG = new Array("../../images/Star1.png", "../../images/Star2.png");
getPriceInfo() getPriceInfo()
GetSurveyShowList() GetSurveyShowList()
getRadio() getRadio()
...@@ -168,6 +168,12 @@ ...@@ -168,6 +168,12 @@
success: function (res) { success: function (res) {
if (res.resultCode === 1) { if (res.resultCode === 1) {
layer.msg(res.message) layer.msg(res.message)
$('#tipBox').html(`<div class="tipImgBox">
<div class="tipImg">
<img src="../../images/login/gou_big.png"/>
<h4>&nbsp;&nbsp;&nbsp;提交意见成功！</h4>
</div>
</div>`)
} else { } else {
layer.msg(res.message) layer.msg(res.message)
} }
...@@ -319,9 +325,9 @@ ...@@ -319,9 +325,9 @@
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>`
} }
} }
...@@ -330,9 +336,14 @@ ...@@ -330,9 +336,14 @@
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) MultipleChoice = `<div class="FillincommentsMultiple"> if(MultipleList.length>0)
${MultipleList} {
</div>` MultipleChoice = `<div class="FillincommentsMultiple">`
MultipleList.forEach(rItem=>{
MultipleChoice+=rItem;
})
MultipleChoice+=`</div>`
}
} }
if(item.SurveyType==4) { if(item.SurveyType==4) {
inputText = `<div class="FillincommentsDescription"> inputText = `<div class="FillincommentsDescription">
...@@ -457,7 +468,7 @@ ...@@ -457,7 +468,7 @@
} }
.FillincommentsSingle{ .FillincommentsSingle{
display: flex; display: flex;
flex-direction: row; flex-direction: column;
align-items: center; align-items: center;
flex-wrap: wrap; flex-wrap: wrap;
margin-top: 5px; margin-top: 5px;
...@@ -468,17 +479,18 @@ ...@@ -468,17 +479,18 @@
left: 5px; left: 5px;
} }
.FillincommentsSingle div{ .FillincommentsSingle div{
width: 100%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: self-start; align-items: self-start;
justify-content: center; justify-content: start;
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: row; flex-direction: column;
align-items: center; align-items: center;
flex-wrap: wrap; flex-wrap: wrap;
margin-top: 5px; margin-top: 5px;
...@@ -489,10 +501,11 @@ ...@@ -489,10 +501,11 @@
left: 5px; left: 5px;
} }
.FillincommentsMultiple div{ .FillincommentsMultiple div{
width: 100%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: self-start; align-items: self-start;
justify-content: center; justify-content: start;
flex-wrap: nowrap; flex-wrap: nowrap;
margin-right: 20px; margin-right: 20px;
margin-bottom: 5px; margin-bottom: 5px;
...@@ -516,6 +529,41 @@ ...@@ -516,6 +529,41 @@
/* margin-top: 0; /* margin-top: 0;
margin-bottom: 0; */ margin-bottom: 0; */
} }
.tipBox{
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 3;
background: rgba(23,23,23,.5);
}
.tipImgBox{
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.tipImg{
width: 100%;
height: 100%;
background: #fff;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.tipImg img{
width: 100px;
border-radius: 100%;
display: block;
/* margin-top:60px; */
}
.tipImg h4{
margin-top: 30px;
}
</style> </style>
......
html/ImpressionOpinionSurvey/guestSign.html
View file @ a0b6bffb
...@@ -57,6 +57,7 @@ ...@@ -57,6 +57,7 @@
</div> </div>
</div> </div>
<div class="tipBox" id="tipBox"></div>
<script src="../../js/md5.js"></script> <script src="../../js/md5.js"></script>
<script type="text/javascript" src="../../js/autosize.js"></script> <script type="text/javascript" src="../../js/autosize.js"></script>
...@@ -77,7 +78,6 @@ ...@@ -77,7 +78,6 @@
'非常满意' '非常满意'
] ]
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()
...@@ -169,6 +169,12 @@ ...@@ -169,6 +169,12 @@
success: function (res) { success: function (res) {
if (res.resultCode === 1) { if (res.resultCode === 1) {
layer.msg(res.message) layer.msg(res.message)
$('#tipBox').html(`<div class="tipImgBox">
<div class="tipImg">
<img src="../../images/login/gou_big.png"/>
<h4>&nbsp;&nbsp;&nbsp;提交意见成功！</h4>
</div>
</div>`)
} else { } else {
layer.msg(res.message) layer.msg(res.message)
} }
...@@ -316,18 +322,28 @@ ...@@ -316,18 +322,28 @@
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) singleChoice = `<div class="FillincommentsSingle"> if(radioList.length>0)
${radioList} {
</div>` singleChoice = `<div class="FillincommentsSingle">`
radioList.forEach(rItem=>{
singleChoice+=rItem;
})
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) MultipleChoice = `<div class="FillincommentsMultiple"> if(MultipleList.length>0)
${MultipleList} {
</div>` MultipleChoice = `<div class="FillincommentsMultiple">`
MultipleList.forEach(rItem=>{
MultipleChoice+=rItem;
})
MultipleChoice+=`</div>`
}
} }
if(item.SurveyType==4) { if(item.SurveyType==4) {
inputText = `<div class="FillincommentsDescription"> inputText = `<div class="FillincommentsDescription">
...@@ -452,7 +468,7 @@ ...@@ -452,7 +468,7 @@
} }
.FillincommentsSingle{ .FillincommentsSingle{
display: flex; display: flex;
flex-direction: row; flex-direction: column;
align-items: center; align-items: center;
flex-wrap: wrap; flex-wrap: wrap;
margin-top: 5px; margin-top: 5px;
...@@ -463,17 +479,18 @@ ...@@ -463,17 +479,18 @@
left: 5px; left: 5px;
} }
.FillincommentsSingle div{ .FillincommentsSingle div{
width: 100%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: self-start; align-items: self-start;
justify-content: center; justify-content: start;
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: row; flex-direction: column;
align-items: center; align-items: center;
flex-wrap: wrap; flex-wrap: wrap;
margin-top: 5px; margin-top: 5px;
...@@ -484,10 +501,11 @@ ...@@ -484,10 +501,11 @@
left: 5px; left: 5px;
} }
.FillincommentsMultiple div{ .FillincommentsMultiple div{
width: 100%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: self-start; align-items: self-start;
justify-content: center; justify-content: start;
flex-wrap: nowrap; flex-wrap: nowrap;
margin-right: 20px; margin-right: 20px;
margin-bottom: 5px; margin-bottom: 5px;
...@@ -511,6 +529,41 @@ ...@@ -511,6 +529,41 @@
/* margin-top: 0; /* margin-top: 0;
margin-bottom: 0; */ margin-bottom: 0; */
} }
.tipBox{
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 3;
background: rgba(23,23,23,.5);
}
.tipImgBox{
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.tipImg{
width: 100%;
height: 100%;
background: #fff;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.tipImg img{
width: 100px;
border-radius: 100%;
display: block;
/* margin-top:60px; */
}
.tipImg h4{
margin-top: 30px;
}
</style> </style>
......
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