fj-dc-ui/.svn/pristine/e9/e9e1ab0cd2b4f323abc19a73806289f9da704d83.svn-base

<!--  -->
<template>
    <div>
        <el-table
            :data="tableData"
            :height="zlTableHeight"
            stripe
            border
            style="width: 100%;margin-top:10px;">
            <el-table-column
                prop="name"
                show-overflow-tooltip
                label="姓名">
            </el-table-column>
            <el-table-column
                prop="mbleNum"
                show-overflow-tooltip
                label="手机号"
                width="130">
            </el-table-column>
            <el-table-column 
                width="320"
                v-for="(item,index) in tablesHeader" 
                :key="index" 
                :prop="item.fieldName"
                :label="item.fieldName" 
                align="center">
                <template slot-scope="scope">
                    <i 
                    :style="scope.row[item.fieldName] == 1 ? 'color:#67c23a':'color:#f56c6c'" 
                    :class="scope.row[item.fieldName] == 1 ? 'el-icon-success':'el-icon-error'">
                    </i>
                </template>
            </el-table-column>
        </el-table>
        <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>
</template>

<script>
import echarts from 'echarts'
//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
//例如：import 《组件名称》 from '《组件路径》';
import { getFilesLists,getSginDetails } from "../../api/meetingAPI.js";
import { deleteFileById } from "../../api/duChaAPI.js";
import addMeetingFiles from './addMeetingFiles'
export default {
    //import引入的组件需要注入到对象中才能使用
    components: {
        addMeetingFiles
    },
    props:['meetingInfoRow','isShow'],
    data() {
    //这里存放数据
        return {
            pageNum:1,
            pageSize:10,
            total:0,
            tableData: [
                // {
                //     name:'人员1',
                //     telephone:'11111111',
                //     isSgin1:'1',
                //     isSgin2:'2',
                //     isSgin3:'1',
                // },
                // {
                //     name:'人员2',
                //     telephone:'88888888',
                //     isSgin1:'1',
                //     isSgin2:'2',
                //     isSgin3:'2'
                // },
                // {
                //     name:'人员3',
                //     telephone:'88888888',
                //     isSgin1:'1',
                //     isSgin2:'1',
                //     isSgin3:'1',
                // },
                // {
                //     name:'人员2',
                //     telephone:'88888888',
                //     isSgin1:'1',
                //     isSgin2:'2',
                //     isSgin3:'2'
                // },
                // {
                //     name:'人员3',
                //     telephone:'88888888',
                //     isSgin1:'1',
                //     isSgin2:'1',
                //     isSgin3:'1',
                // },
                // {
                //     name:'人员2',
                //     telephone:'88888888',
                //     isSgin1:'1',
                //     isSgin2:'2',
                //     isSgin3:'2'
                // },
                // {
                //     name:'人员3',
                //     telephone:'88888888',
                //     isSgin1:'1',
                //     isSgin2:'1',
                //     isSgin3:'1',
                // },
                // {
                //     name:'人员2',
                //     telephone:'88888888',
                //     isSgin1:'1',
                //     isSgin2:'2',
                //     isSgin3:'2'
                // },
                // {
                //     name:'人员3',
                //     telephone:'88888888',
                //     isSgin1:'1',
                //     isSgin2:'1',
                //     isSgin3:'1',
                // },
                // {
                //     name:'人员2',
                //     telephone:'88888888',
                //     isSgin1:'1',
                //     isSgin2:'2',
                //     isSgin3:'2'
                // },
                // {
                //     name:'人员3',
                //     telephone:'88888888',
                //     isSgin1:'1',
                //     isSgin2:'1',
                //     isSgin3:'1',
                // },
            ],
            tablesHeader: [
                // {
                //     sginType:'1',
                //     sttm:'2019-07-01 08:00',
                //     entm:'2019-07-01 10:00',
                //     fieldName:'isSgin1'
                // },
                // {
                //     sginType:'1',
                //     sttm:'2019-07-01 08:00',
                //     entm:'2019-07-01 10:00',
                //     fieldName:'isSgin2'
                // },
                // {
                //     sginType:'2',
                //     sttm:'2019-07-01 08:00',
                //     entm:'2019-07-01 10:00',
                //     fieldName:'isSgin3'
                // },
            ],
            tableNewKey:{},
            tableNewLists:[],
        };
    },
    //监听属性 类似于data概念
    computed: {
        zlTableHeight(){
            if(window.innerWidth <= 1366){
                return window.innerHeight - 500;
            }else{
                return window.innerHeight - 660;
            }
        },
    },
    //监控data中的数据变化
    watch: {},
    //方法集合
    methods: {
        handleSizeChange(val) {
            console.log(`每页 ${val} 条`);
            this.pageSize = val;
            this.getSginRateData();
        },
        handleCurrentChange(val) {
            console.log(`当前页: ${val}`);
             this.tablesHeader = [];
            this.pageNum = val;
            this.getSginRateData();
        },
        isSginFormatter: function(row, column) {
            return row.isSgin == 1 ? "小一型" : "小二型";
        },
        getSginRateData(){
            var _self = this;
            let obj = {
                "pageNum":_self.pageNum,
                "pageSize":_self.pageSize,
                // "title":_self.formInline.title,
                // "stTm":_self.formInline.stTm,
                "meetingId":_self.meetingInfoRow.id
            }
            getSginDetails(obj).then(response => {
                _self.tableData = response.data.list;
                _self.total = response.data.total;
                for(let j in _self.tableData[0]){
                    if(j.substr(0, 1) == '签'){
                        _self.tablesHeader.push({'fieldName':j});
                    }
                }
                console.log(_self.tablesHeader);
                // for(let i = 0; i < _self.tableData.length; i++){
                //     for(let j in _self.tableData[i]){
                //         if(j.substr(0, 1) == '1'){
                //             _self.tableNewKey[j] = _self.tableData[i][j];
                //             _self.tableNewKey['name'] = _self.tableData[i]['name'];
                //             _self.tableNewKey['telephone'] = _self.tableData[i]['mbleNum'];
                //             j = j.replace(/1/,'签到 ');
                //             let a = j.substring(0,19);
                //             let b = j.substring(19,35);
                //             j = a + ' - ' + b;
                //             console.log(j);
                //         }
                //         if(j.substr(0, 1) == '2'){
                //             _self.tableNewKey['name'] = _self.tableData[i]['name'];
                //             _self.tableNewKey['telephone'] = _self.tableData[i]['mbleNum'];
                //             j = j.replace(/2/,'签退 ');
                //             let a = j.substring(0,19);
                //             let b = j.substring(19,35);
                //             j = a + ' - ' + b;
                //             console.log(j);
                //             _self.tableNewKey[j] = _self.tableData[i][j];
                //         }
                        
                //         // console.log(j);
                //         // console.log(_self.tableData[i][j]);
                //     }
                //     _self.tableNewLists.push(_self.tableNewKey);
                // }
                // console.log(_self.tableData);
                // console.log(_self.tableNewLists);
            });
        },
    },
    //生命周期 - 创建完成（可以访问当前this实例）
    created() {

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

</style>