|
|
|
@ -194,7 +194,7 @@ |
|
|
|
<van-divider class="divdsty" /> |
|
|
|
<van-cell-group> |
|
|
|
<div class="qy-name">评价</div> |
|
|
|
<span class="eval-star"> |
|
|
|
<!-- <span class="eval-star"> |
|
|
|
<van-icon class="active" name="star" |
|
|
|
v-for="n in submitData.inspectionEfficiency"/> |
|
|
|
<van-icon name="star" |
|
|
|
@ -202,7 +202,18 @@ |
|
|
|
</span> |
|
|
|
<span class="eval-star-font" v-if="submitData.inspectionEfficiency == 1">不满意</span> |
|
|
|
<span class="eval-star-font" v-if="submitData.inspectionEfficiency == 2">较满意</span> |
|
|
|
<span class="eval-star-font" v-if="submitData.inspectionEfficiency == 3">满意</span> |
|
|
|
<span class="eval-star-font" v-if="submitData.inspectionEfficiency == 3">满意</span>--> |
|
|
|
<div class="eval-list"> |
|
|
|
<div id="evalBad" :class="1==submitData.serviceExperience?'active':''"> |
|
|
|
<span @click="checkServiceMetrics(1)"></span><label>不满意</label> |
|
|
|
</div> |
|
|
|
<div id="evalGood" :class="2==submitData.serviceExperience?'active':''"> |
|
|
|
<span @click="checkServiceMetrics(2)"></span><label>较满意</label> |
|
|
|
</div> |
|
|
|
<div id="evalVeryGood" :class="3==submitData.serviceExperience?'active':''"> |
|
|
|
<span @click="checkServiceMetrics(3)"></span><label>满意</label> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<van-field |
|
|
|
label="意见|建议" |
|
|
|
readonly |
|
|
|
@ -923,6 +934,7 @@ export default { |
|
|
|
.eval-list > div > label { |
|
|
|
margin: 0.2rem 0; |
|
|
|
color: #999; |
|
|
|
font-size: 0.35rem; |
|
|
|
} |
|
|
|
|
|
|
|
.eval-list > div.active > label { |
|
|
|
@ -932,43 +944,43 @@ export default { |
|
|
|
|
|
|
|
.eval-list > div > span { |
|
|
|
display: block; |
|
|
|
margin: 0.5rem auto 0.2rem; |
|
|
|
margin: 0.2rem auto 0.1rem; |
|
|
|
width: 0.8rem; |
|
|
|
height: 1.0rem; |
|
|
|
height: 0.8rem; |
|
|
|
} |
|
|
|
|
|
|
|
.eval-list > div#evalBad > span { |
|
|
|
background: url("../../../assets/images/eval-bad-dis.png") no-repeat; |
|
|
|
background: url("../../assets/images/eval-bad-dis.png") no-repeat; |
|
|
|
background-size: 100%; |
|
|
|
opacity: .5; |
|
|
|
} |
|
|
|
|
|
|
|
.eval-list > div#evalGood > span { |
|
|
|
background: url("../../../assets/images/eval-good-dis.png") no-repeat; |
|
|
|
background: url("../../assets/images/eval-good-dis.png") no-repeat; |
|
|
|
background-size: 100%; |
|
|
|
opacity: .5; |
|
|
|
} |
|
|
|
|
|
|
|
.eval-list > div#evalVeryGood > span { |
|
|
|
background: url("../../../assets/images/eval-verygood-dis.png") no-repeat; |
|
|
|
background: url("../../assets/images/eval-verygood-dis.png") no-repeat; |
|
|
|
background-size: 100%; |
|
|
|
opacity: .5; |
|
|
|
} |
|
|
|
|
|
|
|
.eval-list > div#evalBad.active > span { |
|
|
|
background: url("../../../assets/images/eval-bad.png") no-repeat; |
|
|
|
background: url("../../assets/images/eval-bad.png") no-repeat; |
|
|
|
background-size: 100%; |
|
|
|
opacity: 1; |
|
|
|
} |
|
|
|
|
|
|
|
.eval-list > div#evalGood.active > span { |
|
|
|
background: url("../../../assets/images/eval-good.png") no-repeat; |
|
|
|
background: url("../../assets/images/eval-good.png") no-repeat; |
|
|
|
background-size: 100%; |
|
|
|
opacity: 1; |
|
|
|
} |
|
|
|
|
|
|
|
.eval-list > div#evalVeryGood.active > span { |
|
|
|
background: url("../../../assets/images/eval-verygood.png") no-repeat; |
|
|
|
background: url("../../assets/images/eval-verygood.png") no-repeat; |
|
|
|
background-size: 100%; |
|
|
|
opacity: 1; |
|
|
|
} |
|
|
|
|