<template>
    <Modal :mask-closable="false" @on-visible-change="visibleChange" title="应用类型车辆配置" v-model="my_show" width="600" @on-ok="ok" @on-cancel="clear">
        <div class="page-edit-wrap uinn-lr20">
            <Row>
                <Col span="3" style="line-height:32px">平台类型：</Col>
                <Col span="21">
                <Select v-model="param.name" style="width:400px" @on-change="getCarTypes">
                    <Option v-for="(item,key) in configure" :value="key" :key="key">{{key}}</Option>
                </Select>
                </Col>
            </Row>
            <Row style="margin-top:20px" v-if="param.name">
                <Col span="3" style="line-height:32px">车辆类型：</Col>
                <Col span="21">
                <Tabs v-model="carTypeName">
                    <TabPane v-for="(item,key) in carTypeList" :key="key" :name="key" :label="key">
                        <CheckboxGroup v-model="param.value[key]">
                            <Checkbox :label="name" v-for="(name,index) in item" :key="index"></Checkbox>
                        </CheckboxGroup>
                    </TabPane>
                </Tabs>
                </Col>
            </Row>
        </div>
    </Modal >
</template>

<script src="./js/configure.js"></script>
