mirror of
https://gitlab.com/CIEFWorldwideSdnBhd/shipping-portal.git
synced 2026-08-19 04:24:12 +00:00
edmondlang
120 lines
6.3 KiB
Vue
120 lines
6.3 KiB
Vue
<template>
|
||
<div class="row m-t-15 m-b-15 align-items-end parentContainer" v-if="company">
|
||
<div class="col">
|
||
<!-- 1688 consent -->
|
||
<div class="row m-l-0 m-r-0 m-b-15 animate__animated animate__tada animate__repeat-2 animate__delay-3s" v-if="!company.segments.some(item => item.id === 10 || item.id === 11 || item.id === 12)">
|
||
<div class="col bg-white padding-15">
|
||
<div class="row">
|
||
<div class="col">
|
||
<div class="row ">
|
||
<div class="col">
|
||
<h5 class="m-t-0 text-justify">重磅消息! CIEF 正式开通 <span class="bold">3PL fulfillment 服务</span>!! 你从中国进来的货物, 我们可以直接帮你仓储, 分拣打包, 直接送货到您的顾客手上, 只需系统对接你的 Lazada , Shopee , Tiktok 网店, 就能实现全自动化! 一个月只需 <span class="bold">RMX88</span>! </h5>
|
||
<h5 class="m-t-0 text-justify">Exciting news! CIEF has officially launched its <span class="bold">3PL fulfillment service</span>! We can assist with warehousing, sorting, packaging, and direct delivery of your goods from China to your customers. Simply integrate your Lazada, Shopee, or TikTok online stores with our system for full automation! Only <span class="bold">RMX88</span> per month!</h5>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-12 text-center">
|
||
<div class="btn btn-md block btn m-b-5 no-border text-white pointer bg-success requestModal" data-type="fulfilment-interested-now">Interested now (感兴趣)</div>
|
||
</div>
|
||
<div class="col-12 text-center">
|
||
<div class="btn btn-md block btn m-b-5 pointer requestModal" data-type="fulfilment-interested-later">Interested later (感兴趣，但现在不需要)</div>
|
||
</div>
|
||
<div class="col-12 text-center">
|
||
<div class="btn btn-md block btn m-b-5 no-border text-white pointer bg-danger requestModal" data-type="not-interested-confirm">Not interested (不感兴趣)</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<modal-component class="animate__animated animate__fast animate__fadeIn" type="fulfilment-interested-now" styleType="fill-in" size="large">
|
||
<fulfilment-interested-form-component
|
||
section="activateService"
|
||
:company="company"
|
||
:segmentId="10"
|
||
>
|
||
</fulfilment-interested-form-component>
|
||
</modal-component>
|
||
<modal-component class="animate__animated animate__fast animate__fadeIn" type="fulfilment-interested-later" styleType="fill-in" size="large">
|
||
<fulfilment-interested-form-component
|
||
section="activateService"
|
||
:company="company"
|
||
:segmentId="11"
|
||
>
|
||
</fulfilment-interested-form-component>
|
||
</modal-component>
|
||
<modal-component small type="not-interested-confirm">
|
||
<div class="row">
|
||
<div class="col text-center">
|
||
<div class="row">
|
||
<div class="col text-center">
|
||
<div class="row m-b-20">
|
||
<div class="col">
|
||
<h5 class="all-caps">Are you Sure?</h5>
|
||
<div class="fs-11">Are you sure you are not interested in this service?</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col p-r-5">
|
||
<div data-dismiss="modal" class="btn btn-sm btn-default bg-master-lighter btn-block b-rad-none">No, take me back</div>
|
||
</div>
|
||
<div class="col p-l-5">
|
||
<div data-dismiss="modal" class="btn btn-sm btn-danger btn-block b-rad-none" @click="activateService(12)">Yes, I’m sure</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</modal-component>
|
||
</div>
|
||
</div>
|
||
</template>
|
||
|
||
<script>
|
||
import componentHandler from '../../../general/mixins/componentHandler';
|
||
export default {
|
||
data(){
|
||
return {
|
||
section: 'newServiceList',
|
||
parameters: {
|
||
segment_id: ''
|
||
},
|
||
expanded: false,
|
||
failed: false,
|
||
part: 0,
|
||
isFetchCompany: false,
|
||
company: null
|
||
}
|
||
},
|
||
created(){
|
||
this.fetchCompany();
|
||
},
|
||
methods: {
|
||
fetchCompany(){
|
||
this.parameters = null;
|
||
this.isFetchCompany = true;
|
||
this.submit(route('api.company.show', this.$store.getters.getCompanyId), 'get', this.section, false, false)
|
||
},
|
||
activateService(segmentId){
|
||
this.parameters = {
|
||
segment_id: segmentId
|
||
};
|
||
this.part = 1;
|
||
this.submit(this.route('api.company.connection.assign', this.company.id, this.company.company_module.connections[0].id), 'post', 'activateService', true, false);
|
||
},
|
||
successHandler(response){
|
||
if (this.isFetchCompany) {
|
||
this.company = response.payload.data;
|
||
this.isFetchCompany = false;
|
||
}
|
||
if(this.part == 1 || this.part == 4){
|
||
location.reload();
|
||
}
|
||
}
|
||
},
|
||
mixins: [componentHandler]
|
||
}
|
||
</script>
|