抽奖程序 vue ts localStorage

最新推荐文章于 2023-11-23 23:15:50 发布
最新推荐文章于 2023-11-23 23:15:50 发布
阅读量124 收藏
点赞数
版权声明：本文为博主原创文章，遵循 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
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
vue幸运大抽奖微信小程序源码
08-17
vue幸运大抽奖微信小程序源码
vue3实现一个抽奖小项目
xi1213的博客
01-20 3767
项目很简单，但给我的时间很少，很多优化的地方都没做好，后面有时间了再优化下，顺便适配下移动端。原文地址：https://xiblogs.top/?id=53。
前端 vite+vue3——写一个随机抽奖组件
热门推荐
编程知识分享，主打前端
10-11 2万+
大家好，我是yma16，本文分享关于前端 vite+vue3——写一个抽奖随机组件。前端vue2、vue3去掉url路由“ # ”号——nginx配置csdn新星计划vue3+ts+antd赛道——利用inscode搭建vue3(ts)+antd前端模板认识vite_vue3 初始化项目到打包python_selenuim获取csdn新星赛道选手所在城市用echarts地图显示vue3Vue3是Vue.js框架的下一个主要版本。
vue3+ts中localStorage、sessionStorage封装
最新发布
FOR_HOU的博客
11-23 425
在项目中使用localStorage和sessionStorage方法的封装。
vue 实现简易九宫格抽奖功能
m0_72759446的博客
04-28 415
运行原理：通过定时器和三元表达式来切换奖品的class名。
抽奖程序vue3可用源码
08-27
抽奖程序，vue3实现，含node_modules，防止npm i报错； 下载后直接npm run serve即可使用，npm run build打包。 可以根据需要自行继续优化。
详解vue中localStorage的使用方法
12-09
什么是localStorage 对浏览器来说，使用 Web Storage 存储键值对比存储 Cookie 方式更直观，而且容量更大，它包含两种：localStorage 和 sessionStorage 1.sessionStorage（临时存储） ：为每一个数据源维持一个存储...
vue实现localStorage工具类
11-19
该文档在vue中实现localstorage存储，获取等基本操作，用于浏览器端缓存数据。可根据需要实现多久时间自动过期
Vue使用localStorage存储数据的方法
12-11
本文实例为大家分享了Vue使用localStorage存储数据的具体代码，供大家参考，具体内容如下 通过下面这个案例来了解localStorage的基本使用方法。 输入评论人、评论内容，点击发表评论，评论数据将保存到localStorage...
vue实现九宫格抽奖
m0_58565372的博客
08-22 2834
以上代码是我实现功能的代码，仔细研究一下，就可以看懂，希望对你们有所帮助！最近写了一个九宫格的抽奖，然后现在总结一下。
vuejs抽奖系统.zip
07-27
使用VueJs 写的一个简单的年会抽奖Web程序，共同学习，共同进步
vuejs抽奖系统
07-28
vuejs抽奖系统
Vue中如何进行本地存储（LocalStorage）
stormjun的博客
09-21 5681
本地存储（LocalStorage）是浏览器提供的一种机制，允许Web应用程序在用户的浏览器中存储数据。这些数据以键值对（key-value pairs）的形式存储，并且可以在浏览器会话之间保持持久性。本地存储是基于域名的，这意味着数据将与特定域名相关联。存储在LocalStorage中的数据在浏览器关闭后仍然保留，直到被明确删除。浏览器为每个域名提供了一定的LocalStorage存储容量，通常为5-10MB。超出容量限制时，需要谨慎管理存储数据。
Vue笔记_插件组件_lucky-canvas抽奖转盘
qq_43260366的博客
10-18 3190
中使用，在此以vue2.x作为示例进行说明。两种抽奖界面，UI 精美，功能强大且专业可靠，只需要通过简单配置即可实现自由定制，快速完成产品需求。在进行渲染时，为了使页面能够等比放大/缩小，会进行配置将所有单位为px的值转换为rem单位。因此 若是想要转盘随着页面等比缩放 => 在给配置项设置数据时单位需要设置为。此时点击 “点击领取” 按钮转盘无任何反应，因为我们还没有设置事件进行抽奖。height: ‘300px’ // 默认300px。width: ‘300px’ // 默认300px。
vue写一个简单的九宫格抽奖
CQXXTXX的博客
11-03 1313
vue实现九宫格抽奖
vue ie兼容性_一款开源的vue的年会抽奖程序lucky-draw
weixin_39824033的博客
11-29 1066
简介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项目截图使用说明抽奖配置设置抽奖总人数、奖项及每个奖项的人数，默认...
计算机毕业设计Node.js+Vuejava抽奖系统设计（程序+源码+LW+部署)
Nodejs洋洋 程序
01-16 271
该项目含有源码、文档、程序、数据库、配套开发软件、软件安装教程。欢迎交流项目运行环境配置：项目技术：Express框架 + Node.js+ Vue 等等组成，B/S模式 +Vscode管理+前后端分离等等。环境需要1.运行环境：最好是Nodejs最新版，我们在这个版本上开发的。其他版本理论上也可以。2.开发环境：Vscode或HbuilderX都可以。推荐HbuilderX;3.mysql环境：建议是用5.7版本均可。
Vue3实现九宫格抽奖（思路+完整代码）
有事儿私信。
09-04 2298
虽然有一些抽奖插件比如lucky-canvas来帮助我们快速发开抽奖小活动，但一些高定制的项目，只能自己手写抽奖（组件构成复杂，插件的css满足不了），今天记录一个九宫格抽奖demo，走一遍抽奖活动设计思路。
vue使用localStorage
09-15
Vue使用localStorage可以通过以下步骤实现： 1. 使用localStorage.setItem()方法将数据存储到localStorage中。 例如：localStorage.setItem("key", "value"); 这里的key是存储的键，value是存储的值。 2. 使用...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值