<template>
  <div class="tabs-body">
    <el-row :gutter="20">
      <el-col :span="16">
        <div class="grid-content bg-purple">
          <el-input v-model="input" placeholder="请输入内容">
          </el-input>
        </div>
      </el-col>
      <el-col :span="8"><div class="grid-content bg-purple"><el-button type="primary">主要按钮</el-button></div>
      </el-col>
    </el-row>
    <div class="panelk">
        <h1 >推送服务号</h1>
        <el-button type="success" >成功按钮</el-button>
    </div>
    <div class="panelk">
        <h1 >分类</h1>
        <div>
          <el-tag type="info">标签三</el-tag><el-tag type="info">标签三</el-tag><el-tag type="info">标签三</el-tag><el-tag type="info">标签三</el-tag><el-tag type="info">标签三</el-tag>
        </div>
    </div>
    <div class="panelk">
        <h1 >标签</h1>
        <div>
          <el-tag type="success">标签三</el-tag><el-tag type="success">标签三</el-tag><el-tag type="success">标签三</el-tag><el-tag type="success">标签三</el-tag><el-tag type="success">标签三</el-tag>
        </div>
    </div>
    <div class="panelk"> 
      <h1>内容</h1>
        <el-card class="box-card">
          央视网消息：眼下，东北正在大面积地春播。记者从农业农村部了解到，今年我国东北四省区及黄淮海地区，大豆种植面积大幅增加。
        </el-card>
        <el-card class="box-card">
          <div slot="header" class="clearfix">
            <span>卡片名称</span>
          </div>
          <div>
            央视网消息：眼下，东北正在大面积地春播。记者从农业农村部了解到，今年我国东北四省区及黄淮海地区，大豆种植面积大幅增加。
          </div>
        </el-card>
    </div>
  </div>  
</template>

<script>
import { mapState, mapActions ,mapGetters } from 'vuex'
export default{
    data(){
      return {
        activeName:'second',
        input:'gregreg',
        buttons:[
          '全部',
          '回访调查'
        ]
      }    
    },
    components: {
    },
    mounted() {
        this.speechSort({company:10}).then((data)=>{
          console.log(data)
        })
    },
    methods: {
      ...mapActions('chenzhen',[
        'speechSort',
      ]),
      handleClick(){
        console.log(43434)
      }
    }
}
</script>

<style lang="stylus" scoped>
.clearfix{
  span{
    font-weight: 800;
  }
}
.box-card{
  margin-top:20px;
}
.panelk{
  margin:20px;
  h1{
    text-align:center;
    margin:20px;
  }
  .el-button{
    width:100%;
  }
  .el-tag{
    margin:2px;
  }
}
.tabs-body
  height:800px;
  width:100%;
  .tool-body
    width:100%;
    height:729px;
</style>