feat: 初始化
This commit is contained in:
George
58
pages/partner/createShareLink/index.scss
Normal file
58
pages/partner/createShareLink/index.scss
Normal file
@ -0,0 +1,58 @@
|
||||
.container {
|
||||
padding: 0 16px 24px;
|
||||
.swiper {
|
||||
margin: 14px 0 18px;
|
||||
}
|
||||
.title {
|
||||
margin: 14px 0 15px;
|
||||
}
|
||||
.shareImg {
|
||||
width: 100%;
|
||||
height: 120px;
|
||||
}
|
||||
.shareTypeTitle {
|
||||
margin-top: 18px;
|
||||
margin-bottom: 16px;
|
||||
font-size: 20px;
|
||||
font-weight: 700;
|
||||
line-height: 29px;
|
||||
}
|
||||
.mtTypeWrapper {
|
||||
display: flex;
|
||||
column-gap: 12px;
|
||||
.mtType {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
column-gap: 10px;
|
||||
flex: 1;
|
||||
height: 81px;
|
||||
border: 1px solid #e5e5e5;
|
||||
cursor: pointer;
|
||||
&.active {
|
||||
border: none;
|
||||
box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
.typeIcon {
|
||||
width: 33px;
|
||||
height: 27px;
|
||||
}
|
||||
.label {
|
||||
font-size: 20px;
|
||||
font-weight: 700;
|
||||
}
|
||||
}
|
||||
}
|
||||
.voucherImgTitle {
|
||||
margin-top: 28px;
|
||||
margin-bottom: 12px;
|
||||
font-size: 20px;
|
||||
font-weight: 700;
|
||||
line-height: 29px;
|
||||
}
|
||||
.voucherImgDesc {
|
||||
margin-top: 10px;
|
||||
color: #999999;
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
141
pages/partner/createShareLink/index.vue
Normal file
141
pages/partner/createShareLink/index.vue
Normal file
@ -0,0 +1,141 @@
|
||||
<template>
|
||||
<NavBar />
|
||||
<view class="container">
|
||||
<view class="title">
|
||||
<PageTitle :title="$t('menu.partner')" />
|
||||
</view>
|
||||
<view>
|
||||
<view class="" v-if="sysShareSystemId">
|
||||
<image :src="imgUrls[0]" mode="aspectFill" class="shareImg"></image>
|
||||
</view>
|
||||
<uni-forms ref="shareLinkForm" :modelValue="shareLinkFormData" :rules="shareLinkFormRules">
|
||||
<view class="shareTypeTitle">{{ $t('partner.promotionLink.selectLinkType') }}</view>
|
||||
<view class="mtTypeWrapper">
|
||||
<view :class="['mtType', selectedShareType === '2' ? 'active' : '']" @click="selectShareType('2')">
|
||||
<image src="/static/partner/clientLink.png" mode="aspectFit" class="typeIcon"></image>
|
||||
<text class="label">{{ $t('partner.promotionLink.clientLink') }}</text>
|
||||
</view>
|
||||
<view :class="['mtType', selectedShareType === '1' ? 'active' : '']" @click="selectShareType('1')">
|
||||
<image src="/static/partner/ibLink.png" mode="aspectFit" class="typeIcon"></image>
|
||||
<text class="label">{{ $t('partner.promotionLink.ibLink') }}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="voucherImgTitle">{{ $t('partner.promotionLink.settings') }}</view>
|
||||
<uni-forms-item name="name">
|
||||
<text class="uni-subtitle">{{ $t('partner.promotionLink.customName') }}</text>
|
||||
<uni-easyinput trim="all" primaryColor="#29BBE4" v-model="shareLinkFormData.name"></uni-easyinput>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item name="mt_type">
|
||||
<text class="uni-subtitle">{{ $t('partner.promotionLink.selectAccountType') }}</text>
|
||||
<uni-data-checkbox
|
||||
v-model="shareLinkFormData.mt_type"
|
||||
:localdata="shareMtTypeOptions"
|
||||
@change="handlePresetChange"
|
||||
:multiple="true"
|
||||
selectedColor="#29BBE4"
|
||||
class="datePreset"
|
||||
></uni-data-checkbox>
|
||||
</uni-forms-item>
|
||||
</uni-forms>
|
||||
<view>
|
||||
<button :disabled="btnLoading" class="primaryButton" @click="handleCreateShareLink">
|
||||
<image v-show="btnLoading" src="/static/loadingCircle.svg" mode="aspectFit" style="width: 16px; height: 16px"></image>
|
||||
{{ $t('partner.promotionLink.createLink') }}
|
||||
</button>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { getShareMtTypeList, saveShareRecord } from '@/services/partner/promotionLink.ts';
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
btnLoading: false,
|
||||
selectedShareType: undefined,
|
||||
sysShareSystemId: undefined,
|
||||
imgUrls: [],
|
||||
shareLinkFormData: {},
|
||||
shareLinkFormRules: {
|
||||
name: {
|
||||
rules: [
|
||||
{
|
||||
required: true,
|
||||
errorMessage: this.$t('partner.promotionLink.customNameRequired')
|
||||
}
|
||||
]
|
||||
},
|
||||
mt_type: {
|
||||
rules: [
|
||||
{
|
||||
required: true,
|
||||
errorMessage: this.$t('partner.promotionLink.selectAccountTypeRequired')
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
shareMtTypeOptions: []
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
async getShareMtTypes() {
|
||||
const res = await getShareMtTypeList({
|
||||
sysShareSystemId: this.sysShareSystemId
|
||||
});
|
||||
if (res && res.code === 0) {
|
||||
this.shareMtTypeOptions = res.data.map((item) => ({
|
||||
text: item.name,
|
||||
value: item.id
|
||||
}));
|
||||
}
|
||||
},
|
||||
selectShareType(type) {
|
||||
this.selectedShareType = type;
|
||||
},
|
||||
async handleCreateShareLink() {
|
||||
if (!this.selectedShareType) {
|
||||
this.$cusModal.showModal({
|
||||
type: 'message',
|
||||
status: 'warning',
|
||||
contentText: this.$t('partner.promotionLink.selectLinkTypeRequired')
|
||||
});
|
||||
return;
|
||||
}
|
||||
this.$refs.shareLinkForm.validate().then(async (fields) => {
|
||||
const params = {
|
||||
...fields,
|
||||
share_type: this.selectedShareType
|
||||
};
|
||||
params.mt_type = params.mt_type.join(',');
|
||||
if (this.sysShareSystemId) {
|
||||
params.sys_share_system_id = this.sysShareSystemId;
|
||||
}
|
||||
this.btnLoading = true;
|
||||
const res = await saveShareRecord(params);
|
||||
this.btnLoading = false;
|
||||
if (res && res.code === 0) {
|
||||
uni.navigateTo({
|
||||
url: '/pages/partner/createSuccess/index'
|
||||
});
|
||||
} else {
|
||||
this.$cusModal.showModal({
|
||||
type: 'message',
|
||||
status: 'warning',
|
||||
contentText: res.msg ?? this.$t('common.error.sysError')
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
onLoad(params) {
|
||||
this.sysShareSystemId = params.sysId;
|
||||
this.imgUrls = params.imgUrls?.split(',');
|
||||
this.getShareMtTypes();
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import './index.scss';
|
||||
</style>
|
||||
Reference in New Issue
Block a user