<template>
  <div>
    <div class="search">
      <el-row :style="{ padding: '12px' }">
        <el-col :span="12">
          <i class="el-icon-search"></i>
          <span :style="{ padding: '4px' }">筛选搜索</span>
        </el-col>
        <el-col :span="12" :style="{ textAlign: 'right' }">
          <el-button>重置</el-button>
          <el-button type="primary">查询搜索</el-button>
        </el-col>
      </el-row>
      <el-row :style="{ marginLeft: '32px' }">
        <el-form inline>
          <el-form-item label="发行方名称: ">
            <el-input placeholder="筛选发行方名称" clearable></el-input>
          </el-form-item>
        </el-form>
      </el-row>
    </div>
    <div class="addpub">
      <el-row :style="{ padding: '16px' }">
        <el-col :span="12">
          <i class="el-icon-tickets"></i>
          <span :style="{ marginLeft: '4px' }">发行方列表</span>
        </el-col>

        <el-col :span="12" :style="{ textAlign: 'right' }">
          <el-button plain>添加</el-button>
        </el-col>
      </el-row>
    </div>
    <div class="pubform">
      <el-table :data="tabletab"
        stripe
        border
        :style="{ borderRadius: '4px' }"
        :header-cell-style="{ 'text-align': 'center' }"
        :cell-style="{'text-align':'center'}"
      >
        <el-table-column prop="pid" label="ID"> </el-table-column>
        <el-table-column prop="avater" label="头像"> </el-table-column>
        <el-table-column prop="pname" label="发行方名称"> </el-table-column>
        <el-table-column prop="opreation" label="操作">
      
            <el-button type="text">修改</el-button>
         <el-button type="text">删除</el-button>
         
       </el-table-column>
      </el-table>
      <el-row :style="{ marginTop: '16px' }">
      <el-col :span="24" :style="{ textAlign: 'right' }">
        <el-pagination
         background
          :page-size="10"
          layout="total, prev, pager, next"
          :total="100"
        >
        </el-pagination>
      </el-col>
    </el-row>
    </div>
    
  </div>
</template>
<script>
export default {
   name:"publisherList",
   data(){
      return {
         tabletab:[
            {
               pid:'1',
               pname:'哈尔滨某公司',
               
            }
         ]
      }
   }
}
</script>
<style>
.search {
  border: 1px solid #ccc;
  border-radius: 4px;
  margin: 16px;
}
.addpub {
  border: 1px solid #ccc;
  border-radius: 4px;
  margin: 16px;
}
.pubform {
  padding: 0 16px;
}
</style>
