前端部分代码复习add

<template>

    <div style="width: 50%;margin-left: 42%;">

        <el-form ref="form" :model="xz" label-width="80px">

            <el-form-item label="接种单位">

                <el-select v-model="xz.unitname" placeholder="请选择" style="float: left;width: 30%;">

                    <el-option v-for="(item, i) in Vaclisk" :key="i" :label="item.unitname" :value="item.url">

                        {{ item.unitname }}

                    </el-option>

                </el-select>

            </el-form-item>

            <el-form-item label="预约人" style="width: 36%;">

                <el-input v-model="xz.person"></el-input>

            </el-form-item>

            <el-form-item label="电话" style="width: 36%;">

                <el-input v-model="xz.phone"></el-input>

            </el-form-item>

            <el-form-item label="身份证" style="width: 36%;">

                <el-input v-model="xz.ipcard"></el-input>

            </el-form-item>

            <el-form-item label="生日" style="width: 36%;">

                <el-input v-model="xz.birthday"></el-input>

            </el-form-item>

            <el-form-item label="性别" style="width: 36%;">

                <el-radio-group v-model="xz.sex">

                    <el-radio label="男">男</el-radio>

                    <el-radio label="女">女</el-radio>

                </el-radio-group>

            </el-form-item>

            <el-form-item label="性别">

                <router-link to="/zy">

                    <el-button type="primary" style="float: left;margin-left: 2%;">返回预约列表</el-button>

                </router-link>

                <el-button type="primary" @click="addlisk" style="float: left;margin-left: 2%;">提交</el-button>

            </el-form-item>

        </el-form>

    </div>

</template>

<script>

import axios from 'axios';

export default {

    name : 'add',

    data() {

        return {

            Vaclisk: [],

            // applisk: [],

            xz: {

                unitname: '',

                person: '',

                phone: '',

                ipcard: '',

                birthday: '',

                sex: '男'

            }

        }

    },

    created() {

        this.getVac()

        // this.getapp()

    },

    methods: {

        getVac() {

            axios.get('http://127.0.0.1:8000/add/').then((res) => {

                this.Vaclisk = res.data

            })

        },

        // getapp() {

        //     axios.get('http://127.0.0.1:8000/add/').then((res) => {

        //         this.applisk = res.data

        //     })

        // },

        addlisk() {

            axios.post('http://127.0.0.1:8000/zy/', {

                vid: this.xz.unitname,

                person: this.xz.person,

                phone: this.xz.phone,

                ipcard: this.xz.ipcard,

                birthday: this.xz.birthday,

                sex: this.xz.sex

            }).then((res) => {

                // this.getapp()

                this.xz.unitname = ''

                this.xz.person = ''

                this.xz.phone = ''

                this.xz.ipcard = ''

                this.xz.birthday = ''

                this.xz.sex = ''

            }).this.$confirm('添加成功')

        }

    }

}

</script>

<style scoped></style>