|
|
@ -1,26 +1,26 @@ |
|
|
|
<template> |
|
|
|
<!-- :style="{ height: tableHeight }" --> |
|
|
|
<div class='flex el-card'> |
|
|
|
<div class="left_menu flex flex-y"> |
|
|
|
<el-button type="text" round @click="handelClickBack" icon="el-icon-back">返回</el-button> |
|
|
|
<div :class="{ 'menu_item': true, 'active': menuActive === index }" v-for="(item, index) in menuList" |
|
|
|
:key="index" @click="handleClickMenu(index)"> |
|
|
|
<span>{{ item.name }}</span> |
|
|
|
<i class="el-icon-arrow-right"></i> |
|
|
|
</div> |
|
|
|
<div class="left_menu flex flex-y"> |
|
|
|
<el-button type="text" round @click="handelClickBack" icon="el-icon-back">返回</el-button> |
|
|
|
<div :class="{ 'menu_item': true, 'active': menuActive === index }" v-for="(item, index) in menuList" :key="index" |
|
|
|
@click="handleClickMenu(index)"> |
|
|
|
<span>{{ item.name }}</span> |
|
|
|
<i class="el-icon-arrow-right"></i> |
|
|
|
</div> |
|
|
|
<div class="flex flex-y flex1 luckysheet-wrap"> |
|
|
|
<div class="top_btn flex flex-end"> |
|
|
|
<div> |
|
|
|
<el-button type="warning" @click="getAllTables"> 自动检测</el-button> |
|
|
|
</div> |
|
|
|
<div> |
|
|
|
<el-button type="danger"> 驳回重提</el-button> |
|
|
|
<el-button type="primary"> 审核存档</el-button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="flex flex-y flex1 luckysheet-wrap"> |
|
|
|
<div class="top_btn flex flex-end"> |
|
|
|
<div> |
|
|
|
<el-button type="warning" @click="getAllTables"> 自动检测</el-button> |
|
|
|
</div> |
|
|
|
<div> |
|
|
|
<el-button type="danger"> 驳回重提</el-button> |
|
|
|
<el-button type="primary"> 审核存档</el-button> |
|
|
|
</div> |
|
|
|
<div id="luckysheet"></div> |
|
|
|
</div> |
|
|
|
<div id="luckysheet"></div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
|
|
|
@ -73,26 +73,26 @@ export default { |
|
|
|
}, |
|
|
|
watch: {}, |
|
|
|
mounted() { |
|
|
|
this.$nextTick(()=>{ |
|
|
|
this.$nextTick(() => { |
|
|
|
this.loadWorkBook() |
|
|
|
}) |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
loadWorkBook() { |
|
|
|
window.luckysheet.destroy(); |
|
|
|
const {id} = this.$store.state.user; |
|
|
|
options.gridKey = this.workbookId; |
|
|
|
options.allowUpdate = true; |
|
|
|
options.loadUrl = `http://219.146.91.110:30801/api/actual/base/luckySheet/workbook/load?workbookId=${this.workbookId}` |
|
|
|
options.updateUrl = `ws://219.146.91.110:30801/api/actual/base/ws/luckysheet/${this.workbookId}/${id}` |
|
|
|
options.loadSheetUrl = `http://219.146.91.110:30801/api/actual/base/luckySheet/workbook/loadSheets?workbookId=${this.workbookId}` |
|
|
|
window.luckysheet.create({ |
|
|
|
...options, |
|
|
|
hook: { |
|
|
|
cellEditBefore: this.handleCellEditBefore, |
|
|
|
sheetCreateAfter: this.handleSheetCreateAfter, |
|
|
|
}, |
|
|
|
}); |
|
|
|
loadWorkBook() { |
|
|
|
window.luckysheet.destroy(); |
|
|
|
const { id } = this.$store.state.user; |
|
|
|
options.gridKey = this.workbookId; |
|
|
|
options.allowUpdate = true; |
|
|
|
options.loadUrl = `http://219.146.91.110:30801/api/actual/base/luckySheet/workbook/load?workbookId=${this.workbookId}` |
|
|
|
options.updateUrl = `ws://219.146.91.110:30801/api/actual/base/ws/luckysheet/${this.workbookId}/${id}` |
|
|
|
options.loadSheetUrl = `http://219.146.91.110:30801/api/actual/base/luckySheet/workbook/loadSheets?workbookId=${this.workbookId}` |
|
|
|
window.luckysheet.create({ |
|
|
|
...options, |
|
|
|
hook: { |
|
|
|
cellEditBefore: this.handleCellEditBefore, |
|
|
|
sheetCreateAfter: this.handleSheetCreateAfter, |
|
|
|
}, |
|
|
|
}); |
|
|
|
}, |
|
|
|
handleSheetCreateAfter(e) { |
|
|
|
console.log('setsheet', e); |
|
|
@ -141,60 +141,66 @@ export default { |
|
|
|
handelClickBack() { |
|
|
|
this.$emit('close') |
|
|
|
}, |
|
|
|
getAllTables(){ |
|
|
|
console.log(luckysheet.getAllSheets()); |
|
|
|
let currentTable = luckysheet.getAllSheets().filter(item=>item.status === '1') |
|
|
|
|
|
|
|
getAllTables() { |
|
|
|
let list = luckysheet.getAllSheets() |
|
|
|
let currentTable = list.filter(item => item.status == '1') |
|
|
|
const findFirstAllNullIndex = (arr) => { |
|
|
|
return arr.findIndex(subArray => Array.isArray(subArray) && subArray.every(item => item === null)); |
|
|
|
}; |
|
|
|
this.sheetR = findFirstAllNullIndex(currentTable[0].data) |
|
|
|
if(this.sheetR != -1){ |
|
|
|
this.updataSheet() |
|
|
|
}else{ |
|
|
|
luckysheet.insertRow(currentTable[0].data.length,5) |
|
|
|
} |
|
|
|
}, |
|
|
|
updataSheet() { |
|
|
|
let arr = [ |
|
|
|
{ |
|
|
|
1:'张三1', |
|
|
|
2:'证件类型1', |
|
|
|
3:'1234', |
|
|
|
4:'456', |
|
|
|
5:'国籍', |
|
|
|
6:'性别', |
|
|
|
7:'出生日期', |
|
|
|
8:'所属社区', |
|
|
|
9:'所属网格', |
|
|
|
10:'所属小区', |
|
|
|
11:'楼栋名称', |
|
|
|
12:'单元号', |
|
|
|
13:'门牌号', |
|
|
|
14:'人房关系', |
|
|
|
15:'人户状况', |
|
|
|
16:'与户主关系', |
|
|
|
17:'民族' |
|
|
|
1: '张三1', |
|
|
|
2: '证件类型1', |
|
|
|
3: '1234', |
|
|
|
4: '456', |
|
|
|
5: '国籍', |
|
|
|
6: '性别', |
|
|
|
7: '出生日期', |
|
|
|
8: '所属社区', |
|
|
|
9: '所属网格', |
|
|
|
10: '所属小区', |
|
|
|
11: '楼栋名称', |
|
|
|
12: '单元号', |
|
|
|
13: '门牌号', |
|
|
|
14: '人房关系', |
|
|
|
15: '人户状况', |
|
|
|
16: '与户主关系', |
|
|
|
17: '民族' |
|
|
|
}, |
|
|
|
{ |
|
|
|
1:'张三12', |
|
|
|
2:'证件类型12', |
|
|
|
3:'12342', |
|
|
|
4:'4562', |
|
|
|
5:'国籍2', |
|
|
|
6:'性别2', |
|
|
|
7:'出生日期2', |
|
|
|
8:'所属社区2', |
|
|
|
9:'所属网格2', |
|
|
|
10:'所属小区2', |
|
|
|
11:'楼栋名称2', |
|
|
|
12:'单元号2', |
|
|
|
13:'门牌号2', |
|
|
|
14:'人房关系2', |
|
|
|
15:'人户状况2', |
|
|
|
16:'与户主关系2', |
|
|
|
17:'民族' |
|
|
|
1: '张三12', |
|
|
|
2: '证件类型12', |
|
|
|
3: '12342', |
|
|
|
4: '4562', |
|
|
|
5: '国籍2', |
|
|
|
6: '性别2', |
|
|
|
7: '出生日期2', |
|
|
|
8: '所属社区2', |
|
|
|
9: '所属网格2', |
|
|
|
10: '所属小区2', |
|
|
|
11: '楼栋名称2', |
|
|
|
12: '单元号2', |
|
|
|
13: '门牌号2', |
|
|
|
14: '人房关系2', |
|
|
|
15: '人户状况2', |
|
|
|
16: '与户主关系2', |
|
|
|
17: '民族' |
|
|
|
} |
|
|
|
] |
|
|
|
arr.forEach((item,index)=>{ |
|
|
|
for(let k in item){ |
|
|
|
arr.forEach((item, index) => { |
|
|
|
for (let k in item) { |
|
|
|
// index +1 + this.sheetR(当前表最后一个有数据的行) |
|
|
|
luckysheet.setCellValue(index+1, k - 1, item[k]) |
|
|
|
luckysheet.setCellValue(index+this.sheetR, k - 1, item[k]) |
|
|
|
} |
|
|
|
}) |
|
|
|
// 17列 |
|
|
|
}, |
|
|
|
updataSheet(){ |
|
|
|
|
|
|
|
}, |
|
|
|
}, |
|
|
|
beforeDestroy() { |
|
|
@ -208,11 +214,12 @@ export default { |
|
|
|
</script> |
|
|
|
<style lang="scss" scoped> |
|
|
|
.el-card { |
|
|
|
margin: 10px auto; |
|
|
|
padding: 0 16px; |
|
|
|
box-sizing: border-box; |
|
|
|
width: calc(100% - 40px); |
|
|
|
margin: 10px auto; |
|
|
|
padding: 0 16px; |
|
|
|
box-sizing: border-box; |
|
|
|
width: calc(100% - 40px); |
|
|
|
} |
|
|
|
|
|
|
|
.luckysheet-wrap { |
|
|
|
margin: 10px; |
|
|
|
padding: 0px; |
|
|
|