模板下拉框样式调整

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

@@ -220,14 +220,37 @@
         cursor: default;
         background: #fff;
     }
-    .add-rate .reply-box ul {
+    .add-rate .reply-box .modal-list {
         position: absolute;
         left: 124px;
         z-index: 100;
-        max-height: 150px;
-        overflow: auto;
         box-shadow: 0 6px 12px rgba(0,0,0,.175);
     }
+    .add-rate .reply-box .modal-list >span {
+        width: 200px;
+        height: 30px;
+        line-height: 30px;
+        cursor: pointer;
+        overflow: hidden;
+        color: #999;
+        font-size: 12px;
+        text-align: center;
+        background: #efedee;
+        padding: 0;
+        display: block;
+    }
+    .add-rate .reply-box .modal-list >span:hover {
+        background: #efedee;
+        color: #999;
+    }
+    .add-rate .reply-box .modal-list >span img{
+        margin-right: 8px;
+        margin-bottom: 3px;
+    }
+    .add-rate .reply-box ul {
+        max-height: 120px;
+        overflow: auto;
+    }
     .add-rate .reply-box ul li {
         width: 200px;
         height: 30px;
@@ -237,13 +260,13 @@
         cursor: pointer;
         overflow: hidden;
     }
-    .add-rate .reply-box ul li.add-modal {
+   /* .add-rate .reply-box ul li.add-modal {
         color: #999;
         font-size: 12px;
         text-align: center;
         background: #efedee;
         padding: 0;
-    }
+    }*/
     .add-rate .reply-box ul li.add-modal img {
         margin-right: 8px;
         margin-bottom: 3px;
@@ -252,10 +275,10 @@
         background: #5079cb;
         color: #fff;
     }
-    .add-rate .reply-box ul li.add-modal:hover {
+   /* .add-rate .reply-box ul li.add-modal:hover {
         background: #efedee;
         color: #999;
-    }
+    }*/
     .add-rate .reply-box .reply-box-text {
         margin-top: 10px;
         position: relative;
@@ -452,10 +475,12 @@
                 <span style="font-size: 14px; color: black; font-weight: normal">使用模板</span>
             </label>
             <input type="search" ng-model="modalTempData.modalTitle" ng-show="boxStatus == 1" class="form-control modal-select" ng-focus="setShowModalListFlag(true)" ng-blur="setShowModalListFlag(false)" readonly>
-            <ul ng-show="showModalListFlag" ng-mouseenter="setIsInListFlag(true)" ng-mouseleave="setIsInListFlag(false)">
-                <li ng-repeat="modal in modalData" ng-bind="modal.rateTemplateName" ng-click="chooseModal(modal)"></li>
-                <li ng-click="addModal()" class="add-modal"><img src="static/img/vendor/images/rate-add.png" alt="">新增模板</li>
-            </ul>
+            <div ng-show="showModalListFlag" class="modal-list" ng-mouseenter="setIsInListFlag(true)" ng-mouseleave="setIsInListFlag(false)">
+                <ul>
+                    <li ng-repeat="modal in modalData" ng-bind="modal.rateTemplateName" ng-click="chooseModal(modal)"></li>
+                </ul>
+                <span ng-click="addModal()" class="add-modal"><img src="static/img/vendor/images/rate-add.png" alt="">新增模板</span>
+            </div>
         </div>
         <div>
             <input type="text" ng-model="modalTempData.modalTitle" ng-if="boxStatus == 3 || boxStatus == 4" class="modal-head" placeholder="请填写模板名称">

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

@@ -639,14 +639,37 @@
 		cursor: default;
 		background: #fff;
 	}
-	.sellOder .reply-box ul {
+	.sellOder .reply-box .modal-list {
 		position: absolute;
 		left: 124px;
-        z-index: 100;
-		max-height: 150px;
-		overflow: auto;
+		z-index: 100;
 		box-shadow: 0 6px 12px rgba(0,0,0,.175);
 	}
+	.sellOder .reply-box .modal-list >span {
+		width: 200px;
+		height: 30px;
+		line-height: 30px;
+		cursor: pointer;
+		overflow: hidden;
+		color: #999;
+		font-size: 12px;
+		text-align: center;
+		background: #efedee;
+		padding: 0;
+		display: block;
+	}
+	.sellOder .reply-box .modal-list >span:hover {
+		background: #efedee;
+		color: #999;
+	}
+	.sellOder .reply-box .modal-list >span img{
+		margin-right: 8px;
+		margin-bottom: 3px;
+	}
+	.sellOder .reply-box ul {
+		max-height: 120px;
+		overflow: auto;
+	}
 	.sellOder .reply-box ul li {
 		width: 200px;
 		height: 30px;
@@ -656,13 +679,13 @@
 		cursor: pointer;
 		overflow: hidden;
 	}
-	.sellOder .reply-box ul li.add-modal {
+	/*.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;
@@ -1107,10 +1130,12 @@
 						<span style="font-size: 14px; color: black; font-weight: normal" >使用模板</span>
 					</label>
 					<input type="search" ng-model="modalTempData.modalTitle" ng-show="boxStatus == 1" class="form-control modal-select" ng-focus="setShowModalListFlag(true)" ng-blur="setShowModalListFlag(false)" readonly>
-					<ul ng-show="showModalListFlag" ng-mouseenter="setIsInListFlag(true)" ng-mouseleave="setIsInListFlag(false)">
-						<li ng-repeat="modal in modalData" ng-bind="modal.rateTemplateName" ng-click="chooseModal(modal)"></li>
-						<li ng-click="addModal()" class="add-modal"><img src="static/img/vendor/images/rate-add.png" alt="">新增模板</li>
-					</ul>
+					<div ng-show="showModalListFlag" class="modal-list" ng-mouseenter="setIsInListFlag(true)" ng-mouseleave="setIsInListFlag(false)">
+						<ul>
+							<li ng-repeat="modal in modalData" ng-bind="modal.rateTemplateName" ng-click="chooseModal(modal)"></li>
+						</ul>
+						<span ng-click="addModal()" class="add-modal"><img src="static/img/vendor/images/rate-add.png" alt="">新增模板</span>
+					</div>
 				</div>
 				<div>
 					<input type="text" ng-model="modalTempData.modalTitle" ng-if="boxStatus == 3 || boxStatus == 4" class="modal-head" placeholder="请填写模板名称">