我的页和设置页完成
This commit is contained in:
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,15 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 24.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
width="30px" height="30px" viewBox="0 0 30 30" style="enable-background:new 0 0 30 30;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:none;stroke:#FFFFFF;stroke-width:2.4306;stroke-miterlimit:10;}
|
||||
.st1{fill:#FFFFFF;}
|
||||
</style>
|
||||
<g>
|
||||
<path class="st0" d="M17.1,24.2h-12c-0.2,0-0.3-0.2-0.3-0.3v-9.3c0-0.2,0.2-0.3,0.3-0.3h12c0.2,0,0.3,0.2,0.3,0.3v9.3
|
||||
C17.5,24.1,17.3,24.2,17.1,24.2z"/>
|
||||
<path class="st0" d="M16.6,5.4c4.8,0,8.7,3.9,8.7,8.7"/>
|
||||
<polyline class="st0" points="19.3,10.1 14.9,5.6 19.3,1.2 "/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 791 B |
@@ -4,6 +4,7 @@
|
||||
|
||||
<script>
|
||||
import {previewFile, previewCacheThumbImage} from'@/api/common.js'
|
||||
import {get_base_url} from '@/api/request.js'
|
||||
export default {
|
||||
name:"image-preview",
|
||||
props:{
|
||||
@@ -11,6 +12,10 @@
|
||||
default:'',
|
||||
type:String
|
||||
},
|
||||
src:{
|
||||
default:'',
|
||||
type:String
|
||||
},
|
||||
width:{
|
||||
default:50,
|
||||
type:[String, Number]
|
||||
@@ -27,7 +32,8 @@
|
||||
data() {
|
||||
return {
|
||||
imgUrlShow: '',
|
||||
watching: false
|
||||
watching: false,
|
||||
base_url: get_base_url()
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
@@ -39,6 +45,15 @@
|
||||
},
|
||||
immediate: true,
|
||||
deep: true,
|
||||
},
|
||||
src: {
|
||||
handler(newval, oldval) {
|
||||
if (newval && this.watching) {
|
||||
this.imgUrlShow = this.base_url + this.src
|
||||
}
|
||||
},
|
||||
immediate: true,
|
||||
deep: true,
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
@@ -70,6 +85,9 @@
|
||||
this.getPreviewUrlBlob(this.imgId);
|
||||
}
|
||||
this.watching = true
|
||||
if(this.src) {
|
||||
this.imgUrlShow = this.base_url + this.src
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
@@ -109,25 +109,15 @@
|
||||
const data = {
|
||||
bizScen: 'S3005'
|
||||
}
|
||||
console.log(tempFilePaths[0]);
|
||||
const upload_map = tempFilePaths.map((file) => uploadFile(file, data))
|
||||
Promise.all(upload_map).then(res => {
|
||||
fileList.push(...res)
|
||||
emits('update:modelValue', fileList.map(res => res.fileId))
|
||||
console.log('res, res', res);
|
||||
|
||||
}).catch(() => {
|
||||
|
||||
})
|
||||
|
||||
// for (file of tempFilePaths) {
|
||||
// try {
|
||||
// const res = await uploadFile(file, data)
|
||||
// console.log('res', res);
|
||||
// fileList.push(res)
|
||||
// } catch (error) {
|
||||
// console.error('文件上传失败', error)
|
||||
// }
|
||||
// }
|
||||
// emits('upload_success', fileList.value)
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user