修改图片上传

src/views/contentManagement/activity/index.vue

@@ -92,8 +92,8 @@
             <template slot-scope="scope">
               <div :id="step(scope.$index)">
                 <el-image
-                  :src="getImagePath(scope.row.url)"
-                  :preview-src-list="[getImagePath(scope.row.url)]"
+                  :src="scope.row.url"
+                  :preview-src-list="[scope.row.url]"
                   style="width:100%;height:100%;"
                   @mouseover="justEnter($event)"
                   @mouseout="justOut($event)"
@@ -317,6 +317,7 @@ import { parseTime } from '@/utils'
 import { getDataCache, setDataCache } from '@/assets/js/filterData'
 import { listCmsApplication } from '@/api/contentManagement/application'
 import { yesOrNo } from '@/utils/allPageData'
+import {getOssUrl} from "@/api/contentManagement/opmArticle";
 export default {
   name: 'Index',
   // components: {
@@ -571,8 +572,13 @@ export default {
       this.loading = true
       listCmsActivity(this.queryParams).then(
         response => {
-          // 处理分页数据里的url
           this.tableData = response.data
+          // 处理分页数据里的url
+          this.tableData.forEach(item => {
+            getOssUrl(item.pictureId).then(imgRes => {
+              item.url = imgRes.data
+            })
+          })
           this.total = response.total
           this.loading = false
         }
@@ -712,14 +718,6 @@ export default {
         }
       })
     },
-    // 获取图片的正确路径
-    getImagePath(path) {
-      // 返回图片路径
-      if (path) {
-        return path
-      }
-      return ''
-    },
     // 封面图片预览
     justEnter(event) {
       // 鼠标进入时的操作

src/views/contentManagement/activity/info/index.vue

@@ -468,24 +468,6 @@ export default {
     contentPreview() {
       this.open = true
     },
-    // 上传
-    handlePreview(file) {
-      this.dialogImageUrl = file.url
-      this.dialogVisible = true
-    },
-    handleFileRemoveBefore(file, fileList) {
-      return this.$confirm(`确定移除该图片吗?`)
-    },
-    handleUploadRemoveFake(file, fileList) {
-      if (file.businessId) {
-        this.fileList = this.fileList.filter(fileItem => fileItem.businessId !== file.businessId)
-      } else {
-        this.fileList = this.fileList.filter(fileItem => fileItem.pictureId !== file.pictureId)
-      }
-    },
-    handleUploadExceed(files, fileList) {
-      this.$message.warning(`最多上传8张图片`)
-    },
     async handleUploadBeforeFake(file) {
       if (!file.type.startsWith('image/')) {
         this.$message.warning('只支持上传图片')
@@ -494,6 +476,7 @@ export default {
       const formData = new FormData()
       formData.append('file', file)
       formData.append('temp', 'CmsActivity')
+      formData.append('bucket', 'cust-91isoft')
       try {
         // 发起上传请求
         const response = await uploadPublic(formData)
@@ -533,19 +516,11 @@ export default {
      * @param:
      * @return:
      **/
-    handleUpload(file) {
-      const formData = new FormData()
-      formData.append('file', file.file)
-      formData.append('temp', 'newInformation')
-      uploadPublic(formData).then(res => {
-        this.form.pictureId = res.data.businessId
-        this.imageUrl = res.data.url
-      })
-    },
     handleImageAdded(file, Editor, cursorLocation, reseter) {
       const formData = new FormData()
       formData.append('file', file)
       formData.append('temp', 'newInformation')
+      formData.append('bucket', 'cust-91isoft')
       uploadPublic(formData).then(res => {
         console.log('handleImageAdded', res)
         const url = res.data.url
@@ -555,7 +530,6 @@ export default {
 
     // 查询详情
     getDetail() {
-      console.log('查询详情')
       if (this.$route.query.bussinessId) {
         getCmsActivity(this.$route.query.bussinessId).then(response => {
           if (response.code === 200) {

src/views/contentManagement/banner/index.vue

@@ -68,8 +68,8 @@
             <template slot-scope="scope">
               <div :id="step(scope.$index)">
                 <el-image
-                  :src="getImagePath(scope.row.url)"
-                  :preview-src-list="[getImagePath(scope.row.url)]"
+                  :src="scope.row.url"
+                  :preview-src-list="[scope.row.url]"
                   style="width:100%;height:100%;"
                   @mouseover="justEnter($event)"
                   @mouseout="justOut($event)"
@@ -133,7 +133,7 @@
         @pagination="getList"
       />
     </div>
-    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
+    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body @close="cancel">
       <el-form ref="form" :model="form" :rules="rules" size="small" label-width="90px">
         <el-form-item label="分类:" prop="type">
           <el-select v-model.trim="form.type" show-word-limit placeholder="请输入类型" style="width: 100%">
@@ -188,16 +188,11 @@
 </template>
 
 <script>
-import {
-  addCmsBanner,
-  delCmsBanner,
-  getCmsBanner,
-  listCmsBanner,
-  updateCmsBanner
-} from '@/api/contentManagement/banner'
-import { typeField, enableOrDisable } from '@/utils/allPageData'
+import { addCmsBanner, delCmsBanner, getCmsBanner, listCmsBanner, updateCmsBanner } from '@/api/contentManagement/banner'
+import { enableOrDisable, typeField } from '@/utils/allPageData'
 import commonField from '@/utils/commonField'
-import {uploadPublic} from "@/api/system/ossInfo";
+import { uploadPublic } from '@/api/system/ossInfo'
+import { getOssUrl } from '@/api/contentManagement/opmArticle'
 
 export default {
   name: 'CmsBanner',
@@ -269,14 +264,6 @@ export default {
       const found = typeField.find(item => item.label === type)
       return found ? found.value : null // 如果没有找到对应的分类，返回 null
     },
-    // 获取图片的正确路径
-    getImagePath(path) {
-      // 返回图片路径
-      if (path) {
-        return path
-      }
-      return ''
-    },
     // 封面图片预览
     justEnter(event) {
       // 鼠标进入时的操作
@@ -312,8 +299,14 @@ export default {
       this.loading = true
       listCmsBanner(this.queryParams).then(
         response => {
-          // 处理分页数据里的url
           this.cmsBannerList = response.data
+          // 处理分页数据里的url
+          this.cmsBannerList.forEach(item => {
+            getOssUrl(item.pictureId).then(imgRes => {
+              item.url = imgRes.data
+            })
+          })
+          console.log('11111111111', this.cmsBannerList)
           this.total = response.total
           this.loading = false
         }
@@ -360,7 +353,6 @@ export default {
     },
     /** 新增按钮操作 */
     handleAdd() {
-      this.fileList = null
       this.reset()
       this.open = true
       this.title = '添加banner'
@@ -371,7 +363,11 @@ export default {
       const id = row.businessId
       getCmsBanner(id).then(response => {
         this.form = response.data
-        this.imageUrl = response.data.url
+        if (response.data.pictureId !== '' && response.data.pictureId !== null) {
+          getOssUrl(response.data.pictureId).then(imgRes => {
+            this.imageUrl = imgRes.data
+          })
+        }
         this.open = true
         this.title = '修改banner'
       })
@@ -424,8 +420,6 @@ export default {
               this.msgSuccess('修改成功')
               this.open = false
               this.getList() // 更新列表
-            }).catch(error => {
-              this.$message.error('修改失败')
             })
           } else {
             // 新增操作
@@ -433,8 +427,6 @@ export default {
               this.msgSuccess('新增成功')
               this.open = false
               this.getList() // 更新列表
-            }).catch(error => {
-              this.$message.error('新增失败')
             })
           }
         }
@@ -467,6 +459,7 @@ export default {
       const formData = new FormData()
       formData.append('file', file)
       formData.append('temp', 'CmsBanner')
+      formData.append('bucket', 'cust-91isoft')
       try {
         // 发起上传请求
         const response = await uploadPublic(formData)
@@ -481,27 +474,6 @@ export default {
       } catch (error) {
         console.error('上传失败:', error)
       }
-    },
-    /** 导出按钮操作 */
-    handleExport() {
-      const queryParams = this.queryParams
-      this.$confirm('是否确认操作?', '警告', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-      }).then(function() {
-        return exportCmsBanner(queryParams).then(response => {
-          const blob = new Blob([response])
-          const downloadElement = document.createElement('a')
-          const href = window.URL.createObjectURL(blob)// 创建下载的链接
-          downloadElement.href = href
-          downloadElement.download = 'banner管理信息' + '.xls' // 下载后文件名
-          document.body.appendChild(downloadElement)
-          downloadElement.click()// 点击下载
-          document.body.removeChild(downloadElement)// 下载完成移除元素
-          window.URL.revokeObjectURL(href)// 释放掉blob对象
-        })
-      })
     }
   }
 }

src/views/contentManagement/notice/index.vue

@@ -91,8 +91,8 @@
             <template slot-scope="scope">
               <div :id="step(scope.$index)">
                 <el-image
-                  :src="getImagePath(scope.row.url)"
-                  :preview-src-list="[getImagePath(scope.row.url)]"
+                  :src="scope.row.url"
+                  :preview-src-list="[scope.row.url]"
                   style="width:100%;height:100%;"
                   @mouseover="justEnter($event)"
                   @mouseout="justOut($event)"
@@ -195,6 +195,7 @@ import {
 import { parseTime } from '@/utils'
 import { getDataCache, setDataCache } from '@/assets/js/filterData'
 import { yesOrNo } from '@/utils/allPageData'
+import {getOssUrl} from "@/api/contentManagement/opmArticle";
 export default {
   name: 'Index',
   // components: {
@@ -346,8 +347,13 @@ export default {
       this.loading = true
       listCmsNotice(this.queryParams).then(
         response => {
-          // 处理分页数据里的url
           this.tableData = response.data
+          // 处理分页数据里的url
+          this.tableData.forEach(item => {
+            getOssUrl(item.pictureId).then(imgRes => {
+              item.url = imgRes.data
+            })
+          })
           this.total = response.total
           this.loading = false
         }
@@ -440,15 +446,6 @@ export default {
         }
       })
     },
-
-    // 获取图片的正确路径
-    getImagePath(path) {
-      // 返回图片路径
-      if (path) {
-        return path
-      }
-      return ''
-    },
     // 封面图片预览
     justEnter(event) {
       // 鼠标进入时的操作

src/views/contentManagement/notice/info/index.vue

@@ -86,7 +86,8 @@
             <el-col :span="24">
               <el-form-item
                 label="活动摘要:"
-                prop="summary">
+                prop="summary"
+              >
                 <el-input
                   v-model.trim="form.summary"
                   type="textarea"
@@ -142,7 +143,7 @@
       </div>
     </div>
     <el-dialog :visible.sync="open" width="500px" append-to-body>
-      <div v-if="form.details" class="preview-content" v-html="form.details"></div>
+      <div v-if="form.details" class="preview-content" v-html="form.details" />
       <div v-else>暂无预览内容</div>
     </el-dialog>
     <!--   按钮区  -->
@@ -161,10 +162,10 @@ import {
   addCmsNotice,
   getCmsNotice, updateCmsNotice
 } from '@/api/contentManagement/notice'
-import { updateResponseUrl } from '@/utils/updateUrl'
 import { VueEditor } from 'vue2-editor'
 import { yesOrNo, enableOrDisable } from '@/utils/allPageData'
 import { uploadPublic } from '@/api/system/ossInfo'
+import { getOssUrl } from '@/api/contentManagement/opmArticle'
 
 export default {
   components: {
@@ -293,6 +294,7 @@ export default {
       const formData = new FormData()
       formData.append('file', file)
       formData.append('temp', 'CmsNotice')
+      formData.append('bucket', 'cust-91isoft')
       try {
         // 发起上传请求
         const response = await uploadPublic(formData)
@@ -319,7 +321,6 @@ export default {
       }
     },
     queryRules() {
-      console.log('111111111111')
       this.$refs.deviceFormRef.validateField('details')
     },
     /**
@@ -360,12 +361,15 @@ export default {
 
     // 查询详情
     getDetail() {
-      console.log('查询详情')
       if (this.$route.query.bussinessId) {
         getCmsNotice(this.$route.query.bussinessId).then(response => {
           if (response.code === 200) {
             this.form = response.data
-            this.imageUrl = response.data.url
+            if (response.data.pictureId !== '' && response.data.pictureId !== null) {
+              getOssUrl(response.data.pictureId).then(imgRes => {
+                this.imageUrl = imgRes.data
+              })
+            }
           }
         })
       }
@@ -447,7 +451,6 @@ export default {
         if (valid) {
           if (this.form.businessId !== null) {
             // 编辑
-            console.log('编辑打印',form)
             form.flag = '1'
             updateCmsNotice(form).then(res => {
               if (res.code === 200) {

src/views/operationsManagement/member/info/index.vue

@@ -571,6 +571,7 @@ import { updateResponseUrl } from '@/utils/updateUrl'
 import { getOptions } from '@/utils/options'
 import { getMemInfo, getPrivateInfo, updateMemInfo } from '@/api/contentManagement/memInfo'
 import { uploadPublic } from '@/api/system/ossInfo'
+import { getOssUrl } from '@/api/contentManagement/opmArticle'
 
 export default {
   data() {
@@ -823,33 +824,33 @@ export default {
       if (this.$route.query.bussinessId) {
         getMemInfo(this.$route.query.bussinessId).then(response => {
           if (response.code === 200) {
-            // 处理data数据里的url
-            if (this.$store.getters.type === '1') { // 开启
-              if (response.data.path !== undefined) {
-                const newUrl = updateResponseUrl(response.data.path)
-                response.data.path = newUrl
-              }
-              if (response.data.url !== undefined) {
-                const newUrl = updateResponseUrl(response.data.url)
-                response.data.url = newUrl
-              }
-              if (response.data.avatarUrl !== undefined) {
-                const newUrl = updateResponseUrl(response.data.avatarUrl)
-                response.data.avatarUrl = newUrl
-              }
-            }
             this.form = response.data
             if (response.data.avatarOpen === null) {
               this.form.avatarOpen = 0
             }
-            this.imageUrl = response.data.avatarUrl
+            // 处理照片
+            if (response.data.avatar !== '' && response.data.avatar !== null) {
+              getOssUrl(response.data.avatar).then(imgRes => {
+                this.imageUrl = imgRes.data
+              })
+            }
+            if (response.data.memPictureId !== '' && response.data.memPictureId !== null) {
+              const urlArray = JSON.parse(response.data.memPictureId)
+              const url = []
+              urlArray.id.forEach(item => {
+                getOssUrl(item).then(imgRes => {
+                  url.push(imgRes.data)
+                })
+              })
+              this.form.pictureUrls = url
+            }
             this.numberFormatter()
             this.residenceFormatter()
           }
         })
       }
     },
-    residenceFormatter() {
+    residenceFormatter() {``
       this.form.memResidence = [this.form.memResidenceProvince, this.form.memResidenceCity]
       this.form.memNative = [this.form.memNativeProvince, this.form.memNativeCity]
     },
@@ -861,7 +862,6 @@ export default {
       this.form.memConstellation = Number(this.form.memConstellation)
       this.form.memResidence = Number(this.form.memResidence)
       this.form.memLevel = Number(this.form.memLevel)
-      this.form.pictureUrls = this.form.pictureUrls.split(',')
     },
     handleResidence() {
       const province = this.residence.find(item => item.value === this.form.memResidence[0])
@@ -899,6 +899,7 @@ export default {
       if (this.form.memIdcard === '' || this.form.memIdcard === null) {
         form.memIdcard = undefined
       }
+      form.pictureUrls = null
       // 转换时间格式
       this.$refs.deviceFormRef.validate(valid => {
         if (valid) {
@@ -1027,6 +1028,7 @@ export default {
       const formData = new FormData()
       formData.append('file', file)
       formData.append('temp', 'CmsNotice')
+      formData.append('bucket', 'cust-91isoft')
       try {
         // 发起上传请求
         const response = await uploadPublic(formData)