Compare commits

...

2 Commits

2 changed files with 35 additions and 19 deletions

View File

@ -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) => {
//

View File

@ -5,7 +5,8 @@ const config = {
qyurl: 'http://192.168.0.45:8080/', // 企业前台
adminurl: 'https://www.qdkjchina.com/qa-prevention-admin/',
// 正式
fileUrl: 'https://qgqy.qhdsafety.com/file/', // 附件服务器地址
// fileUrl: 'https://qgqy.qhdsafety.com/file/', // 附件服务器地址
fileUrl: 'https://wwag.qhdsafety.com/file/', // 附件服务器地址
weburlWaiwang: 'https://skqhdg.porthebei.com:9004/', // 服务器外网地址
httpurlWaiwang: 'https://skqhdg.porthebei.com:9004/qa-prevention-gwj/', // ,
fileUrlWaiwang: 'https://skqhdg.porthebei.com:9004/file/', // 服务器外网 附件地址,