base.vue 1.15 KB
<template>
  <div>
    <div class="serarch-box">
     <el-form ref="form" label-width="80px">
       <el-col :span="4">
           <el-form-item label="事件类型">
            <el-select v-model="region" placeholder="请选择事件类型">
              <el-option label="区域一" value="shanghai"></el-option>
              <el-option label="区域二" value="beijing"></el-option>
            </el-select>
          </el-form-item>
       </el-col>
       <el-col :span="4">
        <el-form-item label="活动区域">
          <el-select v-model="region" placeholder="请选择活动区域">
            <el-option label="区域一" value="shanghai"></el-option>
            <el-option label="区域二" value="beijing"></el-option>
          </el-select>
        </el-form-item>
       </el-col>
     </el-form>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      vchan:""
    }
  }
}
</script>

<style lang="stylus" scoped>
.serarch-box {
    width 98%;
    margin 10px auto
    border 1px solid #dcdee2
    height 120px
    background #fff
    border-radius 5px
    padding 10px
  }
  .search-item{
    width 200px;
  }
</style>