配送规则新手引导新增点击跳转当前步

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

@@ -153,6 +153,7 @@ define([ 'app/app' ], function(app) {
                 $scope.fareArray.push(secondFare);
             }
         };
+        // 新手引导
         $scope.prevIndex = function () {
             $scope.currentStep =  $scope.currentStep - 1;
             angular.forEach ($scope.imagesObject, function (object, index) {
@@ -161,7 +162,15 @@ define([ 'app/app' ], function(app) {
                     object.img = $scope.imgIndex[index];
                 }
             })
-            
+        };
+        $scope.currentIndex = function (idx) {
+            $scope.currentStep = idx;
+            angular.forEach ($scope.imagesObject, function (object, index) {
+                object.img = '';
+                if ($scope.currentStep == index + 1) {
+                    object.img = $scope.imgIndex[index];
+                }
+            })
         };
         $scope.nextIndex = function () {
             $scope.currentStep =  $scope.currentStep + 1;
@@ -173,6 +182,7 @@ define([ 'app/app' ], function(app) {
             })
 
         };
+
         $scope.cancelOperateTip = function (noTip) {
             if (noTip){
                 TipRecord.turnTipRecordOfRule({}, {}, function (data) {

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

@@ -300,7 +300,7 @@
 		position: absolute ;
 	}
 	.guide ul.guide-content li.guide01{
-		top: -127px;
+		top: -134px;
 		left: -374px;
 	}
 	.guide ul.guide-content li.guide02{
@@ -378,6 +378,62 @@
 	.guide ul.guide-content li div span.pre{
 		margin-right: 23px;
 	}
+	.guide ul.guide-content li .rightBtn{
+		position: absolute;
+		width: 400px;
+	}
+	.guide ul.guide-content li .rightBtn span{
+		margin-right: 30.5px;
+		display: inline-block;
+		width: 15px;
+		height: 15px;
+		border-radius: 100%;
+		background: transparent;
+	}
+	.guide ul.guide-content li .rightBtn span.lastBtn{
+		margin-right: 23px;
+	}
+	.guide ul.guide-content li .rightBtn em{
+		margin-right: 22px;
+		display: inline-block;
+		width: 20px;
+		height: 20px;
+		border-radius: 100%;
+		background: transparent ;
+		cursor: pointer;
+	}
+	.guide ul.guide-content li.guide01 .rightBtn{
+		top: 377px;
+		left: 528px;
+	}
+	.guide ul.guide-content li.guide02 .rightBtn{
+		top: 784px;
+		left: 565px;
+	}
+	.guide ul.guide-content li.guide03 .rightBtn{
+		top: 494px;
+		left: 530px;
+	}
+	.guide ul.guide-content li.guide04 .rightBtn{
+		top: 628px;
+		left: 535px;
+	}
+	.guide ul.guide-content li.guide04 .rightBtn em{
+		margin-right: 16px;
+	}
+	.guide ul.guide-content li.guide04 .rightBtn span{
+		margin-right: 31px;
+	}
+	.guide ul.guide-content li.guide04 .rightBtn span.lastBtn {
+		margin-right: 16px;
+	}
+	.guide ul.guide-content li.guide05 .rightBtn{
+		top: 663px;
+		left: 1215px;
+	}
+	.guide ul.guide-content li .rightBtn em.disableBtn{
+		cursor: default;
+	}
 </style>
 <script src="static/lib/ui-tour/tour.js"></script>
 <!--右侧主体部分-->
@@ -770,26 +826,31 @@
 			<img ng-src="{{imagesObject[currentStep-1].img}}" alt=""/>
 			<!--点击下一步-->
 			<span class="next-btn" ng-click="nextIndex()"></span>
+			<div class="rightBtn"><em class="disableBtn"></em><span ng-click="currentIndex(1)"></span><span ng-click="currentIndex(2)"></span><span ng-click="currentIndex(3)"></span><span ng-click="currentIndex(4)"></span><span class="lastBtn" ng-click="currentIndex(5)"></span><em ng-click="nextIndex()"></em></div>
 		</li>
 		<li target="h1:eq(1)" at="top" class="popover top in guide02">
 			<img ng-src="{{imagesObject[currentStep-1].img}}" alt=""/>
 			<!--点击上一步 下一步-->
 			<div class="click2"><span class="pre"  ng-click="prevIndex()"></span><span class="next" ng-click="nextIndex()"></span></div>
+			<div class="rightBtn"><em ng-click="prevIndex()"></em><span ng-click="currentIndex(1)"></span><span ng-click="currentIndex(2)"></span><span ng-click="currentIndex(3)"></span><span ng-click="currentIndex(4)"></span><span class="lastBtn" ng-click="currentIndex(5)"></span><em ng-click="nextIndex()"></em></div>
 		</li>
 		<li target="h1:eq(2) a" at="left" name="chapter3" class="popover left in guide03">
 			<img ng-src="{{imagesObject[currentStep-1].img}}" alt=""/>
 			<!--点击上一步 下一步-->
 			<div class="click3"><span class="pre" ng-click="prevIndex()"></span><span class="next"  ng-click="nextIndex()"></span></div>
+			<div class="rightBtn"><em ng-click="prevIndex()"></em><span ng-click="currentIndex(1)"></span><span ng-click="currentIndex(2)"></span><span ng-click="currentIndex(3)"></span><span ng-click="currentIndex(4)"></span><span class="lastBtn" ng-click="currentIndex(5)"></span><em ng-click="nextIndex()"></em></div>
 		</li>
 		<li target="h1:eq(3)" at="bottom" class="popover bottom in guide04">
 			<img ng-src="{{imagesObject[currentStep-1].img}}" alt=""/>
 			<!--点击上一步 下一步-->
 			<div class="click4"><span class="pre"  ng-click="prevIndex()"></span><span class="next" ng-click="nextIndex()"></span></div>
+			<div class="rightBtn"><em ng-click="prevIndex()"></em><span ng-click="currentIndex(1)"></span><span ng-click="currentIndex(2)"></span><span ng-click="currentIndex(3)"></span><span ng-click="currentIndex(4)"></span><span class="lastBtn" ng-click="currentIndex(5)"></span><em ng-click="nextIndex()"></em></div>
 		</li>
 		<li target="h1:eq(4)" at="bottom" class="popover bottom in guide05">
 			<img ng-src="{{imagesObject[currentStep-1].img}}" alt=""/>
 			<!--点击上一步 下一步-->
 			<div class="click5"><span class="pre"  ng-click="prevIndex()"></span><span class="next" ng-click="cancelOperateTip(noTip)"></span> <input type="checkbox" ng-model="noTip"></div>
+			<div class="rightBtn"><em ng-click="prevIndex()"></em><span ng-click="currentIndex(1)"></span><span ng-click="currentIndex(2)"></span><span ng-click="currentIndex(3)"></span><span ng-click="currentIndex(4)"></span><span class="lastBtn" ng-click="currentIndex(5)"></span><em class="disableBtn"></em></div>
 		</li>
 	</ul>
 	<div class="tour-overlay fade"></div>