<template>
  <div class="app-container">
    <el-card class="box-card" shadow="always">
      <div slot="header" class="clearfix">
        <span>{{ title }}</span>
      </div>
      <div :style="classCardbody">
        <el-row>
          <el-col :span="24">
            <el-input placeholder="请输入内容" class="input-with-select">
              <el-select slot="prepend" placeholder="请选择">
                <el-option label="餐厅名" value="1"></el-option>
                <el-option label="订单号" value="2"></el-option>
                <el-option label="用户电话" value="3"></el-option>
              </el-select>
              <el-button slot="append" icon="el-icon-search"></el-button>
            </el-input>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="6">
            6
          </el-col>
          <el-col :span="18">
            18
          </el-col>
        </el-row>
      </div>
    </el-card>
  </div>
</template>

<script>
export default {
  name: 'DataSearch',
  data () {
    return {
      classCardbody: {
        overflow: 'auto',
        height: document.body.offsetHeight - 240 + 'px'
      },
      title: '数据检索'
    }
  }
}
</script>

<style lang="scss" scoped>

</style>
