Luck-Draw/src/app/ui/first-step/first-step.component.ts

import { Component, OnInit } from '@angular/core';
import '../../../assets/js/firststep'
@Component({
  selector: 'app-first-step',
  templateUrl: './first-step.component.html',
  styleUrls: ['./first-step.component.scss']
})
export class FirstStepComponent implements OnInit {

  constructor() { }

  ngOnInit(){
    window.setTimeout(()=>{
      //zhuan.drawRouletteWheel()
    },0)
    
  }
  //支队数据和是否抽奖
  choujiang=[
    {name:"南宁支队",id:1,result :localStorage.getItem("南宁支队") || ""},
    {name:"柳州支队",id:2,result :localStorage.getItem("柳州支队") || ""},
    {name:"桂林支队",id:3,result :localStorage.getItem("桂林支队") || ""},
    {name:"梧州支队",id:4,result :localStorage.getItem("梧州支队") || ""},
    {name:"北海支队",id:5,result :localStorage.getItem("北海支队") || ""},
    {name:"防城港支队",id:6,result :localStorage.getItem("防城港支队") || ""},
    {name:"钦州支队",id:7,result :localStorage.getItem("钦州支队") || ""},
    {name:"贵港支队",id:8,result :localStorage.getItem("贵港支队") || ""},
    {name:"玉林支队",id:9,result :localStorage.getItem("玉林支队") || ""},
    {name:"百色支队",id:10,result :localStorage.getItem("百色支队") || ""},
    {name:"贺州支队",id:11,result :localStorage.getItem("贺州支队") || ""},
    {name:"河池支队",id:12,result :localStorage.getItem("河池支队") || ""},
    {name:"来宾支队",id:13,result :localStorage.getItem("来宾支队") || ""},
    {name:"崇左支队",id:14,result :localStorage.getItem("崇左支队") || ""}
  ]
  numList = [
    {name:"1号",id:1},
    {name:"2号",id:2},
    {name:"3号",id:3},
    {name:"4号",id:4},
    {name:"5号",id:5},
    {name:"6号",id:6},
    {name:"7号",id:7},
    {name:"8号",id:8},
    {name:"9号",id:9},
    {name:"10号",id:10},
    {name:"11号",id:11},
    {name:"12号",id:12},
    {name:"13号",id:13},
    {name:"14号",id:14}
  ]
  //选中支队
  chooseid=-1
  isDraw = false
  clickName(item){
    this.chooseid= item.id - 1
    localStorage.setItem("indexNum",item.id)
    if(localStorage.getItem(item.name)){//如果已经抽过
      this.isDraw = true
    }else{
      this.isDraw = false
    }
  }
  //跳转第二个页面
  nextStep(){
    window.location.href="/twoStep";
  }
}