el-table v-loading=loading ref=table data=typeList row-key=id tree-props=children children hasChildren hasChildren el-table-column type=expand el-table-column el-

在以上代码中，可以通过在标签中的中添加一个下拉框，并使用change事件来触发查询子表数据的方法。

首先，在标签中添加一个标签，用于显示下拉框，同时绑定一个属性用于保存选择的值，例如selectedType。

<el-table-column label="订单号" align="center" prop="ordernum" :show-overflow-tooltip="true">
  <template slot-scope="scope">
    <el-select v-model="scope.row.selectedType" placeholder="请选择" @change="getSubTableData(scope.row)">
      <el-option v-for="type in typeList" :key="type.id" :label="type.name" :value="type.id"></el-option>
    </el-select>
  </template>
</el-table-column>

然后，在methods中定义一个方法getSubTableData，用于根据选择的值查询子表数据。

methods: {
  getSubTableData(row) {
    // 根据选择的值查询子表数据
    // 使用row.id作为参数发送请求
  }
}

在getSubTableData方法中，可以根据选择的值发送请求获取子表数据，并更新row对象的子表数据属性。更新子表数据属性后，可以在中使用展开行的方式显示子表数据。

methods: {
  getSubTableData(row) {
    // 根据选择的值查询子表数据
    // 使用row.id作为参数发送请求
    // 请求成功后更新row对象的子表数据属性

    // 示例代码，更新row对象的子表数据属性为subTableData
    row.subTableData = responseData;

    // 调用$refs.table.toggleRowExpansion方法展开行
    this.$refs.table.toggleRowExpansion(row);
  }
}

在以上示例代码中，当下拉框的值发生改变时，会触发getSubTableData方法，该方法会发送请求获取子表数据，并更新row对象的子表数据属性。然后调用$refs.table.toggleRowExpansion方法展开行，从而显示子表数据