修复删除会议室图片时BUG，加入提醒

src/api/admin/meeting/roomContent.js

@@ -180,5 +180,18 @@ export function delRoomContent(parameter) {
   })
 }
 
+/**
+ * 删除会议室图片接口
+ * @param parameter
+ * @returns {AxiosPromise}
+ */
+export function removeRoomFile(parameter) {
+  return axios({
+    // url: api.roomContent + '/remove',
+    url: '/admin/meetingRoom/deleteImg',
+    method: 'post',
+    params: parameter
+  })
+}
 
 export const roomContentExport = api.roomContent + '/export'

src/views/admin/meeting/modules/RoomContentModal.vue

@@ -73,7 +73,7 @@
         <a-col :span='10'>
           <a-form-item label='会议室设备' :labelCol='labelCol' :wrapperCol='wrapperCol'>
             <a-checkbox-group
-                              v-decorator="['device',{rules: [{ required: true, message: '请选择会议室设备' }]}]">
+              v-decorator="['device',{rules: [{ required: true, message: '请选择会议室设备' }]}]">
               <a-checkbox v-for='item in deviceList' :value='item.value'>
                 {{ item.text }}
               </a-checkbox>
@@ -83,7 +83,7 @@
         <a-col :span='10'>
           <a-form-item label='会议室服务' :labelCol='labelCol' :wrapperCol='wrapperCol'>
             <a-checkbox-group
-                              v-decorator="['service',{rules: [{ required: true, message: '请选择会议室服务' }]}]">
+              v-decorator="['service',{rules: [{ required: true, message: '请选择会议室服务' }]}]">
               <a-checkbox v-for='item in serviceList' :value='item.value'>
                 {{ item.text }}
               </a-checkbox>
@@ -121,8 +121,9 @@
               :file-list='fileList'
               :action='uploadUrl'
               :headers='headers'
+              :remove='handleRemove'
               @preview='handlePreview'
-              @change='handleChangeFileList'
+              @change='handleChangeFileList' ,
             >
               <div v-if='fileList.length < 4'>
                 <a-icon type='plus' />
@@ -143,7 +144,7 @@
 import {
   saveRoomContent,
   getRoomListByFloorId,
-  selectRoomById, getMeetingDict, getRoomInfo
+  selectRoomById, getMeetingDict, getRoomInfo, removeRoomFile, delRoomContent
 } from '@/api/admin/meeting/roomContent'
 import pick from 'lodash.pick'
 import storage from 'store'
@@ -317,6 +318,29 @@ export default {
     handleChangeFileList({ fileList }) {
       this.fileList = fileList
     },
+    handleRemove(file) {
+      return new Promise((resolve, reject) => {
+        this.$confirm({
+          title: '警告',
+          content: '删除后不可恢复，是否确认删除?',
+          okText: '是',
+          okType: 'warning',
+          cancelText: '否',
+          onOk() {
+            resolve(true)
+            // console.log('点了是')
+            if (file.id) {
+              removeRoomFile({ id: file.id })
+            }
+          },
+          onCancel() {
+            resolve(false)
+            // return false
+          }
+        })
+      })
+
+    },
     add() {
       this.form.resetFields()
       this.mdl = {}
@@ -376,7 +400,7 @@ export default {
           for (let key in this.mdl.imgs) {
             let eachObj = this.mdl.imgs[key]
             files.push({
-              uid: '0',
+              uid: 'uid-' + eachObj.id,
               id: eachObj.id,
               url: process.env.VUE_APP_MODEL_BASE_URL + eachObj.url,
               status: 'done',
@@ -384,6 +408,7 @@ export default {
             })
             fileId.push(eachObj.id)
           }
+          console.log('imgs', files)
           this.fileList = files
           this.mdl.files = fileId
         } else {