<template>
    <div class="app-container">
        <el-row :gutter="10" class="mb8">
            <el-col :span="1.5">
                <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="addList">新增</el-button>
                <!-- v-hasPermi="['caseManagement:list:add']" -->
            </el-col>
        </el-row>
        <el-table  style="width: 100%">
            <el-table-column label="序号" type="index" align="center">
                <template slot-scope="scope">
                    <!-- <span>{{
                        (queryParams.pageNum - 1) * queryParams.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"  :show-overflow-tooltip="true" />
            <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" class-name="small-padding fixed-width">
                <template slot-scope="scope">
                    <el-button size="mini"  type="text" icon="el-icon-delete">删除</el-button>
                    <el-button size="mini" type="text" icon="el-icon-edit">修改模板</el-button>
                </template>
            </el-table-column>
        </el-table>
        <pagination  :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
             />
        <addOrdered :caseVisable="caseVisable" @cancelCase="cancelCase"></addOrdered>
    </div>    
</template>
  
<script>
import addOrdered from './components/addOrdered.vue'
export default {
    components: {
        addOrdered
    },
    data() {
        return {
            queryParams: {
                pageNum: 1,
                pageSize: 10,
            },
            // 遮罩层
            loading: false,
            // 总条数
            total: 0,
            caseVisable: false,//新增弹窗
        };
    },
    created() {
        
    },
    methods: {
        // 新增模板
        addList() {
            this.caseVisable = true;
        },
        cancelCase() {
            this.caseVisable = false;
        }

    },
};
</script>
  
<style lang="scss" scoped></style>