mirror of
https://gitlab.com/CIEFWorldwideSdnBhd/shipping-portal.git
synced 2026-08-19 04:24:12 +00:00
Jia Sheng
96 lines
4.9 KiB
Vue
96 lines
4.9 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" @click="activateService(12)">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>
|
||
</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>
|