<template>
    <div class="app-container">
      <div class="box-container">
        <div class="contain-title">合作机构列表</div>
      </div>
      <div class="content-container">
        <complex-table :tableData="tableData" :tableItem="tableItem"></complex-table>
      </div>
      <agencySort ref="sort"></agencySort>
      <button @click="dianji">点击</button>
    </div>
  </template>
  
  <script>
    import complexTable from '@/components/complexTable'
    import agencySort from './agencySort'
    export default {
      data() {
        return {
          searchText: '',
          selectMode: '',
          tableData: [
            {
              date: 1,
              name: '关于征集企业技术创新需求的通知',
              class: '通知公告',
              owner: '张贝贝',
              num: '4552',
              mail: '280716068@qq.com',
              time: '2018/1/2'
            }, {
              date: 2,
              name: '关于征集企业技术创新需求的通知',
              class: '通知公告',
              owner: '张贝贝',
              num: '4552',
              mail: '280716068@qq.com',
              time: '2018/1/2'
            }, {
              date: 3,
              name: '关于征集企业技术创新需求的通知',
              class: '通知公告',
              owner: '张贝贝',
              num: '4552',
              mail: '280716068@qq.com',
              time: '2018/1/2'
            }, {
              date: 4,
              name: '关于征集企业技术创新需求的通知',
              class: '通知公告',
              owner: '张贝贝',
              num: '4552',
              mail: '280716068@qq.com',
              time: '2018/1/2'
            }
          ],
          tableItem: [
            {
              prop: 'date',
              tit: '机构序号'
            },
            {
              prop: 'class',
              tit: '机构名称',
              width: '160'
            },
            {
              prop: 'owner',
              tit: '机构类型',
              width: '160'
            },
            {
              prop: 'date',
              tit: '联系人',
              width: '160'
            },
            {
              prop: 'num',
              tit: '联系电话',
              width: '160'
            },
            {
              prop: 'mail',
              tit: '联系邮箱',
              width: '160'
            },
            {
              prop: 'time',
              tit: '入驻时间',
              width: '160'
            },
            {
              operate: 'edit',
              width: '200'
            }
          ]
        }
      },
      components: {
        complexTable,
        agencySort
      },
      methods: {
        dianji() {
          console.log(this.$refs.sort.dialogFormVisible = true)
        }
      }
    }
  </script>