ElementUI实现点击radio,展开扩展栏

问题：

        之前一直用的iview的table组件库，虽然确实界面风格比较好看，但好多功能、特性尚未完全实现，在实现部分复杂功能时，存在一定的问题，用自定义组件+命令修改也能实现部分功能，但效果并不是很好。特此，还是使用elementui来实现这部分功能。

效果：

代码：

<template>
	<div class="base_info">
		<Row>
			<Col>
				<el-table
				    ref="table000"
				    :data="pagerData.data"
				    :row-key="pagerData.data.Id"
				    style="width: 100%"
				    border
				    :expand-row-keys="pagerData.data._expanded">
				    <el-table-column type="expand" width="1">
				      <template slot-scope="props">
				      	<Card title='信息' style="margin: 0em auto;text-align: left;">
				      		<!-- 这里本来是继续用element的写法，但看起来确实不如iview好看，就把前面的iview写法的代码拿了过来 -->
					        <Row>
								<Col span="4" class="border_css column_singleline_label">
									<font class="column_font">xxxx:</font>
								</Col>
								<Col span="8" class="border_css column_singleline_value">
									<Input style="width: 320px;" v-model="props.row.Bean.1" placeholder="xxxx"></Input>
								</Col>
								<Col span="4" class="border_css column_singleline_label">
									<font class="column_font">xxxxxx:</font>
								</Col>
								<Col span="8" class="border_css column_singleline_value">
									<Input style="width: 200px;" v-model="props.row.Bean.2" placeholder="xxx"></Input>
								</Col>
							</Row>
							<Row>
								<Col span="4" class="border_css column_singleline_label">
									<font class="column_font">xxx:</font>
								</Col>
								<Col span="8" class="border_css column_singleline_value">
									<Select v-model="props.row.Bean.3" style="width:160px">
								        <Option v-for="level in levelList" :value="level.value" :key="level.value">{
  { level.label }}</Option>
								    </Select>
								</Col>
								
								<Col span="4" class="border_css column_singleline_label">