修改OSS资源回显

This commit is contained in:
15386982806
2024-03-26 18:07:20 +08:00
parent 223fa7ca05
commit fb8fa9e787
36 changed files with 74 additions and 53 deletions

View File

@@ -57,7 +57,7 @@
</Modal>
<Modal width="1000" v-model="showOssManager" @on-ok="confirmUrls">
<OssManage ref="ossManage" :isComponent="true" @selected="handleCallback" />
<OssManage ref="ossManage" :isComponent="true" :initialize="showOssManager" @selected="handleCallback" />
</Modal>
</div>
</template>

View File

@@ -90,6 +90,7 @@
<ossManage
@callback="callbackSelected"
:isComponent="true"
:initialize="picModelFlag"
ref="ossManage"
/>
</Modal>

View File

@@ -47,7 +47,7 @@
</Modal>
<Modal width="1200px" v-model="picModalFlag">
<ossManage @callback="callbackSelected" ref="ossManage" isComponent="true" />
<ossManage @callback="callbackSelected" ref="ossManage" :isComponent="true" :initialize="picModalFlag" />
</Modal>
</div>
@@ -111,7 +111,6 @@ export default {
},
// 图片回显
callbackSelected(val) {
console.log('图片回显', val);
this.picModalFlag = false;
this.currentValue = val.url;
this.picIndex = "";

View File

@@ -94,7 +94,7 @@
</Form>
</Modal>
<Modal width="1200px" v-model="picModelFlag">
<ossManage @callback="callbackSelected" :isComponent="true" ref="ossManage" />
<ossManage @callback="callbackSelected" :isComponent="true" :initialize="picModelFlag" ref="ossManage" />
</Modal>
<multipleMap ref="map" @callback="selectedRegion"/>
</div>

View File

@@ -140,7 +140,7 @@
</Form>
</Modal>
<Modal width="1200px" v-model="picModelFlag">
<ossManage @callback="callbackSelected" :isComponent="true" ref="ossManage" />
<ossManage @callback="callbackSelected" :isComponent="true" :initialize="picModelFlag" ref="ossManage" />
</Modal>
<multipleMap ref="map" @callback="selectedRegion" />
</div>

View File

@@ -161,6 +161,7 @@
<ossManage
@callback="callbackSelected"
:isComponent="true"
:initialize="picModelFlag"
ref="ossManage"
/>
</Modal>

View File

@@ -246,6 +246,7 @@
<ossManage
@callback="callbackSelected"
:isComponent="true"
:initialize="picModelFlag"
ref="ossManage"
/>
</Modal>

View File

@@ -121,6 +121,7 @@
<ossManage
@callback="callbackSelected"
:isComponent="true"
:initialize="picModelFlag"
ref="ossManage"
/>
</Modal>

View File

@@ -84,7 +84,7 @@
<liliDialog ref="liliDialog" @selectedLink="selectedLink"></liliDialog>
<!-- 选择图片 -->
<Modal width="1200px" v-model="picModelFlag" footer-hide>
<ossManage @callback="callbackSelected" :isComponent="true" ref="ossManage" />
<ossManage @callback="callbackSelected" :isComponent="true" :initialize="picModelFlag" ref="ossManage" />
</Modal>
</div>
</template>

View File

@@ -204,7 +204,7 @@
<liliDialog ref="liliDialog" @selectedLink="selectedLink"></liliDialog>
<!-- 选择图片 -->
<Modal width="1200px" v-model="picModelFlag" footer-hide>
<ossManage @callback="callbackSelected" :isComponent="true" ref="ossManage" />
<ossManage @callback="callbackSelected" :isComponent="true" :initialize="picModelFlag" ref="ossManage" />
</Modal>
</div>
</template>

View File

@@ -85,6 +85,7 @@
<ossManage
@callback="callbackSelected"
:isComponent="true"
:initialize="picModelFlag"
ref="ossManage"
/>
</Modal>
@@ -195,4 +196,4 @@ export default {
height: 50px;
}
}
</style>
</style>

View File

@@ -168,6 +168,7 @@
<ossManage
@callback="callbackSelected"
:isComponent="true"
:initialize="picModelFlag"
ref="ossManage"
/>
</Modal>

View File

@@ -152,6 +152,7 @@
<ossManage
@callback="callbackSelected"
:isComponent="true"
:initialize="picModelFlag"
ref="ossManage"
/>
</Modal>

View File

@@ -216,6 +216,7 @@
<ossManage
@callback="callbackSelected"
:isComponent="true"
:initialize="picModelFlag"
ref="ossManage"
/>
</Modal>
@@ -443,4 +444,4 @@ export default {
align-items: start;
padding: 0 30px;
}
</style>
</style>

View File

@@ -54,6 +54,7 @@
<ossManage
@callback="callbackSelected"
:isComponent="true"
:initialize="picModelFlag"
ref="ossManage"
/>
</Modal>

View File

@@ -209,6 +209,7 @@
<ossManage
@callback="callbackSelected"
:isComponent="true"
:initialize="picModelFlag"
ref="ossManage"
/>
</Modal>
@@ -427,4 +428,4 @@ export default {
align-items: start;
padding: 0 30px;
}
</style>
</style>

View File

@@ -80,7 +80,7 @@
<liliDialog ref="liliDialog" @selectedLink="selectedLink" :types="linkType"></liliDialog>
</div>
<Modal width="1200px" v-model="picModelFlag">
<ossManage @callback="callbackSelected" :isComponent="true" ref="ossManage" />
<ossManage @callback="callbackSelected" :isComponent="true" :initialize="picModelFlag" ref="ossManage" />
</Modal>
</div>
</div>

View File

@@ -83,7 +83,7 @@
></liliDialog>
</div>
<Modal width="1200px" v-model="picModelFlag">
<ossManage @callback="callbackSelected" :isComponent="true" ref="ossManage" />
<ossManage @callback="callbackSelected" :isComponent="true" :initialize="picModelFlag" ref="ossManage" />
</Modal>
</div>
</div>

View File

@@ -497,7 +497,7 @@
<hotzone ref="hotzone" @changeZone="changeZone"></hotzone>
<Modal width="1200px" v-model="picModelFlag">
<ossManage @callback="callbackSelected" :isComponent="true" ref="ossManage" />
<ossManage @callback="callbackSelected" :isComponent="true" :initialize="picModelFlag" ref="ossManage" />
</Modal>
</div>
</template>

View File

@@ -374,8 +374,8 @@
</Card>
<Modal width="1200px" v-model="picModalFlag">
<ossManage @callback="callbackSelected" :isComponent="true" ref="ossManage" />
<Modal width="1200px" v-model="picModelFlag">
<ossManage @callback="callbackSelected" :isComponent="true" :initialize="picModelFlag" ref="ossManage" />
</Modal>
<Modal width="1200px" v-model="memberModalFlag">
@@ -433,7 +433,7 @@ export default {
loading: false,
auditModel: false,
auditModalLoading: false,
picModalFlag: false, // 图片选择器
picModelFlag: false, // 图片选择器
address: "", // 地址
returnAddress: "", // 退货地址
memberModalFlag: false, // 商家账号
@@ -634,13 +634,13 @@ export default {
// 选择图片modal
handleCLickImg(val, index) {
this.$refs.ossManage.selectImage = true;
this.picModalFlag = true;
this.picModelFlag = true;
this.selectedFormBtnName = val;
this.picIndex = index;
},
// 图片回显
callbackSelected(val) {
this.picModalFlag = false;
this.picModelFlag = false;
if (this.picIndex === 0 || this.picIndex === 1) {
this.shopForm[this.selectedFormBtnName][this.picIndex] = val.url;
} else {

View File

@@ -431,7 +431,11 @@ export default {
choose: {
type: String,
default: ""
}
},
initialize: {
type: Boolean,
default: false,
},
},
data() {
return {
@@ -858,9 +862,15 @@ export default {
if (val) this.selectImage = val
},
selectedOss(val) {
if (val) {
if (val && val.length) {
this.$emit("callback", {url: val[val.length-1].split(',')[1]});
}
},
// 初始化监听 是否清空所选图片
initialize(val) {
if (val && this.isComponent) {
this.selectedOss = [];
}
}
},

View File

@@ -75,7 +75,7 @@
</div>
</Form>
<Modal width="1200px" v-model="picModelFlag">
<ossManage @callback="callbackSelected" :isComponent="true" ref="ossManage" />
<ossManage @callback="callbackSelected" :isComponent="true" :initialize="picModelFlag" ref="ossManage" />
</Modal>
</div>