src/views/accident/records/components/addOrEdit.vue

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

static/config.js

@@ -5,8 +5,7 @@ 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://wwag.qhdsafety.com/file/', // 附件服务器地址
+  fileUrl: 'https://qgqy.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/', //  服务器外网 附件地址,