需求样式调整

src/main/webapp/resources/view/usercenter/forstore/add_rate.html

@@ -34,15 +34,20 @@
     .add-rate table tbody tr {
         border-bottom: 1px dashed rgb( 232, 235, 252 );
     }
+    .add-rate table tbody tr td {
+        padding-bottom: 6px;
+    }
     .add-rate table tbody tr td >a >img{
         width: 73px;
         height: 74px;
         float: left;
         margin-top: 12px;
+        margin-left: 23px;
+        border: 1px solid rgb( 231, 231, 231 );
     }
     .add-rate table tbody tr td .add-rate-item-info {
         display: inline-block;
-        width: 200px;
+        width: 178px;
         float: left;
         margin-top: 15px;
     }
@@ -55,7 +60,7 @@
         float: left;
     }
     .add-rate table tbody tr td .add-rate-item-introduce span.add-rate-item-link {
-        max-width: 200px;
+        max-width: 178px;
         overflow: hidden;
         text-overflow: ellipsis;
         display: inline-block;
@@ -69,6 +74,7 @@
     .add-rate table tbody .record-num td .count-tip{
         float: right;
         margin-right: 10px;
+        margin-top: 10px;
     }
     .add-rate .submitBox {
         text-align: center;
@@ -92,10 +98,16 @@
     .add-rate table thead tr.line02 .describe-title {
         color: #5078cb;
         font-weight: bold;
-        margin-left: 15px;
+        margin-left: 12px!important;
     }
     .add-rate table thead tr.line02 .describe-option {
         margin-right: 55px;
+        margin-left: 20px;
+    }
+    .add-rate table thead tr.line02 .describe-option img {
+        margin-left: -5px;
+        position: relative;
+        top: -3px;
     }
     .add-rate table thead tr.line01 td >span {
         margin-left: 5px;
@@ -145,7 +157,7 @@
         margin-top: 10px;
     }
     .add-rate table .buyer-first-rate .buyer-first-rate02 >div >span img {
-        margin-right: 3px;
+        margin-right: 5px;
         position: relative;
         top: -2px;
     }
@@ -165,20 +177,31 @@
         float: right;
         background: #f5f8ff;
         padding: 7px 12px;
-        margin: 5px 0;
         position: relative;
     }
     .add-rate table tbody tr td .first-rate-item-textBox textarea {
         width: 207px;
-        height: 60px;
+        height: 75px;
         overflow: scroll;
         padding: 3px 8px;
+        border-color: rgb( 236, 242, 255 );
+        resize: none;
     }
     .add-rate table tbody tr td .first-rate-item-textBox .add-rate-remind {
         color: #999;
         position: absolute;
         right: 27px;
-        bottom: 11px;
+        bottom: 13px;
+    }
+    .add-rate table thead .temp-line td{
+        padding: 0;
+    }
+    .add-rate table thead .temp-line td div {
+        height: 0px;
+        background: #fff;
+        display: block;
+        width: 100%;
+        border-top: 1px solid #e6edff;
     }
 
 </style>
@@ -202,20 +225,25 @@
         <tr class="line01" ng-if="vendorRateBuyer.id">
             <td>
                 <span><img src="static/img/user/images/{{vendorRateBuyer.level == 1?'rate1.png':vendorRateBuyer.level == 2?'rate2.png':'rate3.png'}}" alt=""><span ng-bind="vendorRateBuyer.level == 1?'好评':vendorRateBuyer.level == 2?'中评':'差评'"></span></span>
-                <div style="margin-left: 20px;">
+                <div style="margin-left: 20px;float: left">
                     <span class="add-rate-item01">卖家初评：<span ng-bind="vendorRateBuyer.vendorRate"></span></span>
                     <span class="add-rate-item02" ng-bind="vendorRateBuyer.vendorRateTime | date:'yyyy-MM-dd'"></span>
                 </div>
-                <div style="margin-left: 40px;">
+                <div style="margin-left: 40px;height: 46px;">
                     <span class="add-rate-item01">卖家追评：<span ng-bind="vendorRateBuyer.vendorAfterRate"></span></span>
                     <span class="add-rate-item02" ng-bind="vendorRateBuyer.vendorAfterRateTime | date:'yyyy-MM-dd'"></span>
                 </div>
             </td>
         </tr>
+        <tr class="temp-line">
+            <td>
+                <div></div>
+            </td>
+        </tr>
         <tr class="line02">
             <td>
                 <span class="describe-title describe-option">店铺评价：</span>
-                <span>描述相符：</span>
+                <span>描述相符</span>
                 <span class="rate-level describe-option">
                     <img ng-src="static/img/user/images/rateGood.png" alt="" ng-show="vendorRate.describeLevel - 0 > 0">
                     <img ng-src="static/img/user/images/rateGood.png" alt="" ng-show="vendorRate.describeLevel - 1 > 0">
@@ -223,7 +251,7 @@
                     <img ng-src="static/img/user/images/rateGood.png" alt="" ng-show="vendorRate.describeLevel - 3 > 0">
                     <img ng-src="static/img/user/images/rateGood.png" alt="" ng-show="vendorRate.describeLevel - 4 > 0">
                     </span>
-                <span>卖家服务：</span>
+                <span>卖家服务</span>
                 <span class="rate-level describe-option">
                     <img ng-src="static/img/user/images/rateGood.png" alt="" ng-show="vendorRate.vendorLevel - 0 > 0">
                     <img ng-src="static/img/user/images/rateGood.png" alt="" ng-show="vendorRate.vendorLevel - 1 > 0">
@@ -231,7 +259,7 @@
                     <img ng-src="static/img/user/images/rateGood.png" alt="" ng-show="vendorRate.vendorLevel - 3 > 0">
                     <img ng-src="static/img/user/images/rateGood.png" alt="" ng-show="vendorRate.vendorLevel - 4 > 0">
                     </span>
-                <span>物流服务：</span>
+                <span>物流服务</span>
                 <span class="rate-level describe-option">
                     <img ng-src="static/img/user/images/rateGood.png" alt="" ng-show="vendorRate.logisticsLevel - 0 > 0">
                     <img ng-src="static/img/user/images/rateGood.png" alt="" ng-show="vendorRate.logisticsLevel - 1 > 0">
@@ -265,7 +293,7 @@
                         <div class="buyer-first-rate02" style="background: #fff">
                             <div style="margin-top: 10px;">买家追评：</div>
                             <div class="first-rate-item-textBox">
-                                <textarea placeholder="请输入您对产品的评价" ng-change="listenRateContent(detail)" ng-model="detail.buyerAfterRate"></textarea>
+                                <textarea placeholder="快来分享您的使用感受吧！" ng-change="listenRateContent(detail)" ng-model="detail.buyerAfterRate"></textarea>
                                 <div class="add-rate-remind">
                                     <span>{{detail.buyerAfterRate.length || 0}}</span>
                                     <span>/200</span>

src/main/webapp/resources/view/usercenter/forstore/first_rate.html

@@ -33,13 +33,17 @@
     .first-rate table thead tr td .describe-title {
         color: #5078cb;
         font-weight: bold;
-        margin-left: 15px;
+        margin-left: 0!important;
     }
     .first-rate table thead tr td .describe-option {
         margin-right: 55px;
+        margin-left: 20px;
     }
     .first-rate table thead tr td .describe-option img {
         cursor: pointer;
+        margin-left: -5px;
+        position: relative;
+        top: -2px;
     }
     .first-rate table tbody tr {
         border-bottom: 1px dashed rgb( 232, 235, 252 );
@@ -49,6 +53,8 @@
         height: 74px;
         float: left;
         margin-top: 12px;
+        border: 1px solid rgb( 231, 231, 231 );
+        margin-left: 23px;
     }
     .first-rate table tbody tr td .first-rate-item-info {
         display: inline-block;
@@ -65,7 +71,7 @@
         float: left;
     }
     .first-rate table tbody tr td .first-rate-item-introduce span.first-rate-item-link {
-        max-width: 130px;
+        max-width: 190px;
         overflow: hidden;
         text-overflow: ellipsis;
         display: inline-block;
@@ -76,13 +82,18 @@
     .first-rate table tbody tr td .first-rate-item-rate {
         display: inline-block;
         float: right;
+        margin-right: 39px;
     }
     .first-rate table tbody tr td .first-rate-item-rate .rate-item {
         display: inline-block;
-        margin-right: 10px;
+        margin-right: 5px;
         margin-top: 6px;
         font-size: 14px;
     }
+    .first-rate table tbody tr td .first-rate-item-rate .rate-item .check-act img {
+        position: relative;
+        top: -2px;
+    }
     .first-rate table tbody tr td .first-rate-item-rate .rate-item >label {
         display: block;
         font-weight: normal;
@@ -103,10 +114,12 @@
         bottom: 13px;
     }
     .first-rate table tbody tr td .first-rate-item-textBox textarea {
-        width: 507px;
+        width: 484px;
         height: 87px;
         overflow: scroll;
         padding: 5px 10px;
+        border-color: rgb( 236, 242, 255 );
+        resize: none;
     }
     .first-rate table tbody .record-num {
         border: none;
@@ -114,6 +127,7 @@
     .first-rate table tbody .record-num td .count-tip{
         float: right;
         margin-right: 10px;
+        margin-top: 10px;
     }
     .first-rate .submitBox {
         text-align: center;
@@ -131,7 +145,10 @@
         color: #fff;
         cursor: pointer;
     }
-
+    .first-rate .rate-item .check-act input {
+        margin: 0;
+        margin-left: 4px;
+    }
 
 </style>
 
@@ -154,7 +171,7 @@
             <tr>
                 <td>
                     <span class="describe-title describe-option">店铺评价：</span>
-                    <span>描述相符：</span>
+                    <span>描述相符</span>
                     <span class="rate-level describe-option">
                         <img ng-src="static/img/user/images/{{descObj.a - 0 > 0? 'rateGood':'rateBad'}}.png" ng-click="setLevel('a',1)" alt="">
                         <img ng-src="static/img/user/images/{{descObj.a - 1 > 0? 'rateGood':'rateBad'}}.png" ng-click="setLevel('a',2)" alt="">
@@ -162,7 +179,7 @@
                         <img ng-src="static/img/user/images/{{descObj.a - 3 > 0? 'rateGood':'rateBad'}}.png" ng-click="setLevel('a',4)" alt="">
                         <img ng-src="static/img/user/images/{{descObj.a - 4 > 0? 'rateGood':'rateBad'}}.png" ng-click="setLevel('a',5)" alt="">
                     </span>
-                    <span>卖家服务：</span>
+                    <span>卖家服务</span>
                     <span class="rate-level describe-option">
                         <img ng-src="static/img/user/images/{{descObj.b - 0 > 0? 'rateGood':'rateBad'}}.png" ng-click="setLevel('b',1)" alt="">
                         <img ng-src="static/img/user/images/{{descObj.b - 1 > 0? 'rateGood':'rateBad'}}.png" ng-click="setLevel('b',2)" alt="">
@@ -170,7 +187,7 @@
                         <img ng-src="static/img/user/images/{{descObj.b - 3 > 0? 'rateGood':'rateBad'}}.png" ng-click="setLevel('b',4)" alt="">
                         <img ng-src="static/img/user/images/{{descObj.b - 4 > 0? 'rateGood':'rateBad'}}.png" ng-click="setLevel('b',5)" alt="">
                     </span>
-                    <span>物流服务：</span>
+                    <span>物流服务</span>
                     <span class="rate-level describe-option">
                         <img ng-src="static/img/user/images/{{descObj.c - 0 > 0? 'rateGood':'rateBad'}}.png" ng-click="setLevel('c',1)" alt="">
                         <img ng-src="static/img/user/images/{{descObj.c - 1 > 0? 'rateGood':'rateBad'}}.png" ng-click="setLevel('c',2)" alt="">

src/main/webapp/resources/view/usercenter/forstore/show_rate.html

@@ -22,7 +22,6 @@
         margin: 13px;
     }
     .add-rate table thead {
-        border-bottom: 1px solid rgb( 232, 235, 252 );
         background: #fff;
     }
     .add-rate table thead tr td {
@@ -39,10 +38,12 @@
         height: 74px;
         float: left;
         margin-top: 12px;
+        border: 1px solid rgb( 231, 231, 231 );
+        margin-left: 23px;
     }
     .add-rate table tbody tr td .add-rate-item-info {
         display: inline-block;
-        width: 200px;
+        width: 170px;
         float: left;
         margin-top: 15px;
     }
@@ -69,6 +70,7 @@
     .add-rate table tbody .record-num td .count-tip{
         float: right;
         margin-right: 10px;
+        margin-top: 10px;
     }
     .add-rate .submitBox {
         text-align: center;
@@ -85,6 +87,12 @@
         background: #5078cb;
         color: #fff;
     }
+    .add-rate table thead tr.line01 td {
+        padding-bottom: 24px;
+    }
+    .add-rate table thead tr.line02 td {
+        margin-top: 10px;
+    }
     .add-rate table thead tr.line01 td >span {
         margin-left: 5px;
         float: left;
@@ -96,12 +104,15 @@
     }
     .add-rate table thead tr.line02 td >span >img {
         margin-left: -3px;
+        position: relative;
+        top: -2px;
     }
     .add-rate table thead tr td >div {
         display: inline-block;
         width: 43%;
         background: #f9f9f9;
         padding: 5px 10px;
+        height: 46px;
     }
     .add-rate table thead tr td >div >span {
         display: block;
@@ -122,15 +133,17 @@
     .add-rate table thead tr.line02 .describe-title {
         color: #5078cb;
         font-weight: bold;
-        margin-left: 15px;
+        margin-left: 15px!important;
     }
     .add-rate table thead tr.line02 .describe-option {
         margin-right: 55px;
+        margin-left: 20px;
     }
     .add-rate table .buyer-first-rate {
         width: 726px;
         float: right;
         margin-top: 12px;
+        margin-right: 8px;
     }
     .add-rate table .buyer-first-rate >div {
         width: 311px;
@@ -173,6 +186,14 @@
         overflow: hidden;
         height: 60px;
     }
+    .add-rate table thead .temp-line td{
+        padding: 0;
+    }
+    .add-rate table thead .temp-line td div {
+        height: 0px;
+        background: #fff;
+        display: block;
+    }
 
 </style>
 
@@ -195,7 +216,7 @@
             <tr class="line01" ng-if="vendorRateBuyer.id">
                 <td>
                     <span><img src="static/img/user/images/{{vendorRateBuyer.level == 1?'rate1.png':vendorRateBuyer.level == 2?'rate2.png':'rate3.png'}}" alt=""><span ng-bind="vendorRateBuyer.level == 1?'好评':vendorRateBuyer.level == 2?'中评':'差评'"></span></span>
-                    <div style="margin-left: 20px;">
+                    <div style="margin-left: 20px; float: left">
                         <span class="add-rate-item01">卖家初评：<span ng-bind="vendorRateBuyer.vendorRate"></span></span>
                         <span class="add-rate-item02" ng-bind="vendorRateBuyer.vendorRateTime | date:'yyyy-MM-dd'"></span>
                     </div>
@@ -205,10 +226,15 @@
                     </div>
                 </td>
             </tr>
+            <tr class="temp-line">
+                <td>
+                    <div></div>
+                </td>
+            </tr>
             <tr class="line02">
                 <td>
                     <span class="describe-title describe-option">店铺评价：</span>
-                    <span>描述相符：</span>
+                    <span>描述相符</span>
                     <span class="rate-level describe-option">
                     <img ng-src="static/img/user/images/rateGood.png" alt="" ng-show="vendorRate.describeLevel - 0 > 0">
                     <img ng-src="static/img/user/images/rateGood.png" alt="" ng-show="vendorRate.describeLevel - 1 > 0">
@@ -216,7 +242,7 @@
                     <img ng-src="static/img/user/images/rateGood.png" alt="" ng-show="vendorRate.describeLevel - 3 > 0">
                     <img ng-src="static/img/user/images/rateGood.png" alt="" ng-show="vendorRate.describeLevel - 4 > 0">
                     </span>
-                    <span>卖家服务：</span>
+                    <span>卖家服务</span>
                     <span class="rate-level describe-option">
                     <img ng-src="static/img/user/images/rateGood.png" alt="" ng-show="vendorRate.vendorLevel - 0 > 0">
                     <img ng-src="static/img/user/images/rateGood.png" alt="" ng-show="vendorRate.vendorLevel - 1 > 0">
@@ -224,7 +250,7 @@
                     <img ng-src="static/img/user/images/rateGood.png" alt="" ng-show="vendorRate.vendorLevel - 3 > 0">
                     <img ng-src="static/img/user/images/rateGood.png" alt="" ng-show="vendorRate.vendorLevel - 4 > 0">
                     </span>
-                    <span>物流服务：</span>
+                    <span>物流服务</span>
                     <span class="rate-level describe-option">
                     <img ng-src="static/img/user/images/rateGood.png" alt="" ng-show="vendorRate.logisticsLevel - 0 > 0">
                     <img ng-src="static/img/user/images/rateGood.png" alt="" ng-show="vendorRate.logisticsLevel - 1 > 0">

src/main/webapp/resources/view/vendor/forstore/showRate.html

@@ -222,10 +222,11 @@
     }
     .add-rate .reply-box ul {
         position: absolute;
-        right:32px;
+        left: 124px;
         z-index: 100;
         max-height: 150px;
-        overflow: scroll;
+        overflow: auto;
+        box-shadow: 0 6px 12px rgba(0,0,0,.175);
     }
     .add-rate .reply-box ul li {
         width: 200px;
@@ -270,6 +271,7 @@
         padding-left: 10px;
         overflow: scroll;
         border: 1px solid rgb( 233, 233, 233 );
+        resize: none;
     }
     .add-rate .reply-box .reply-box-btn {
         text-align: center;
@@ -297,10 +299,29 @@
     }
     .add-rate .reply-box .reply-box-text .add-rate-remind {
         position: absolute;
-        bottom: 0px;
-        right: 50px;
+        bottom: 2px;
+        right: 37px;
+        font-size: 12px;
+        color: #999;
+    }
+    .add-rate .reply-box .reply-box-text >textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
+        color: #999;
+        font-size: 12px;
+    }
+
+    .add-rate .reply-box .reply-box-text >textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
+        color: #999;
+        font-size: 12px;
+    }
+
+    .add-rate .reply-box .reply-box-text >textarea:-ms-input-placeholder{
+        color: #999;
         font-size: 12px;
+    }
+
+    .add-rate .reply-box .reply-box-text >textarea::-webkit-input-placeholder{
         color: #999;
+        font-size: 12px;
     }
 </style>
 
@@ -424,8 +445,8 @@
     </table>
     <div class="reply-box" ng-if="showRateBoxFlag">
         <img src="static/img/vendor/images/rate-box-del.png" ng-click="setShowRateBoxFlag(false)" alt="">
-        <div style="position: relative;">
-            <label class="check-active" ng-show="boxStatus == 1 || boxStatus == 2">
+        <div style="position: relative;" ng-show="boxStatus == 1 || boxStatus == 2">
+            <label class="check-active">
                 <input type="checkbox" id="check-act" ng-click="setBoxStatus(boxStatus == 1?2:1)" ng-checked="boxStatus == 1" class="ng-pristine ng-untouched ng-valid">
                 <label for="check-act"></label>
                 <span style="font-size: 14px; color: black; font-weight: normal">使用模板</span>
@@ -440,8 +461,8 @@
             <input type="text" ng-model="modalTempData.modalTitle" ng-if="boxStatus == 3 || boxStatus == 4" class="modal-head" placeholder="请填写模板名称">
         </div>
         <div class="reply-box-text">
-            <textarea ng-readonly="boxStatus == 1" ng-change="listenRateContent()" ng-class="{'active': boxStatus != 1}" ng-model="modalTempData.rateContent"></textarea>
-            <div class="add-rate-remind">
+            <textarea ng-readonly="boxStatus == 1" placeholder="{{boxStatus==2?'请填写您对此评价的回复':boxStatus==3||boxStatus==4?'请填写模板内容':''}}" ng-change="listenRateContent()" ng-class="{'active': boxStatus != 1}" ng-model="modalTempData.rateContent"></textarea>
+            <div class="add-rate-remind" ng-show="boxStatus != 1">
                 <span>{{modalTempData.rateContent.length || 0}}</span>
                 <span>/200</span>
             </div>

src/main/webapp/resources/view/vendor/forstore/vendor_order.html

@@ -641,10 +641,11 @@
 	}
 	.sellOder .reply-box ul {
 		position: absolute;
-		right:43px;
+		left: 124px;
         z-index: 100;
 		max-height: 150px;
-		overflow: scroll;
+		overflow: auto;
+		box-shadow: 0 6px 12px rgba(0,0,0,.175);
 	}
 	.sellOder .reply-box ul li {
 		width: 200px;
@@ -689,6 +690,7 @@
 		padding-left: 10px;
 		overflow: scroll;
 		border: 1px solid rgb( 233, 233, 233 );
+		resize: none;
 	}
 	.sellOder .reply-box .reply-box-text >textarea.active{
 		background: #fff;
@@ -771,11 +773,30 @@
 	}
     .sellOder .reply-box .reply-box-text .add-rate-remind {
         position: absolute;
-        bottom: 0px;
-        right: 56px;
+        bottom: 2px;
+        right: 47px;
         font-size: 12px;
         color: #999;
     }
+	.sellOder .reply-box .reply-box-text >textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
+		color: #999;
+		font-size: 12px;
+	}
+
+	.sellOder .reply-box .reply-box-text >textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
+		color: #999;
+		font-size: 12px;
+	}
+
+	.sellOder .reply-box .reply-box-text >textarea:-ms-input-placeholder{
+		color: #999;
+		font-size: 12px;
+	}
+
+	.sellOder .reply-box .reply-box-text >textarea::-webkit-input-placeholder{
+		color: #999;
+		font-size: 12px;
+	}
 </style>
 <div class="user_right fr">
 	<!--订单中心-->
@@ -1079,8 +1100,8 @@
 				</div>
 			</div>
 			<div class="vendor-modal-content">
-				<div style="position: relative;height: 30px;line-height: 30px;">
-					<label class="check-active" ng-show="boxStatus == 1 || boxStatus == 2">
+				<div style="position: relative;height: 30px;line-height: 30px;" ng-show="boxStatus == 1 || boxStatus == 2">
+					<label class="check-active">
 						<input type="checkbox" id="check-act" ng-click="setBoxStatus(boxStatus == 1?2:1)" ng-checked="boxStatus == 1" class="ng-pristine ng-untouched ng-valid">
 						<label for="check-act"></label>
 						<span style="font-size: 14px; color: black; font-weight: normal" >使用模板</span>
@@ -1095,8 +1116,8 @@
 					<input type="text" ng-model="modalTempData.modalTitle" ng-if="boxStatus == 3 || boxStatus == 4" class="modal-head" placeholder="请填写模板名称">
 				</div>
 				<div class="reply-box-text">
-					<textarea ng-readonly="boxStatus == 1" ng-change="listenRateContent()" ng-class="{'active': boxStatus != 1}" ng-model="modalTempData.rateContent"></textarea>
-                    <div class="add-rate-remind">
+					<textarea ng-readonly="boxStatus == 1" ng-change="listenRateContent()" placeholder="{{boxStatus==2?'请填写您对此评价的回复':boxStatus==3||boxStatus==4?'请填写模板内容':''}}" ng-class="{'active': boxStatus != 1}" ng-model="modalTempData.rateContent"></textarea>
+                    <div class="add-rate-remind" ng-show="boxStatus != 1">
                         <span>{{modalTempData.rateContent.length || 0}}</span>
                         <span>/200</span>
                     </div>