<template>
  <div id="list">
    <el-row style="overflow-y:hidden;">
      <el-col :span="24" class="top">
        <div class="w_1200">
          <top :topinfo="topinfo" :menulist="menulist"></top>
        </div>
      </el-col>
      <el-col :span="24" class="banner">
        <banner :bannerinfo="bannerinfo"></banner>
      </el-col>
      <el-col :span="24" class="main">
        <div class="w_1200">
          <el-col :span="4" class="newsleft">
            <noticeleft :leftmenu="leftmenu"></noticeleft>
          </el-col>
          <el-col :span="20" class="newsright">
            <newsright @search="search" :newsrightinfo="newsrightinfo" :newsrightlist="newsrightlist" :type="type" :totalRow="totalRow"></newsright>
          </el-col>
        </div>
      </el-col>
      <el-col :span="24" class="foot">
        <foot :footinfo="footinfo"></foot>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import top from '../../../layout/master/index/top.vue';
import banner from '../../../layout/master/news/banner.vue';
import noticeleft from '../../../layout/master/notice/noticeleft.vue';
import newsright from '../../../layout/master/news/newsright.vue';
import foot from '../../../layout/master/index/foot.vue';
export default {
  name: 'list',
  props: {
    topinfo: null, //头部内容
    menulist: null, //导航菜单
    bannerinfo: null, //banner图片
    leftmenu: null, //左侧导航菜单
    newsrightinfo: null, //右侧头部标题
    newsrightlist: null, //右侧列表
    footinfo: null, //底部信息
    type: null, //数据类型
    totalRow: { type: Number, default: 0 },
  },
  components: {
    top,
    banner,
    noticeleft,
    newsright,
    foot,
  },
  data: () => ({}),
  created() {},
  computed: {},
  methods: {
    search(page) {
      this.$emit('search', page);
    },
  },
};
</script>

<style lang="less" scoped>
.w_1200 {
  width: 1200px;
  margin: 0 auto;
}
.top {
  height: 140px;
}
.banner {
  height: 529px;
}
.main {
  min-height: 1535px;
  padding: 70px 0 0 0;
}
.main .newsleft {
  width: 303px;
  margin: 0 14px 0 0;
}
.main .newsright {
  width: 883px;
}
.foot {
  height: 109px;
}
</style>
