code-image-backup-public/lilishop-ui
1
0
Fork 0
mirror of https://gitee.com/beijing_hongye_huicheng/lilishop-ui.git synced 2025-12-17 16:35:53 +08:00
Code Issues Packages Projects Releases Wiki Activity

修改OSS资源回显

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

2
manager/src/components/editor/upload-image.vue
View File

@@ -57,7 +57,7 @@
</Modal> </Modal>
<Modal width="1000" v-model="showOssManager" @on-ok="confirmUrls"> <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> </Modal>
</div> </div>
</template> </template>

1
manager/src/components/hotzone/components/Zone.vue
View File

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

3
manager/src/components/lili/upload-pic-input.vue
View File

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

2
manager/src/views/member/list/index.vue
View File

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

2
manager/src/views/member/list/memberRecycle.vue
View File

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

1
manager/src/views/page-decoration/modelForm.vue
View File

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

1
manager/src/views/page-decoration/modelFormItem.vue
View File

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

1
manager/src/views/page-decoration/modelList/carousel.vue
View File

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

2
manager/src/views/page-decoration/modelList/carousel1.vue
View File

@@ -84,7 +84,7 @@
<liliDialog ref="liliDialog" @selectedLink="selectedLink"></liliDialog> <liliDialog ref="liliDialog" @selectedLink="selectedLink"></liliDialog>
<!-- 选择图片 --> <!-- 选择图片 -->
<Modal width="1200px" v-model="picModelFlag" footer-hide> <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> </Modal>
</div> </div>
</template> </template>

2
manager/src/views/page-decoration/modelList/carousel2.vue
View File

@@ -204,7 +204,7 @@
<liliDialog ref="liliDialog" @selectedLink="selectedLink"></liliDialog> <liliDialog ref="liliDialog" @selectedLink="selectedLink"></liliDialog>
<!-- 选择图片 --> <!-- 选择图片 -->
<Modal width="1200px" v-model="picModelFlag" footer-hide> <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> </Modal>
</div> </div>
</template> </template>

1
manager/src/views/page-decoration/modelList/firstPageAdvert.vue
View File

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

1
manager/src/views/page-decoration/modelList/forYour.vue
View File

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

1
manager/src/views/page-decoration/modelList/mixModel.vue
View File

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

1
manager/src/views/page-decoration/modelList/newGoodsSort.vue
View File

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

1
manager/src/views/page-decoration/modelList/oneRowThreeColumns.vue
View File

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

1
manager/src/views/page-decoration/modelList/recommend.vue
View File

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

2
manager/src/views/page-decoration/wap/advertising.vue
View File

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

2
manager/src/views/page-decoration/wap/alertAdvertising.vue
View File

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

2
manager/src/views/page-decoration/wap/decorate.vue
View File

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

10
manager/src/views/seller/shop/shopOperation.vue
View File

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

14
manager/src/views/sys/oss-manage/ossManage.vue
View File

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

2
manager/src/views/sys/setting-manage/setting/BASE_SETTING.vue
View File

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

12
seller/src/views/goods/goods-seller/goodsOperationSec.vue
View File

@@ -472,11 +472,11 @@
</div> </div>
</Modal> </Modal>
<!--<Modal width="1200px" v-model="picModalFlag">--> <!--<Modal width="1200px" v-model="picModelFlag">-->
<!--<ossManage @callback="callbackSelected" ref="ossManage" />--> <!--<ossManage @callback="callbackSelected" ref="ossManage" />-->
<!--</Modal>--> <!--</Modal>-->
<Modal v-model="picModalFlag" width="1200px" @on-ok="confirmUrls"> <Modal v-model="picModelFlag" width="1200px" @on-ok="confirmUrls">
<ossManage ref="ossManage" :isComponent="true" @callback="callbackSelected" @selected="(list)=>{ selectedImage = list}"/> <ossManage ref="ossManage" :isComponent="true" :initialize="picModelFlag" @callback="callbackSelected" @selected="(list)=>{ selectedImage = list}"/>
</Modal> </Modal>
</div> </div>
@@ -688,7 +688,7 @@ export default {
"specId", "specId",
"specValueId", "specValueId",
], ],
picModalFlag: false, // 图片选择器 picModelFlag: false, // 图片选择器
selectedFormBtnName: "", // 点击图片绑定form selectedFormBtnName: "", // 点击图片绑定form
selectedImage: [], selectedImage: [],
lastEditSkuValue: '', lastEditSkuValue: '',
@@ -706,7 +706,7 @@ export default {
// 选择图片modal // 选择图片modal
handleCLickImg(val, index) { handleCLickImg(val, index) {
this.$refs.ossManage.selectImage = true; this.$refs.ossManage.selectImage = true;
this.picModalFlag = true; this.picModelFlag = true;
this.selectedFormBtnName = val; this.selectedFormBtnName = val;
// this.picIndex = index; // this.picIndex = index;
}, },
@@ -744,7 +744,7 @@ export default {
}, },
// 图片选择后回调 // 图片选择后回调
callbackSelected(val) { callbackSelected(val) {
this.picModalFlag = false; this.picModelFlag = false;
if (val && this.selectedFormBtnName == 'selectedSkuImages') { if (val && this.selectedFormBtnName == 'selectedSkuImages') {
this.selectedSku.images.push(val); this.selectedSku.images.push(val);
} else { } else {

2
seller/src/views/lili-components/editor/upload-image.vue
View File

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

10
seller/src/views/my-components/lili/upload-pic-thumb.vue
View File

@@ -56,8 +56,8 @@
</div> </div>
</Modal> </Modal>
<Modal width="1200px" v-model="picModalFlag" @on-ok="confirmUrls"> <Modal width="1200px" v-model="picModelFlag" @on-ok="confirmUrls">
<ossManage @callback="callbackSelected" :isComponent="true" @selected="(list)=>{ selectedImage = list}" ref="ossManage" /> <ossManage @callback="callbackSelected" :isComponent="true" :initialize="picModelFlag" @selected="(list)=>{ selectedImage = list}" ref="ossManage" />
</Modal> </Modal>
</div> </div>
</template> </template>
@@ -108,7 +108,7 @@ export default {
uploadList: [], // 上传文件列表 uploadList: [], // 上传文件列表
viewImage: false, // 是否预览图片 viewImage: false, // 是否预览图片
imgUrl: "", // 图片地址 imgUrl: "", // 图片地址
picModalFlag: false, // 图片选择器 picModelFlag: false, // 图片选择器
selectedFormBtnName: "", // 点击图片绑定form selectedFormBtnName: "", // 点击图片绑定form
selectedImage: [], selectedImage: [],
}; };
@@ -117,12 +117,12 @@ export default {
// 选择图片modal // 选择图片modal
handleCLickImg(val, index) { handleCLickImg(val, index) {
this.$refs.ossManage.selectImage = true; this.$refs.ossManage.selectImage = true;
this.picModalFlag = true; this.picModelFlag = true;
this.selectedFormBtnName = val; this.selectedFormBtnName = val;
}, },
// 图片选择后回调 // 图片选择后回调
callbackSelected(val) { callbackSelected(val) {
this.picModalFlag = false; this.picModelFlag = false;
if (!this.multiple && this.uploadList && this.uploadList.length > 0) { if (!this.multiple && this.uploadList && this.uploadList.length > 0) {
// 删除第一张 // 删除第一张
this.uploadList.splice(0, 1); this.uploadList.splice(0, 1);

6
seller/src/views/shop/hotzone/components/Zone.vue
View File

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

6
seller/src/views/shop/modelForm.vue
View File

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

2
seller/src/views/shop/modelFormItem.vue
View File

@@ -216,7 +216,7 @@
></liliDialog> ></liliDialog>
<!-- 选择图片 --> <!-- 选择图片 -->
<Modal width="1200px" v-model="picModelFlag" footer-hide> <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> </Modal>
</div> </div>
</template> </template>

2
seller/src/views/shop/modelList/carousel.vue
View File

@@ -114,7 +114,7 @@
></liliDialog> ></liliDialog>
<!-- 选择图片 --> <!-- 选择图片 -->
<Modal width="1200px" v-model="picModelFlag" footer-hide> <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> </Modal>
</div> </div>
</template> </template>

2
seller/src/views/shop/modelList/carousel1.vue
View File

@@ -85,7 +85,7 @@
></liliDialog> ></liliDialog>
<!-- 选择图片 --> <!-- 选择图片 -->
<Modal width="1200px" v-model="picModelFlag" footer-hide> <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> </Modal>
</div> </div>
</template> </template>

2
seller/src/views/shop/modelList/carousel2.vue
View File

@@ -175,7 +175,7 @@
></liliDialog> ></liliDialog>
<!-- 选择图片 --> <!-- 选择图片 -->
<Modal width="1200px" v-model="picModelFlag" footer-hide> <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> </Modal>
</div> </div>
</template> </template>

2
seller/src/views/shop/modelList/firstPageAdvert.vue
View File

@@ -58,7 +58,7 @@
></liliDialog> ></liliDialog>
<!-- 选择图片 --> <!-- 选择图片 -->
<Modal width="1200px" v-model="picModelFlag" footer-hide> <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> </Modal>
</div> </div>
</template> </template>

2
seller/src/views/shop/modelList/newGoodsSort.vue
View File

@@ -134,7 +134,7 @@
></liliDialog> ></liliDialog>
<!-- 选择图片 --> <!-- 选择图片 -->
<Modal width="1200px" v-model="picModelFlag" footer-hide> <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> </Modal>
</div> </div>
</template> </template>

2
seller/src/views/shop/modelList/recommend.vue
View File

@@ -200,7 +200,7 @@
></liliDialog> ></liliDialog>
<!-- 选择图片 --> <!-- 选择图片 -->
<Modal width="1200px" v-model="picModelFlag" footer-hide> <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> </Modal>
</div> </div>
</template> </template>

14
seller/src/views/shop/ossManages.vue
View File

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

2
seller/src/views/shop/wap/decorate.vue
View File

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