卖家中心评价模态框

src/main/webapp/resources/js/vendor/controllers/forstore/show_rate_ctrl.js

@@ -1,6 +1,6 @@
 define(['app/app'], function(app) {
     app.register.controller('showRateCtrl', ['$scope', '$rootScope', '$stateParams', function ($scope, $rootScope, $stateParams) {
 
-        $scope.text = 'show rate page';
+        $scope.showRateBoxFlag = false;
     }]);
 });

src/main/webapp/resources/js/vendor/controllers/forstore/vendor_order_ctrl.js

@@ -1061,5 +1061,9 @@ define(['app/app'], function (app) {
             }
             return result;
         }
+
+
+        /***********卖家评论模块 *************/
+        $scope.showRateBoxFlag = false;
     });
 });

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

@@ -127,7 +127,7 @@
     .add-rate table thead tr.line02 .describe-option {
         margin-right: 55px;
     }
-    .add-rate table .batch-reply {
+    .add-rate table .batch-reply, .add-rate .reply-box .modal-btn {
         color: #fff;
         background: #ff8623;
         border-radius: 3px;
@@ -186,9 +186,9 @@
     .add-rate .reply-box {
         position: fixed;
         width: 391px;
-        height: 267px;
+        min-height: 282px;
         background: #fff;
-        top: 121px;
+        top: 187px;
         left: 650px;
         box-shadow: 2.5px 4.33px 5px 0px rgb( 187, 186, 186 );
         padding-left: 35px;
@@ -200,8 +200,14 @@
         right: 10px;
         cursor: pointer;
     }
+    .add-rate .reply-box .modal-head {
+        width: 324px;
+        height: 30px;
+        border: 1px solid rgb( 233, 233, 233 );
+        padding-left: 10px;
+    }
     .add-rate .reply-box .modal-select {
-        width: 224px;
+        width: 200px;
         height: 30px;
         display: inline-block;
         margin-left: 42px;
@@ -210,10 +216,10 @@
     }
     .add-rate .reply-box ul {
         position: absolute;
-        right:8px;
+        right:32px;
     }
     .add-rate .reply-box ul li {
-        width: 224px;
+        width: 200px;
         height: 30px;
         line-height: 30px;
         background: #fff;
@@ -225,6 +231,7 @@
         font-size: 12px;
         text-align: center;
         background: #efedee;
+        padding: 0;
     }
     .add-rate .reply-box ul li.add-modal img {
         margin-right: 8px;
@@ -234,21 +241,45 @@
         background: #5079cb;
         color: #fff;
     }
+    .add-rate .reply-box ul li.add-modal:hover {
+        background: #efedee;
+        color: #999;
+    }
     .add-rate .reply-box .reply-box-text {
         margin-top: 10px;
     }
     .add-rate .reply-box .reply-box-text >textarea {
-        width: 340px;
+        width: 324px;
         height: 156px;
         display: block;
         background: #f9f9f9;
         font-size: 14px;
         color: #999;
         padding-top: 10px;
-        padding-left: 20px;
+        padding-left: 10px;
         overflow: scroll;
         border: 1px solid #f9f9f9;
     }
+    .add-rate .reply-box .reply-box-btn {
+        text-align: center;
+        margin-top: 15px;
+        width: 324px;
+    }
+    .add-rate .reply-box .reply-box-btn .modal-btn {
+        float: none;
+        border-radius: 0;
+        font-size: 14px;
+        margin-right: 10px;
+    }
+    .add-rate .reply-box .reply-box-btn .modify-modal {
+    }
+    .add-rate .reply-box .reply-box-btn .cancel-modal {
+        background: #c2c3c5;
+    }
+    .add-rate .reply-box .reply-box-btn .submit-modal {
+        background: #5079cb;
+        margin: 0;
+    }
 
 </style>
 
@@ -367,12 +398,12 @@
         </tr>
         <tr class="record-num">
             <td colspan="6">
-                <span class="count-tip">显示<span ng-bind="$$kdnData.start"></span>-<span ng-bind="$$kdnData.end"></span>，共：<span ng-bind="$$kdnData.totalElements" style="color: #5078cb;"></span>个</span>
+                <span class="count-tip">{{showRateBoxFlag}}显示<span ng-bind="$$kdnData.start"></span>-<span ng-bind="$$kdnData.end"></span>，共：<span ng-bind="$$kdnData.totalElements" style="color: #5078cb;"></span>个</span>
             </td>
         </tr>
         </tbody>
     </table>
-    <div class="reply-box">
+    <div class="reply-box" ng-if="showRateBoxFlag">
         <img src="static/img/vendor/images/rate-box-del.png" alt="">
         <div style="position: relative;">
             <label class="check-active">
@@ -388,9 +419,17 @@
                 <li class="add-modal"><img src="static/img/vendor/images/rate-add.png" alt="">新增模板</li>
             </ul>
         </div>
+        <div>
+            <input type="text" class="modal-head" placeholder="请填写模板名称">
+        </div>
         <div class="reply-box-text">
             <textarea readonly>谢谢亲的好评</textarea>
         </div>
-
+        <div class="reply-box-btn">
+            <span class="modal-btn modify-modal">修改模板</span>
+            <span class="modal-btn cancel-modal">取消</span>
+            <span class="modal-btn cancel-modal">返回上一步</span>
+            <span class="modal-btn submit-modal">提交</span>
+        </div>
     </div>
 </div>

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

@@ -608,6 +608,144 @@
 	.border-bt-16:nth-of-type(1){
 		border-top: none;
 	}
+	.sellOder .reply-box {
+		position: fixed;
+		width: 391px;
+		min-height: 282px;
+		background: #fff;
+		top: 187px;
+		left: 650px;
+		box-shadow: 2.5px 4.33px 5px 0px rgb( 187, 186, 186 );
+	}
+	.sellOder .reply-box .vendor-modal-content {
+		padding-left: 24px;
+	}
+	.sellOder .reply-box >img {
+		position: absolute;
+		top: 10px;
+		right: 10px;
+		cursor: pointer;
+	}
+	.sellOder .reply-box .modal-select {
+		width: 200px;
+		height: 30px;
+		display: inline-block;
+		margin-left: 42px;
+		cursor: default;
+		background: #fff;
+	}
+	.sellOder .reply-box ul {
+		position: absolute;
+		right:44px;
+	}
+	.sellOder .reply-box ul li {
+		width: 200px;
+		height: 30px;
+		line-height: 30px;
+		background: #fff;
+		padding-left: 12px;
+		cursor: pointer;
+	}
+	.sellOder .reply-box ul li.add-modal {
+		color: #999;
+		font-size: 12px;
+		text-align: center;
+		background: #efedee;
+		padding: 0;
+	}
+	.sellOder .reply-box ul li.add-modal img {
+		margin-right: 8px;
+		margin-bottom: 3px;
+	}
+	.sellOder .reply-box ul li:hover {
+		background: #5079cb;
+		color: #fff;
+	}
+	.sellOder .reply-box ul li.add-modal:hover {
+		background: #efedee;
+		color: #999;
+	}
+	.sellOder .reply-box .reply-box-text {
+		margin-top: 10px;
+	}
+	.sellOder .reply-box .reply-box-text >textarea {
+		width: 324px;
+		height: 156px;
+		display: block;
+		background: #f9f9f9;
+		font-size: 14px;
+		color: #999;
+		padding-top: 10px;
+		padding-left: 10px;
+		overflow: scroll;
+		border: 1px solid #f9f9f9;
+	}
+	.sellOder .reply-box .reply-box-btn {
+		text-align: center;
+		margin-top: 15px;
+		width: 324px;
+	}
+	.sellOder .reply-box .reply-box-btn .modal-btn {
+		float: none;
+		border-radius: 0;
+		font-size: 14px;
+		margin-right: 10px;
+		color: #fff;
+		padding: 4px 10px;
+		cursor: pointer;
+	}
+	.sellOder .reply-box .reply-box-btn .modify-modal {
+		background: #ff8623;
+	}
+	.sellOder .reply-box .reply-box-btn .cancel-modal {
+		background: #c2c3c5;
+	}
+	.sellOder .reply-box .reply-box-btn .submit-modal {
+		background: #5079cb;
+		margin: 0;
+	}
+	.sellOder .reply-box .vendor-modal-header {
+		margin-bottom: 15px;
+	}
+	.sellOder .reply-box .vendor-modal-header .modal-add-rate {
+		background: #ededef;
+		padding: 10px 24px;
+	}
+	.sellOder .reply-box .vendor-modal-header .modal-first-rate {
+		padding: 10px 24px;
+	}
+	.sellOder .reply-box .vendor-modal-header .modal-first-rate >span {
+		font-size: 14px;
+		margin-right: 60px;
+	}
+	.sellOder .reply-box .vendor-modal-header .modal-add-rate {
+		font-size: 14px;
+	}
+	.sellOder .reply-box .vendor-modal-header .modal-first-rate >span img,
+	.sellOder .reply-box .vendor-modal-header .modal-add-rate >div >span img
+	{
+		position: relative;
+		right: 3px;
+		top: -1px;
+	}
+	.sellOder .reply-box .vendor-modal-header .modal-first-rate label span {
+		font-weight: normal;
+	}
+	.sellOder .reply-box .vendor-modal-header .modal-first-rate label input {
+		margin: 0;
+	}
+	.sellOder .reply-box .vendor-modal-header .modal-add-rate .rate-item {
+		display: block;
+		margin-bottom: 10px;
+	}
+	.sellOder .reply-box .vendor-modal-header .modal-add-rate .rate-content {
+		width: 243px;
+		display: inline-block;
+		float: right;
+	}
+	.sellOder .reply-box .vendor-modal-header .modal-add-rate .rate-content span {
+		word-break: break-all;
+	}
 </style>
 <div class="user_right fr">
 	<!--订单中心-->
@@ -812,7 +950,9 @@
                                 <a class="order-operation" href="javascript:void(0)" ng-if="(purchase.status == 502 || purchase.status == 406)&&(purchase.uasPurcid == null)" ng-click="toBeShiped(purchase)">点击发货</a>
 								<a ng-if="purchase.uasPurcid" style="text-decoration: none;color: #323232;">来源UAS</a>
                                 <a class="order-operation" href="javascript:void(0)" ng-if="purchase.status == 404 && purchase.lgtId&&!purchase.uasPurcid" ng-click="toBeShiped(purchase)" style="position: relative;">修改物流</a>
-                                <div class="seller-ship-tip" ng-if="purchase.status == 404 && purchase.lgtId &&!purchase.uasPurcid" style="position: relative;">
+								<a class="order-operation" href="javascript:void(0)" style="position: relative;">追加评价</a>
+								<a class="order-operation" href="javascript:void(0)" style="position: relative;">评价</a>
+								<div class="seller-ship-tip" ng-if="purchase.status == 404 && purchase.lgtId &&!purchase.uasPurcid" style="position: relative;">
                                     <img src="static/img/common/notice-tip.png" ng-mouseover="purchase.noticeTip = true" ng-mouseleave="purchase.noticeTip = false"/>
                                     <div class="ship-notify" ng-if="purchase.noticeTip">
                                       <div class="arrow"></div>
@@ -863,6 +1003,71 @@
 				</div>
 			</dl>
 		</div>
+		<div class="reply-box" ng-if="showRateBoxFlag">
+			<img src="static/img/vendor/images/rate-box-del.png" alt="">
+			<div class="vendor-modal-header">
+				<div class="modal-first-rate">
+					<span>
+						<label class="check-act">
+                                <img src="static/img/user/images/rate1.png" alt="">
+                                <span>好评</span>
+                                <input type="radio" id="1" name="rate"/>
+                                <label for="1"></label>
+                            </label>
+					</span>
+					<span>
+						<label class="check-act">
+                                <img src="static/img/user/images/rate2.png" alt="">
+                                <span>中评</span>
+                                <input type="radio" id="2" name="rate"/>
+                                <label for="2"></label>
+                            </label>
+					</span>
+					<span>
+						<label class="check-act">
+                                <img src="static/img/user/images/rate3.png" alt="">
+                                <span>差评</span>
+                                <input type="radio" id="3" name="rate"/>
+                                <label for="3"></label>
+                            </label>
+					</span>
+				</div>
+				<div class="modal-add-rate">
+					<div style="width: 70px;display: inline-block;">
+						<span class="rate-item">初次评价：</span>
+						<span><img src="static/img/user/images/rate2.png" alt="">中评</span>
+					</div>
+					<div class="rate-content">
+						<span>asdasdasdasdadaasdasdasdasdasdasdasdasdasdasdasdadsadssd</span>
+					</div>
+				</div>
+			</div>
+			<div class="vendor-modal-content">
+				<div style="position: relative;">
+					<label class="check-active">
+						<input ng-model="isSetTop" type="checkbox" id="check-act" class="ng-pristine ng-untouched ng-valid" checked="checked">
+						<label for="check-act"></label>
+						<span style="font-size: 14px; color: black; font-weight: normal">使用模板</span>
+					</label>
+					<input type="search" class="form-control modal-select" readonly>
+					<ul>
+						<li>aaa</li>
+						<li>bbb</li>
+						<li>ccc</li>
+						<li class="add-modal"><img src="static/img/vendor/images/rate-add.png" alt="">新增模板</li>
+					</ul>
+				</div>
+				<div class="reply-box-text">
+					<textarea readonly>谢谢亲的好评</textarea>
+				</div>
+				<div class="reply-box-btn">
+					<span class="modal-btn modify-modal">修改模板</span>
+					<span class="modal-btn cancel-modal">取消</span>
+					<span class="modal-btn cancel-modal">返回上一步</span>
+					<span class="modal-btn submit-modal">提交</span>
+				</div>
+			</div>
+		</div>
 	</div>
 	<!--猜你喜欢-->
 	<!--<div class="love_list">