Countly移动分析应用 v23.11.14.zip

<cly-drawer class="cly-vue-push-notification-drawer" @submit="onSubmit" @close="onClose" @open="onOpen" ref="drawer" :set-step-callback-fn="onStepClick" :title="title" :requires-async-submit="true" :saveButtonLabel="saveButtonLabel" v-bind="controls"> <template v-slot:sidecars="drawerScope"> <cly-content id="mainSidecar" role="sidecar" :always-active="true" style="display: flex;justify-content: center;align-items: center; height:100%"> <mobile-message-preview v-if="(drawerScope.currentStepId === 'step4' || drawerScope.currentStepId === 'step5') && pushNotificationUnderEdit.messageType === MessageTypeEnum.CONTENT" :title="pushNotificationUnderEdit.message[activeLocalization].title" :subtitle="pushNotificationUnderEdit.settings[PlatformEnum.IOS].subtitle" :content="pushNotificationUnderEdit.message[activeLocalization].content" :platforms="pushNotificationUnderEdit.platforms" :media="previewMessageMedia" :buttons="pushNotificationUnderEdit.message[activeLocalization].buttons.map(function(item){return item.label})"> </mobile-message-preview> </cly-content> </template> <template v-slot:controls-left="controlsLeft"> <el-button size="small" @click="onDraft" type="default" :disabled="!isDraftButtonEnabled">{{i18n('push-notification.save-as-draft')}}</el-button> </template> <template v-slot:default="drawerScope"> <cly-form-step id="step1" :name="i18n('push-notification-drawer.step-one')"> <form> <div class="cly-vue-push-notification-drawer__section"> <div class="bu-py-1 bu-my-1 cly-vue-push-notification-drawer__input-label">{{i18n('push-notification.notification-name')}}</div> <div class="cly-vue-push-notification-drawer__input-description">{{i18n('push-notification.notification-name-description')}}</div> <validation-provider v-slot="validation"> <form> <el-input autocomplete="off" v-model="pushNotificationUnderEdit.name" :placeholder="i18n('push-notification-drawer.campaign-name')" :class="{'is-error': validation.errors.length > 0}"> </el-input> </form> </validation-provider> <div class="bu-mt-5"> <div> <span class="text-medium font-weight-bold">{{ i18n('push-notification-drawer.notification-type') }}</span> <cly-tooltip-icon style="margin-bottom: 1px" :tooltip="i18n('push-notification-drawer.notification-type-tooltip')" icon="ion ion-help-circled"> </cly-tooltip-icon> </div> <div class="bu-mt-2" v-for="campaign in campaignTypes"> <line-radio-button-with-description :label="campaign.label" v-model="campaignType" :description="campaign.description" :title="campaign.label" :disabled="isEditMode()" border> </line-radio-button-with-description> </div> </div> </div> </form> </cly-form-step> <cly-form-step id="step2" :name="i18n('push-notification-drawer.step-two')" v-loading="isLoading"> <form> <div class="cly-vue-push-notification-drawer__section"> <div class="bu-py-1 bu-my-1 cly-vue-push-notification-drawer__checkbox-group-header">{{i18n('push-notification.platforms')}}</div> <validation-provider v-slot="validation" rules="required" name="platforms"> <el-checkbox-group :value="pushNotificationUnderEdit.platforms"> <el-checkbox type="checkbox" :label="PlatformEnum.ANDROID" @change="onPlatformChange(PlatformEnum.ANDROID)" :class="{'cly-vue-push-notification-drawer__checkbox-is-error':validation.errors.length > 0}"> {{i18n('push-notification.android')}} </el-checkbox> <el-checkbox type="checkbox" @change="onPlatformChange(PlatformEnum.IOS)" :label="PlatformEnum.IOS" :class="{'cly-vue-push-notification-drawer__checkbox-is-error':validation.errors.length > 0}"> {{i18n('push-notification.ios')}} </el-checkbox> </el-checkbox-group> </validation-provider> </div> <template v-if="type === TypeEnum.ONE_TIME || type === TypeEnum.RECURRING || type === TypeEnum.MULTIPLE"> <div class="cly-vue-drawer-step__section" v-if="typeof pushNotificationUnderEdit.isEe !== 'undefined' && pushNotificationUnderEdit.isEe"> <div class="bu-py-1 bu-my-1 cly-vue-push-notification-drawer__radio-group-header"> {{i18n('push-notification.targeting')}} <cly-tooltip-icon :tooltip="i18n('push-notification.targeting-tooltip')" icon="ion ion-help-circled"> </cly-tooltip-icon> </div> <div class="bu-level bu-is-flex-wrap-wrap"> <large-radio-button-with-description :label="TargetingEnum.ALL" :tooltip="i18n('push-notification-drawer.all-push-enabled-users-tooltip')" v-model="pushNotificationUnderEdit[type].targeting" :description="i18n('push-notification.push-enabled-users')" :title="i18n('push-notification.all-push-enabled-users')"> <div v-if="pushNotificationUnderEdit[type].audienceSelection === AudienceSelectionEnum.NOW" class="bu-is-flex bu-is-justify-content-flex-start bu-is-align-items-baseline"> <span class="cly-vue-push-notification-large-radio-button-with-description__content-header bu-mr-2">{{totalEnabledUsers}}</span> </div> </large-radio-button-with-description> <large-radio-button-with-description :label="TargetingEnum.SEGMENTED" v-model="pushNotificationUnderEdit[type].targeting" :title="i18n('push-notification.use-segmentation')" :description="i18n('push-notification.use-segmentation-description')"> </large-radio-button-with-description> </div> </div> <div v-if="pushNotificationUnderEdit[type].targeting === TargetingEnum.SEGMENTE