feat: 更换radio,radiogroup
This commit is contained in:
@ -2,9 +2,9 @@
|
||||
|
||||
.account-manage-modal {
|
||||
border-radius: 8px;
|
||||
.arco-modal-body {
|
||||
.arco-btn {
|
||||
.arco-btn-icon {
|
||||
.ant-modal-body {
|
||||
.ant-btn {
|
||||
.ant-btn-icon {
|
||||
line-height: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
@ -23,10 +23,10 @@
|
||||
:wrapperCol="{ span: 19 }"
|
||||
>
|
||||
<FormItem v-if="!isEdit" label="上传方式" required>
|
||||
<a-radio-group v-model="uploadType">
|
||||
<a-radio value="manual">手动添加账户</a-radio>
|
||||
<a-radio value="batch">批量导入账户</a-radio>
|
||||
</a-radio-group>
|
||||
<RadioGroup v-model:value="uploadType">
|
||||
<Radio value="manual">手动添加账户</Radio>
|
||||
<Radio value="batch">批量导入账户</Radio>
|
||||
</RadioGroup>
|
||||
</FormItem>
|
||||
|
||||
<!-- 批量导入账户模式下的内容 -->
|
||||
@ -111,14 +111,14 @@
|
||||
<img :src="PLATFORM_LIST[form.platform].icon" width="14" height="14" class="mr-4px" />
|
||||
<span>{{ PLATFORM_LIST[form.platform].label }}</span>
|
||||
</div>
|
||||
<a-radio-group v-else v-model="form.platform">
|
||||
<a-radio v-for="item in PLATFORM_LIST" :key="item.value" :value="item.value">
|
||||
<RadioGroup v-else v-model:value="form.platform">
|
||||
<Radio v-for="item in PLATFORM_LIST" :key="item.value" :value="item.value">
|
||||
<div class="flex items-center">
|
||||
<img :src="item.icon" width="14" height="14" class="mr-4px" />
|
||||
<span>{{ item.label }}</span>
|
||||
</div>
|
||||
</a-radio>
|
||||
</a-radio-group>
|
||||
</Radio>
|
||||
</RadioGroup>
|
||||
</FormItem>
|
||||
<FormItem label="所属项目" name="project_ids">
|
||||
<CommonSelect v-model="form.project_ids" :options="projects" placeholder="请选择…" size="large" />
|
||||
@ -155,7 +155,7 @@
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { Modal, Form, FormItem, Button, Input } from 'ant-design-vue';
|
||||
import { Modal, Form, FormItem, Button, Input, RadioGroup, Radio } from 'ant-design-vue';
|
||||
import { ref, defineEmits } from 'vue';
|
||||
|
||||
import AuthorizedAccountModal from '../authorized-account-modal';
|
||||
|
||||
@ -13,20 +13,6 @@
|
||||
centered
|
||||
@cancel="close"
|
||||
>
|
||||
<!-- <div v-if="showSyncTip">
|
||||
<div class="flex items-center mb-20px">
|
||||
<img :src="icon1" width="16" height="16" class="mr-16px" />
|
||||
<p class="s2">
|
||||
检测到该账户最后更新日期为{{ exactFormatTime(lastSyncedAt, 'MM月DD日HH:mm', 'YYYY年MM月DD日 HH:mm') }},已有{{
|
||||
getDaysDiffText(lastSyncedAt)
|
||||
}}未同步最新数据。
|
||||
</p>
|
||||
</div>
|
||||
<a-radio-group v-model="syncType" class="ml-32px">
|
||||
<a-radio value="sync" class="mb-16px">立即同步遗漏数据 - 获取完整的最新数据 (推荐)</a-radio>
|
||||
<a-radio value="no_sync">仅授权不更新 - 继续使用当前不完全的数据</a-radio>
|
||||
</a-radio-group>
|
||||
</div> -->
|
||||
<div class="flex flex-col items-center">
|
||||
<template v-if="isLoading">
|
||||
<a-progress
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
@import "@/views/property-marketing/component.scss";
|
||||
.import-prompt-modal {
|
||||
border-radius: 8px;
|
||||
.arco-modal-body {
|
||||
.ant-modal-body {
|
||||
.tip {
|
||||
color: var(--Text-1, #211f24);
|
||||
font-family: $font-family-medium;
|
||||
|
||||
@ -7,9 +7,9 @@
|
||||
font-weight: 400;
|
||||
line-height: 22px;
|
||||
}
|
||||
.arco-modal-header {
|
||||
.ant-modal-header {
|
||||
}
|
||||
.arco-modal-body {
|
||||
.ant-modal-body {
|
||||
height: 536px;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
@ -33,7 +33,7 @@
|
||||
}
|
||||
|
||||
}
|
||||
.arco-modal-footer {
|
||||
.ant-modal-footer {
|
||||
justify-content: space-between;
|
||||
.s1 {
|
||||
font-family: $font-family-regular;
|
||||
|
||||
Reference in New Issue
Block a user