<template>
  <div>
    <el-row :gutter="20">
      <el-col
        :xs="24"
        :sm="12"
        :md="6"
        :lg="6"
        :xl="6"
        v-for="(item, index) in appSource"
        :key="index"
        style="display: flex; align-items: center; border: 1px solid #eee; padding: 10px"
      >
        <span style="width: 120px">{{ item.name }}</span>
        <el-select v-model="item.value" placeholder="请选择" class="flex-1">
          <el-option label="驾考精灵" value="1" />
          <el-option label="驾考宝典" value="2" />
          <el-option label="驾校一点通" value="3" />
        </el-select>
      </el-col>
    </el-row>
  </div>
</template>

<script setup name="SelectSource">
const appSource = ref([
  { name: '寻驾', value: '1' },
  { name: '金武联', value: '3' },
  { name: '通关考', value: '1' },
  { name: '好驾到', value: '2' }
])
</script>

<style lang="scss" scoped></style>
