|
|
|
@ -1,46 +1,43 @@ |
|
|
|
<template> |
|
|
|
<template> |
|
|
|
<el-row> |
|
|
|
<el-row> |
|
|
|
|
|
|
|
|
|
|
|
<el-col :span="24"> |
|
|
|
<el-col :span="24"> |
|
|
|
<basic-container> |
|
|
|
<basic-container> |
|
|
|
<avue-crud :option="option" :search.sync="search" :table-loading="loading" :data="data" ref="crud" |
|
|
|
<avue-crud :option="option" :search.sync="search" :table-loading="loading" :data="data" ref="crud" |
|
|
|
v-model="form" :permission="permissionList" @row-del="rowDel" @row-update="rowUpdate" |
|
|
|
v-model="form" :permission="permissionList" @row-del="rowDel" @row-update="rowUpdate" @row-save="rowSave" |
|
|
|
@row-save="rowSave" :before-open="beforeOpen" :page.sync="page" @search-change="searchChange" |
|
|
|
:before-open="beforeOpen" :page.sync="page" @search-change="searchChange" @search-reset="searchReset" |
|
|
|
@search-reset="searchReset" @selection-change="selectionChange" @current-change="currentChange" |
|
|
|
@selection-change="selectionChange" @current-change="currentChange" @size-change="sizeChange" |
|
|
|
@size-change="sizeChange" @refresh-change="refreshChange" @on-load="onLoad"> |
|
|
|
@refresh-change="refreshChange" @on-load="onLoad"> |
|
|
|
<template slot-scope="scope" slot="menuLeft"> |
|
|
|
<template slot-scope="scope" slot="menuLeft"> |
|
|
|
<el-button v-show="permission.contentAdd" type="primary" size="small" |
|
|
|
<el-button v-show="permission.contentAdd" type="primary" size="small" @click="handleAdd">新建</el-button> |
|
|
|
@click="handleAdd">新建</el-button> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
<template slot-scope="{ row }" slot="isOpen"> |
|
|
|
<template slot-scope="{ row }" slot="isOpen"> |
|
|
|
<el-tag :type="row.isOpen == 0 ? 'danger' : 'success'">{{ row.isOpen == 0 ? '停用' : '启用' |
|
|
|
<el-tag :type="row.isOpen == 0 ? 'danger' : 'success'">{{ row.isOpen == 0 ? '停用' : '启用' |
|
|
|
}}</el-tag> |
|
|
|
}}</el-tag> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
<template slot-scope="{ row }" slot="menu"> |
|
|
|
<template slot-scope="{ row }" slot="menu"> |
|
|
|
<el-button v-show="permission.contentView" @click="handleView(row)">查看</el-button> |
|
|
|
<el-button v-show="permission.contentView" @click="handleView(row)">查看</el-button> |
|
|
|
<el-button v-show="permission.contentEdit" @click="handleEdit(row)">编辑</el-button> |
|
|
|
<el-button v-show="permission.contentEdit" @click="handleEdit(row)">编辑</el-button> |
|
|
|
<el-button @click="startPlan(row)" v-show="row.isOpen == 0 && permission.contentSetting">启用</el-button> |
|
|
|
<el-button @click="startPlan(row)" |
|
|
|
<el-button @click="stopPlan(row)" v-show="row.isOpen == 1 && permission.contentSetting">停用</el-button> |
|
|
|
v-show="row.isOpen == 0 && permission.contentSetting">启用</el-button> |
|
|
|
<el-button @click="deletePlan(row)" v-show="permission.contentDelete">删除</el-button> |
|
|
|
<el-button @click="stopPlan(row)" |
|
|
|
<el-button @click="handleDownload(row)" v-show="permission.contentDelete">下载</el-button> |
|
|
|
v-show="row.isOpen == 1 && permission.contentSetting">停用</el-button> |
|
|
|
<el-button type="primary" @click="handleExportDevice(row)">导出</el-button> |
|
|
|
<el-button @click="deletePlan(row)" v-show="permission.contentDelete">删除</el-button> |
|
|
|
<!-- <el-button @click="handleImport(row)">导入</el-button> --> |
|
|
|
<el-button @click="handleDownload(row)" |
|
|
|
</template> |
|
|
|
v-show="permission.contentDelete">下载</el-button> |
|
|
|
</avue-crud> |
|
|
|
<el-button type="primary" @click="handleExportDevice(row)">导出</el-button> |
|
|
|
<el-dialog :title="dialogTitle" :visible.sync="dialogVisible" :append-to-body="true" width="70%" |
|
|
|
<!-- <el-button @click="handleImport(row)">导入</el-button> --> |
|
|
|
:close-on-click-modal="false"> |
|
|
|
</template> |
|
|
|
<addDialog :unitData="unitData" :title="dialogTitle" :detailForm="detailForm" ref="addDialog"> |
|
|
|
</avue-crud> |
|
|
|
</addDialog> |
|
|
|
<el-dialog :title="dialogTitle" :visible.sync="dialogVisible" :append-to-body="true" width="70%" :close-on-click-modal="false"> |
|
|
|
<span slot="footer" class="dialog-footer"> |
|
|
|
<addDialog :unitData="unitData" :title="dialogTitle" :detailForm="detailForm" ref="addDialog"> |
|
|
|
<el-button @click="handleCancel">取 消</el-button> |
|
|
|
</addDialog> |
|
|
|
<el-button v-show="dialogTitle != '查看'" type="primary" @click="handleConfirm">提 交</el-button> |
|
|
|
<span slot="footer" class="dialog-footer"> |
|
|
|
</span> |
|
|
|
<el-button @click="handleCancel">取 消</el-button> |
|
|
|
</el-dialog> |
|
|
|
<el-button v-show="dialogTitle != '查看'" type="primary" @click="handleConfirm">提 交</el-button> |
|
|
|
</basic-container> |
|
|
|
</span> |
|
|
|
</el-col> |
|
|
|
</el-dialog> |
|
|
|
</el-row> |
|
|
|
</basic-container> |
|
|
|
|
|
|
|
</el-col> |
|
|
|
|
|
|
|
</el-row> |
|
|
|
|
|
|
|
</template> |
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
|
|
<script> |
|
|
|
<script> |
|
|
|
@ -49,337 +46,341 @@ import { mapGetters } from "vuex"; |
|
|
|
import JSZip from 'jszip'; |
|
|
|
import JSZip from 'jszip'; |
|
|
|
import { saveAs } from 'file-saver'; |
|
|
|
import { saveAs } from 'file-saver'; |
|
|
|
import { getLimsTree, planCreate, getContentList, getPlanDetail, dealPlan, deletePlan, editPlan } from '@/api/labManagement/inspectionManagement' |
|
|
|
import { getLimsTree, planCreate, getContentList, getPlanDetail, dealPlan, deletePlan, editPlan } from '@/api/labManagement/inspectionManagement' |
|
|
|
import { exportBlob1 } from "@/api/common"; |
|
|
|
import { exportBlob1 } from "@/api/common"; |
|
|
|
import { downloadXls } from "@/util/util"; |
|
|
|
import { downloadXls } from "@/util/util"; |
|
|
|
export default { |
|
|
|
export default { |
|
|
|
components: { |
|
|
|
components: { |
|
|
|
addDialog |
|
|
|
addDialog |
|
|
|
}, |
|
|
|
}, |
|
|
|
data() { |
|
|
|
data() { |
|
|
|
const validatePass = (rule, value, callback) => { |
|
|
|
const validatePass = (rule, value, callback) => { |
|
|
|
if (value === '') { |
|
|
|
if (value === '') { |
|
|
|
callback(new Error('请输入密码')); |
|
|
|
callback(new Error('请输入密码')); |
|
|
|
} else { |
|
|
|
} else { |
|
|
|
callback(); |
|
|
|
callback(); |
|
|
|
} |
|
|
|
} |
|
|
|
}; |
|
|
|
}; |
|
|
|
const validatePass2 = (rule, value, callback) => { |
|
|
|
const validatePass2 = (rule, value, callback) => { |
|
|
|
if (value === '') { |
|
|
|
if (value === '') { |
|
|
|
callback(new Error('请再次输入密码')); |
|
|
|
callback(new Error('请再次输入密码')); |
|
|
|
} else if (value !== this.form.password) { |
|
|
|
} else if (value !== this.form.password) { |
|
|
|
callback(new Error('两次输入密码不一致!')); |
|
|
|
callback(new Error('两次输入密码不一致!')); |
|
|
|
} else { |
|
|
|
} else { |
|
|
|
callback(); |
|
|
|
callback(); |
|
|
|
} |
|
|
|
} |
|
|
|
}; |
|
|
|
}; |
|
|
|
return { |
|
|
|
return { |
|
|
|
dialogTitle: '', |
|
|
|
dialogTitle: '', |
|
|
|
form: {}, |
|
|
|
form: {}, |
|
|
|
search: {}, |
|
|
|
search: {}, |
|
|
|
roleBox: false, |
|
|
|
roleBox: false, |
|
|
|
excelBox: false, |
|
|
|
excelBox: false, |
|
|
|
platformBox: false, |
|
|
|
platformBox: false, |
|
|
|
initFlag: true, |
|
|
|
initFlag: true, |
|
|
|
selectionList: [], |
|
|
|
selectionList: [], |
|
|
|
query: {}, |
|
|
|
query: {}, |
|
|
|
loading: true, |
|
|
|
loading: true, |
|
|
|
platformLoading: false, |
|
|
|
platformLoading: false, |
|
|
|
page: { |
|
|
|
page: { |
|
|
|
pageSize: 10, |
|
|
|
pageSize: 10, |
|
|
|
currentPage: 1, |
|
|
|
currentPage: 1, |
|
|
|
total: 0 |
|
|
|
total: 0 |
|
|
|
}, |
|
|
|
}, |
|
|
|
platformPage: { |
|
|
|
platformPage: { |
|
|
|
pageSize: 10, |
|
|
|
pageSize: 10, |
|
|
|
currentPage: 1, |
|
|
|
currentPage: 1, |
|
|
|
total: 0 |
|
|
|
total: 0 |
|
|
|
}, |
|
|
|
}, |
|
|
|
init: { |
|
|
|
init: { |
|
|
|
roleTree: [], |
|
|
|
roleTree: [], |
|
|
|
deptTree: [], |
|
|
|
deptTree: [], |
|
|
|
}, |
|
|
|
}, |
|
|
|
props: { |
|
|
|
props: { |
|
|
|
label: "title", |
|
|
|
label: "title", |
|
|
|
value: "key" |
|
|
|
value: "key" |
|
|
|
}, |
|
|
|
}, |
|
|
|
roleGrantList: [], |
|
|
|
roleGrantList: [], |
|
|
|
roleTreeObj: [], |
|
|
|
roleTreeObj: [], |
|
|
|
treeDeptId: '', |
|
|
|
treeDeptId: '', |
|
|
|
treeData: [ |
|
|
|
treeData: [ |
|
|
|
|
|
|
|
|
|
|
|
], |
|
|
|
], |
|
|
|
unitData: [], |
|
|
|
unitData: [], |
|
|
|
treeOption: { |
|
|
|
treeOption: { |
|
|
|
nodeKey: 'id', |
|
|
|
nodeKey: 'id', |
|
|
|
|
|
|
|
|
|
|
|
addBtn: false, |
|
|
|
addBtn: false, |
|
|
|
menu: false, |
|
|
|
menu: false, |
|
|
|
size: 'small', |
|
|
|
size: 'small', |
|
|
|
props: { |
|
|
|
props: { |
|
|
|
labelText: '标题', |
|
|
|
labelText: '标题', |
|
|
|
label: 'title', |
|
|
|
label: 'title', |
|
|
|
value: 'value', |
|
|
|
value: 'value', |
|
|
|
children: 'children' |
|
|
|
children: 'children' |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
|
option: { |
|
|
|
option: { |
|
|
|
height: 'auto', |
|
|
|
height: 'auto', |
|
|
|
calcHeight: 80, |
|
|
|
calcHeight: 80, |
|
|
|
tip: false, |
|
|
|
tip: false, |
|
|
|
searchShow: true, |
|
|
|
searchShow: true, |
|
|
|
searchMenuSpan: 6, |
|
|
|
searchMenuSpan: 6, |
|
|
|
border: true, |
|
|
|
border: true, |
|
|
|
index: true, |
|
|
|
index: true, |
|
|
|
selection: true, |
|
|
|
selection: true, |
|
|
|
addBtn: false, |
|
|
|
addBtn: false, |
|
|
|
viewBtn: false, |
|
|
|
viewBtn: false, |
|
|
|
editBtn: false, |
|
|
|
editBtn: false, |
|
|
|
delBtn: false, |
|
|
|
delBtn: false, |
|
|
|
dialogType: 'dialog', |
|
|
|
dialogType: 'dialog', |
|
|
|
dialogClickModal: false, |
|
|
|
dialogClickModal: false, |
|
|
|
searchShowBtn: false, |
|
|
|
searchShowBtn: false, |
|
|
|
refreshBtn: false, |
|
|
|
refreshBtn: false, |
|
|
|
columnBtn: false, |
|
|
|
columnBtn: false, |
|
|
|
menuWidth: 300, |
|
|
|
menuWidth: 300, |
|
|
|
searchShowBtn: false, // 栏目折叠显隐 |
|
|
|
searchShowBtn: false, // 栏目折叠显隐 |
|
|
|
refreshBtn: false, // 刷新 |
|
|
|
refreshBtn: false, // 刷新 |
|
|
|
columnBtn: false, // 操作列显隐 |
|
|
|
columnBtn: false, // 操作列显隐 |
|
|
|
gridBtn:false, |
|
|
|
gridBtn: false, |
|
|
|
excelBtn: false, // 导出Excel |
|
|
|
excelBtn: false, // 导出Excel |
|
|
|
printBtn: false, // 表格打印导出 |
|
|
|
printBtn: false, // 表格打印导出 |
|
|
|
filterBtn: false, // 筛选 |
|
|
|
filterBtn: false, // 筛选 |
|
|
|
column: [ |
|
|
|
column: [ |
|
|
|
{ |
|
|
|
{ |
|
|
|
label: "巡检计划单号", |
|
|
|
label: "巡检计划单号", |
|
|
|
labelWidth: 120, |
|
|
|
labelWidth: 120, |
|
|
|
prop: "planCode", |
|
|
|
prop: "planCode", |
|
|
|
search: true, |
|
|
|
search: true, |
|
|
|
overHidden: true, |
|
|
|
overHidden: true, |
|
|
|
}, |
|
|
|
}, |
|
|
|
{ |
|
|
|
{ |
|
|
|
label: "单位名称", |
|
|
|
label: "单位名称", |
|
|
|
labelWidth: 120, |
|
|
|
labelWidth: 120, |
|
|
|
prop: "deptName", |
|
|
|
prop: "deptName", |
|
|
|
search: true, |
|
|
|
search: true, |
|
|
|
overHidden: true, |
|
|
|
overHidden: true, |
|
|
|
}, |
|
|
|
}, |
|
|
|
{ |
|
|
|
{ |
|
|
|
label: "巡检内容", |
|
|
|
label: "巡检内容", |
|
|
|
labelWidth: 120, |
|
|
|
labelWidth: 120, |
|
|
|
prop: "planContent", |
|
|
|
prop: "planContent", |
|
|
|
overHidden: true, |
|
|
|
overHidden: true, |
|
|
|
}, |
|
|
|
}, |
|
|
|
{ |
|
|
|
{ |
|
|
|
label: "是否启用", |
|
|
|
label: "是否启用", |
|
|
|
labelWidth: 120, |
|
|
|
labelWidth: 120, |
|
|
|
prop: "isOpen", |
|
|
|
prop: "isOpen", |
|
|
|
overHidden: true, |
|
|
|
overHidden: true, |
|
|
|
slot: true |
|
|
|
slot: true |
|
|
|
}, |
|
|
|
}, |
|
|
|
{ |
|
|
|
{ |
|
|
|
label: "创建时间", |
|
|
|
label: "创建时间", |
|
|
|
labelWidth: 120, |
|
|
|
labelWidth: 120, |
|
|
|
prop: "createTime", |
|
|
|
prop: "createTime", |
|
|
|
overHidden: true, |
|
|
|
overHidden: true, |
|
|
|
}, |
|
|
|
}, |
|
|
|
// { |
|
|
|
// { |
|
|
|
// label: "包含专业/设备", |
|
|
|
// label: "包含专业/设备", |
|
|
|
// labelWidth: 120, |
|
|
|
// labelWidth: 120, |
|
|
|
// prop: "major", |
|
|
|
// prop: "major", |
|
|
|
// labelWidth: 120, |
|
|
|
// labelWidth: 120, |
|
|
|
// overHidden: true, |
|
|
|
// overHidden: true, |
|
|
|
// }, |
|
|
|
// }, |
|
|
|
// { |
|
|
|
// { |
|
|
|
// label: "备注", |
|
|
|
// label: "备注", |
|
|
|
// labelWidth: 120, |
|
|
|
// labelWidth: 120, |
|
|
|
// overHidden: true, |
|
|
|
// overHidden: true, |
|
|
|
// prop: "remark", |
|
|
|
// prop: "remark", |
|
|
|
// }, |
|
|
|
// }, |
|
|
|
], |
|
|
|
], |
|
|
|
}, |
|
|
|
}, |
|
|
|
data: [], |
|
|
|
data: [], |
|
|
|
dialogVisible: false, |
|
|
|
dialogVisible: false, |
|
|
|
addForm: {}, |
|
|
|
addForm: {}, |
|
|
|
detailForm: {} |
|
|
|
detailForm: {} |
|
|
|
}; |
|
|
|
}; |
|
|
|
}, |
|
|
|
}, |
|
|
|
computed: { |
|
|
|
computed: { |
|
|
|
...mapGetters(["userInfo", "permission"]), |
|
|
|
...mapGetters(["userInfo", "permission"]), |
|
|
|
}, |
|
|
|
}, |
|
|
|
mounted() { |
|
|
|
mounted() { |
|
|
|
this.tableData = this.mergeTableRow(this.tableData, ['majorName']) |
|
|
|
this.tableData = this.mergeTableRow(this.tableData, ['majorName']) |
|
|
|
console.log('userInfo--------------->', this.userInfo) |
|
|
|
console.log('userInfo--------------->', this.userInfo) |
|
|
|
this.getLeftLab() |
|
|
|
this.getLeftLab() |
|
|
|
// if(this.userInfo.role_id == '1846419477876510721'){ |
|
|
|
// if(this.userInfo.role_id == '1846419477876510721'){ |
|
|
|
// this.search.deptName = this.userInfo.deptName |
|
|
|
// this.search.deptName = this.userInfo.deptName |
|
|
|
// } |
|
|
|
// } |
|
|
|
}, |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
methods: { |
|
|
|
handleExportDevice(row) { |
|
|
|
handleExportDevice(row) { |
|
|
|
let query = JSON.parse(JSON.stringify(row)) |
|
|
|
let query = JSON.parse(JSON.stringify(row)) |
|
|
|
exportBlob1(`/api/lab-ops/maintenance/maintenance-plan-report`, query).then(res => { |
|
|
|
exportBlob1(`/api/lab-ops/maintenance/maintenance-plan-report`, query).then(res => { |
|
|
|
downloadXls(res.data, "巡检计划.xlsx"); |
|
|
|
downloadXls(res.data, "巡检计划.xlsx"); |
|
|
|
}) |
|
|
|
}) |
|
|
|
}, |
|
|
|
}, |
|
|
|
objectSpanMethod({ row, column, rowIndex, columnIndex }) { |
|
|
|
objectSpanMethod({ row, column, rowIndex, columnIndex }) { |
|
|
|
// console.log('row--------------->',row) |
|
|
|
// console.log('row--------------->',row) |
|
|
|
// console.log('column--------------->',column) |
|
|
|
// console.log('column--------------->',column) |
|
|
|
// console.log('rowIndex--------------->',rowIndex) |
|
|
|
// console.log('rowIndex--------------->',rowIndex) |
|
|
|
// console.log('columnIndex--------------->',columnIndex) |
|
|
|
// console.log('columnIndex--------------->',columnIndex) |
|
|
|
const span = column['property'] + '-span' |
|
|
|
const span = column['property'] + '-span' |
|
|
|
if (row[span]) { |
|
|
|
if (row[span]) { |
|
|
|
return row[span] |
|
|
|
return row[span] |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
}, |
|
|
|
}, |
|
|
|
// 启用计划 |
|
|
|
// 启用计划 |
|
|
|
startPlan(row) { |
|
|
|
startPlan(row) { |
|
|
|
this.$confirm('确定启用该计划?', '提示', { |
|
|
|
this.$confirm('确定启用该计划?', '提示', { |
|
|
|
confirmButtonText: '确定', |
|
|
|
confirmButtonText: '确定', |
|
|
|
cancelButtonText: '取消', |
|
|
|
cancelButtonText: '取消', |
|
|
|
type: 'warning' |
|
|
|
type: 'warning' |
|
|
|
}).then(() => { |
|
|
|
}).then(() => { |
|
|
|
dealPlan({ id: row.id, isOpen: 1 }).then(res => { |
|
|
|
dealPlan({ id: row.id, isOpen: 1 }).then(res => { |
|
|
|
if (res.data.code == 200) { |
|
|
|
if (res.data.code == 200) { |
|
|
|
this.$message.success('启用成功') |
|
|
|
this.$message.success('启用成功') |
|
|
|
this.onLoad() |
|
|
|
this.onLoad() |
|
|
|
} |
|
|
|
} |
|
|
|
}) |
|
|
|
}) |
|
|
|
}) |
|
|
|
}) |
|
|
|
}, |
|
|
|
}, |
|
|
|
// 停用计划 |
|
|
|
// 停用计划 |
|
|
|
stopPlan(row) { |
|
|
|
stopPlan(row) { |
|
|
|
this.$confirm('确定停用该计划?', '提示', { |
|
|
|
this.$confirm('确定停用该计划?', '提示', { |
|
|
|
confirmButtonText: '确定', |
|
|
|
confirmButtonText: '确定', |
|
|
|
cancelButtonText: '取消', |
|
|
|
cancelButtonText: '取消', |
|
|
|
type: 'warning' |
|
|
|
type: 'warning' |
|
|
|
}).then(() => { |
|
|
|
}).then(() => { |
|
|
|
dealPlan({ id: row.id, isOpen: 0 }).then(res => { |
|
|
|
dealPlan({ id: row.id, isOpen: 0 }).then(res => { |
|
|
|
if (res.data.code == 200) { |
|
|
|
if (res.data.code == 200) { |
|
|
|
this.$message.success('停用成功') |
|
|
|
this.$message.success('停用成功') |
|
|
|
this.onLoad() |
|
|
|
this.onLoad() |
|
|
|
} |
|
|
|
} |
|
|
|
}) |
|
|
|
}) |
|
|
|
}) |
|
|
|
}) |
|
|
|
}, |
|
|
|
}, |
|
|
|
deletePlan(row) { |
|
|
|
deletePlan(row) { |
|
|
|
this.$confirm('确定删除该计划?', '提示', { |
|
|
|
if (row.isOpen == 1) { |
|
|
|
confirmButtonText: '确定', |
|
|
|
this.$message.error('请先停用巡检计划！') |
|
|
|
cancelButtonText: '取消', |
|
|
|
return false |
|
|
|
type: 'warning' |
|
|
|
} |
|
|
|
}).then(() => { |
|
|
|
this.$confirm('确定删除该计划?', '提示', { |
|
|
|
deletePlan({ ids: row.id }).then(res => { |
|
|
|
confirmButtonText: '确定', |
|
|
|
if (res.data.code == 200) { |
|
|
|
cancelButtonText: '取消', |
|
|
|
this.$message.success('删除成功') |
|
|
|
type: 'warning' |
|
|
|
this.onLoad() |
|
|
|
}).then(() => { |
|
|
|
} |
|
|
|
deletePlan({ ids: row.id }).then(res => { |
|
|
|
}) |
|
|
|
if (res.data.code == 200) { |
|
|
|
}) |
|
|
|
this.$message.success('删除成功') |
|
|
|
}, |
|
|
|
this.onLoad() |
|
|
|
getFile(url) { |
|
|
|
} |
|
|
|
return new Promise((resolve, reject) => { |
|
|
|
}) |
|
|
|
//通过请求获取文件blob格式 |
|
|
|
}) |
|
|
|
let xmlhttp = new XMLHttpRequest(); |
|
|
|
}, |
|
|
|
xmlhttp.open("GET", url, true); |
|
|
|
getFile(url) { |
|
|
|
xmlhttp.responseType = "blob"; |
|
|
|
return new Promise((resolve, reject) => { |
|
|
|
xmlhttp.onload = function () { |
|
|
|
//通过请求获取文件blob格式 |
|
|
|
if (xmlhttp.status == 200) { |
|
|
|
let xmlhttp = new XMLHttpRequest(); |
|
|
|
resolve(xmlhttp.response); |
|
|
|
xmlhttp.open("GET", url, true); |
|
|
|
} else { |
|
|
|
xmlhttp.responseType = "blob"; |
|
|
|
reject(xmlhttp.response); |
|
|
|
xmlhttp.onload = function () { |
|
|
|
} |
|
|
|
if (xmlhttp.status == 200) { |
|
|
|
}; |
|
|
|
resolve(xmlhttp.response); |
|
|
|
xmlhttp.send(); |
|
|
|
} else { |
|
|
|
}); |
|
|
|
reject(xmlhttp.response); |
|
|
|
}, |
|
|
|
} |
|
|
|
// 下载 |
|
|
|
}; |
|
|
|
handleDownload(row) { |
|
|
|
xmlhttp.send(); |
|
|
|
getPlanDetail({ id: row.id }).then(res => { |
|
|
|
}); |
|
|
|
let data = res.data.data.attaches |
|
|
|
}, |
|
|
|
if (data.length > 1) { |
|
|
|
// 下载 |
|
|
|
const zip = new JSZip(); |
|
|
|
handleDownload(row) { |
|
|
|
// 下载后压缩包的名称 |
|
|
|
getPlanDetail({ id: row.id }).then(res => { |
|
|
|
const blogTitle = '合同.zip' |
|
|
|
let data = res.data.data.attaches |
|
|
|
const cache = {}; |
|
|
|
if (data.length > 1) { |
|
|
|
const promises = []; |
|
|
|
const zip = new JSZip(); |
|
|
|
data.forEach(item => { |
|
|
|
// 下载后压缩包的名称 |
|
|
|
if (item.link) { |
|
|
|
const blogTitle = '合同.zip' |
|
|
|
const promise = this.getFile(item.link).then(data => { |
|
|
|
const cache = {}; |
|
|
|
// *下载文件, 并存成ArrayBuffer对象 |
|
|
|
const promises = []; |
|
|
|
const arr_name = item.name.split("/"); |
|
|
|
data.forEach(item => { |
|
|
|
const file_name = arr_name[arr_name.length - 1]; // *获取文件名 |
|
|
|
if (item.link) { |
|
|
|
zip.file(file_name, data, { binary: true }); // *逐个添加文件 |
|
|
|
const promise = this.getFile(item.link).then(data => { |
|
|
|
cache[file_name] = data; |
|
|
|
// *下载文件, 并存成ArrayBuffer对象 |
|
|
|
}); |
|
|
|
const arr_name = item.name.split("/"); |
|
|
|
promises.push(promise); |
|
|
|
const file_name = arr_name[arr_name.length - 1]; // *获取文件名 |
|
|
|
} |
|
|
|
zip.file(file_name, data, { binary: true }); // *逐个添加文件 |
|
|
|
}); |
|
|
|
cache[file_name] = data; |
|
|
|
Promise.all(promises).then(() => { |
|
|
|
}); |
|
|
|
zip.generateAsync({ |
|
|
|
promises.push(promise); |
|
|
|
type: "blob", compression: 'DEFLATE', // *STORE: 默认不压缩; DEFLATE：需要压缩 |
|
|
|
} |
|
|
|
compressionOptions: { |
|
|
|
}); |
|
|
|
level: 9 // *压缩等级 1~9。1: 压缩速度最快，9: 最优压缩方式 |
|
|
|
Promise.all(promises).then(() => { |
|
|
|
} |
|
|
|
zip.generateAsync({ |
|
|
|
}).then(content => { |
|
|
|
type: "blob", compression: 'DEFLATE', // *STORE: 默认不压缩; DEFLATE：需要压缩 |
|
|
|
saveAs(content, blogTitle); // *生成二进制流，利用file-saver保存文件，文件名自定义 |
|
|
|
compressionOptions: { |
|
|
|
}); |
|
|
|
level: 9 // *压缩等级 1~9。1: 压缩速度最快，9: 最优压缩方式 |
|
|
|
}); |
|
|
|
} |
|
|
|
} else if (data.length == 1) { |
|
|
|
}).then(content => { |
|
|
|
fetch(data[0].link, { |
|
|
|
saveAs(content, blogTitle); // *生成二进制流，利用file-saver保存文件，文件名自定义 |
|
|
|
method: 'get', |
|
|
|
}); |
|
|
|
heanders: { |
|
|
|
}); |
|
|
|
'Content-Type': 'application/json;charset=UTF-8' |
|
|
|
} else if (data.length == 1) { |
|
|
|
} |
|
|
|
fetch(data[0].link, { |
|
|
|
}) |
|
|
|
method: 'get', |
|
|
|
.then(res => res.blob()) |
|
|
|
heanders: { |
|
|
|
.then(blob => { |
|
|
|
'Content-Type': 'application/json;charset=UTF-8' |
|
|
|
const link = document.createElement('a') |
|
|
|
} |
|
|
|
link.style.display = 'none' |
|
|
|
}) |
|
|
|
link.download = data[0].name// 设置下载属性 以及文件名 |
|
|
|
.then(res => res.blob()) |
|
|
|
link.href = URL.createObjectURL(blob) |
|
|
|
.then(blob => { |
|
|
|
|
|
|
|
const link = document.createElement('a') |
|
|
|
|
|
|
|
link.style.display = 'none' |
|
|
|
|
|
|
|
link.download = data[0].name// 设置下载属性 以及文件名 |
|
|
|
|
|
|
|
link.href = URL.createObjectURL(blob) |
|
|
|
|
|
|
|
|
|
|
|
document.body.appendChild(link) |
|
|
|
document.body.appendChild(link) |
|
|
|
link.click() |
|
|
|
link.click() |
|
|
|
// 释放的 URL 对象以及移除 a 标签 |
|
|
|
// 释放的 URL 对象以及移除 a 标签 |
|
|
|
URL.revokeObjectURL(link.href) |
|
|
|
URL.revokeObjectURL(link.href) |
|
|
|
document.body.removeChild(link) |
|
|
|
document.body.removeChild(link) |
|
|
|
}) |
|
|
|
}) |
|
|
|
}else{ |
|
|
|
} else { |
|
|
|
this.$message.error('该巡检内容没有维护合同附件') |
|
|
|
this.$message.error('该巡检内容没有维护合同附件') |
|
|
|
} |
|
|
|
} |
|
|
|
}) |
|
|
|
}) |
|
|
|
}, |
|
|
|
}, |
|
|
|
/** |
|
|
|
/** |
|
|
|
* 方法一 |
|
|
|
* 方法一 |
|
|
|
* table合并行通用 */ |
|
|
|
* table合并行通用 */ |
|
|
|
mergeTableRow(data, merge) { |
|
|
|
mergeTableRow(data, merge) { |
|
|
|
if (!merge || merge.length === 0) { |
|
|
|
if (!merge || merge.length === 0) { |
|
|
|
return data |
|
|
|
return data |
|
|
|
} |
|
|
|
} |
|
|
|
merge.forEach((m) => { |
|
|
|
merge.forEach((m) => { |
|
|
|
const mList = {} |
|
|
|
const mList = {} |
|
|
|
data = data && data.map((v, index) => { |
|
|
|
data = data && data.map((v, index) => { |
|
|
|
const rowVal = v[m] |
|
|
|
const rowVal = v[m] |
|
|
|
if (mList[rowVal] && mList[rowVal].newIndex === index) { |
|
|
|
if (mList[rowVal] && mList[rowVal].newIndex === index) { |
|
|
|
mList[rowVal]['num']++ |
|
|
|
mList[rowVal]['num']++ |
|
|
|
mList[rowVal]['newIndex']++ |
|
|
|
mList[rowVal]['newIndex']++ |
|
|
|
data[mList[rowVal]['index']][m + '-span'].rowspan++ |
|
|
|
data[mList[rowVal]['index']][m + '-span'].rowspan++ |
|
|
|
v[m + '-span'] = { |
|
|
|
v[m + '-span'] = { |
|
|
|
rowspan: 0, |
|
|
|
rowspan: 0, |
|
|
|
colspan: 0 |
|
|
|
colspan: 0 |
|
|
|
} |
|
|
|
} |
|
|
|
} else { |
|
|
|
} else { |
|
|
|
mList[rowVal] = { num: 1, index: index, newIndex: index + 1 } |
|
|
|
mList[rowVal] = { num: 1, index: index, newIndex: index + 1 } |
|
|
|
v[m + '-span'] = { |
|
|
|
v[m + '-span'] = { |
|
|
|
rowspan: 1, |
|
|
|
rowspan: 1, |
|
|
|
colspan: 1 |
|
|
|
colspan: 1 |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
return v |
|
|
|
return v |
|
|
|
}) |
|
|
|
}) |
|
|
|
}) |
|
|
|
}) |
|
|
|
return data |
|
|
|
return data |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
handleAdd() { |
|
|
|
handleAdd() { |
|
|
|
this.dialogTitle = '新建' |
|
|
|
this.dialogTitle = '新建' |
|
|
|
@ -508,34 +509,34 @@ export default { |
|
|
|
}) |
|
|
|
}) |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
}, |
|
|
|
}, |
|
|
|
onLoad(page, params = {}) { |
|
|
|
onLoad(page, params = {}) { |
|
|
|
let query = { |
|
|
|
let query = { |
|
|
|
deptName: this.search.deptName ? this.search.deptName : null, //单位名称 |
|
|
|
deptName: this.search.deptName ? this.search.deptName : null, //单位名称 |
|
|
|
current: this.page.currentPage, //页数 |
|
|
|
current: this.page.currentPage, //页数 |
|
|
|
size: this.page.pageSize //条数 |
|
|
|
size: this.page.pageSize //条数 |
|
|
|
} |
|
|
|
} |
|
|
|
this.loading = true |
|
|
|
this.loading = true |
|
|
|
getContentList(query).then(res => { |
|
|
|
getContentList(query).then(res => { |
|
|
|
this.data = res.data.data.records |
|
|
|
this.data = res.data.data.records |
|
|
|
this.page.total = res.data.data.total |
|
|
|
this.page.total = res.data.data.total |
|
|
|
this.loading = false |
|
|
|
this.loading = false |
|
|
|
}) |
|
|
|
}) |
|
|
|
}, |
|
|
|
}, |
|
|
|
} |
|
|
|
} |
|
|
|
}; |
|
|
|
}; |
|
|
|
</script> |
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
|
|
<style> |
|
|
|
<style> |
|
|
|
.box { |
|
|
|
.box { |
|
|
|
height: 800px; |
|
|
|
height: 800px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.el-scrollbar { |
|
|
|
.el-scrollbar { |
|
|
|
height: 100%; |
|
|
|
height: 100%; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.box .el-scrollbar__wrap { |
|
|
|
.box .el-scrollbar__wrap { |
|
|
|
overflow: scroll; |
|
|
|
overflow: scroll; |
|
|
|
} |
|
|
|
} |
|
|
|
</style> |
|
|
|
</style> |
|
|
|
|
