<template>
  <div>
    <table>
      <tr>
        <td>
          <el-select placeholder="" v-model="selected.column">
            <el-option label="" value=""></el-option>
            <el-option v-for="item in dataModel.orderColumns" :key="item.key" :label="item.value" :value="item.key"></el-option>
          </el-select>
        </td>
        <td class="type">
          <el-select placeholder="" v-model="selected.type">
            <el-option label="" value=""></el-option>
            <el-option v-for="item in dataModel.orderType" :key="item.key" :label="item.value" :value="item.key"></el-option>
          </el-select>
        </td>
      </tr>
    </table>
  </div>
</template>

<style scoped>
  .el-select {
    width: 129px;
  }

  .type {
    padding-left: 10px !important;
  }
</style>

<script>
export default {
  props: ['dataModel', 'selected']
}
</script>
