基本信息
源码名称：Web分布式流程图（ystep）
源码大小：0.05M
文件格式：.zip
开发语言：js
更新时间：2019-11-25
   友情提示：（无需注册或充值，赞助后即可获取资源下载链接）

     嘿，亲！知识可是无价之宝呢，但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下，绝对物超所值哦！如有下载和支付问题，请联系我们QQ(微信同号)：813200300

本次赞助数额为： 3 元　
   源码介绍
如有发现问题请发送到18538647835@163.com邮箱一起改进


<!DOCTYPE html>
<html>

	<head>
		<title>动态流程、步骤插件</title>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<!-- 引入ystep样式 -->
		<link rel="stylesheet" href="css/ystep.css">
	</head>

	<body>
		<br><br><br><br><br>
		<div class="ystep3"></div>

	</body>
	<script src="js/jquery.min.js"></script>
	<script src="js/ystep.js"></script>
	<script>
		var index=0
		$(function(){
			Step();
			OnClick()
		})
		function Step(){
			$(".ystep3").loadStep({
				size: "small",
				color: "blue",
				steps: [{title: "开始",ajax_url: "xunjiangongdan.js",content: "当前状态：开始"
	            }, {title: "派单",ajax_url: "xunjiangongdan.js",content: "当前状态：派单"
	            }, {title: "接单",ajax_url: "xunjiangongdan.js",content: "当前状态：接单"
	            }, {title: "出发",ajax_url: "xunjiangongdan.js",content: "当前状态：出发"
	            }, {title: "到场",ajax_url: "xunjiangongdan.js",content: "当前状态：到场"
	            }, {title: "回填",ajax_url: "xunjiangongdan.js",content: "当前状态：回填"
	            }, {title: "销单",ajax_url: "xunjiangongdan.js",content: "当前状态：销单"}]
			});
			setInterval(function () {
	            index  ;
	            if (index >6) {
	                index=0
	            };
	            $(".ystep3").setStep(index 1);
	        }, 3000)
		}
		
		function OnClick(){
			$(".ystep-container-steps").on('click', 'li', function() {
				index = $(this).index()//下标从0
				console.log(this)
				console.log(index)
				$(".ystep3").setStep(index   1);
			})
		}

		
        
		
		
	</script>

</html>