fj-dc-ui/.svn/pristine/90/909ea92f1feb4d8cf74ff01ea6c67cc306caf60e.svn-base

<!--  -->
<template>
    <div>
        <el-dialog
            title="添加会议资料"
            :before-close="closeDialogEvent"
            :visible.sync="dialogFormVisible"
            width='50%'>
             <el-table
                    @row-click="rowClick"
                    :data="tableData"
                    :height="tableHight"
                    stripe
                    border
                    style="width: 100%">
                <el-table-column
                    prop="label"
                    label="问卷填报项"
                    show-overflow-tooltip
                    width="180">
                </el-table-column>
                <el-table-column
                    prop="quesVal"
                    label="问卷答案"
                    show-overflow-tooltip
                    width="180">
                </el-table-column>
                <el-table-column
                    width="350"
                    label="操作">
                    <template slot-scope="scope">
                    <el-button
                        :disabled="scope.row.isHasQues == '1' ? false:true"
                        size="mini"
                        type="text"
                        icon="el-icon-plus"
                        @click.stop="addQueNaire(scope.$index, scope.row)">添加问卷</el-button>
                </template>
                </el-table-column>
                </el-table>
            </el-main>
            <el-pagination
                style="text-align:center;"
                @size-change="handleSizeChange"
                @current-change="handleCurrentChange"
                :current-page.sync="pageNum"
                :page-sizes="[10, 20, 30, 40, 50, 100]"
                :page-size="pageSize"
                layout="total, sizes, prev, pager, next, jumper"
                :total="total">
            </el-pagination>
            <div slot="footer" class="dialog-footer">
                <el-button style="font-size:large;" @click="closeDialog">取 消</el-button>
            </div>
        </el-dialog>
    </div>
</template>

<script>
//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
//例如：import 《组件名称》 from '《组件路径》';
import { getQus } from "../../api/meetingAPI.js"
import { dateFormat } from "../../utils/gw_date.js";
export default {
    //import引入的组件需要注入到对象中才能使用
    components: {
        upload: resolve => {
            require(["../../widgets/uploadFile.vue"], resolve);
        }
    },
    props:['meetingInfoRow'],
    data() {
    //这里存放数据
        return {
            pageNum:1,
            pageSize:10,
            total:0,
            dialogFormVisible:true,
            tableData:[]
        };
    },
    //监听属性 类似于data概念
    computed: {},
    //监控data中的数据变化
    watch: {},
    //方法集合
    methods: {
        closeDialog() {
            _self.$emit("cancelHandler");
        },
        cancel(){
            this.$emit("cancelHandler");
        },
        handleSizeChange(val) {
            console.log(`每页 ${val} 条`);
            this.pageSize = val;
            this.getQusTableData();
        },
        handleCurrentChange(val) {
            console.log(`当前页: ${val}`);
            this.pageNum = val;
            this.getQusTableData();
        },
        getQusTableData(){
            var _self = this;
            let obj = {
                "pageNum":_self.pageNum,
                "pageSize":_self.pageSize,
                "meetId":_self.meetingInfoRow.id,
            }
             getQus(obj).then(response => {
                _self.tableData = response.data.list;
                _self.total = response.data.total;
            });
        },
    },
    //生命周期 - 创建完成（可以访问当前this实例）
    created() {

    },
    //生命周期 - 挂载完成（可以访问DOM元素）
    mounted() {
        this.getQusTableData();
    },
    beforeCreate() {}, //生命周期 - 创建之前
    beforeMount() {}, //生命周期 - 挂载之前
    beforeUpdate() {}, //生命周期 - 更新之前
    updated() {}, //生命周期 - 更新之后
    beforeDestroy() {}, //生命周期 - 销毁之前
    destroyed() {}, //生命周期 - 销毁完成
    activated() {}, //如果页面有keep-alive缓存功能，这个函数会触发
}
</script>
<style scoped>

</style>