李涵 / shipin · 提交

转到一个项目

作者 lihan
提交 7d967d53f3d7f219cc857a6b8d97782e374166e0 1 个父辈 e1986769

列表页、详情页导航取货完成

内嵌 并排对比
正在显示 2 个修改的文件 包含 355 行增加 和 326 行删除
var state = GetQueryString("state");
var state = GetQueryString("state");
console.log(state);
new Vue({
el: '#mineorder',
filters:{
orderType: function(value,type){
return value=='1'?'未付款':value=='2'?'制作中':value=='3'?'待取货':value=='4'?'待评价':value=='5'?'已完成':""
},
stoptype:function(type){
return type=='1'?'自提':type=='2'?'堂食':""
}
},
el: '#mineorder',
filters:{
orderType: function(value,type){
return value=='1'?'未付款':value=='2'?'制作中':value=='3'?'待取货':value=='4'?'待评价':value=='5'?'已完成':""
},
stoptype:function(type){
return type=='1'?'自提':type=='2'?'堂食':""
}
},
data: {
orderinfo: [],
tempInfo: [],
status: '',
current: 0,
tapType: 0
},
created: function() {
//获取所有订单列表
if(state){
this.tapType = state
this.allfood(state)
}else{
this.allfood();
}
},
methods: {
orderInfo(item) {
var type = item == '0' ? '' : item
this.tapType = item
this.allfood(type);
data: {
orderinfo: [],
tempInfo: [],
status: '',
current: 0,
tapType: 0
},
created: function() {
//获取所有订单列表
if(state){
this.tapType = state
this.allfood(state)
}else{
this.allfood();
}
},
methods: {
orderInfo(item) {
var type = item == '0' ? '' : item
this.tapType = item
this.allfood(type);
// this.showPosition();
},
//全部食品
allfood: function(status) {
this.orderinfo = []
var that = this;
var url = '/UserCenter/myOrderList';
var params = {
unique_id: localStorage.getItem('unique_id'),
status: status
}
ajaxsend(url, params, function(res) {
console.log(res);
if(res.status) {
var data = res.data;
that.orderinfo = data;
var orderlist = that.orderinfo;
console.log(that.orderinfo);
var orderlist = that.orderinfo;
}
},
//全部食品
allfood: function(status) {
this.orderinfo = []
var that = this;
var url = '/UserCenter/myOrderList';
var params = {
unique_id: localStorage.getItem('unique_id'),
status: status
}
ajaxsend(url, params, function(res) {
console.log(res);
if(res.status) {
var data = res.data;
that.orderinfo = data;
var orderlist = that.orderinfo;
console.log(that.orderinfo);
var orderlist = that.orderinfo;
}
})
},
//未支付订单的去支付
unpaypay:function(obj){
})
},
//未支付订单的去支付
unpaypay:function(obj){
var oid=obj.oid;
window.event.stopPropagation();
window.event.stopPropagation();
$.ajax({
url:"/index.php/Flow/goPayFromUserCenter2",
data:{
unique_id:localStorage.getItem('unique_id'),
oid:oid,
from:2
},
},
type:"POST",
dataType:"JSON",
success: function (data) {
console.log(data);
console.log(data);
wx.chooseWXPay({
timestamp: data.data.timeStamp, // 支付签名时间戳，注意微信jssdk中的所有使用timestamp字段均为小写。但最新版的支付后台生成签名使用的timeStamp字段名需大写其中的S字符
nonceStr: data.data.nonceStr, // 支付签名随机串，不长于 32 位
... ... @@ -84,12 +84,12 @@ new Vue({
});
}
})
},
//未支付订单的取消订单
cancelorder:function(obj){
window.event.stopPropagation();
//alert("取消订单");
console.log(obj);
},
//未支付订单的取消订单
cancelorder:function(obj){
window.event.stopPropagation();
//alert("取消订单");
console.log(obj);
var con=confirm("是否删除该订单");
if(con==true){
var oid=obj.oid;
... ... @@ -111,63 +111,75 @@ new Vue({
})
}
},
//去评价
goevalute:function(obj){
window.event.stopPropagation();
},
//去评价
goevalute:function(obj){
window.event.stopPropagation();
// console.log(obj);
var oid=obj.oid;
window.location.href='/index.php?g=&m=template&a=evaluate&oid=' + oid
},
//再来一单
againorder:function(obj){
window.event.stopPropagation();
var oid=obj.oid;
window.location.href='/index.php?g=&m=template&a=evaluate&oid=' + oid
},
//再来一单
againorder:function(obj){
window.event.stopPropagation();
window.location.href = '/index.php?g=&m=template&a=index';
},
//导航去取货
navigation:function(obj){
window.event.stopPropagation();
var that=this;
var oid=obj.oid;
var url = '/Map/goMap'
var params = {
oid:oid
}
ajaxsend(url, params, function(res) {
/*console.log(JSON.stringify(res))*/
console.log(res);
})
},
//定位
},
//导航去取货
navigation:function(obj){
var oid=obj.oid;
$.ajax({
url:"/index.php?g=&m=template&a=myorder",
data:{
oid:oid,
},
type:"POST",
dataType:"JSON",
success: function (data) {
//console.log(data.data);
lng=parseFloat(data.data.lng);
lat=parseFloat(data.data.lat);
wx.openLocation({
latitude: lat, // 纬度，浮点数，范围为90 ~ -90
longitude: lng, // 经度，浮点数，范围为180 ~ -180。
name: data.data.spot_name, // 位置名
address: data.data.address, // 地址详情说明
scale: 16, // 地图缩放级别,整形值,范围从1~28。默认为最大
infoUrl: '' // 在查看位置界面底部显示的超链接,可点击跳转
});
}
})
},
//定位
// showPosition:function(position){
// var lat = position.coords.latitude; //纬度
// var lag = position.coords.longitude; //经度
// alert('纬度:'+lat+',经度:'+lag);
// },
//订单详情
orderdetail: function(obj) {
var that = this;
console.log(obj)
var oid = obj.oid;
var status = obj.status;
if(status == "1") {
window.location.href = '/index.php?g=&m=template&a=paydetails&oid=' + oid
} else if(status == "2") {
window.location.href = '/index.php?g=&m=template&a=makedetails&oid=' + oid
} else if(status == "3") {
window.location.href = '/index.php?g=&m=template&a=takedetails&oid=' + oid
} else if(status == "4") {
window.location.href ='/index.php?g=&m=template&a=evaluatedetails&oid=' + oid
} else if(status == "5") {
window.location.href = '/index.php?g=&m=template&a=finishdetails&oid=' + oid
}
}
}
//订单详情
orderdetail: function(obj) {
var that = this;
console.log(obj)
var oid = obj.oid;
var status = obj.status;
if(status == "1") {
window.location.href = '/index.php?g=&m=template&a=paydetails&oid=' + oid
} else if(status == "2") {
window.location.href = '/index.php?g=&m=template&a=makedetails&oid=' + oid
} else if(status == "3") {
window.location.href = '/index.php?g=&m=template&a=takedetails&oid=' + oid
} else if(status == "4") {
window.location.href ='/index.php?g=&m=template&a=evaluatedetails&oid=' + oid
} else if(status == "5") {
window.location.href = '/index.php?g=&m=template&a=finishdetails&oid=' + oid
}
}
}
})
... ...
<!DOCTYPE html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link rel="stylesheet" type="text/css" href="/themes/simplebootx/Portal/Template/css/swiper-3.4.2.min.css" />
<link rel="stylesheet" type="text/css" href="/themes/simplebootx/Portal/Template/css/init.css" />
<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_647640_n3cow34ja3gzaor.css" />
<link rel="stylesheet" type="text/css" href="/themes/simplebootx/Portal/Template/css/myorder/myorder.css" />
<!--jquery weui-->
<link rel="stylesheet" href="/themes/simplebootx/Portal/Template/css/weui.min.css">
<!--<link rel="stylesheet" href="/themes/simplebootx/Portal/Template/css/jquery-weui.css">-->
<link rel="stylesheet" href="/themes/simplebootx/Portal/Template/css/demos.css">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link rel="stylesheet" type="text/css" href="/themes/simplebootx/Portal/Template/css/swiper-3.4.2.min.css" />
<link rel="stylesheet" type="text/css" href="/themes/simplebootx/Portal/Template/css/init.css" />
<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_647640_n3cow34ja3gzaor.css" />
<link rel="stylesheet" type="text/css" href="/themes/simplebootx/Portal/Template/css/myorder/myorder.css" />
<!--jquery weui-->
<link rel="stylesheet" href="/themes/simplebootx/Portal/Template/css/weui.min.css">
<!--<link rel="stylesheet" href="/themes/simplebootx/Portal/Template/css/jquery-weui.css">-->
<link rel="stylesheet" href="/themes/simplebootx/Portal/Template/css/demos.css">
<script src="/themes/simplebootx/Portal/Template/js/base.js" type="text/javascript" charset="utf-8"></script>
<script src="/themes/simplebootx/Portal/Template/js/vue.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/themes/simplebootx/Portal/Template/js/vue.js" type="text/javascript" charset="utf-8"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<title>我的订单</title>
<style type="text/css">
.nodata{
margin-top: 90px;
text-align: center;
color: #999;
font-size: 14px;
}
.food_item+.food_item{
margin-top: 10px;
}
</style>
</head>
<script src="/themes/simplebootx/Portal/Template/js/base.js" type="text/javascript" charset="utf-8"></script>
<script src="/themes/simplebootx/Portal/Template/js/vue.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/themes/simplebootx/Portal/Template/js/vue.js" type="text/javascript" charset="utf-8"></script>
<script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<title>我的订单</title>
<style type="text/css">
.nodata{
margin-top: 90px;
text-align: center;
color: #999;
font-size: 14px;
}
.food_item+.food_item{
margin-top: 10px;
}
</style>
</head>
<body>
<div class="container" id="mineorder">
<!--遮罩-->
<div class="wrap">
<!--弹层-->
<div class="popup">
<span class="text">是否确认取消订单？</span>
<div class="btn">
确定
</div>
</div>
</div>
<!--导航-->
<div class="nav">
<ul>
<li class="all" :class="tapType=='0'?'active':''" @click="orderInfo(0)" >全部</li>
<li class="pay_item" :class="tapType=='1'?'active':''" @click="orderInfo(1)" id="pay">未付款</li>
<li class="make_item" :class="tapType=='2'?'active':''" @click="orderInfo(2)">制作中</li>
<li class="take_item" :class="tapType=='3'?'active':''" @click="orderInfo(3)">待取货</li>
<li class="evaluate_item" :class="tapType=='4'?'active':''" @click="orderInfo(4)">待评价</li>
<li class="finish_item" :class="tapType=='5'?'active':''" @click="orderInfo(5)">已完成</li>
</ul>
<script>
wx.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
appId: '{$sdk.appId}', // 必填，公众号的唯一标识
timestamp: '{$sdk.timestamp}', // 必填，生成签名的时间戳
nonceStr: '{$sdk.nonceStr}', // 必填，生成签名的随机串
signature: '{$sdk.signature}',// 必填，签名
jsApiList: [
'openLocation'
] // 必填，需要使用的JS接口列表
});
</script>
<body>
<div class="container" id="mineorder">
<!--遮罩-->
<div class="wrap">
<!--弹层-->
<div class="popup">
<span class="text">是否确认取消订单？</span>
<div class="btn">
确定
</div>
<!--待付款-->
<div class="main" v-cloak>
<div class="nav_item pay_details" :id="item.oid" v-for="(item,index) in orderinfo" @click="orderdetail(item)">
</div>
</div>
<!--导航-->
<div class="nav">
<ul>
<li class="all" :class="tapType=='0'?'active':''" @click="orderInfo(0)" >全部</li>
<li class="pay_item" :class="tapType=='1'?'active':''" @click="orderInfo(1)" id="pay">未付款</li>
<li class="make_item" :class="tapType=='2'?'active':''" @click="orderInfo(2)">制作中</li>
<li class="take_item" :class="tapType=='3'?'active':''" @click="orderInfo(3)">待取货</li>
<li class="evaluate_item" :class="tapType=='4'?'active':''" @click="orderInfo(4)">待评价</li>
<li class="finish_item" :class="tapType=='5'?'active':''" @click="orderInfo(5)">已完成</li>
</ul>
</div>
<!--待付款-->
<div class="main" v-cloak>
<div class="nav_item pay_details" :id="item.oid" v-for="(item,index) in orderinfo" @click="orderdetail(item)">
<div class="nav_item_pay">
<div class="nav_item_pay_left">
<!--<p class="pay">{{item.status}}</p>-->
<p :class="{'pay':item.status=='1','make':item.status=='2','take':item.status=='3','evalute':item.status=='4','evalute':item.status=='5'}">{{item.status|orderType}}</p>
<p class="num">{{item.order_sn}}</p>
<!--<p class="nav_item_pay_btn">{{item.order_type}}</p>-->
<p :class="item.order_type=='1'?'nav_item_pay_btn':'nav_item_pay_btn_eat'">{{item.order_type|stoptype}}</p>
</div>
<div class="nav_item_pay_right">
<p class="date">{{item.add_time}}</p>
<div class="nav_item_pay">
<div class="nav_item_pay_left">
<!--<p class="pay">{{item.status}}</p>-->
<p :class="{'pay':item.status=='1','make':item.status=='2','take':item.status=='3','evalute':item.status=='4','evalute':item.status=='5'}">{{item.status|orderType}}</p>
<p class="num">{{item.order_sn}}</p>
<!--<p class="nav_item_pay_btn">{{item.order_type}}</p>-->
<p :class="item.order_type=='1'?'nav_item_pay_btn':'nav_item_pay_btn_eat'">{{item.order_type|stoptype}}</p>
</div>
<div class="nav_item_pay_right">
<p class="date">{{item.add_time}}</p>
</div>
</div>
<div class="nav_item_product">
<div class="nav_item_product_box">
<div style="overflow:hidden;" class="food_item" v-for='(i,ind) in item.order_goods'>
<div class="nav_item_product_pic" style=float:left;>
<!--<img src="../img/矩形6拷贝2@2x.png" />-->
<img :src="i.thumb" />
</div>
</div>
<div class="nav_item_product">
<div class="nav_item_product_box">
<div style="overflow:hidden;" class="food_item" v-for='(i,ind) in item.order_goods'>
<div class="nav_item_product_pic" style=float:left;>
<!--<img src="../img/矩形6拷贝2@2x.png" />-->
<img :src="i.thumb" />
</div>
<div style="float:left;">
<div class="nav_item_product_item">
<p style="width:4.3rem">{{i.goods_name}}</p>
<span>¥{{i.goods_price}}</span>
</div>
<div class="nav_item_product_item_sub">
<p>{{i.goods_description}}</p>
<span>x{{i.goods_num}}</span>
</div>
</div>
<div style="float:left;">
<div class="nav_item_product_item">
<p style="width:4.3rem">{{i.goods_name}}</p>
<span>¥{{i.goods_price}}</span>
</div>
<div class="nav_item_product_item_money" v-if="item.status==1">
<span>合计：¥{{item.order_amount}}</span>
<span class="cancel_btn" @click="cancelorder(item)">取消订单</span>
<span>去支付</span>
<div class="nav_item_product_item_sub">
<p>{{i.goods_description}}</p>
<span>x{{i.goods_num}}</span>
</div>
<div class="nav_item_product_take_btn" v-if="item.status==3" >
<span>合计：¥{{item.order_amount}}</span><span class="go_take" @click="navigation(item)">导航去取货</span>
</div>
<div class="nav_item_product_take_btn" v-if="item.status==4">
<span>合计：¥{{item.order_amount}}</span><span class="go_evaluate" @click="goevalute(item)">去评价</span>
</div>
<div class="nav_item_product_take_btn" v-if="item.status==5">
<span>合计：¥{{item.order_amount}}</span><span class="again" @click="againorder(item)">再来一单</span>
</div>
<span class="all_money" v-if="item.status==2">合计：¥{{item.order_amount}}</span>
</div>
</div>
<div class="nav_item_product_item_money" v-if="item.status==1">
<span>合计：¥{{item.order_amount}}</span>
<span class="cancel_btn" @click="cancelorder(item)">取消订单</span>
<span>去支付</span>
</div>
<div class="nav_item_product_take_btn" v-if="item.status==3" >
<span>合计：¥{{item.order_amount}}</span><span class="go_take" @click.stop="navigation(item)">导航去取货</span>
</div>
<div class="nav_item_product_take_btn" v-if="item.status==4">
<span>合计：¥{{item.order_amount}}</span><span class="go_evaluate" @click="goevalute(item)">去评价</span>
</div>
<div class="nav_item_product_take_btn" v-if="item.status==5">
<span>合计：¥{{item.order_amount}}</span><span class="again" @click="againorder(item)">再来一单</span>
</div>
<span class="all_money" v-if="item.status==2">合计：¥{{item.order_amount}}</span>
</div>
</div>
<!--没有订单提醒-->
<div class="nodata" v-if="orderinfo.length==0">
暂无订单
</div>
</div>
</div>
<!--没有订单提醒-->
<div class="nodata" v-if="orderinfo.length==0">
暂无订单
</div>
</div>
<script>
function openLocation(item) {
console.log(item);
}
</script>
<script src="/themes/simplebootx/Portal/Template/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/themes/simplebootx/Portal/Template/js/swiper-3.4.2.jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/themes/simplebootx/Portal/Template/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/themes/simplebootx/Portal/Template/js/swiper-3.4.2.jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/themes/simplebootx/Portal/Template/js/cookie.js" type="text/javascript" charset="utf-8"></script>
<script src="/themes/simplebootx/Portal/Template/js/myorder.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
var cancel_btn = document.getElementsByClassName('cancel_btn')[0];
var wrap = document.getElementsByClassName('wrap')[0];
var popup = document.getElementsByClassName('popup')[0];
cancel_btn.onclick = function(ev) {
var oEvent = ev || event
oEvent.concelable = true;
oEvent.stopPropagation();
wrap.style.display = 'block';
}
wrap.onclick = function() {
wrap.style.display = 'none';
}
var pay_details = document.getElementsByClassName('pay_details')[0];
var make_details = document.getElementsByClassName('make_details')[0];
var take_details = document.getElementsByClassName('take_details')[0];
var evaluate_details = document.getElementsByClassName('evaluate_details')[0];
var finish_details = document.getElementsByClassName('finish_details')[0];
var again = document.getElementsByClassName('again')[0];
again.onclick = function(ev) {
var oEvent = ev || event;
oEvent.concelable = true;
oEvent.stopPropagation();
window.location.href = '../index.html'
}
pay_details.onclick = function() {
window.location.href = 'paydetails.html'
}
make_details.onclick = function() {
window.location.href = 'makedetails.html'
}
take_details.onclick = function() {
window.location.href = 'paydetails.html'
}
evaluate_details.onclick = function() {
window.location.href = 'evaluatedetails.html'
}
finish_details.onclick = function() {
window.location.href = 'finishdetails.html'
}
var pay_item = document.getElementsByClassName('pay_item')[0];
var make_item = document.getElementsByClassName('make_item')[0];
var take_item = document.getElementsByClassName('take_item')[0];
var evaluate_item = document.getElementsByClassName('evaluate_item')[0];
var finish_item = document.getElementsByClassName('finish_item')[0];
var nav_item = document.getElementsByClassName('nav_item');
var aLi = document.getElementsByClassName('nav')[0].getElementsByTagName('li');
var all = document.getElementsByClassName('all')[0];
all.onclick = function() {
for(i = 0; i < nav_item.length; i++) {
nav_item[i].style.display = 'block';
}
for(j = 0; j < aLi.length; j++) {
aLi[j].classList.remove('active')
}
this.classList.add('active')
}
pay_item.onclick = function() {
for(i = 0; i < nav_item.length; i++) {
nav_item[i].style.display = 'none';
}
for(j = 0; j < aLi.length; j++) {
aLi[j].classList.remove('active')
}
this.classList.add('active')
pay_details.style.display = 'block';
}
make_item.onclick = function() {
for(i = 0; i < nav_item.length; i++) {
nav_item[i].style.display = 'none';
}
for(j = 0; j < aLi.length; j++) {
aLi[j].classList.remove('active')
}
this.classList.add('active')
make_details.style.display = 'block';
}
take_item.onclick = function() {
for(i = 0; i < nav_item.length; i++) {
nav_item[i].style.display = 'none';
}
for(j = 0; j < aLi.length; j++) {
aLi[j].classList.remove('active')
}
this.classList.add('active')
take_details.style.display = 'block';
}
evaluate_item.onclick = function() {
for(i = 0; i < nav_item.length; i++) {
nav_item[i].style.display = 'none';
}
for(j = 0; j < aLi.length; j++) {
aLi[j].classList.remove('active')
}
this.classList.add('active')
evaluate_details.style.display = 'block';
}
finish_item.onclick = function() {
for(i = 0; i < nav_item.length; i++) {
nav_item[i].style.display = 'none';
}
for(j = 0; j < aLi.length; j++) {
aLi[j].classList.remove('active')
}
this.classList.add('active')
finish_details.style.display = 'block';
}
</script>
<script src="/themes/simplebootx/Portal/Template/js/cookie.js" type="text/javascript" charset="utf-8"></script>
<script src="/themes/simplebootx/Portal/Template/js/myorder.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
var cancel_btn = document.getElementsByClassName('cancel_btn')[0];
var wrap = document.getElementsByClassName('wrap')[0];
var popup = document.getElementsByClassName('popup')[0];
cancel_btn.onclick = function(ev) {
var oEvent = ev || event
oEvent.concelable = true;
oEvent.stopPropagation();
wrap.style.display = 'block';
}
wrap.onclick = function() {
wrap.style.display = 'none';
}
var pay_details = document.getElementsByClassName('pay_details')[0];
var make_details = document.getElementsByClassName('make_details')[0];
var take_details = document.getElementsByClassName('take_details')[0];
var evaluate_details = document.getElementsByClassName('evaluate_details')[0];
var finish_details = document.getElementsByClassName('finish_details')[0];
var again = document.getElementsByClassName('again')[0];
again.onclick = function(ev) {
var oEvent = ev || event;
oEvent.concelable = true;
oEvent.stopPropagation();
window.location.href = '../index.html'
}
pay_details.onclick = function() {
window.location.href = 'paydetails.html'
}
make_details.onclick = function() {
window.location.href = 'makedetails.html'
}
take_details.onclick = function() {
window.location.href = 'paydetails.html'
}
evaluate_details.onclick = function() {
window.location.href = 'evaluatedetails.html'
}
finish_details.onclick = function() {
window.location.href = 'finishdetails.html'
}
var pay_item = document.getElementsByClassName('pay_item')[0];
var make_item = document.getElementsByClassName('make_item')[0];
var take_item = document.getElementsByClassName('take_item')[0];
var evaluate_item = document.getElementsByClassName('evaluate_item')[0];
var finish_item = document.getElementsByClassName('finish_item')[0];
var nav_item = document.getElementsByClassName('nav_item');
var aLi = document.getElementsByClassName('nav')[0].getElementsByTagName('li');
var all = document.getElementsByClassName('all')[0];
all.onclick = function() {
for(i = 0; i < nav_item.length; i++) {
nav_item[i].style.display = 'block';
}
for(j = 0; j < aLi.length; j++) {
aLi[j].classList.remove('active')
}
this.classList.add('active')
}
pay_item.onclick = function() {
for(i = 0; i < nav_item.length; i++) {
nav_item[i].style.display = 'none';
}
for(j = 0; j < aLi.length; j++) {
aLi[j].classList.remove('active')
}
this.classList.add('active')
pay_details.style.display = 'block';
}
make_item.onclick = function() {
for(i = 0; i < nav_item.length; i++) {
nav_item[i].style.display = 'none';
}
for(j = 0; j < aLi.length; j++) {
aLi[j].classList.remove('active')
}
this.classList.add('active')
make_details.style.display = 'block';
}
take_item.onclick = function() {
for(i = 0; i < nav_item.length; i++) {
nav_item[i].style.display = 'none';
}
for(j = 0; j < aLi.length; j++) {
aLi[j].classList.remove('active')
}
this.classList.add('active')
take_details.style.display = 'block';
}
evaluate_item.onclick = function() {
for(i = 0; i < nav_item.length; i++) {
nav_item[i].style.display = 'none';
}
for(j = 0; j < aLi.length; j++) {
aLi[j].classList.remove('active')
}
this.classList.add('active')
evaluate_details.style.display = 'block';
}
finish_item.onclick = function() {
for(i = 0; i < nav_item.length; i++) {
nav_item[i].style.display = 'none';
}
for(j = 0; j < aLi.length; j++) {
aLi[j].classList.remove('active')
}
this.classList.add('active')
finish_details.style.display = 'block';
}
</script>
</body>
</body>
</html>
\ No newline at end of file
... ...