<template>
    <!-- nav---责任分工 -->
    <div class="division">
        <div class="table">
            <el-table
            :data="tableData"
            >

            <el-table-column
                prop="postTitle"
                label="标题"
                width="180"
            >
            </el-table-column>

            <el-table-column
                prop="groupName"
                label="发布单位"
            >
               <!-- <template slot-scope="scope">
                    <p v-if="scope.row.postSource">scope.row.postSource</p>
                    <p v-else>暂无数据</p>
                </template>-->
            </el-table-column>
            <el-table-column
                prop="postAuthor"
                label="作者"
                width="200"
            >
            </el-table-column>

            <el-table-column
                prop="accountRealName"
                label="创建者"
                width="200"
            >
            </el-table-column>

           <!-- <el-table-column
                prop="postContent"
                label="文章内容"
            >
              <template slot-scope="scope">
                <div v-html="scope.row.postContent"></div>
              </template>
            </el-table-column>-->
            <!-- <el-table-column
                prop="postPicUrl"
                label="缩略图"
            >
                <template slot-scope="scope">
                   <image :src="scope.row.postPicUrl" style="width: 100px;height:55px;"></image>
                </template>
            </el-table-column> -->

            <!--<el-table-column
                prop="postAuthor"
                label="作者"
                width="120"
            >-->
            <!-- <template slot-scope="scope">
                    <div v-if="scope.row.discountBalance">
                        <span>￥{{scope.row.discountBalance}}</span>
                    </div>

            </template> -->
            </el-table-column>
            <el-table-column
                prop="publishTime"
                label="发布时间"
            >
            </el-table-column>


            <el-table-column
                fixed="right"
                label="操作"
                width="150"
            >
                <template slot-scope="scope">
                    <el-button @click="findFn(scope.row)" type="primary" size="small">查看</el-button>
                </template>
            </el-table-column>
            </el-table>
        </div>
    </div>
</template>
<script>
export default {
    name: "division",
    data() {
        return {
            tableData:[],
        }
    },
    mounted(){
        this.getDivisionResponsibility()
    },
    methods:{
        findFn(str){
            console.log('11111111111')
          // division/divisionDetail
          this.$router.push({
            path:"/division/divisionDetail",
            query:{
              ...this.$port,
              wzdetail: str,
              page: 3
            }
          })
        },
        getDivisionResponsibility(){
            let that = this;
            /*let obj = {
                gId:this.$port.gId,
                cId:this.$port.cId
            }*/
            let obj = {
              gId:this.$route.query.gId,
              cId:this.$route.query.cId
            }
            // console.log('obj===================================',obj)
            this.$axios.AxiosMethods("get","3rd/bigScreenData/getDivisionResponsibility",obj,function (res) {
                that.tableData = res.data;
            });
        }
    }
}
</script>
<style lang="less" scoped>
    .division{
        font-size: 0.1rem;
    }

</style>
<style >
    .division{
        padding: 20px 15px;
        box-sizing: border-box;
        margin: 20px 16px 0 16px;
        height: 80%;
        overflow-x: auto;
    }
    .division>div{
        border: none;
    }
    .division .el-table:before{
      background-color: #022528;
    }
    .division .el-table{
      background: #022528;
    }

    .division .el-table tr th {
        background-color: #022528;
    }
    .division .el-table th,
    .division .el-table tr td{
        background-color: #02353d;
        color: #fff;
    }
    .division .el-table tr:nth-child(even) td{
        background-color: #022528;
        color: #fff;
    }
    .division .el-table td,
    .division .el-table th.is-leaf {
        border-bottom: 0 !important;
    }
    .division .el-table--enable-row-hover .el-table__body tr:hover>td {
        background-color: #126670 !important;
    }
    .division .el-table__footer-wrapper thead div, .division .el-table__header-wrapper thead div {
        background-color: #022528;
        color: #fff;
    }
    .division .el-table__empty-block{
        min-height: 130px;
        background-color: #126670;
    }
    .division .el-table__empty-text{
        font-size: 16px;
        color:#fff;
    }
    /* .division .el-table::after,.division .el-table::before {
        background-color: transparent;
    }        */
    .division .el-table__fixed-right::before, .division .el-table__fixed::before{
        background-color: transparent;
    }
    .el-table__body tr.hover-row>td{
      background-color: #02353d !important;
    }
</style>
