agenda.vue

<!--特殊议程-->
<template>
    <div class="agenda">
        <p class="margin-20-0">当前位置：部务会议程管理  -  代码管理  -  特殊议程</p>
        <el-row>
            <el-col :offset="14" class="text-right" :span="10">
                <el-button @click="showAddDialog" size="small" plain>添加</el-button>
            </el-col>
        </el-row>
        <div class="margin-20-0">
            <el-table :data="tableData" border style="width: 100%">
                <el-table-column
                        type="index"
                        label="序号"
                        width="90"
                >
                </el-table-column>
                <el-table-column
                        prop="title"
                        label="代码名称"
                        width="180">
                </el-table-column>
                <el-table-column
                        prop="url"
                        label="代码URL">
                </el-table-column>
                <el-table-column
                        prop="reportDep"
                        cell-class-name="text-center"
                        label="汇报处室">
                </el-table-column>
                <el-table-column
                        prop="attendPerson"
                        cell-class-name="text-center"
                        label="列席人员">
                </el-table-column>
                <el-table-column
                        prop="ips"
                        cell-class-name="text-center"
                        label="白名单IP">
                </el-table-column>
                <el-table-column
                        prop="address"
                        label="操作">
                    <template slot-scope="scope">
                        <span class="font-size-20 pointer">
                             <i @click="showEditDialog(scope.row)" class="el-icon-edit-outline margin-right-10"></i>
                             <i @click="handleDetele(scope.row)" class="el-icon-delete"></i>
                        </span>
                    </template>
                </el-table-column>
            </el-table>
        </div>
        <add-code ref="addCode" @update="getList"></add-code>
    </div>
</template>

<script>
    import AddCode from "../components/addCode";
    import {getSpecialAgendaList,removeSpecialAgendaById} from '../api/api'

    export default {
        components: {AddCode},
        name: "agenda",
        data(){
            return {
                tableData: [],
            }
        },
        mounted(){
            this.getList()
        },
        methods:{
            getList(){
                getSpecialAgendaList().then(
                    (res)=>{
                        res.data.forEach(e=>{

                            e.attendPerson = ""
                            e.linkAttends.forEach(d=>{
                                e.attendPerson += d.name+","
                            })
                            e.attendPerson = e.attendPerson.substr(0,e.attendPerson.length -1)
                        })
                        console.log(res.data)
                        this.tableData = res.data
                    }
                )
            },
            //更改每页条数
            handleSizeChange(){

            },
            handleCurrentChange(){},
            showAddDialog(){
                this.$refs.addCode.showAddDialog("添加议程")
            },
            showEditDialog(row){
                this.$refs.addCode.showEditDialog("编辑议程",row)
            },
            //删除信息
            handleDetele(row){
                this.$confirm('确定删除该议程?', '提示', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type: 'warning'
                }).then(() => {
                    const data = {
                        id:row.id
                    }
                    removeSpecialAgendaById(data).then(
                        (res)=>{
                            this.$message.success('删除成功')
                            this.getList()
                        }
                    )
                })
            },
        }
    }
</script>

<style scoped>

</style>