供应商

src/main/resources/static/css/user-center/repair/detail.css

@@ -39,9 +39,9 @@ li{list-style:none}
     .process>div span{color:#9aa5b5;    position: absolute;bottom: 10px;right: 10px;font-size: 12px }
     .process>div{position: relative}
     .from-button{width: 232px;height: 50px;cursor:pointer;line-height: 50px;text-align: center;color: #fff;background-color: #e15616;box-shadow: 0px 3px 6px 0px rgba(249, 75, 75, 0.17);border-radius: 2px;font-size: 18px;margin: 15px auto;}
-    .mainconten{background: #fff;	box-shadow: 0px 3px 6px 0px rgba(34, 39, 46, 0.07);padding: 20px 0}
+    .mainconten{background: #fff;	box-shadow: 0px 3px 6px 0px rgba(34, 39, 46, 0.07);padding: 20px 0;margin-bottom: 8px}
     .mainconten form{width: 500px;margin: auto}
-    .sencondCont{background: #fff;	box-shadow: 0px 3px 6px 0px rgba(34, 39, 46, 0.07);padding: 32px 0;margin-top: 10px;}
+    .sencondCont{background: #fff;	box-shadow: 0px 3px 6px 0px rgba(34, 39, 46, 0.07);padding: 32px 0;}
     .sencondCont form{width: 500px;margin: auto}
     .sencondCont p{color: #627386;font-size: 14px;margin-bottom: 32px}
     .sencondCont p span{color: #22272e;}
@@ -52,6 +52,7 @@ li{list-style:none}
     .icon.stance:before{width: 25px;height: 25px;background-position: -273px -513px;cursor: pointer;}
     .icon.changestance:before{   width: 25px;height: 25px;background-position: -240px -513px}
     .sencondCont p.Image{width: 530px}
+    .grade{position: absolute;margin-top: -6px}
 }
 
 /**

src/main/resources/static/css/user-center/repair/list.css

@@ -13,7 +13,7 @@ li{list-style:none}
     .order-header .header-bt .search{height: 38px;float: left;}
     .order-header .header-bt .search .label{display: inline-block;float: left;height: 38px;line-height:38px;font-size: 12px;color: #627386;}
     .order-header .header-bt .search .search-input{width: 210px;box-sizing: border-box;padding: 0 10px;font-size: 12px;line-height: 36px;border: 1px solid #b8bfca;border-radius: 2px; }
-    .order-header .header-bt .search .select{width:114px;height:38px;box-sizing: border-box;padding: 0 10px;font-size: 12px;line-height: 38px;border: none;border-radius: 2px;border: 1px solid #b8bfca;color: #627386;}
+    .order-header .header-bt .search .select{background: #fff;width:114px;height:38px;box-sizing: border-box;padding: 0 10px;font-size: 12px;line-height: 38px;border: none;border-radius: 2px;border: 1px solid #b8bfca;color: #627386;}
     .order-header .header-bt .search-time{float: left;margin:0 15px;}
     .order-header .header-bt .search-time .label{display: inline-block;float: left;height: 38px;line-height:38px;font-size: 12px;color: #627386;}
     .order-header .header-bt .search-time .search-main{float: left;height: 38px;}

src/main/resources/templates/user-center/repair/detail.html

@@ -47,7 +47,7 @@
                             <p class="feedback"><label>是否解决您的问题：</label>
                                     <span @click="Evaluation(1)" :class="currenflag==1?'style':''"><i class="icon mIcon solve"></i>已解决</span>
                                     <span @click="Evaluation(2)" :class="currenflag==2?'style':''"><i class="icon mIcon unsolved"></i>未解决</span></p>
-                            <p><label><em>*</em>服务态度：</label><span><i class="icon mIcon stance" v-for="i in 5" @click="currenindex(i)" :class="{'changestance':spanIndex.indexOf(i)>-1}"></i></span></p>
+                            <p><label><em>*</em>服务态度：</label><span class="grade"><i class="icon mIcon stance" v-for="i in 5" @click="currenindex(i)" :class="{'changestance':spanIndex.indexOf(i)>-1}"></i></span></p>
                             <p><label><em>*</em>您的评价：</label></p>
                             <div class="val">
                                 <textarea placeholder="请输入您的评价..." v-model="params.serviceEvaluate"> </textarea>
@@ -72,7 +72,7 @@
                             <p><em>*</em>问题描述：<span>{{info.problemDescription}}</span></p>
                             <p><em>*</em>仪器名称品牌/型号：<span>{{info.instrumentBrand}}</span></p>
                             <p><em>*</em>维修数量：<span>{{info.maintenanceNum}}</span></p>
-                            <p v-if="info.status==3"><em>*</em>服务态度：<span>
+                            <p v-if="info.status==3"><em>*</em>服务态度：<span class="grade">
                                     <i class="icon mIcon changestance" v-for="i in info.serviceRating"></i>
                                      <i class="icon mIcon stance" v-for="i in 5-info.serviceRating"></i>
                              </span></p>