<template>
    <el-container>
        <el-header class="panel_title">
            <div class="left-panel">
                车辆清单
            </div>
            <div class="right-panel">
                <!-- <div class="backMap" @click="backtoMap">
                    切换地图
                    <el-icon>
                        <Switch />
                    </el-icon>
                </div> -->
                <el-button type="primary" @click="backtoMap"> 返回地图 </el-button>
            </div>

        </el-header>
        <el-main class="nopadding">
            <el-container>
				<el-header class="searchWrap">
					<el-tabs
						v-model="activeName"
						class="demo-tabs"
						@tab-click="handleClick"
						type="card"

					>
						<el-tab-pane
							v-for="item in tabOptions"
							v-bind:key="item.name"
							:label="item.label"
							:name="item.name"
						>
						</el-tab-pane>
					</el-tabs>


                </el-header>
				<el-main class="nopadding">
					<scTable v-if="activeName==10" ref="table" :data="data1" :params="params" :query="query" size="large" >
                        <el-table-column prop="index" label="序号"></el-table-column>
                        <el-table-column prop="cphm" label="车牌号码/登记号码"></el-table-column>
                        <el-table-column prop="clsbdm" label="车辆识别代码（VIN）"></el-table-column>
                        <el-table-column prop="scrq" label="生产日期"></el-table-column>
                        <el-table-column prop="cpys" label="车牌颜色"></el-table-column>
                        <el-table-column prop="zcdjrq" label="注册登记日期"></el-table-column>
                        <el-table-column prop="clppxh" label="车辆品牌型号"></el-table-column>
                        <el-table-column prop="fdjhm" label="发动机号码"></el-table-column>
                        <el-table-column prop="rllx" label="燃料类型"></el-table-column>
                        <el-table-column prop="pfjd" label="排放阶段"></el-table-column>
                        <el-table-column prop="lwzt" label="联网状态"></el-table-column>
                        <el-table-column prop="scqd" label="随车清单"></el-table-column>
						<el-table-column prop="xsz" label="行驶证"></el-table-column>
                        <el-table-column prop="clsyr" label="车辆所有人（单位）"></el-table-column>

                    </scTable>
					<scTable v-else-if="activeName==20" ref="table" :data="data2" :params="params" :query="query" size="large" style=""
                        @row-click="rowClick" @dataChange="updateCount">
                        <el-table-column prop="index" label="序号"></el-table-column>
                        <el-table-column prop="cphm" label="车牌号码/登记号码"></el-table-column>
                        <el-table-column prop="clsbdm" label="车辆识别代码（VIN）"></el-table-column>
                        <el-table-column prop="scrq" label="生产日期"></el-table-column>
                        <el-table-column prop="cpys" label="车牌颜色"></el-table-column>
                        <el-table-column prop="zcdjrq" label="注册登记日期"></el-table-column>
                        <el-table-column prop="clppxh" label="车辆品牌型号"></el-table-column>
                        <el-table-column prop="fdjhm" label="发动机号码"></el-table-column>
                        <el-table-column prop="rllx" label="燃料类型"></el-table-column>
                        <el-table-column prop="pfjd" label="排放阶段"></el-table-column>
                        <el-table-column prop="lwzt" label="联网状态"></el-table-column>
                        <el-table-column prop="scqd" label="随车清单"></el-table-column>
						<el-table-column prop="xsz" label="行驶证"></el-table-column>
                        <el-table-column prop="clsyr" label="车辆所有人（单位）"></el-table-column>

                    </scTable>
					<scTable v-else-if="activeName==30" ref="table" :data="data3" :params="params" :query="query" size="large" style=""
                        @row-click="rowClick" @dataChange="updateCount">
						<el-table-column prop="index" label="序号"></el-table-column>
                        <el-table-column prop="hbdjbh" label="环保登记编号"></el-table-column>
                        <el-table-column prop="jxscrq" label="机械生产日期"></el-table-column>
                        <el-table-column prop="pfjd" label="排放阶段"></el-table-column>
                        <el-table-column prop="rllx" label="燃料类型"></el-table-column>
                        <el-table-column prop="jxzl" label="机械种类"></el-table-column>
                        <el-table-column prop="jxhbdm" label="机械环保代码"></el-table-column>
                        <el-table-column prop="jxlx" label="机械型号"></el-table-column>
                        <el-table-column prop="fdjxh" label="发动机型号"></el-table-column>
                        <el-table-column prop="fdjscc" label="发动机生产厂"></el-table-column>
                        <el-table-column prop="fdjbh" label="发动机编号"></el-table-column>
                        <el-table-column prop="zczp" label="整车（机）铭牌照片"></el-table-column>
						<el-table-column prop="fdjzp" label="发动机名牌照片"></el-table-column>
                        <el-table-column prop="jxhbzp" label="机械环保标签照片"></el-table-column>
                        <el-table-column prop="ssrdw" label="所属人单位"></el-table-column>

                    </scTable>

				</el-main>

            </el-container>
        </el-main>
    </el-container>
</template>
<script>
export default {
    data() {
        return {
			data1:[{index:1,
				cphm:'123456',
				clsbdm:'25356',
				scrq:"2024-08-02",
				cpys:"红色",
				zcdjrq:"2024-08-02",
				clppxh:"大众",
				fdjhm:"白色",
				rllx:"煤炭",
				pfjd:"初始",
				lwzt:"正常",
				scqd:"无",
				xsz:"无",
				clsyr:"管理员",
			}],
			data2:[{index:1,
				cphm:'123456',
				clsbdm:'25356',
				scrq:"2024-08-02",
				cpys:"红色",
				zcdjrq:"2024-08-02",
				clppxh:"大众",
				fdjhm:"白色",
				rllx:"煤炭",
				pfjd:"初始",
				lwzt:"正常",
				scqd:"无",
				xsz:"无",
				clsyr:"管理员",
			}],
			data3:[{index:1,
				hbdjbh:'123456',
				jxscrq:'2024-08-02',
				pfjd:"初始",
				rllx:"煤炭",
				jxzl:"无",
				jxhbdm:"无",
				jxlx:"白色",
				fdjxh:"无",
				fdjscc:"无",
				fdjbh:"无",
				zczp:"无",
				fdjzp:"无",
				jxhbzp:"无",
				ssrdw:"无"
			}],
			activeName:10,
			tabOptions:[
				{ label: "进出厂车辆运输台账", name: 10 },
				{ label: "进出厂车辆运输台账", name: 20 },
				{ label: "非道路移动机械电子台账", name: 30 },
				]

        }
    },
    methods: {



	}
}
</script>
