| | |
| | | <!-- 动态列 --> |
| | | <el-table-column |
| | | v-for="item in columnsNew" |
| | | :key="item.columns" |
| | | v-if="item.visible" |
| | | :prop="item.columns" |
| | | :label="item.label" |
| | |
| | | <template v-if="item.slotName === 'importanceType'"> |
| | | <dict-tag :options="dict.type.sys_key_categories" :value="scope.row.importanceType"/> |
| | | </template> |
| | | <!-- planStartTime --> |
| | | <template v-if="item.slotName === 'planStartTime'"> |
| | | {{ scope.row.planStartTime ? scope.row.planStartTime.split('-')[0] + '年' : '' }} |
| | | <!-- plannedStartDate --> |
| | | <template v-if="item.slotName === 'plannedStartDate'"> |
| | | {{ scope.row.plannedStartDate ? scope.row.plannedStartDate.split('-')[0] + '年' : '' }} |
| | | </template> |
| | | <!-- usedStatus插槽 --> |
| | | <template v-if="item.slotName === 'usedStatus'"> |
| | | <dict-tag :options="dict.type.sys_used_status" :value="scope.row.usedStatus"/> |
| | | </template> |
| | | <!-- planStartTime --> |
| | | <template v-else-if="item.slotName === 'planStartTime'"> |
| | | {{ scope.row.planStartTime ? scope.row.planStartTime.split(' ')[0] : '' }} |
| | | </template> |
| | | </template> |
| | | <!-- 转换计划开工样式 空格切割数组 --> |
| | | |
| | | <!-- 默认显示 --> |
| | | <span v-else>{{ scope.row[item.columns] }}</span> |
| | | </template> |
| | |
| | | //转换 |
| | | res.data.forEach((item,index)=>{ |
| | | item.index = index + 1; |
| | | item.key = index; |
| | | item.label = item.name; |
| | | |
| | | if(item.display === '0'){ |
| | | item.visible = false |
| | | }else { |
| | |
| | | //转换 |
| | | data.forEach((item,index)=>{ |
| | | item.index = index + 1; |
| | | item.key = index; |
| | | item.label = item.name; |
| | | // item.slotName = item.columns; |
| | | if(item.display === '0'){ |
| | | item.visible = false |
| | | }else { |
| | |
| | | localStorage.removeItem("documentsInfoForm") |
| | | }, |
| | | |
| | | save(){ |
| | | const list =current.map((item, index) => { |
| | | item.name = item.label; |
| | | item.sort = index + 1; |
| | | item.columns = item.id; |
| | | item.id = 0; |
| | | if(item.slotName === undefined){ |
| | | item.slotName = null; |
| | | } |
| | | if(item.visible){ |
| | | item.display = "1"; |
| | | }else { |
| | | item.display ="0"; |
| | | } |
| | | return item; |
| | | }); |
| | | console.log(list) |
| | | addList(list).then(res=>{ |
| | | console.log(res.msg) |
| | | }) |
| | | |
| | | }, |
| | | // save(){ |
| | | // const list =current.map((item, index) => { |
| | | // item.name = item.label; |
| | | // item.sort = index + 1; |
| | | // item.columns = item.id; |
| | | // item.id = 0; |
| | | // if(item.slotName === undefined){ |
| | | // item.slotName = null; |
| | | // } |
| | | // if(item.visible){ |
| | | // item.display = "1"; |
| | | // }else { |
| | | // item.display ="0"; |
| | | // } |
| | | // return item; |
| | | // }); |
| | | // console.log(list) |
| | | // addList(list).then(res=>{ |
| | | // console.log(res.msg) |
| | | // }) |
| | | // |
| | | // }, |
| | | // 重置排序的方法 |
| | | handleResetSort() { |
| | | this.hiddenColumnsList(); |
| | |
| | | }); |
| | | |
| | | }, |
| | | //点击排序加减更新 |
| | | handleUpdateSort(row) { |
| | | //替换表头元素 |
| | | this.columnsNew = this.columnsNew.map(item => { |
| | | if (item.columns === row.columns) { |
| | | if (item.id === row.id) { |
| | | return row; |
| | | } |
| | | return item; |
| | | }); |
| | | //替换传入显隐组件数据 |
| | | this.defaultColumns = this.defaultColumns.map(item => { |
| | | if (item.columns === row.columns) { |
| | | if (item.id === row.id) { |
| | | return row; |
| | | } |
| | | return item; |
| | | }); |
| | | this.defaultColumns = this.defaultColumns.sort((a, b) => a.sort - b.sort); |
| | | //显隐排序 |
| | | this.defaultColumns.sort((a, b) => a.sort - b.sort); |
| | | //主页表头数据排序 |
| | | this.columnsNew.sort((a, b) => a.sort - b.sort); |
| | | |
| | | //强制table渲染 |