|
|
|
@ -54,12 +54,11 @@
|
|
|
|
|
<el-form-item :label-width="formLabelWidth" label="事故概述" prop="summary">
|
|
|
|
|
<el-input v-model="infoForm.summary" :disabled="isDisabled" autocomplete="off"/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item :label-width="formLabelWidth" label="事故照片" prop="photos">
|
|
|
|
|
<el-form-item :label-width="formLabelWidth" label="事故照片" prop="fileList">
|
|
|
|
|
<el-upload
|
|
|
|
|
ref="upload"
|
|
|
|
|
:disabled="isDisabled"
|
|
|
|
|
:file-list.sync="fileList"
|
|
|
|
|
:src="config.fileUrl + infoForm.photos"
|
|
|
|
|
:file-list="infoForm.fileList"
|
|
|
|
|
:multiple="false"
|
|
|
|
|
:auto-upload="true"
|
|
|
|
|
:limit="limitNum"
|
|
|
|
@ -101,7 +100,9 @@
|
|
|
|
|
</el-form>
|
|
|
|
|
|
|
|
|
|
<el-dialog :visible.sync="dialogImgVisible">
|
|
|
|
|
<img :src="config.fileUrl+infoForm.photos" width="100%" alt="">
|
|
|
|
|
<div v-if="infoForm.fileList.length > 0">
|
|
|
|
|
<img :src="infoForm.fileList[0].url" width="100%" alt="">
|
|
|
|
|
</div>
|
|
|
|
|
</el-dialog>
|
|
|
|
|
|
|
|
|
|
<div class="ui-height"/>
|
|
|
|
@ -141,7 +142,7 @@ export default {
|
|
|
|
|
seriouslyInjured: null, // 重伤人数
|
|
|
|
|
cause: '', // 事故起因
|
|
|
|
|
summary: '', // 事故概述
|
|
|
|
|
photos: '', // 事故照片
|
|
|
|
|
fileList: [], // 事故照片
|
|
|
|
|
analysis: '', // 原因分析及责任认定
|
|
|
|
|
suggestions: '', // 考核建议
|
|
|
|
|
measures: '', // 整改措施
|
|
|
|
@ -156,9 +157,6 @@ export default {
|
|
|
|
|
tableName: '',
|
|
|
|
|
/** 图片上传限制个数 */
|
|
|
|
|
limitNum: 1,
|
|
|
|
|
/** 图片 */
|
|
|
|
|
fileList: [],
|
|
|
|
|
allowRemove: true, // 添加一个控制标志
|
|
|
|
|
/** 预览弹窗 */
|
|
|
|
|
dialogImgVisible: false,
|
|
|
|
|
rules: {
|
|
|
|
@ -175,7 +173,7 @@ export default {
|
|
|
|
|
seriouslyInjured: [{ required: true, message: '隐患类型不能为空', trigger: 'blur' }],
|
|
|
|
|
cause: [{ required: true, message: '事故起因不能为空', trigger: 'blur' }],
|
|
|
|
|
summary: [{ required: true, message: '事故概述不能为空', trigger: 'blur' }],
|
|
|
|
|
photos: [{ required: true, message: '事故照片不能为空', trigger: 'blur' }],
|
|
|
|
|
fileList: [{ required: true, message: '事故照片不能为空', trigger: 'blur' }],
|
|
|
|
|
analysis: [{ required: true, message: '原因分析及责任认定不能为空', trigger: 'blur' }],
|
|
|
|
|
suggestions: [{ required: true, message: '考核建议不能为空', trigger: 'blur' }],
|
|
|
|
|
measures: [{ required: true, message: '整改措施不能为空', trigger: 'blur' }],
|
|
|
|
@ -200,8 +198,16 @@ export default {
|
|
|
|
|
} else {
|
|
|
|
|
// 若有数据项的ID, 则请求接口并回显表单
|
|
|
|
|
requestFN('/accident/' + id, {}).then((data) => {
|
|
|
|
|
this.infoForm = data.info
|
|
|
|
|
this.getFileImageBinaray(data.info.photos)
|
|
|
|
|
this.infoForm = {
|
|
|
|
|
...data.info,
|
|
|
|
|
fileList: [
|
|
|
|
|
{
|
|
|
|
|
name: 'photo',
|
|
|
|
|
url: config.fileUrl + data.info.photos,
|
|
|
|
|
remotePathName: data.info.photos
|
|
|
|
|
}
|
|
|
|
|
]
|
|
|
|
|
}
|
|
|
|
|
}).catch((e) => {
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
@ -213,9 +219,11 @@ export default {
|
|
|
|
|
*/
|
|
|
|
|
handleRemovePicture(file) {
|
|
|
|
|
if (file.remotePathName) {
|
|
|
|
|
requestFN(`/accident/delete/photos/${file.remotePathName}`).then((res) => {
|
|
|
|
|
requestFN(`/accident/delete/photos`, {
|
|
|
|
|
path: file.remotePathName
|
|
|
|
|
}).then((res) => {
|
|
|
|
|
if (res.result === 'success') {
|
|
|
|
|
this.infoForm.photos = []
|
|
|
|
|
this.infoForm.fileList = []
|
|
|
|
|
this.$message({
|
|
|
|
|
message: '文件删除成功',
|
|
|
|
|
type: 'info',
|
|
|
|
@ -274,7 +282,14 @@ export default {
|
|
|
|
|
formData.append('file', file)
|
|
|
|
|
upload('/accident/import/photos', formData).then((data) => {
|
|
|
|
|
if (data.result === 'success') {
|
|
|
|
|
this.infoForm.photos = data.path
|
|
|
|
|
this.infoForm = {
|
|
|
|
|
...this.infoForm,
|
|
|
|
|
fileList: [{
|
|
|
|
|
name: file.name,
|
|
|
|
|
url: config.fileUrl + data.path,
|
|
|
|
|
remotePathName: data.path
|
|
|
|
|
}]
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
return false
|
|
|
|
@ -311,7 +326,7 @@ export default {
|
|
|
|
|
seriouslyInjured: null, // 重伤人数
|
|
|
|
|
cause: '', // 事故起因
|
|
|
|
|
summary: '', // 事故概述
|
|
|
|
|
photos: [], // 事故照片
|
|
|
|
|
fileList: [], // 事故照片
|
|
|
|
|
analysis: '', // 原因分析及责任认定
|
|
|
|
|
suggestions: '', // 考核建议
|
|
|
|
|
measures: '', // 整改措施
|
|
|
|
@ -324,11 +339,11 @@ export default {
|
|
|
|
|
* 表单确认按钮
|
|
|
|
|
*/
|
|
|
|
|
confirm() {
|
|
|
|
|
console.log('ok >>>>' + this.infoForm.photos)
|
|
|
|
|
const params = {
|
|
|
|
|
...this.infoForm
|
|
|
|
|
// photos: this.infoForm.photos[0].remotePathName
|
|
|
|
|
...this.infoForm,
|
|
|
|
|
photos: this.infoForm.fileList[0].remotePathName
|
|
|
|
|
}
|
|
|
|
|
delete params.fileList
|
|
|
|
|
requestFN('/accident' + (this.tableName === '修改' ? '/update' : '/save'), params)
|
|
|
|
|
.then((response) => {
|
|
|
|
|
// 删除成功后的处理
|
|
|
|
|