我的页和设置页完成

This commit is contained in:
田岩
2025-06-27 17:08:58 +08:00
parent ece5e7e1a9
commit a9ccdd2b95
22 changed files with 3298 additions and 133 deletions
File diff suppressed because it is too large Load Diff
+15
View File
@@ -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

+19 -1
View File
@@ -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)
}
})
}