|
|
@ -87,7 +87,7 @@ |
|
|
|
<el-checkbox v-model="form.isSaveTemp">保存为常用模板</el-checkbox> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<el-button class="diy-button--delete" @click="handleExport">导出</el-button> |
|
|
|
<el-button class="diy-button--delete" :loading="exportLoading" @click="handleExport">导出</el-button> |
|
|
|
</div> |
|
|
|
<el-dialog :visible.sync="diyDialog" |
|
|
|
:close-on-click-modal="false" |
|
|
@ -146,6 +146,7 @@ export default { |
|
|
|
}, |
|
|
|
data() { |
|
|
|
return { |
|
|
|
exportLoading: false, |
|
|
|
activeCollapse: ['1'], |
|
|
|
activeName: 'first', |
|
|
|
info: {}, |
|
|
@ -204,13 +205,13 @@ export default { |
|
|
|
}, |
|
|
|
handleDelItem(val) { |
|
|
|
const { item, index } = val |
|
|
|
console.log('item------', item, this.$refs[`checkbox${item.id}`]) |
|
|
|
const checkList = this.$refs[`checkbox${item.id}`][0].checkedList |
|
|
|
console.log('item------', item, this.$refs[`checkbox${item.itemGroupId}`]) |
|
|
|
const checkList = this.$refs[`checkbox${item.itemGroupId}`][0].checkedList |
|
|
|
checkList.forEach((n, i) => { |
|
|
|
if (n == item.itemId) this.$refs[`checkbox${item.id}`][0].checkedList.splice(i, 1) |
|
|
|
if (n == item.itemId) this.$refs[`checkbox${item.itemGroupId}`][0].checkedList.splice(i, 1) |
|
|
|
}) |
|
|
|
this.rightList.forEach((n, i) => { |
|
|
|
if (n.id === item.id) { |
|
|
|
if (n.id === item.itemGroupId) { |
|
|
|
n.queryItemList.splice(index, 1) |
|
|
|
if (n.queryItemList.length === 0) this.rightList.splice(i, 1) |
|
|
|
} |
|
|
@ -272,6 +273,7 @@ export default { |
|
|
|
handleExport() { |
|
|
|
if (this.rightList.length === 0) return this.$message.error('请选择导出信息') |
|
|
|
if (this.form.isSaveTemp && !this.form.name) return this.$message.error('请输入模板名称') |
|
|
|
this.exportLoading = true |
|
|
|
this.exportTemplate() |
|
|
|
|
|
|
|
}, |
|
|
@ -324,9 +326,11 @@ export default { |
|
|
|
this.$message.success('导出成功') |
|
|
|
this.$emit('close') |
|
|
|
} else this.$message.error('下载失败') |
|
|
|
this.exportLoading = false |
|
|
|
}) |
|
|
|
.catch(err => { |
|
|
|
console.log('err', err) |
|
|
|
this.exportLoading = false |
|
|
|
return this.$message.error('网络错误') |
|
|
|
}) |
|
|
|
}, |
|
|
|