Luck-Draw/src/assets/js/fourstep.js

$(document).ready(function(){
    var index = 0
    var selected = null //点击的单位名称
    var selectedtime = null //点击的单位名称 + 'time'
    var selectedIndex = null //点击的单位index
    var machine = $("#machine2").slotMachine({
        active	: 0,
        delay	: 500,
        randomize : function(activeElementIndex){
            if(selected == "南宁支队"){
                localStorage.setItem(selectedtime,JSON.stringify({zhi:"8号",fuzhi:"21号"}))
                return 7;	
            }else if(selected == "柳州支队"){
                localStorage.setItem(selectedtime,JSON.stringify({zhi:"12号",fuzhi:"26号"}))
                return 11;
            }else if(selected == "桂林支队"){
                localStorage.setItem(selectedtime,JSON.stringify({zhi:"14号",fuzhi:"22号"}))
                return 13;
            }else if(selected == "梧州支队"){
                localStorage.setItem(selectedtime,JSON.stringify({zhi:"13号",fuzhi:"28号"}))
                return 12;
            }else if(selected == "北海支队"){
                localStorage.setItem(selectedtime,JSON.stringify({zhi:"4号",fuzhi:"15号"}))
                return 3;
            }else if(selected == "防城港支队"){
                localStorage.setItem(selectedtime,JSON.stringify({zhi:"1号",fuzhi:"16号"}))
                return 0;
            }else if(selected == "钦州支队"){
                localStorage.setItem(selectedtime,JSON.stringify({zhi:"10号",fuzhi:"25号"}))
                return 9;
            }else if(selected == "贵港支队"){
                localStorage.setItem(selectedtime,JSON.stringify({zhi:"11号",fuzhi:"19号"}))
                return 10;
            }else if(selected == "玉林支队"){
                localStorage.setItem(selectedtime,JSON.stringify({zhi:"2号",fuzhi:"27号"}))
                return 1;
            }else if(selected == "百色支队"){
                localStorage.setItem(selectedtime,JSON.stringify({zhi:"9号",fuzhi:"20号"}))
                return 8;
            }else if(selected == "贺州支队"){
                localStorage.setItem(selectedtime,JSON.stringify({zhi:"3号",fuzhi:"24号"}))
                return 2;
            }else if(selected == "河池支队"){
                localStorage.setItem(selectedtime,JSON.stringify({zhi:"6号",fuzhi:"18号"}))
                return 5;
            }else if(selected == "来宾支队"){
                localStorage.setItem(selectedtime,JSON.stringify({zhi:"7号",fuzhi:"23号"}))
                return 6;
            }else if(selected == "崇左支队"){
                localStorage.setItem(selectedtime,JSON.stringify({zhi:"5号",fuzhi:"17号"}))
                return 4;
            }
        }
    });
    var machine6 = $("#machine6").slotMachine({
        active	: 1,
        delay	: 500,
        randomize : function(activeElementIndex){
            if(selected == "南宁支队"){
                localStorage.setItem(selectedtime,JSON.stringify({zhi:"8号",fuzhi:"21号"}))
                return 6;	
            }else if(selected == "柳州支队"){
                localStorage.setItem(selectedtime,JSON.stringify({zhi:"12号",fuzhi:"26号"}))
                return 11;
            }else if(selected == "桂林支队"){
                localStorage.setItem(selectedtime,JSON.stringify({zhi:"14号",fuzhi:"22号"}))
                return 7;
            }else if(selected == "梧州支队"){
                localStorage.setItem(selectedtime,JSON.stringify({zhi:"13号",fuzhi:"28号"}))
                return 13;
            }else if(selected == "北海支队"){
                localStorage.setItem(selectedtime,JSON.stringify({zhi:"4号",fuzhi:"15号"}))
                return 0;
            }else if(selected == "防城港支队"){
                localStorage.setItem(selectedtime,JSON.stringify({zhi:"1号",fuzhi:"16号"}))
                return 1;
            }else if(selected == "钦州支队"){
                localStorage.setItem(selectedtime,JSON.stringify({zhi:"10号",fuzhi:"25号"}))
                return 10;
            }else if(selected == "贵港支队"){
                localStorage.setItem(selectedtime,JSON.stringify({zhi:"11号",fuzhi:"19号"}))
                return 4;
            }else if(selected == "玉林支队"){
                localStorage.setItem(selectedtime,JSON.stringify({zhi:"2号",fuzhi:"27号"}))
                return 12;
            }else if(selected == "百色支队"){
                localStorage.setItem(selectedtime,JSON.stringify({zhi:"9号",fuzhi:"20号"}))
                return 5;
            }else if(selected == "贺州支队"){
                localStorage.setItem(selectedtime,JSON.stringify({zhi:"3号",fuzhi:"24号"}))
                return 9;
            }else if(selected == "河池支队"){
                localStorage.setItem(selectedtime,JSON.stringify({zhi:"6号",fuzhi:"18号"}))
                return 3;
            }else if(selected == "来宾支队"){
                localStorage.setItem(selectedtime,JSON.stringify({zhi:"7号",fuzhi:"23号"}))
                return 8;
            }else if(selected == "崇左支队"){
                localStorage.setItem(selectedtime,JSON.stringify({zhi:"5号",fuzhi:"17号"}))
                return 2;
            }
        }
    });
    var data = [
        {'南宁支队':'8号21号'},
        {'柳州支队':'12号26号'},
        {'桂林支队':'14号22号'},
        {'梧州支队':'13号28号'},
        {'北海支队':'4号15号'},
        {'防城港支队':'1号16号'},
        {'钦州支队':'10号25号'},
        {'贵港支队':'11号19号'},
        {'玉林支队':'2号27号'},
        {'百色支队':'9号20号'},
        {'贺州支队':'3号24号'},
        {'河池支队':'6号18号'},
        {'来宾支队':'7号23号'},
        {'崇左支队':'5号17号'}
    ]
    
    $("#slotMachineButtonShuffle2").click(function(){
        if(!selected){
           alert("请先选择单位") 
        }else{
            machine.shuffle();
            machine6.shuffle();
            $("#slotMachineButtonShuffle2").addClass("disabled");
            setTimeout(() => {
                machine.stop();
                machine6.stop();
                setTimeout(() => {
                    $("#endjieguo2 span").eq(selectedIndex).html(data[selectedIndex - 1][selected])
                    $("#chooseZhi2 .img").eq(selectedIndex - 1).css("display","inline-block");
                }, 1300);
            }, 1000);
        }
    });

    //左侧表格点击事件
    $("span[name='bbb']").on("click",function(e,index){
        selected = $(this)[0].innerText
        selectedtime = $(this)[0].innerText + 'seatnumber'
        selectedIndex = localStorage.getItem("indexNum")
        console.log(456,selected,selectedIndex)
        if($("#endjieguo2 span").eq(selectedIndex)[0].innerText){
            $("#slotMachineButtonShuffle2").addClass("disabled");
        }else{
            $("#slotMachineButtonShuffle2").removeClass("disabled");
        }
    })
});