add() {
    this.tittle = '新增';
    // 遍歷headers每個值
    this.headers.map( v => {
        v['val'] = '';
    });
    this.show_form = true;
    this.show_table = false;
}

edit(index) {
    // 將資料表的資料賦值給headers對應的值
     // index是個物件  如：index={i;2}
    this.tittle = '編輯';
    const i = index['i'];
    console.log('edit', this.data);
    this.headers.map(d => {
        console.log('-----------',d)
        switch (d.type) {
            case 'input':
                d.val = this.data[i][d.key];
                break;
            case 'select':
                d.val = this.data[i][d.key];
                break;
            case 'select-line':
                d.val = '';
                break;
            case 'fuzzy_select':
                d.val = this.data[i]['role'];
                console.log('========', d.val);
                break;
            default:
                d.val = this.data[i][d.key];
        }

        this.show_form = true;
        this.show_table = false;
    });
}