improve: 上传图片

This commit is contained in:
From-wh 2023-06-30 15:08:51 +08:00
parent 4c2ae607e8
commit 2fba04180d
3 changed files with 24 additions and 5 deletions

View File

@ -5,8 +5,8 @@
append-to-body
:modal-append-to-body="false"
:visible.sync="uploadModal"
width="1024px"
:fullscreen="!isPage"
:width="isIframe ? '100%' : '1024px'"
:fullscreen="isIframe"
@close="closed"
>
<div class="main" v-loading="loading">
@ -152,6 +152,9 @@ export default {
isPage: {
default: false,
},
isIframe: {
default: false,
},
},
watch: {
uploadModal: {
@ -409,6 +412,9 @@ export default {
};
</script>
<style lang="stylus" scoped>
/deep/ .el-dialog__title{
font-size: 16px;
}
.main{
min-height: 600px
}

View File

@ -1,5 +1,5 @@
<template>
<div class="Modal" :class="{ 'fill-window': !isPage }">
<div class="Modal">
<div class="colLeft">
<div class="Nav">
<!-- <div class="input">
@ -198,7 +198,7 @@
</div>
</div>
</div>
<uploadImg ref="upload" :isPage="isPage" :categoryId="treeId" :categoryList="treeData" @uploadSuccess="uploadSuccess"></uploadImg>
<uploadImg ref="upload" :isPage="isPage" :isIframe='isIframe' :categoryId="treeId" :categoryList="treeData" @uploadSuccess="uploadSuccess"></uploadImg>
<div class="images" v-show="false" v-viewer="{ movable: false }">
<img v-for="src in pictrueList" :src="src.att_dir" :key="src.att_id" />
</div>
@ -230,6 +230,10 @@ export default {
type: Boolean,
default: false,
},
isIframe: {
type: Boolean,
default: false,
},
gridBtn: {
type: Object,
default: null,

View File

@ -5,9 +5,17 @@
@getPicD="getPicD"
:gridPic="gridPic"
:gridBtn="gridBtn"
:isIframe="isIframe"
v-if="this.$route.query.fodder === 'dialog' || this.$route.query.type === 'many'"
></upload-from>
<upload-from :isChoice="isChoice" @getPic="getPic" :gridPic="gridPic" :gridBtn="gridBtn" v-else></upload-from>
<upload-from
:isChoice="isChoice"
:isIframe="isIframe"
@getPic="getPic"
:gridPic="gridPic"
:gridBtn="gridBtn"
v-else
></upload-from>
</div>
</template>
@ -21,6 +29,7 @@ export default {
return {
isChoice: '单选',
isChoiceD: '多选',
isIframe: true, //是否全屏打开选择图片
gridPic: {
xl: 4,
lg: 4,