<template>
    <div>
        <el-dialog
            :close-on-click-modal="false"
            :title="title"
            :visible.sync="dialogVisible"
            width="1000px"
            :before-close="handleClose"
        >
            <el-form ref="form" :inline="true" :model="form" label-width="80px" class="form-two">
                <el-form-item label="CVT名称:">
                    <el-input v-model="form.name" placeholder="请输入CVT名称"></el-input>
                </el-form-item>
                <el-form-item label="CVT型号:">
                    <el-input v-model="form.model" placeholder="请输入CVT型号"></el-input>
                </el-form-item>
            </el-form>
            <el-form ref="form" :inline="true" :model="form" label-width="80px" class="form">
                <el-form-item label="2次:">
                    <el-input type="number" v-model="form.num2"></el-input>
                </el-form-item>
                <el-form-item label="3次:">
                    <el-input type="number" v-model="form.num3"></el-input>
                </el-form-item>
                <el-form-item label="4次:">
                    <el-input type="number" v-model="form.num4"></el-input>
                </el-form-item>
                <el-form-item label="5次:">
                    <el-input type="number" v-model="form.num5"></el-input>
                </el-form-item>
                <el-form-item label="6次:">
                    <el-input type="number" v-model="form.num6"></el-input>
                </el-form-item>
                <el-form-item label="7次:">
                    <el-input type="number" v-model="form.num7"></el-input>
                </el-form-item>
                <el-form-item label="8次:">
                    <el-input type="number" v-model="form.num8"></el-input>
                </el-form-item>
                <el-form-item label="9次:">
                    <el-input type="number" v-model="form.num9"></el-input>
                </el-form-item>
                <el-form-item label="10次:">
                    <el-input type="number" v-model="form.num10"></el-input>
                </el-form-item>
                <el-form-item label="11次:">
                    <el-input type="number" v-model="form.num11"></el-input>
                </el-form-item>
                <el-form-item label="12次:">
                    <el-input type="number" v-model="form.num12"></el-input>
                </el-form-item>
                <el-form-item label="13次:">
                    <el-input type="number" v-model="form.num13"></el-input>
                </el-form-item>
                <el-form-item label="14次:">
                    <el-input type="number" v-model="form.num14"></el-input>
                </el-form-item>
                <el-form-item label="15次:">
                    <el-input type="number" v-model="form.num15"></el-input>
                </el-form-item>
                <el-form-item label="16次:">
                    <el-input type="number" v-model="form.num16"></el-input>
                </el-form-item>
                <el-form-item label="17次:">
                    <el-input type="number" v-model="form.num17"></el-input>
                </el-form-item>
                <el-form-item label="18次:">
                    <el-input type="number" v-model="form.num18"></el-input>
                </el-form-item>
                <el-form-item label="19次:">
                    <el-input type="number" v-model="form.num19"></el-input>
                </el-form-item>
                <el-form-item label="20次:">
                    <el-input type="number" v-model="form.num20"></el-input>
                </el-form-item>
                <el-form-item label="21次:">
                    <el-input type="number" v-model="form.num21"></el-input>
                </el-form-item>
                <el-form-item label="22次:">
                    <el-input type="number" v-model="form.num22"></el-input>
                </el-form-item>
                <el-form-item label="23次:">
                    <el-input type="number" v-model="form.num23"></el-input>
                </el-form-item>
                <el-form-item label="24次:">
                    <el-input type="number" v-model="form.num24"></el-input>
                </el-form-item>
                <el-form-item label="25次:">
                    <el-input type="number" v-model="form.num25"></el-input>
                </el-form-item>
                <el-form-item label="26次:">
                    <el-input type="number" v-model="form.num26"></el-input>
                </el-form-item>
                <el-form-item label="27次:">
                    <el-input type="number" v-model="form.num27"></el-input>
                </el-form-item>
                <el-form-item label="28次:">
                    <el-input type="number" v-model="form.num28"></el-input>
                </el-form-item>
                <el-form-item label="29次:">
                    <el-input type="number" v-model="form.num29"></el-input>
                </el-form-item>
                <el-form-item label="30次:">
                    <el-input type="number" v-model="form.num30"></el-input>
                </el-form-item>
                <el-form-item label="31次:">
                    <el-input type="number" v-model="form.num31"></el-input>
                </el-form-item>
                <el-form-item label="32次:">
                    <el-input type="number" v-model="form.num32"></el-input>
                </el-form-item>
                <el-form-item label="33次:">
                    <el-input type="number" v-model="form.num33"></el-input>
                </el-form-item>
                <el-form-item label="34次:">
                    <el-input type="number" v-model="form.num34"></el-input>
                </el-form-item>
                <el-form-item label="35次:">
                    <el-input type="number" v-model="form.num35"></el-input>
                </el-form-item>
                <el-form-item label="36次:">
                    <el-input type="number" v-model="form.num36"></el-input>
                </el-form-item>
                <el-form-item label="37次:">
                    <el-input type="number" v-model="form.num37"></el-input>
                </el-form-item>
                <el-form-item label="38次:">
                    <el-input type="number" v-model="form.num38"></el-input>
                </el-form-item>
                <el-form-item label="39次:">
                    <el-input type="number" v-model="form.num39"></el-input>
                </el-form-item>
                <el-form-item label="40次:">
                    <el-input type="number" v-model="form.num40"></el-input>
                </el-form-item>
                <el-form-item label="41次:">
                    <el-input type="number" v-model="form.num41"></el-input>
                </el-form-item>
                <el-form-item label="42次:">
                    <el-input type="number" v-model="form.num42"></el-input>
                </el-form-item>
                <el-form-item label="43次:">
                    <el-input type="number" v-model="form.num43"></el-input>
                </el-form-item>
                <el-form-item label="44次:">
                    <el-input type="number" v-model="form.num44"></el-input>
                </el-form-item>
                <el-form-item label="45次:">
                    <el-input type="number" v-model="form.num45"></el-input>
                </el-form-item>
                <el-form-item label="46次:">
                    <el-input type="number" v-model="form.num46"></el-input>
                </el-form-item>
                <el-form-item label="47次:">
                    <el-input type="number" v-model="form.num47"></el-input>
                </el-form-item>
                <el-form-item label="48次:">
                    <el-input type="number" v-model="form.num48"></el-input>
                </el-form-item>
                <el-form-item label="49次:">
                    <el-input type="number" v-model="form.num49"></el-input>
                </el-form-item>
                <el-form-item label="50次:">
                    <el-input type="number" v-model="form.num50"></el-input>
                </el-form-item>
            </el-form>
            <span slot="footer" class="dialog-footer">
                <el-button @click="handleClose">取 消</el-button>
                <el-button type="primary" @click="handleClose">确 定</el-button>
            </span>
        </el-dialog>
    </div>
</template>
<script>
export default {
    components: {},
    props: {},
    data() {
        return {
            dialogVisible: false,
            title: '',
            form: {
                name: '',
                model: '',
                num2: '1',
                num3: '1',
                num4: '1',
                num5: '1',
                num6: '1',
                num7: '1',
                num8: '1',
                num9: '1',
                num10: '1',
                num11: '1',
                num12: '1',
                num13: '1',
                num14: '1',
                num15: '1',
                num16: '1',
                num17: '1',
                num18: '1',
                num19: '1',
                num20: '1',
                num21: '1',
                num22: '1',
                num23: '1',
                num24: '1',
                num25: '1',
                num26: '1',
                num27: '1',
                num28: '1',
                num29: '1',
                num30: '1',
                num31: '1',
                num32: '1',
                num33: '1',
                num34: '1',
                num35: '1',
                num36: '1',
                num37: '1',
                num38: '1',
                num39: '1',
                num40: '1',
                num41: '1',
                num42: '1',
                num43: '1',
                num44: '1',
                num45: '1',
                num46: '1',
                num47: '1',
                num48: '1',
                num49: '1',
                num50: '1'
            }
        }
    },
    created() {},

    methods: {
        // 关闭弹窗
        handleClose() {
            this.dialogVisible = false
        }
    },

    computed: {},

    watch: {}
}
</script>
<style lang="less" scoped>
@import url('../../../../styles/comStyle.less');
::v-deep .form-two {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    .el-form-item {
        display: flex;
        width: 49%;
        .el-form-item__content {
            flex: 1 !important;
            .el-select {
                width: 100%;
            }
            .el-input__inner {
                width: 100% !important;
            }
            .el-date-editor {
                width: 100%;
            }
        }
    }
}
::v-deep .form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    .el-form-item {
        display: flex;
        width: 24%;
        .el-form-item__content {
            flex: 1 !important;
            .el-select {
                width: 100%;
            }
            .el-input__inner {
                width: 100% !important;
            }
            .el-date-editor {
                width: 100%;
            }
        }
    }
}
::v-deep .el-dialog .el-dialog__body {
    padding: 20px !important;
}
</style>
