<template>
    <div>
        <!-- 批量签名 -->
        <el-dialog  :visible="signatureVisable" @close="cancel" center :distroy-on-close="true">
            <el-table  style="width: 100%">
                <el-table-column type="selection">
                </el-table-column>
                <el-table-column label="序号" type="index" align="center">
                    <template slot-scope="scope">
                        <!-- <span>{{
                            (queryParamsData.pageNum - 1) * queryParamsData.pageSize + scope.$index + 1
                        }}</span> -->
                    </template>
                </el-table-column>
                <el-table-column label="案件编号" align="center"  :show-overflow-tooltip="true" />
                <el-table-column label="申请人" align="center" :show-overflow-tooltip="true" />
                <el-table-column label="案件标的" align="center"  />
                <el-table-column label="仲裁方式" align="center"  :show-overflow-tooltip="true" />
                <!-- 仲裁员 -->
                <el-table-column label="仲裁员" align="center"  />
                <!-- 开庭日期 -->
                <el-table-column label="开庭日期" align="center"  :show-overflow-tooltip="true" />
                <el-table-column label="案件状态" align="center">
                    <template slot-scope="scope">
                        <el-tag type="success"></el-tag>
                    </template>
                </el-table-column>
            </el-table>
             <pagination  :total="total" :page.sync="queryParamsData.pageNum"
                :limit.sync="queryParamsData.pageSize"  />
            <div slot="footer" class="dialog-footer">
                <el-button @click="cancel"  class="endbutton"><span>取 消</span></el-button>
                <el-button type="primary" class="endbutton"><span>确认签名</span></el-button>
            </div>
        </el-dialog>
    </div>
</template>
<script>
export default {
    props:["signatureVisable"],
    data() {
        return {
            // 总条数
            total:0,
             // 查询参数
            queryParamsData: {
                caseStatus: null,
                pageNum: 1,
                pageSize: 10,
            },
        }
    },
    methods:{
        cancel() {
         this.$emit("signatureOperate");
        },
    }
}
</script>