抽奖程序 vue ts localStorage

最新推荐文章于 2024-08-16 12:40:11 发布
最新推荐文章于 2024-08-16 12:40:11 发布
阅读量256 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41264099/article/details/119416349
版权

lottery.vue

<template>
    <img :src="bg" id="background" />
    <div class="imageContainer" v-if="reset">
        <card
            v-for="(luck, index) in luckyer.value"
            :key="index"
            :type="lotteryType"
            :play="lotteryOpen"
            :area="luck.area"
            :row="luck.row"
            :seat="luck.seat"
        />
    </div>
</template>

<script lang="ts">
import { defineComponent, onMounted, ref, toRefs, watch, reactive, nextTick } from 'vue'
import GHttp from '@/composables/GHttp'
import Card from "@/components/Card.vue"
import Seats, { seatInfo } from "@/composables/GSeats"
import Ghttp from "@/composables/GHttp"
import bg from "../assets/bg.png"


export default defineComponent({
    name: 'lottery',
    components: {
        Card,
    },
    setup() {
        const lotteryType = ref("")
        const lotteryNum = ref(1)
        const lotteryOpen = ref(false)
        const lotteryStart = ref(false)
        const lotteryStop = ref(false)
        const reset = ref(true)
        const luckyer = reactive({ value: [] as seatInfo[] })
        onMounted(

            () => {
                let token: postData = {
                    "user_id": 10086
                }
                GHttp.post('/auth/getToken', token).then(
                    (res: resData) => {
                        console.log(res)
                        //TODO:
                    }
                )
                window.addEventListener('storage',
                    (e) => {
                        let val = e.newValue
                        if (val != null) {
                            let val_json: storageData = JSON.parse(val)
                            switch (e.key) {
                                case "setTypeNum":
                                    // {
                                    // "type": lotteryType,
                                    // "num": lotteryNum
                                    // }
                                    reset.value = false
                                    nextTick(() => {
                                        reset.value = true
                                    })
                                    lotteryType.value = ""
                                    lotteryNum.value = 1
                                    lotteryOpen.value = false
                                    lotteryStart.value = false
                                    lotteryStop.value = false

                                    let { type, num } = val_json
                                    lotteryType.value = type ? type : ""
                                    lotteryNum.value = num ? num : 0
                                    break;
                                case "openCard":
                                    // {
                                    //     "open": true/false
                                    // }
                                    let { open } = val_json
                                    lotteryOpen.value = (open != undefined ? open : false)
                                    break;
                                case "startRandom":
                                    // {
                                    //     "start": true/false
                                    // }
                                    let { start } = val_json
                                    lotteryStart.value = (start != undefined ? start : false)
                                    startRandom()
                                    break;
                                case "stopRandom":
                                    // {
                                    //     "stop": true/false
                                    // }
                                    let { stop } = val_json
                                    lotteryStop.value = (stop != undefined ? stop : false)
                                    break;
                                case "clearAll":
                                    // {
                                    //     "clear": true/false
                                    // }

                                    break;
                                default:
                                    console.log("other data change")

                            }
                        }

                    }
                )
            }
        )
        watch(reset, (item) => {
            if (item) {
                luckyer.value = []
                for (let a = 0; a < lotteryNum.value; a++) {
                    luckyer.value.push({
                        area: "00",
                        row: "00",
                        seat: "00",
                    })
                }
            }
        })
        const startRandom = () => {
            let interval = setInterval(
                () => {
                    let { lucky } = Seats()
                    for (let a = 0; a < lotteryNum.value; a++) {
                        luckyer.value[a].area = lucky[a].area
                        luckyer.value[a].row = lucky[a].row
                        luckyer.value[a].seat = lucky[a].seat
                    }
                    if (lotteryStop.value) {
                        clearInterval(interval)
                        getFinal()
                    }
                },
                50
            )
        }
        const getFinal = () => {
            let { lucky } = Seats()
            let paramStr = ''
            for (let a = 0; a < lotteryNum.value - 1; a++) {
                paramStr += lucky[a].area + '区' + lucky[a].row + '排' + lucky[a].seat + '座,'
            }
            paramStr += lucky[lotteryNum.value - 1].area + '区' + lucky[lotteryNum.value - 1].row + '排' + lucky[lotteryNum.value - 1].seat + '座'
            Ghttp.post("/addLuckyer", { luckyerlist: paramStr }).then(
                (res: resData) => {
                    if (res.errcode == "0") {
                        console.log("add luckyer: ")
                        console.log(res)
                        for (let a = 0; a < lotteryNum.value; a++) {
                            luckyer.value[a].area = lucky[a].area
                            luckyer.value[a].row = lucky[a].row
                            luckyer.value[a].seat = lucky[a].seat
                        }
                    }

                    else if (res.errcode == "40008") {
                        console.log("repeated")
                        console.log(res)
                        getFinal()
                    }
                    else {
                        console.log(res)
                    }
                }
            )
        }

        return {
            lotteryType,
            lotteryNum,
            lotteryOpen,
            lotteryStart,
            lotteryStop,
            bg,
            reset,
            luckyer,
        }
    }
})
</script>

<style>
#background {
    position: absolute;
    top: 0;
    left: 0;
    width: 1920px;
    height: 1080px;
}
.imageContainer {
    position: absolute;
    width: 1520px;
    height: 400px;
    top: 350px;
    left: 200px;
    /* z-index: 8888; */
    display: flex;
    justify-content: center;
    /* background-color: aliceblue; */
}
</style>

option.vue

<template>
    <el-select v-model="lotteryType">
        <el-option 
            
            v-for="(item, index) in lottery_list"
            :key="index"
            :label="item.name"
            :value="item.val"

        >
        </el-option>
    </el-select>
    <el-select v-model="lotteryNum">
        <el-option 
            
            v-for="(item, index) in lottery_num_list"
            :key="index"
            :label="item.name"
            :value="item.val"
            
        >
        </el-option>
    </el-select>
    <el-button type="primary" @click="setTypeNum" :disabled="lotteryType=='' || lotteryNum==''">确认奖品类型及个数</el-button>
    <el-button type="primary" @click="openCard" :disabled="stage!='setTypeNum'">翻牌</el-button>
    <el-button type="primary" @click="startRandom" :disabled="stage!='openCard'">开始</el-button>
    <el-button type="primary" @click="stopRandom" :disabled="stage!='startRandom'">暂停</el-button>
    <el-button type="primary" @click="clear">清空抽奖记录</el-button>

</template>

<script lang="ts">
import { ref, defineComponent, onMounted } from 'vue'
import SetLocalStorage from '@/composables/GSetLocalStorage'
import Ghttp from '@/composables/GHttp'
interface option_entry{
    name: string,
    val: string
}

export default defineComponent({
    setup() {
        const lotteryType = ref("")
        const lotteryNum = ref("")
        const stage = ref("clear")
        const lottery_list: option_entry[] = [
            {name: "钻石",              val: "diamond"},
            {name: "S-天行者",          val: "car"},
            {name: "真我Buds Air2耳机", val: "earphone"},
            {name: "真我GT手机",        val: "mobilephone"},
            {name: "全A车账号",         val: "account"},
        ]
        const lottery_num_list: option_entry[] = [
            {name: "1个",   val: "1"},
            {name: "3个",   val: "3"},
            {name: "4个",   val: "4"},
            {name: "5个",   val: "5"},
        ]
        const setTypeNum = () =>{
            localStorage.clear()
            SetLocalStorage("setTypeNum", {"type": lotteryType.value ,"num": parseInt(lotteryNum.value)})
            stage.value = "setTypeNum"
        }
        const openCard = () => {
            SetLocalStorage("openCard", {"open": true})
        }
        const startRandom = ()=>{
            SetLocalStorage("startRandom", {"start": true})
            stage.value = "startRandom"
        }
        const stopRandom = ()=>{
            SetLocalStorage("stopRandom", {"stop": true})
            stage.value = "stopRandom"
        }
        onMounted(
           ()=> window.addEventListener('storage',
                    (e)=>{
                        let val = e.newValue
                        if(val != null){
                            let val_json: storageData = JSON.parse(val)
                            switch(e.key){
                                case "clear":
                                    let { clear } = val_json
                                    stage.value = (clear != undefined ? "openCard" : "setTypeNum")
                                    break;
                                default:
                                    console.log("other data change")

                            }
                        }
                        
                    }
                )
        )
        const clear = ()=>{
            Ghttp.get("/initLucyer").then((res: resData)=>{
                console.log(res)
            })
        }
        return {
            lotteryType,
            lotteryNum,
            lottery_list,
            lottery_num_list,
            setTypeNum,
            openCard,
            clear,
            startRandom,
            stopRandom,
            stage,
        }
    },
})
</script>

GSeats.ts

export interface seatInfo {
    area: string,
    row: string,
    seat: string,
}
export default function(){
    
    const seats_list : seatInfo[] = [
          {area: "01", row: "01", seat: "01"}
        , {area: "01", row: "01", seat: "02"}
        , {area: "01", row: "01", seat: "03"}
        , {area: "01", row: "01", seat: "04"}
        , {area: "01", row: "01", seat: "05"}
        , {area: "01", row: "01", seat: "06"}
        , {area: "01", row: "01", seat: "07"}
        , {area: "01", row: "01", seat: "08"}
        , {area: "01", row: "01", seat: "09"}
        , {area: "01", row: "01", seat: "10"}
        , {area: "01", row: "01", seat: "11"}
        , {area: "01", row: "01", seat: "12"}
        , {area: "01", row: "01", seat: "13"}
        , {area: "01", row: "01", seat: "14"}
        , {area: "01", row: "01", seat: "15"}
        , {area: "01", row: "01", seat: "16"}
        , {area: "01", row: "01", seat: "17"}
        , {area: "01", row: "01", seat: "18"}
        , {area: "01", row: "01", seat: "19"}
        , {area: "01", row: "01", seat: "20"}
        , {area: "01", row: "01", seat: "21"}
        , {area: "01", row: "01", seat: "22"}
        , {area: "01", row: "01", seat: "23"}
        , {area: "01", row: "01", seat: "24"}
        , {area: "01", row: "01", seat: "25"}
        , {area: "01", row: "01", seat: "26"}
        , {area: "01", row: "01", seat: "27"}
        , {area: "01", row: "01", seat: "28"}
        , {area: "01", row: "01", seat: "29"}
        , {area: "01", row: "01", seat: "30"}
        , {area: "01", row: "01", seat: "31"}
        , {area: "01", row: "01", seat: "32"}
        , {area: "01", row: "01", seat: "33"}
        , {area: "01", row: "01", seat: "34"}
        , {area: "01", row: "01", seat: "35"}
        , {area: "01", row: "02", seat: "01"}
        , {area: "01", row: "02", seat: "02"}
        , {area: "01", row: "02", seat: "03"}
        , {area: "01", row: "02", seat: "04"}
        , {area: "01", row: "02", seat: "05"}
        , {area: "01", row: "02", seat: "06"}
        , {area: "01", row: "02", seat: "07"}
        , {area: "01", row: "02", seat: "08"}
        , {area: "01", row: "02", seat: "09"}
        , {area: "01", row: "02", seat: "10"}
        , {area: "01", row: "02", seat: "11"}
        , {area: "01", row: "02", seat: "12"}
        , {area: "01", row: "02", seat: "13"}
        , {area: "01", row: "02", seat: "14"}
        , {area: "01", row: "02", seat: "15"}
        , {area: "01", row: "02", seat: "16"}
        , {area: "01", row: "02", seat: "17"}
        , {area: "01", row: "02", seat: "18"}
        , {area: "01", row: "02", seat: "19"}
        , {area: "01", row: "02", seat: "20"}
        , {area: "01", row: "02", seat: "21"}
        , {area: "01", row: "02", seat: "22"}
        , {area: "01", row: "02", seat: "23"}
        , {area: "01", row: "02", seat: "24"}
        , {area: "01", row: "02", seat: "25"}
        , {area: "01", row: "02", seat: "26"}
        , {area: "01", row: "02", seat: "27"}
        , {area: "01", row: "02", seat: "28"}
        , {area: "01", row: "02", seat: "29"}
        , {area: "01", row: "02", seat: "30"}
        , {area: "01", row: "02", seat: "31"}
        , {area: "01", row: "02", seat: "32"}
        , {area: "01", row: "02", seat: "33"}
        , {area: "01", row: "02", seat: "34"}
        , {area: "01", row: "02", seat: "35"}
        , {area: "01", row: "03", seat: "01"}
        , {area: "01", row: "03", seat: "02"}
        , {area: "01", row: "03", seat: "03"}
        , {area: "01", row: "03", seat: "04"}
        , {area: "01", row: "03", seat: "05"}
        , {area: "01", row: "03", seat: "06"}
        , {area: "01", row: "03", seat: "07"}
        , {area: "01", row: "03", seat: "08"}
        , {area: "01", row: "03", seat: "09"}
        , {area: "01", row: "03", seat: "10"}
        , {area: "01", row: "03", seat: "11"}
        , {area: "01", row: "03", seat: "12"}
        , {area: "01", row: "03", seat: "13"}
        , {area: "01", row: "03", seat: "14"}
        , {area: "01", row: "03", seat: "15"}
        , {area: "01", row: "03", seat: "16"}
        , {area: "01", row: "03", seat: "17"}
        , {area: "01", row: "03", seat: "18"}
        , {area: "01", row: "03", seat: "21"}
        , {area: "01", row: "03", seat: "22"}
        , {area: "01", row: "03", seat: "23"}
        , {area: "01", row: "03", seat: "24"}
        , {area: "01", row: "03", seat: "25"}
        , {area: "01", row: "03", seat: "26"}
        , {area: "01", row: "03", seat: "27"}
        , {area: "01", row: "03", seat: "28"}
        , {area: "01", row: "03", seat: "29"}
        , {area: "01", row: "03", seat: "30"}
        , {area: "01", row: "03", seat: "31"}
        , {area: "01", row: "03", seat: "32"}
        , {area: "01", row: "03", seat: "35"}
        , {area: "01", row: "04", seat: "01"}
        , {area: "01", row: "04", seat: "02"}
        , {area: "01", row: "04", seat: "03"}
        , {area: "01", row: "04", seat: "04"}
        , {area: "01", row: "04", seat: "05"}
        , {area: "01", row: "04", seat: "06"}
        , {area: "01", row: "04", seat: "07"}
        , {area: "01", row: "04", seat: "08"}
        , {area: "01", row: "04", seat: "09"}
        , {area: "01", row: "04", seat: "10"}
        , {area: "01", row: "04", seat: "11"}
        , {area: "01", row: "04", seat: "12"}
        , {area: "01", row: "04", seat: "13"}
        , {area: "01", row: "04", seat: "14"}
        , {area: "01", row: "04", seat: "15"}
        , {area: "01", row: "04", seat: "16"}
        , {area: "01", row: "04", seat: "17"}
        , {area: "01", row: "04", seat: "18"}
        , {area: "01", row: "04", seat: "19"}
        , {area: "01", row: "04", seat: "20"}
        , {area: "01", row: "04", seat: "21"}
        , {area: "01", row: "04", seat: "22"}
        , {area: "01", row: "04", seat: "23"}
        , {area: "01", row: "04", seat: "24"}
        , {area: "01", row: "04", seat: "27"}
        , {area: "01", row: "04", seat: "28"}
        , {area: "01", row: "04", seat: "29"}
        , {area: "01", row: "04", seat: "30"}
        , {area: "01", row: "04", seat: "31"}
        , {area: "01", row: "04", seat: "32"}
        , {area: "01", row: "04", seat: "33"}
        , {area: "01", row: "04", seat: "34"}
        , {area: "01", row: "04", seat: "35"}
        , {area: "01", row: "05", seat: "01"}
        , {area: "01", row: "05", seat: "02"}
        , {area: "01", row: "05", seat: "03"}
        , {area: "01", row: "05", seat: "04"}
        , {area: "01", row: "05", seat: "05"}
        , {area: "01", row: "05", seat: "06"}
        , {area: "01", row: "05", seat: "07"}
        , {area: "01", row: "05", seat: "08"}
        , {area: "01", row: "05", seat: "09"}
        , {area: "01", row: "05", seat: "10"}
        , {area: "01", row: "05", seat: "11"}
        , {area: "01", row: "05", seat: "12"}
        , {area: "01", row: "05", seat: "13"}
        , {area: "01", row: "05", seat: "14"}
        , {area: "01", row: "05", seat: "15"}
        , {area: "01", row: "05", seat: "16"}
        , {area: "01", row: "05", seat: "19"}
        , {area: "01", row: "05", seat: "20"}
        , {area: "01", row: "05", seat: "21"}
        , {area: "01", row: "05", seat: "22"}
        , {area: "01", row: "05", seat: "23"}
        , {area: "01", row: "05", seat: "24"}
        , {area: "01", row: "05", seat: "25"}
        , {area: "01", row: "05", seat: "26"}
        , {area: "01", row: "05", seat: "27"}
        , {area: "01", row: "05", seat: "28"}
        , {area: "01", row: "05", seat: "29"}
        , {area: "01", row: "05", seat: "30"}
        , {area: "01", row: "05", seat: "33"}
        , {area: "01", row: "05", seat: "34"}
        , {area: "01", row: "05", seat: "35"}
        , {area: "01", row: "06", seat: "01"}
        , {area: "01", row: "06", seat: "02"}
        , {area: "01", row: "06", seat: "03"}
        , {area: "01", row: "06", seat: "04"}
        , {area: "01", row: "06", seat: "05"}
        , {area: "01", row: "06", seat: "06"}
        , {area: "01", row: "06", seat: "07"}
        , {area: "01", row: "06", seat: "08"}
        , {area: "01", row: "06", seat: "09"}
        , {area: "01", row: "06", seat: "10"}
        , {area: "01", row: "06", seat: "11"}
        , {area: "01", row: "06", seat: "12"}
        , {area: "01", row: "06", seat: "13"}
        , {area: "01", row: "06", seat: "14"}
        , {area: "01", row: "06", seat: "15"}
        , {area: "01", row: "06", seat: "16"}
        , {area: "01", row: "06", seat: "17"}
        , {area: "01", row: "06", seat: "18"}
        , {area: "01", row: "06", seat: "19"}
        , {area: "01", row: "06", seat: "20"}
        , {area: "01", row: "06", seat: "21"}
        , {area: "01", row: "06", seat: "22"}
        , {area: "01", row: "06", seat: "25"}
        , {area: "01", row: "06", seat: "26"}
        , {area: "01", row: "06", seat: "27"}
        , {area: "01", row: "06", seat: "28"}
        , {area: "01", row: "06", seat: "29"}
        , {area: "01", row: "06", seat: "30"}
        , {area: "01", row: "06", seat: "31"}
        , {area: "01", row: "06", seat: "32"}
        , {area: "01", row: "06", seat: "33"}
        , {area: "01", row: "06", seat: "34"}
        , {area: "01", row: "06", seat: "35"}
        , {area: "01", row: "07", seat: "01"}
        , {area: "01", row: "07", seat: "02"}
        , {area: "01", row: "07", seat: "03"}
        , {area: "01", row: "07", seat: "04"}
        , {area: "01", row: "07", seat: "05"}
        , {area: "01", row: "07", seat: "06"}
        , {area: "01", row: "07", seat: "07"}
        , {area: "01", row: "07", seat: "08"}
        , {area: "01", row: "07", seat: "09"}
        , {area: "01", row: "07", seat: "10"}
        , {area: "01", row: "07", seat: "11"}
        , {area: "01", row: "07", seat: "12"}
        , {area: "01", row: "07", seat: "13"}
        , {area: "01", row: "07", seat: "14"}
        , {area: "01", row: "07", seat: "17"}
        , {area: "01", row: "07", seat: "18"}
        , {area: "01", row: "07", seat: "19"}
        , {area: "01", row: "07", seat: "20"}
        , {area: "01", row: "07", seat: "21"}
        , {area: "01", row: "07", seat: "22"}
        , {area: "01", row: "07", seat: "23"}
        , {area: "01", row: "07", seat: "24"}
        , {area: "01", row: "07", seat: "25"}
        , {area: "01", row: "07", seat: "26"}
        , {area: "01", row: "07", seat: "27"}
        , {area: "01", row: "07", seat: "28"}
        , {area: "01", row: "07", seat: "31"}
        , {area: "01", row: "07", seat: "32"}
        , {area: "01", row: "07", seat: "33"}
        , {area: "01", row: "07", seat: "34"}
        , {area: "01", row: "07", seat: "35"}
        , {area: "01", row: "08", seat: "01"}
        , {area: "01", row: "08", seat: "02"}
        , {area: "01", row: "08", seat: "03"}
        , {area: "01", row: "08", seat: "04"}
        , {area: "01", row: "08", seat: "07"}
        , {area: "01", row: "08", seat: "08"}
        , {area: "01", row: "08", seat: "09"}
        , {area: "01", row: "08", seat: "10"}
        , {area: "01", row: "08", seat: "11"}
        , {area: "01", row: "08", seat: "12"}
        , {area: "01", row: "08", seat: "13"}
        , {area: "01", row: "08", seat: "14"}
        , {area: "01", row: "08", seat: "15"}
        , {area: "01", row: "08", seat: "16"}
        , {area: "01", row: "08", seat: "17"}
        , {area: "01", row: "08", seat: "18"}
        , {area: "01", row: "08", seat: "19"}
        , {area: "01", row: "08", seat: "20"}
        , {area: "01", row: "08", seat: "23"}
        , {area: "01", row: "08", seat: "24"}
        , {area: "01", row: "08", seat: "25"}
        , {area: "01", row: "08", seat: "26"}
        , {area: "01", row: "08", seat: "27"}
        , {area: "01", row: "08", seat: "28"}
        , {area: "01", row: "08", seat: "29"}
        , {area: "01", row: "08", seat: "30"}
        , {area: "01", row: "08", seat: "31"}
        , {area: "01", row: "08", seat: "32"}
        , {area: "01", row: "08", seat: "33"}
        , {area: "01", row: "08", seat: "34"}
        , {area: "01", row: "08", seat: "35"}
        , {area: "01", row: "09", seat: "01"}
        , {area: "01", row: "09", seat: "02"}
        , {area: "01", row: "09", seat: "03"}
        , {area: "01", row: "09", seat: "04"}
        , {area: "01", row: "09", seat: "05"}
        , {area: "01", row: "09", seat: "06"}
        , {area: "01", row: "09", seat: "07"}
        , {area: "01", row: "09", seat: "08"}
        , {area: "01", row: "09", seat: "09"}
        , {area: "01", row: "09", seat: "10"}
        , {area: "01", row: "09", seat: "11"}
        , {area: "01", row: "09", seat: "12"}
        , {area: "01", row: "09", seat: "15"}
        , {area: "01", row: "09", seat: "16"}
        , {area: "01", row: "09", seat: "17"}
        , {area: "01", row: "09", seat: "18"}
        , {area: "01", row: "09", seat: "19"}
        , {area: "01", row: "09", seat: "20"}
        , {area: "01", row: "09", seat: "21"}
        , {area: "01", row: "09", seat: "22"}
        , {area: "01", row: "09", seat: "23"}
        , {area: "01", row: "09", seat: "24"}
        , {area: "01", row: "09", seat: "25"}
        , {area: "01", row: "09", seat: "26"}
        , {area: "01", row: "09", seat: "29"}
        , {area: "01", row: "09", seat: "30"}
        , {area: "01", row: "09", seat: "31"}
        , {area: "01", row: "09", seat: "32"}
        , {area: "01", row: "09", seat: "33"}
        , {area: "01", row: "09", seat: "34"}
        , {area: "01", row: "09", seat: "35"}
        , {area: "01", row: "10", seat: "01"}
        , {area: "01", row: "10", seat: "02"}
        , {area: "01", row: "10", seat: "03"}
        , {area: "01", row: "10", seat: "04"}
        , {area: "01", row: "10", seat: "07"}
        , {area: "01", row: "10", seat: "08"}
        , {area: "01", row: "10", seat: "09"}
        , {area: "01", row: "10", seat: "10"}
        , {area: "01", row: "10", seat: "11"}
        , {area: "01", row: "10", seat: "12"}
        , {area: "01", row: "10", seat: "13"}
        , {area: "01", row: "10", seat: "14"}
        , {area: "01", row: "10", seat: "15"}
        , {area: "01", row: "10", seat: "16"}
        , {area: "01", row: "10", seat: "17"}
        , {area: "01", row: "10", seat: "18"}
        , {area: "01", row: "10", seat: "21"}
        , {area: "01", row: "10", seat: "22"}
        , {area: "01", row: "10", seat: "23"}
        , {area: "01", row: "11", seat: "01"}
        , {area: "01", row: "11", seat: "02"}
        , {area: "01", row: "11", seat: "03"}
        , {area: "01", row: "11", seat: "04"}
        , {area: "01", row: "11", seat: "05"}
        , {area: "01", row: "11", seat: "06"}
        , {area: "01", row: "11", seat: "07"}
        , {area: "01", row: "11", seat: "08"}
        , {area: "01", row: "11", seat: "09"}
        , {area: "01", row: "11", seat: "10"}
        , {area: "01", row: "11", seat: "13"}
        , {area: "01", row: "11", seat: "14"}
        , {area: "01", row: "11", seat: "15"}
        , {area: "01", row: "11", seat: "16"}
        , {area: "01", row: "11", seat: "17"}
        , {area: "01", row: "11", seat: "18"}
        , {area: "01", row: "11", seat: "19"}
        , {area: "01", row: "11", seat: "20"}
        , {area: "01", row: "11", seat: "21"}
        , {area: "01", row: "11", seat: "22"}
        , {area: "01", row: "11", seat: "23"}
        , {area: "01", row: "12", seat: "01"}
        , {area: "01", row: "12", seat: "02"}
        , {area: "01", row: "12", seat: "05"}
        , {area: "01", row: "12", seat: "06"}
        , {area: "01", row: "12", seat: "07"}
        , {area: "01", row: "12", seat: "08"}
        , {area: "01", row: "12", seat: "09"}
        , {area: "01", row: "12", seat: "10"}
        , {area: "01", row: "12", seat: "11"}
        , {area: "01", row: "12", seat: "12"}
        , {area: "01", row: "12", seat: "13"}
        , {area: "01", row: "12", seat: "14"}
        , {area: "01", row: "12", seat: "15"}
        , {area: "01", row: "12", seat: "16"}
        , {area: "01", row: "12", seat: "19"}
        , {area: "01", row: "12", seat: "20"}
        , {area: "01", row: "12", seat: "21"}
        , {area: "01", row: "12", seat: "22"}
        , {area: "01", row: "12", seat: "23"}
        , {area: "01", row: "13", seat: "01"}
        , {area: "01", row: "13", seat: "02"}
        , {area: "01", row: "13", seat: "03"}
        , {area: "01", row: "13", seat: "04"}
        , {area: "01", row: "13", seat: "05"}
        , {area: "01", row: "13", seat: "06"}
        , {area: "01", row: "13", seat: "07"}
        , {area: "01", row: "13", seat: "08"}
        , {area: "01", row: "13", seat: "11"}
        , {area: "01", row: "13", seat: "12"}
        , {area: "01", row: "13", seat: "13"}
        , {area: "01", row: "13", seat: "14"}
        , {area: "01", row: "13", seat: "15"}
        , {area: "01", row: "13", seat: "16"}
        , {area: "01", row: "13", seat: "17"}
        , {area: "01", row: "13", seat: "18"}
        , {area: "01", row: "13", seat: "19"}
        , {area: "01", row: "13", seat: "20"}
        , {area: "01", row: "13", seat: "21"}
        , {area: "01", row: "13", seat: "22"}
        , {area: "01", row: "13", seat: "23"}
        , {area: "01", row: "14", seat: "03"}
        , {area: "01", row: "14", seat: "04"}
        , {area: "01", row: "14", seat: "05"}
        , {area: "01", row: "14", seat: "06"}
        , {area: "01", row: "14", seat: "07"}
        , {area: "01", row: "14", seat: "08"}
        , {area: "01", row: "14", seat: "09"}
        , {area: "01", row: "14", seat: "10"}
        , {area: "01", row: "14", seat: "11"}
        , {area: "01", row: "14", seat: "12"}
        , {area: "01", row: "14", seat: "13"}
        , {area: "01", row: "14", seat: "14"}
        , {area: "01", row: "14", seat: "17"}
        , {area: "01", row: "14", seat: "18"}
        , {area: "01", row: "14", seat: "19"}
        , {area: "01", row: "14", seat: "20"}
        , {area: "01", row: "14", seat: "21"}
        , {area: "01", row: "14", seat: "22"}
        , {area: "01", row: "14", seat: "23"}
        , {area: "01", row: "15", seat: "01"}
        , {area: "01", row: "15", seat: "02"}
        , {area: "01", row: "15", seat: "03"}
        , {area: "01", row: "15", seat: "04"}
        , {area: "01", row: "15", seat: "05"}
        , {area: "01", row: "15", seat: "06"}
        , {area: "01", row: "15", seat: "09"}
        , {area: "01", row: "15", seat: "10"}
        , {area: "01", row: "15", seat: "11"}
        , {area: "01", row: "15", seat: "12"}
        , {area: "01", row: "15", seat: "13"}
        , {area: "01", row: "15", seat: "14"}
        , {area: "01", row: "15", seat: "15"}
        , {area: "01", row: "15", seat: "16"}
        , {area: "01", row: "15", seat: "17"}
        , {area: "01", row: "15", seat: "18"}
        , {area: "01", row: "15", seat: "19"}
        , {area: "01", row: "16", seat: "01"}
        , {area: "01", row: "16", seat: "02"}
        , {area: "01", row: "16", seat: "03"}
        , {area: "01", row: "16", seat: "04"}
        , {area: "01", row: "16", seat: "05"}
        , {area: "01", row: "16", seat: "06"}
        , {area: "01", row: "16", seat: "07"}
        , {area: "01", row: "16", seat: "08"}
        , {area: "01", row: "16", seat: "09"}
        , {area: "01", row: "16", seat: "10"}
        , {area: "01", row: "16", seat: "11"}
        , {area: "01", row: "16", seat: "12"}
        , {area: "01", row: "16", seat: "15"}
        , {area: "01", row: "16", seat: "16"}
        , {area: "01", row: "16", seat: "17"}
        , {area: "01", row: "16", seat: "18"}
        , {area: "01", row: "16", seat: "19"}
        , {area: "02", row: "01", seat: "01"}
        , {area: "02", row: "01", seat: "02"}
        , {area: "02", row: "01", seat: "03"}
        , {area: "02", row: "01", seat: "04"}
        , {area: "02", row: "01", seat: "05"}
        , {area: "02", row: "01", seat: "06"}
        , {area: "02", row: "01", seat: "07"}
        , {area: "02", row: "01", seat: "08"}
        , {area: "02", row: "01", seat: "09"}
        , {area: "02", row: "01", seat: "10"}
        , {area: "02", row: "01", seat: "11"}
        , {area: "02", row: "01", seat: "12"}
        , {area: "02", row: "01", seat: "13"}
        , {area: "02", row: "01", seat: "14"}
        , {area: "02", row: "01", seat: "15"}
        , {area: "02", row: "01", seat: "16"}
        , {area: "02", row: "01", seat: "17"}
        , {area: "02", row: "01", seat: "18"}
        , {area: "02", row: "01", seat: "19"}
        , {area: "02", row: "01", seat: "20"}
        , {area: "02", row: "01", seat: "21"}
        , {area: "02", row: "01", seat: "22"}
        , {area: "02", row: "01", seat: "23"}
        , {area: "02", row: "01", seat: "24"}
        , {area: "02", row: "01", seat: "25"}
        , {area: "02", row: "01", seat: "26"}
        , {area: "02", row: "01", seat: "27"}
        , {area: "02", row: "01", seat: "28"}
        , {area: "02", row: "01", seat: "29"}
        , {area: "02", row: "01", seat: "30"}
        , {area: "02", row: "01", seat: "31"}
        , {area: "02", row: "01", seat: "32"}
        , {area: "02", row: "01", seat: "33"}
        , {area: "02", row: "01", seat: "34"}
        , {area: "02", row: "01", seat: "35"}
        , {area: "02", row: "02", seat: "01"}
        , {area: "02", row: "02", seat: "02"}
        , {area: "02", row: "02", seat: "03"}
        , {area: "02", row: "02", seat: "04"}
        , {area: "02", row: "02", seat: "05"}
        , {area: "02", row: "02", seat: "06"}
        , {area: "02", row: "02", seat: "07"}
        , {area: "02", row: "02", seat: "08"}
        , {area: "02", row: "02", seat: "09"}
        , {area: "02", row: "02", seat: "10"}
        , {area: "02", row: "02", seat: "11"}
        , {area: "02", row: "02", seat: "12"}
        , {area: "02", row: "02", seat: "13"}
        , {area: "02", row: "02", seat: "14"}
        , {area: "02", row: "02", seat: "15"}
        , {area: "02", row: "02", seat: "16"}
        , {area: "02", row: "02", seat: "17"}
        , {area: "02", row: "02", seat: "18"}
        , {area: "02", row: "02", seat: "19"}
        , {area: "02", row: "02", seat: "20"}
        , {area: "02", row: "02", seat: "21"}
        , {area: "02", row: "02", seat: "22"}
        , {area: "02", row: "02", seat: "23"}
        , {area: "02", row: "02", seat: "24"}
        , {area: "02", row: "02", seat: "25"}
        , {area: "02", row: "02", seat: "26"}
        , {area: "02", row: "02", seat: "27"}
        , {area: "02", row: "02", seat: "28"}
        , {area: "02", row: "02", seat: "29"}
        , {area: "02", row: "02", seat: "30"}
        , {area: "02", row: "02", seat: "31"}
        , {area: "02", row: "02", seat: "32"}
        , {area: "02", row: "02", seat: "33"}
        , {area: "02", row: "02", seat: "34"}
        , {area: "02", row: "02", seat: "35"}
        , {area: "02", row: "03", seat: "01"}
        , {area: "02", row: "03", seat: "02"}
        , {area: "02", row: "03", seat: "03"}
        , {area: "02", row: "03", seat: "04"}
        , {area: "02", row: "03", seat: "05"}
        , {area: "02", row: "03", seat: "06"}
        , {area: "02", row: "03", seat: "07"}
        , {area: "02", row: "03", seat: "08"}
        , {area: "02", row: "03", seat: "09"}
        , {area: "02", row: "03", seat: "10"}
        , {area: "02", row: "03", seat: "11"}
        , {area: "02", row: "03", seat: "12"}
        , {area: "02", row: "03", seat: "13"}
        , {area: "02", row: "03", seat: "14"}
        , {area: "02", row: "03", seat: "15"}
        , {area: "02", row: "03", seat: "16"}
        , {area: "02", row: "03", seat: "17"}
        , {area: "02", row: "03", seat: "18"}
        , {area: "02", row: "03", seat: "21"}
        , {area: "02", row: "03", seat: "22"}
        , {area: "02", row: "03", seat: "23"}
        , {area: "02", row: "03", seat: "24"}
        , {area: "02", row: "03", seat: "25"}
        , {area: "02", row: "03", seat: "26"}
        , {area: "02", row: "03", seat: "27"}
        , {area: "02", row: "03", seat: "28"}
        , {area: "02", row: "03", seat: "29"}
        , {area: "02", row: "03", seat: "30"}
        , {area: "02", row: "03", seat: "31"}
        , {area: "02", row: "03", seat: "32"}
        , {area: "02", row: "03", seat: "35"}
        , {area: "02", row: "04", seat: "01"}
        , {area: "02", row: "04", seat: "02"}
        , {area: "02", row: "04", seat: "03"}
        , {area: "02", row: "04", seat: "04"}
        , {area: "02", row: "04", seat: "05"}
        , {area: "02", row: "04", seat: "06"}
        , {area: "02", row: "04", seat: "07"}
        , {area: "02", row: "04", seat: "08"}
        , {area: "02", row: "04", seat: "09"}
        , {area: "02", row: "04", seat: "10"}
        , {area: "02", row: "04", seat: "11"}
        , {area: "02", row: "04", seat: "12"}
        , {area: "02", row: "04", seat: "13"}
        , {area: "02", row: "04", seat: "14"}
        , {area: "02", row: "04", seat: "15"}
        , {area: "02", row: "04", seat: "16"}
        , {area: "02", row: "04", seat: "17"}
        , {area: "02", row: "04", seat: "18"}
        , {area: "02", row: "04", seat: "19"}
        , {area: "02", row: "04", seat: "20"}
        , {area: "02", row: "04", seat: "21"}
        , {area: "02", row: "04", seat: "22"}
        , {area: "02", row: "04", seat: "23"}
        , {area: "02", row: "04", seat: "24"}
        , {area: "02", row: "04", seat: "27"}
        , {area: "02", row: "04", seat: "28"}
        , {area: "02", row: "04", seat: "29"}
        , {area: "02", row: "04", seat: "30"}
        , {area: "02", row: "04", seat: "31"}
        , {area: "02", row: "04", seat: "32"}
        , {area: "02", row: "04", seat: "33"}
        , {area: "02", row: "04", seat: "34"}
        , {area: "02", row: "04", seat: "35"}
        , {area: "02", row: "05", seat: "01"}
        , {area: "02", row: "05", seat: "02"}
        , {area: "02", row: "05", seat: "03"}
        , {area: "02", row: "05", seat: "04"}
        , {area: "02", row: "05", seat: "05"}
        , {area: "02", row: "05", seat: "06"}
        , {area: "02", row: "05", seat: "07"}
        , {area: "02", row: "05", seat: "08"}
        , {area: "02", row: "05", seat: "09"}
        , {area: "02", row: "05", seat: "10"}
        , {area: "02", row: "05", seat: "11"}
        , {area: "02", row: "05", seat: "12"}
        , {area: "02", row: "05", seat: "13"}
        , {area: "02", row: "05", seat: "14"}
        , {area: "02", row: "05", seat: "15"}
        , {area: "02", row: "05", seat: "16"}
        , {area: "02", row: "05", seat: "19"}
        , {area: "02", row: "05", seat: "20"}
        , {area: "02", row: "05", seat: "21"}
        , {area: "02", row: "05", seat: "22"}
        , {area: "02", row: "05", seat: "23"}
        , {area: "02", row: "05", seat: "24"}
        , {area: "02", row: "05", seat: "25"}
        , {area: "02", row: "05", seat: "26"}
        , {area: "02", row: "05", seat: "27"}
        , {area: "02", row: "05", seat: "28"}
        , {area: "02", row: "05", seat: "29"}
        , {area: "02", row: "05", seat: "30"}
        , {area: "02", row: "05", seat: "33"}
        , {area: "02", row: "05", seat: "34"}
        , {area: "02", row: "05", seat: "35"}
        , {area: "02", row: "06", seat: "01"}
        , {area: "02", row: "06", seat: "02"}
        , {area: "02", row: "06", seat: "03"}
        , {area: "02", row: "06", seat: "04"}
        , {area: "02", row: "06", seat: "05"}
        , {area: "02", row: "06", seat: "06"}
        , {area: "02", row: "06", seat: "07"}
        , {area: "02", row: "06", seat: "08"}
        , {area: "02", row: "06", seat: "09"}
        , {area: "02", row: "06", seat: "10"}
        , {area: "02", row: "06", seat: "11"}
        , {area: "02", row: "06", seat: "12"}
        , {area: "02", row: "06", seat: "13"}
        , {area: "02", row: "06", seat: "14"}
        , {area: "02", row: "06", seat: "15"}
        , {area: "02", row: "06", seat: "16"}
        , {area: "02", row: "06", seat: "17"}
        , {area: "02", row: "06", seat: "18"}
        , {area: "02", row: "06", seat: "19"}
        , {area: "02", row: "06", seat: "20"}
        , {area: "02", row: "06", seat: "21"}
        , {area: "02", row: "06", seat: "22"}
        , {area: "02", row: "06", seat: "25"}
        , {area: "02", row: "06", seat: "26"}
        , {area: "02", row: "06", seat: "27"}
        , {area: "02", row: "06", seat: "28"}
        , {area: "02", row: "06", seat: "29"}
        , {area: "02", row: "06", seat: "30"}
        , {area: "02", row: "06", seat: "31"}
        , {area: "02", row: "06", seat: "32"}
        , {area: "02", row: "06", seat: "33"}
        , {area: "02", row: "06", seat: "34"}
        , {area: "02", row: "06", seat: "35"}
        , {area: "02", row: "07", seat: "01"}
        , {area: "02", row: "07", seat: "02"}
        , {area: "02", row: "07", seat: "03"}
        , {area: "02", row: "07", seat: "04"}
        , {area: "02", row: "07", seat: "05"}
        , {area: "02", row: "07", seat: "06"}
        , {area: "02", row: "07", seat: "07"}
        , {area: "02", row: "07", seat: "08"}
        , {area: "02", row: "07", seat: "09"}
        , {area: "02", row: "07", seat: "10"}
        , {area: "02", row: "07", seat: "11"}
        , {area: "02", row: "07", seat: "12"}
        , {area: "02", row: "07", seat: "13"}
        , {area: "02", row: "07", seat: "14"}
        , {area: "02", row: "07", seat: "17"}
        , {area: "02", row: "07", seat: "18"}
        , {area: "02", row: "07", seat: "19"}
        , {area: "02", row: "07", seat: "20"}
        , {area: "02", row: "07", seat: "21"}
        , {area: "02", row: "07", seat: "22"}
        , {area: "02", row: "07", seat: "23"}
        , {area: "02", row: "07", seat: "24"}
        , {area: "02", row: "07", seat: "25"}
        , {area: "02", row: "07", seat: "26"}
        , {area: "02", row: "07", seat: "27"}
        , {area: "02", row: "07", seat: "28"}
        , {area: "02", row: "07", seat: "31"}
        , {area: "02", row: "07", seat: "32"}
        , {area: "02", row: "07", seat: "33"}
        , {area: "02", row: "07", seat: "34"}
        , {area: "02", row: "07", seat: "35"}
        , {area: "02", row: "08", seat: "01"}
        , {area: "02", row: "08", seat: "02"}
        , {area: "02", row: "08", seat: "03"}
        , {area: "02", row: "08", seat: "04"}
        , {area: "02", row: "08", seat: "07"}
        , {area: "02", row: "08", seat: "08"}
        , {area: "02", row: "08", seat: "09"}
        , {area: "02", row: "08", seat: "10"}
        , {area: "02", row: "08", seat: "11"}
        , {area: "02", row: "08", seat: "12"}
        , {area: "02", row: "08", seat: "13"}
        , {area: "02", row: "08", seat: "14"}
        , {area: "02", row: "08", seat: "15"}
        , {area: "02", row: "08", seat: "16"}
        , {area: "02", row: "08", seat: "17"}
        , {area: "02", row: "08", seat: "18"}
        , {area: "02", row: "08", seat: "19"}
        , {area: "02", row: "08", seat: "20"}
        , {area: "02", row: "08", seat: "23"}
        , {area: "02", row: "08", seat: "24"}
        , {area: "02", row: "08", seat: "25"}
        , {area: "02", row: "08", seat: "26"}
        , {area: "02", row: "08", seat: "27"}
        , {area: "02", row: "08", seat: "28"}
        , {area: "02", row: "08", seat: "29"}
        , {area: "02", row: "08", seat: "30"}
        , {area: "02", row: "08", seat: "31"}
        , {area: "02", row: "08", seat: "32"}
        , {area: "02", row: "08", seat: "33"}
        , {area: "02", row: "08", seat: "34"}
        , {area: "02", row: "08", seat: "35"}
        , {area: "02", row: "09", seat: "01"}
        , {area: "02", row: "09", seat: "02"}
        , {area: "02", row: "09", seat: "03"}
        , {area: "02", row: "09", seat: "04"}
        , {area: "02", row: "09", seat: "05"}
        , {area: "02", row: "09", seat: "06"}
        , {area: "02", row: "09", seat: "07"}
        , {area: "02", row: "09", seat: "08"}
        , {area: "02", row: "09", seat: "09"}
        , {area: "02", row: "09", seat: "10"}
        , {area: "02", row: "09", seat: "11"}
        , {area: "02", row: "09", seat: "12"}
        , {area: "02", row: "09", seat: "15"}
        , {area: "02", row: "09", seat: "16"}
        , {area: "02", row: "09", seat: "17"}
        , {area: "02", row: "09", seat: "18"}
        , {area: "02", row: "09", seat: "19"}
        , {area: "02", row: "09", seat: "20"}
        , {area: "02", row: "09", seat: "21"}
        , {area: "02", row: "09", seat: "22"}
        , {area: "02", row: "09", seat: "23"}
        , {area: "02", row: "09", seat: "24"}
        , {area: "02", row: "09", seat: "25"}
        , {area: "02", row: "09", seat: "26"}
        , {area: "02", row: "09", seat: "29"}
        , {area: "02", row: "09", seat: "30"}
        , {area: "02", row: "09", seat: "31"}
        , {area: "02", row: "09", seat: "32"}
        , {area: "02", row: "09", seat: "33"}
        , {area: "02", row: "09", seat: "34"}
        , {area: "02", row: "09", seat: "35"}
        , {area: "02", row: "10", seat: "01"}
        , {area: "02", row: "10", seat: "02"}
        , {area: "02", row: "10", seat: "03"}
        , {area: "02", row: "10", seat: "04"}
        , {area: "02", row: "10", seat: "07"}
        , {area: "02", row: "10", seat: "08"}
        , {area: "02", row: "10", seat: "09"}
        , {area: "02", row: "10", seat: "10"}
        , {area: "02", row: "10", seat: "11"}
        , {area: "02", row: "10", seat: "12"}
        , {area: "02", row: "10", seat: "13"}
        , {area: "02", row: "10", seat: "14"}
        , {area: "02", row: "10", seat: "15"}
        , {area: "02", row: "10", seat: "16"}
        , {area: "02", row: "10", seat: "17"}
        , {area: "02", row: "10", seat: "18"}
        , {area: "02", row: "10", seat: "21"}
        , {area: "02", row: "10", seat: "22"}
        , {area: "02", row: "10", seat: "23"}
        , {area: "02", row: "10", seat: "24"}
        , {area: "02", row: "10", seat: "25"}
        , {area: "02", row: "10", seat: "26"}
        , {area: "02", row: "10", seat: "27"}
        , {area: "02", row: "10", seat: "28"}
        , {area: "02", row: "10", seat: "29"}
        , {area: "02", row: "10", seat: "30"}
        , {area: "02", row: "10", seat: "31"}
        , {area: "02", row: "10", seat: "32"}
        , {area: "02", row: "10", seat: "35"}
        , {area: "02", row: "11", seat: "01"}
        , {area: "02", row: "11", seat: "02"}
        , {area: "02", row: "11", seat: "03"}
        , {area: "02", row: "11", seat: "04"}
        , {area: "02", row: "11", seat: "05"}
        , {area: "02", row: "11", seat: "06"}
        , {area: "02", row: "11", seat: "07"}
        , {area: "02", row: "11", seat: "08"}
        , {area: "02", row: "11", seat: "09"}
        , {area: "02", row: "11", seat: "10"}
        , {area: "02", row: "11", seat: "13"}
        , {area: "02", row: "11", seat: "14"}
        , {area: "02", row: "11", seat: "15"}
        , {area: "02", row: "11", seat: "16"}
        , {area: "02", row: "11", seat: "17"}
        , {area: "02", row: "11", seat: "18"}
        , {area: "02", row: "11", seat: "19"}
        , {area: "02", row: "11", seat: "20"}
        , {area: "02", row: "11", seat: "21"}
        , {area: "02", row: "11", seat: "22"}
        , {area: "02", row: "11", seat: "23"}
        , {area: "02", row: "11", seat: "24"}
        , {area: "02", row: "11", seat: "27"}
        , {area: "02", row: "11", seat: "28"}
        , {area: "02", row: "11", seat: "29"}
        , {area: "02", row: "11", seat: "30"}
        , {area: "02", row: "11", seat: "31"}
        , {area: "02", row: "11", seat: "32"}
        , {area: "02", row: "11", seat: "33"}
        , {area: "02", row: "11", seat: "34"}
        , {area: "02", row: "11", seat: "35"}
        , {area: "02", row: "12", seat: "01"}
        , {area: "02", row: "12", seat: "02"}
        , {area: "02", row: "12", seat: "05"}
        , {area: "02", row: "12", seat: "06"}
        , {area: "02", row: "12", seat: "07"}
        , {area: "02", row: "12", seat: "08"}
        , {area: "02", row: "12", seat: "09"}
        , {area: "02", row: "12", seat: "10"}
        , {area: "02", row: "12", seat: "11"}
        , {area: "02", row: "12", seat: "12"}
        , {area: "02", row: "12", seat: "13"}
        , {area: "02", row: "12", seat: "14"}
        , {area: "02", row: "12", seat: "15"}
        , {area: "02", row: "12", seat: "16"}
        , {area: "02", row: "12", seat: "19"}
        , {area: "02", row: "12", seat: "20"}
        , {area: "02", row: "12", seat: "21"}
        , {area: "02", row: "12", seat: "22"}
        , {area: "02", row: "12", seat: "23"}
        , {area: "02", row: "12", seat: "24"}
        , {area: "02", row: "12", seat: "25"}
        , {area: "02", row: "12", seat: "26"}
        , {area: "02", row: "12", seat: "27"}
        , {area: "02", row: "12", seat: "28"}
        , {area: "02", row: "12", seat: "29"}
        , {area: "02", row: "12", seat: "30"}
        , {area: "02", row: "12", seat: "33"}
        , {area: "02", row: "12", seat: "34"}
        , {area: "02", row: "12", seat: "35"}
        , {area: "02", row: "13", seat: "01"}
        , {area: "02", row: "13", seat: "02"}
        , {area: "02", row: "13", seat: "03"}
        , {area: "02", row: "13", seat: "04"}
        , {area: "02", row: "13", seat: "05"}
        , {area: "02", row: "13", seat: "06"}
        , {area: "02", row: "13", seat: "07"}
        , {area: "02", row: "13", seat: "08"}
        , {area: "02", row: "13", seat: "11"}
        , {area: "02", row: "13", seat: "12"}
        , {area: "02", row: "13", seat: "13"}
        , {area: "02", row: "13", seat: "14"}
        , {area: "02", row: "13", seat: "15"}
        , {area: "02", row: "13", seat: "16"}
        , {area: "02", row: "13", seat: "17"}
        , {area: "02", row: "13", seat: "18"}
        , {area: "02", row: "13", seat: "19"}
        , {area: "02", row: "13", seat: "20"}
        , {area: "02", row: "13", seat: "21"}
        , {area: "02", row: "13", seat: "22"}
        , {area: "02", row: "13", seat: "25"}
        , {area: "02", row: "13", seat: "26"}
        , {area: "02", row: "13", seat: "27"}
        , {area: "02", row: "13", seat: "28"}
        , {area: "02", row: "13", seat: "29"}
        , {area: "02", row: "13", seat: "30"}
        , {area: "02", row: "13", seat: "31"}
        , {area: "02", row: "13", seat: "32"}
        , {area: "02", row: "13", seat: "33"}
        , {area: "02", row: "13", seat: "34"}
        , {area: "02", row: "13", seat: "35"}
        , {area: "02", row: "14", seat: "03"}
        , {area: "02", row: "14", seat: "04"}
        , {area: "02", row: "14", seat: "05"}
        , {area: "02", row: "14", seat: "06"}
        , {area: "02", row: "14", seat: "07"}
        , {area: "02", row: "14", seat: "08"}
        , {area: "02", row: "14", seat: "09"}
        , {area: "02", row: "14", seat: "10"}
        , {area: "02", row: "14", seat: "11"}
        , {area: "02", row: "14", seat: "12"}
        , {area: "02", row: "14", seat: "13"}
        , {area: "02", row: "14", seat: "14"}
        , {area: "02", row: "14", seat: "17"}
        , {area: "02", row: "14", seat: "18"}
        , {area: "02", row: "14", seat: "19"}
        , {area: "02", row: "14", seat: "20"}
        , {area: "02", row: "14", seat: "21"}
        , {area: "02", row: "14", seat: "22"}
        , {area: "02", row: "14", seat: "23"}
        , {area: "02", row: "14", seat: "24"}
        , {area: "02", row: "14", seat: "25"}
        , {area: "02", row: "14", seat: "26"}
        , {area: "02", row: "14", seat: "27"}
        , {area: "02", row: "14", seat: "28"}
        , {area: "02", row: "14", seat: "31"}
        , {area: "02", row: "14", seat: "32"}
        , {area: "02", row: "14", seat: "33"}
        , {area: "02", row: "14", seat: "34"}
        , {area: "02", row: "14", seat: "35"}
        , {area: "02", row: "15", seat: "01"}
        , {area: "02", row: "15", seat: "02"}
        , {area: "02", row: "15", seat: "03"}
        , {area: "02", row: "15", seat: "04"}
        , {area: "02", row: "15", seat: "05"}
        , {area: "02", row: "15", seat: "06"}
        , {area: "02", row: "15", seat: "09"}
        , {area: "02", row: "15", seat: "10"}
        , {area: "02", row: "15", seat: "11"}
        , {area: "02", row: "15", seat: "12"}
        , {area: "02", row: "15", seat: "13"}
        , {area: "02", row: "15", seat: "14"}
        , {area: "02", row: "15", seat: "15"}
        , {area: "02", row: "15", seat: "16"}
        , {area: "02", row: "15", seat: "17"}
        , {area: "02", row: "15", seat: "18"}
        , {area: "02", row: "15", seat: "19"}
        , {area: "02", row: "15", seat: "20"}
        , {area: "02", row: "16", seat: "01"}
        , {area: "02", row: "16", seat: "02"}
        , {area: "02", row: "16", seat: "03"}
        , {area: "02", row: "16", seat: "04"}
        , {area: "02", row: "16", seat: "05"}
        , {area: "02", row: "16", seat: "06"}
        , {area: "02", row: "16", seat: "07"}
        , {area: "02", row: "16", seat: "08"}
        , {area: "02", row: "16", seat: "09"}
        , {area: "02", row: "16", seat: "10"}
        , {area: "02", row: "16", seat: "11"}
        , {area: "02", row: "16", seat: "12"}
        , {area: "02", row: "16", seat: "15"}
        , {area: "02", row: "16", seat: "16"}
        , {area: "02", row: "16", seat: "17"}
        , {area: "02", row: "16", seat: "18"}
        , {area: "02", row: "16", seat: "19"}
        , {area: "02", row: "16", seat: "20"}
    ];
    let tempArr: number[] = []
    let lucky: seatInfo[] = []
    for (let idx in seats_list){
        tempArr.push(parseInt(idx))
    }
    for (let a = 0; a < 5; a++){
        let ran = Math.random()
        lucky.push(seats_list[tempArr[Math.floor(ran*tempArr.length)]])
    }
    return {
        lucky
    }
}

Ghttp.ts

import axios, { AxiosResponse, AxiosError, AxiosRequestConfig } from 'axios';
import { ElNotification } from 'element-plus'

interface postData {[key: string]: any}
interface HttpFnGet {<T = any>(url: string, config?: AxiosRequestConfig): Promise<T>}
interface HttpFnPost {<T = any>(url: string, data: postData, config?: AxiosRequestConfig): Promise<T>}
const baseURL: string =  process.env.NODE_ENV === 'development' ? '/api' : '';

type GHttpMethods = {
    get: HttpFnGet,
    post: HttpFnPost
}

const GHTTP: GHttpMethods = {
    get: async (url: string, options: AxiosRequestConfig = {}) => {
        const { ...config } = options
        try {
            const response = await axios.get(baseURL + url, config);
            return response ? response.data : null;
        } catch (error) {
            ElNotification({
                title: '错误',
                showClose: true,
                message: '网络错误',
                type: 'error'
            });
        }
    },
    post: async (url: string, data: postData, options: AxiosRequestConfig = {}) => {
        const { ...config } = options
        try {
            const response = await axios.post(baseURL + url, data, config);
            return response ? response.data : null;
        } catch (error) {
            console.log(error)
            ElNotification({
                title: '错误',
                showClose: true,
                message: '网络错误',
                type: 'error'
            });
        }
    }
}

export default GHTTP

GSetLocalStorage.ts

export default function(method: string, data: storageData){
    let data_str = JSON.stringify(data);
    localStorage.setItem(method, data_str);
}

script-sb
关注
vue 实现简易九宫格抽奖功能
m0_72759446的博客
04-28 566
运行原理：通过定时器和三元表达式来切换奖品的class名。
vuejs抽奖系统
07-28
vuejs抽奖系统
vue实现抽奖
weixin_43274097的博客
11-12 3603
vue实现宫格轮转抽奖(类似穿越火线的xx轮回) 不做过多的解说，直接上代码啦。关键的代码都写了注释，很容易理解。直接复制即可使用！ 另外css部分依赖 node-sass、sass-loader,没有安装的安装一下，已有的小伙伴直接跳过~~ "node-sass": "^4.12.0", "sass-loader": "^8.0.2", <template> <div class="home"> <div class="home-container">
如何vue制作一个抽奖页面
最新发布
qq_45863248的博客
08-16 350
代码支持选项占比/颜色控制，旋转圈数控制，旋转速度控制。
Vue3实现九宫格抽奖（思路+完整代码）
有事儿私信。
09-04 3955
虽然有一些抽奖插件比如lucky-canvas来帮助我们快速发开抽奖小活动，但一些高定制的项目，只能自己手写抽奖（组件构成复杂，插件的css满足不了），今天记录一个九宫格抽奖demo，走一遍抽奖活动设计思路。
vue实现九宫格抽奖
m0_58565372的博客
08-22 3062
以上代码是我实现功能的代码，仔细研究一下，就可以看懂，希望对你们有所帮助！最近写了一个九宫格的抽奖，然后现在总结一下。
详解vue中localStorage的使用方法
12-09
在Vue应用中，有时我们需要在用户关闭浏览器后仍能保存一些数据，这时候Web Storage API中的localStorage就派上了用场。localStorage相比传统的Cookie，提供了更大的存储空间（通常为5MB），并且在存储和读取数据时...
Vue使用localStorage存储数据的方法
12-11
本文将详细讲解如何在Vue项目中使用`localStorage`存储数据。 首先，`localStorage`只支持存储字符串类型的数据。因此，当我们要存储非字符串类型的对象时，需要先将其转换成字符串。在Vue中，可以使用`JSON....
vue实现localStorage工具类
11-19
### Vue中的LocalStorage工具类知识点详解 #### 一、概述 在Web开发中，浏览器提供了多种方式来存储数据，包括但不限于`sessionStorage`、`localStorage`以及`IndexedDB`等。其中，`localStorage`是一种持久化的...
vuejs抽奖系统.zip
07-27
使用VueJs 写的一个简单的年会抽奖Web程序，共同学习，共同进步
vue幸运大抽奖微信小程序源码
08-17
vue幸运大抽奖微信小程序源码
vue-uniapp-Lottery-turntable-master抽奖转盘效果 __效果
11-15
vue-uniapp-Lottery-turntable-master抽奖转盘效果 __效果图：https___gaojuqian.com_github_img_cj.gif__使用将index做路由放入文件夹，以及static图片__可以用于uni-app项目 h5,小程序等,app未测试.zip
vue-lottery：抽奖以及截屏保存图片至本地
02-06
简介 基于vue.js抽奖项目，截屏保存多次抽奖图片至本地，附带背景音乐 技术栈：vue + vuex + vue-router + axios +模拟+ elementUI + html2canvas + nprogress +更少+ ECMAScript6 本项目目前处于持续更新阶段，欢迎星级，请关注！ 说明 示例地址 实现思路 本项目主要有以下几个点需要注意： 为了保证数据安全，需要设置登录，在登录成功之后的正确的下获取后台传递的数据，以及回传数据也需要验证是否已登录； 这里利用mock来模拟数据，考虑正式抽奖的数据都上千条，cookie和存储的存储空间写入都不够用，依次考虑利用浏览器支
vue ie兼容性_一款开源的vue的年会抽奖程序lucky-draw
weixin_39824033的博客
11-29 1143
简介lucky-draw一款基于Vue底层的一款年会抽奖程序。github 地址：https://github.com/vitozyf/lucky-drawgithub star: 290+最新版本：0.1.0，MIT 协议主要技术栈: vue 2.6, vux 3.1, element-ui 2.13.0, vue-cli 4.1项目截图使用说明抽奖配置设置抽奖总人数、奖项及每个奖项的人数，默认...
vue写一个简单的九宫格抽奖
CQXXTXX的博客
11-03 1513
vue实现九宫格抽奖
vue 转盘抽奖功能，可控制抽奖概率
qq_43532275的博客
08-23 1462
vue 转盘抽奖功能，可控制抽奖概率
vue3实现一个抽奖小项目
xi1213的博客
01-20 4056
项目很简单，但给我的时间很少，很多优化的地方都没做好，后面有时间了再优化下，顺便适配下移动端。原文地址：https://xiblogs.top/?id=53。
推荐开源项目：Vue-Lottery - 一个基于Vue.js的抽奖插件
gitblog_00032的博客
04-01 722
推荐开源项目：Vue-Lottery - 一个基于Vue.js的抽奖插件 去发现同类优质开源项目:https://gitcode.com/ 项目简介 是一个由开发者Renmingliang贡献的开源项目，它是一个轻量级且高度可定制化的抽奖组件，基于流行的前端框架Vue.js构建。这个项目的目的是为Web应用提供丰富的互动体验，特别是电商、营销或活动类网站，可以利用此组件进行有趣的用户参与设计。 技...
Vue中localstorage与sessionstorage的最佳实践与封装
"本文将深入讲解在Vue项目中如何有效地管理和使用localStorage和sessionStorage。首先，作者指出直接使用原生JavaScript语法在Vue项目中的问题，如高耦合性、全局变量污染以及可能导致的存储空间管理困难。这些问题...
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值