|
|
|
@ -8,61 +8,40 @@ |
|
|
|
<div class="m-table-item"> |
|
|
|
<el-table :data="tableData" class="resi-table" row-key="id" border style="width: 100%"> |
|
|
|
<el-table-column label="序号" type="index" align="center" width="50"></el-table-column> |
|
|
|
|
|
|
|
<el-table-column prop="inspectTime" label="检查时间" align="center" width="200px"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-date-picker |
|
|
|
v-if="scope.row.isEdit" |
|
|
|
v-model="scope.row.inspectTime" |
|
|
|
type="date" |
|
|
|
class="input-width" |
|
|
|
value-format="yyyy-MM-dd" |
|
|
|
placeholder="选择日期" |
|
|
|
></el-date-picker> |
|
|
|
<el-date-picker v-if="scope.row.isEdit" v-model="scope.row.inspectTime" type="date" |
|
|
|
class="input-width" value-format="yyyy-MM-dd" placeholder="选择日期"></el-date-picker> |
|
|
|
<div v-else class="div-content">{{ scope.row.inspectTime }}</div> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
<el-table-column prop="inspectStaffId" label="检查人员" align="center" width="200px"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-select |
|
|
|
v-if="scope.row.isEdit" |
|
|
|
v-model="scope.row.inspectStaffId" |
|
|
|
placeholder="请选择" |
|
|
|
class="input-width" |
|
|
|
@change="handleChangeStaff(scope.row)" |
|
|
|
clearable |
|
|
|
> |
|
|
|
<el-option v-for="subItem in optionStaff" :key="subItem.value" :label="subItem.label" :value="subItem.value"></el-option> |
|
|
|
<el-select v-if="scope.row.isEdit" v-model="scope.row.inspectStaffId" placeholder="请选择" |
|
|
|
class="input-width" @change="handleChangeStaff(scope.row)" clearable> |
|
|
|
<el-option v-for="subItem in optionStaff" :key="subItem.value" :label="subItem.label" |
|
|
|
:value="subItem.value"></el-option> |
|
|
|
</el-select> |
|
|
|
<div v-else class="div-content">{{ scope.row.inspectStaffName }}</div> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
<el-table-column prop="inspectStaffMobile" label="联系电话" align="center" width="200px"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-input |
|
|
|
v-if="scope.row.isEdit" |
|
|
|
type="number" |
|
|
|
v-model="scope.row.inspectStaffMobile" |
|
|
|
placeholder="请输入" |
|
|
|
class="input-width" |
|
|
|
clearable |
|
|
|
disabled |
|
|
|
></el-input> |
|
|
|
<el-input v-if="scope.row.isEdit" type="number" v-model="scope.row.inspectStaffMobile" |
|
|
|
placeholder="请输入" class="input-width" clearable disabled></el-input> |
|
|
|
<div v-else class="div-content">{{ scope.row.inspectStaffMobile }}</div> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
<el-table-column prop="inspectResult" label="检查结果" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-select v-if="scope.row.isEdit" v-model="scope.row.inspectResult" placeholder="请选择" class="input-width" size="small" clearable> |
|
|
|
<el-option v-for="subItem in optionResult" :key="subItem.value" :label="subItem.label" :value="subItem.value"></el-option> |
|
|
|
<el-select v-if="scope.row.isEdit" v-model="scope.row.inspectResult" placeholder="请选择" |
|
|
|
class="input-width" size="small" clearable> |
|
|
|
<el-option v-for="subItem in optionResult" :key="subItem.value" :label="subItem.label" |
|
|
|
:value="subItem.value"></el-option> |
|
|
|
</el-select> |
|
|
|
<div v-else class="div-content">{{ scope.row.inspectResult == 1 ? '正常' : '异常' }}</div> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
<!-- <el-table-column |
|
|
|
prop="detailed" |
|
|
|
label="隐患明细" |
|
|
|
@ -84,66 +63,50 @@ |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</el-table-column> --> |
|
|
|
|
|
|
|
<el-table-column prop="imgList" label="图片列表" align="center" width="150px"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<div v-if="scope.row.isEdit"> |
|
|
|
<el-upload |
|
|
|
:disabled="scope.row.imgList.length == 3" |
|
|
|
:headers="$getElUploadHeaders()" |
|
|
|
class="avatar-uploader" |
|
|
|
:action="uploadUrl" |
|
|
|
:data="{ customerId: customerId }" |
|
|
|
:show-file-list="true" |
|
|
|
:limit="3" |
|
|
|
:file-list="scope.row.imgShowList" |
|
|
|
<el-upload :disabled="scope.row.imgList.length == 3" :headers="$getElUploadHeaders()" |
|
|
|
class="avatar-uploader" :action="uploadUrl" :data="{ customerId: customerId }" |
|
|
|
:show-file-list="true" :limit="3" :file-list="scope.row.imgShowList" |
|
|
|
:on-success="res => handleImgSuccess(res, scope.row)" |
|
|
|
:on-remove="res => handleImgRemove(res, scope.row)" |
|
|
|
list-type="picture" |
|
|
|
:before-upload="beforeImgUpload" |
|
|
|
> |
|
|
|
<div v-if="scope.row.imgList.length != 3"><i class="el-icon-plus avatar-uploader-icon"></i>
最多三张图片</div> |
|
|
|
:on-remove="res => handleImgRemove(res, scope.row)" list-type="picture" |
|
|
|
:before-upload="beforeImgUpload"> |
|
|
|
<div v-if="scope.row.imgList.length != 3"><i |
|
|
|
class="el-icon-plus avatar-uploader-icon"></i> 最多三张图片</div> |
|
|
|
</el-upload> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div v-else class="div-content"> |
|
|
|
<el-image |
|
|
|
v-if="scope.row.imgList.length > 0" |
|
|
|
style="width: 100px; height: 50px" |
|
|
|
:src="scope.row.imgList[0]" |
|
|
|
fit="cover" |
|
|
|
:preview-src-list="scope.row.imgList" |
|
|
|
></el-image> |
|
|
|
<el-image v-if="scope.row.imgList.length > 0" style="width: 100px; height: 50px" |
|
|
|
:src="scope.row.imgList[0]" fit="cover" |
|
|
|
:preview-src-list="scope.row.imgList"></el-image> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
<el-table-column prop="nextInspectTime" label="拟复查时间" align="center" width="200px"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-date-picker |
|
|
|
v-if="scope.row.isEdit" |
|
|
|
v-model="scope.row.nextInspectTime" |
|
|
|
type="date" |
|
|
|
class="input-width" |
|
|
|
value-format="yyyy-MM-dd" |
|
|
|
placeholder="选择日期" |
|
|
|
></el-date-picker> |
|
|
|
<el-date-picker v-if="scope.row.isEdit" v-model="scope.row.nextInspectTime" type="date" |
|
|
|
class="input-width" value-format="yyyy-MM-dd" placeholder="选择日期"></el-date-picker> |
|
|
|
<div v-else class="div-content">{{ scope.row.nextInspectTime }}</div> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
<el-table-column v-if="!disabled" fixed="right" label="操作" align="center" width="120"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<template v-if="scope.row.isEdit"> |
|
|
|
<el-button @click="handleEdit(scope.row)" type="text" size="small" class="btn-color-edit">保存</el-button> |
|
|
|
<el-button @click="handleChange(scope.row, 'cancle')" type="text" size="small" class="btn-color-edit">取消</el-button> |
|
|
|
<el-button @click="handleEdit(scope.row)" type="text" size="small" |
|
|
|
class="btn-color-edit">保存</el-button> |
|
|
|
<el-button @click="handleChange(scope.row, 'cancle')" type="text" size="small" |
|
|
|
class="btn-color-edit">取消</el-button> |
|
|
|
</template> |
|
|
|
<template v-else> |
|
|
|
<el-button v-if="formType == 'edit'" @click="handleChange(scope.row, 'edit')" type="text" size="small" :disabled="disabled" class="btn-color-edit"> |
|
|
|
修改 |
|
|
|
<!-- v-if="formType == 'edit'" --> |
|
|
|
<el-button @click="handleChange(scope.row, 'edit')" |
|
|
|
type="text" size="small" :disabled="disabled" class="btn-color-edit"> 修改 |
|
|
|
</el-button> |
|
|
|
<el-popconfirm v-if="formType == 'edit'" title="删除之后无法恢复，确认删除？" @onConfirm="del(scope.row)" @confirm="del(scope.row)"> |
|
|
|
<el-button slot="reference" type="text" size="small" class="btn-color-del" style="margin-left: 10px">删除</el-button> |
|
|
|
<el-popconfirm title="删除之后无法恢复，确认删除？" |
|
|
|
@onConfirm="del(scope.row)" @confirm="del(scope.row)"> |
|
|
|
<el-button slot="reference" type="text" size="small" class="btn-color-del" |
|
|
|
style="margin-left: 10px">删除</el-button> |
|
|
|
</el-popconfirm> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
@ -153,10 +116,12 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
import { requestPost, requestGet } from '@/js/dai/request'; |
|
|
|
export default { |
|
|
|
import { |
|
|
|
requestPost, |
|
|
|
requestGet |
|
|
|
} from '@/js/dai/request'; |
|
|
|
export default { |
|
|
|
props: { |
|
|
|
id: { |
|
|
|
type: String, |
|
|
|
@ -184,23 +149,18 @@ export default { |
|
|
|
return { |
|
|
|
uploadUrl: window.SITE_CONFIG['apiURL'] + '/oss/file/uploadqrcodeV2', |
|
|
|
customerId: localStorage.getItem('customerId'), |
|
|
|
|
|
|
|
btnDisabled: false, |
|
|
|
btnType: 'cancle', |
|
|
|
isEdit: false, |
|
|
|
tableData: [], |
|
|
|
tempRow: {}, |
|
|
|
|
|
|
|
optionResult: [ |
|
|
|
{ |
|
|
|
optionResult: [{ |
|
|
|
label: '异常', |
|
|
|
value: '0' |
|
|
|
}, |
|
|
|
{ |
|
|
|
}, { |
|
|
|
label: '正常', |
|
|
|
value: '1' |
|
|
|
} |
|
|
|
], |
|
|
|
}], |
|
|
|
optionStaff: [ |
|
|
|
// { |
|
|
|
// label: "人名", |
|
|
|
@ -209,11 +169,12 @@ export default { |
|
|
|
] |
|
|
|
}; |
|
|
|
}, |
|
|
|
|
|
|
|
computed: { |
|
|
|
allowOperate() { |
|
|
|
const { |
|
|
|
info: { agencyId } |
|
|
|
info: { |
|
|
|
agencyId |
|
|
|
} |
|
|
|
} = this; |
|
|
|
return agencyId && agencyId == this.$store.state.user.agencyId; |
|
|
|
} |
|
|
|
@ -230,7 +191,6 @@ export default { |
|
|
|
immediate: true |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
created() { |
|
|
|
console.log('id', this.id); |
|
|
|
this.getOptionStaff(); |
|
|
|
@ -240,14 +200,12 @@ export default { |
|
|
|
this.handleAdd(); |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
methods: { |
|
|
|
beforeImgUpload(file) { |
|
|
|
console.log(file); |
|
|
|
const isLt1M = file.size / 1024 / 1024 < 10; |
|
|
|
const srcType = file.type; |
|
|
|
const format = file.name.split('.').pop(); |
|
|
|
|
|
|
|
if (!isLt1M) { |
|
|
|
this.$message.error('上传文件大小不能超过 10MB!'); |
|
|
|
return false; |
|
|
|
@ -258,7 +216,6 @@ export default { |
|
|
|
} |
|
|
|
return true; |
|
|
|
}, |
|
|
|
|
|
|
|
handleImgSuccess(res, row) { |
|
|
|
console.log('handleImgSuccess', res); |
|
|
|
if (res.code === 0 && res.msg === 'success') { |
|
|
|
@ -268,13 +225,14 @@ export default { |
|
|
|
this.$message.error(res.msg); |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
computeImgShowList(row) { |
|
|
|
row.imgShowList = row.imgList.map(url => { |
|
|
|
return { name: '', url }; |
|
|
|
return { |
|
|
|
name: '', |
|
|
|
url |
|
|
|
}; |
|
|
|
}); |
|
|
|
}, |
|
|
|
|
|
|
|
handleImgRemove(file, row) { |
|
|
|
console.log('handleImgRemove', file); |
|
|
|
let url = file.url || file.response.data.url; |
|
|
|
@ -283,50 +241,59 @@ export default { |
|
|
|
this.computeImgShowList(row); |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
getRowClass({ rowIndex, columnIndex }) { |
|
|
|
getRowClass({ |
|
|
|
rowIndex, |
|
|
|
columnIndex |
|
|
|
}) { |
|
|
|
if (rowIndex === 0) { |
|
|
|
return 'background: #2195fe; color: #fff;'; |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
handleChange(row, type) { |
|
|
|
console.log('type----', type); |
|
|
|
if (type == 'cancle') { |
|
|
|
row = { ...this.tempRow }; |
|
|
|
row = { |
|
|
|
...this.tempRow |
|
|
|
}; |
|
|
|
row.isEdit = false; |
|
|
|
if (this.btnType == 'add') this.tableData.pop(); |
|
|
|
this.getList(); |
|
|
|
console.log('row----', row); |
|
|
|
} else { |
|
|
|
this.tempRow = { ...row }; |
|
|
|
this.tempRow = { |
|
|
|
...row |
|
|
|
}; |
|
|
|
row.isEdit = true; |
|
|
|
} |
|
|
|
this.btnType = type; |
|
|
|
this.isEdit = !this.isEdit; |
|
|
|
}, |
|
|
|
|
|
|
|
handleChangeStaff(row) { |
|
|
|
const { inspectStaffId } = row; |
|
|
|
const { optionStaff } = this; |
|
|
|
const { |
|
|
|
inspectStaffId |
|
|
|
} = row; |
|
|
|
const { |
|
|
|
optionStaff |
|
|
|
} = this; |
|
|
|
let item = optionStaff.find(item => item.value == inspectStaffId); |
|
|
|
if (item) { |
|
|
|
row.inspectStaffName = item.name; |
|
|
|
row.inspectStaffMobile = item.mobile; |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
async getOptionStaff() { |
|
|
|
let url = `/data/aggregator/org/staff-select-list/${this.$store.state.user.agencyId}`; |
|
|
|
const { data, code, msg } = await requestPost(url, {}); |
|
|
|
|
|
|
|
const { |
|
|
|
data, |
|
|
|
code, |
|
|
|
msg |
|
|
|
} = await requestPost(url, {}); |
|
|
|
if (code === 0) { |
|
|
|
this.optionStaff = data || []; |
|
|
|
} else { |
|
|
|
this.$message.error('请求工作人员数据失败！'); |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
async handleEdit(row) { |
|
|
|
// if (row.result == '0' && row.reviewTime == '') { |
|
|
|
// this.$message.error('拟复查时间不能为空'); |
|
|
|
@ -347,11 +314,9 @@ export default { |
|
|
|
this.$message.error('请先保存上方信息'); |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
handleAdd() { |
|
|
|
this.btnType = 'add'; |
|
|
|
this.isEdit = true; |
|
|
|
|
|
|
|
const item = { |
|
|
|
isEdit: true, |
|
|
|
// id: this.id, |
|
|
|
@ -364,17 +329,22 @@ export default { |
|
|
|
nextInspectTime: '' |
|
|
|
}; |
|
|
|
this.computeImgShowList(item); |
|
|
|
if (!this.disabled) {
this.tableData.push(item);
} |
|
|
|
if (!this.disabled) { |
|
|
|
this.tableData.push(item); |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
async save(row) { |
|
|
|
console.log(row, this.id); |
|
|
|
const params = { |
|
|
|
equipmentId: this.id, |
|
|
|
...row |
|
|
|
...row, |
|
|
|
equipmentId: this.id |
|
|
|
}; |
|
|
|
const url = `/actual/base/safetyEquipmentInspectRecord/save`; |
|
|
|
const { data, code, msg } = await requestPost(url, params); |
|
|
|
const { |
|
|
|
data, |
|
|
|
code, |
|
|
|
msg |
|
|
|
} = await requestPost(url, params); |
|
|
|
if (code === 0) { |
|
|
|
this.$message.success('保存成功'); |
|
|
|
row.isEdit = false; |
|
|
|
@ -385,14 +355,17 @@ export default { |
|
|
|
this.$message.error(msg); |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
async edit(row) { |
|
|
|
console.log(row, this.id); |
|
|
|
const params = { |
|
|
|
...row |
|
|
|
}; |
|
|
|
const url = `/actual/base/safetyEquipmentInspectRecord/update`; |
|
|
|
const { data, code, msg } = await requestPost(url, params); |
|
|
|
const { |
|
|
|
data, |
|
|
|
code, |
|
|
|
msg |
|
|
|
} = await requestPost(url, params); |
|
|
|
if (code === 0) { |
|
|
|
this.$message.success('保存成功'); |
|
|
|
row.isEdit = false; |
|
|
|
@ -402,12 +375,14 @@ export default { |
|
|
|
this.$message.error(msg); |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
async del(row) { |
|
|
|
let arr = [row.id]; |
|
|
|
const url = `/actual/base/safetyEquipmentInspectRecord/delete`; |
|
|
|
const { data, code, msg } = await requestPost(url, arr); |
|
|
|
|
|
|
|
const { |
|
|
|
data, |
|
|
|
code, |
|
|
|
msg |
|
|
|
} = await requestPost(url, arr); |
|
|
|
if (code === 0) { |
|
|
|
this.$message.success('删除成功'); |
|
|
|
this.getList(); |
|
|
|
@ -415,7 +390,6 @@ export default { |
|
|
|
this.$message.error(msg); |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
async getList() { |
|
|
|
const params = { |
|
|
|
equipmentId: this.id, |
|
|
|
@ -423,8 +397,11 @@ export default { |
|
|
|
pageSize: 10000 |
|
|
|
}; |
|
|
|
const url = `/actual/base/safetyEquipmentInspectRecord/page`; |
|
|
|
const { data, code, msg } = await requestPost(url, params); |
|
|
|
|
|
|
|
const { |
|
|
|
data, |
|
|
|
code, |
|
|
|
msg |
|
|
|
} = await requestPost(url, params); |
|
|
|
if (code === 0) { |
|
|
|
this.tableData = data.list.map(item => { |
|
|
|
this.computeImgShowList(item); |
|
|
|
@ -439,17 +416,17 @@ export default { |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
}; |
|
|
|
}; |
|
|
|
</script> |
|
|
|
|
|
|
|
<style lang="scss" scoped> |
|
|
|
@import '@/assets/scss/buttonstyle.scss'; |
|
|
|
@import '@/assets/scss/modules/management/list-main.scss'; |
|
|
|
@import '@/assets/scss/buttonstyle.scss'; |
|
|
|
@import '@/assets/scss/modules/management/list-main.scss'; |
|
|
|
|
|
|
|
.mt10 { |
|
|
|
.mt10 { |
|
|
|
margin-bottom: 10px; |
|
|
|
} |
|
|
|
.input-width { |
|
|
|
} |
|
|
|
|
|
|
|
.input-width { |
|
|
|
width: 170px; |
|
|
|
} |
|
|
|
} |
|
|
|
</style> |
tianqian
2 years ago