diff --git a/src/views/Jyh/Version/Detail/SubscriptionModal.vue b/src/views/Jyh/Version/Detail/SubscriptionModal.vue index 6bc26c0..8718412 100644 --- a/src/views/Jyh/Version/Detail/SubscriptionModal.vue +++ b/src/views/Jyh/Version/Detail/SubscriptionModal.vue @@ -2,17 +2,21 @@
当您订阅的软件有漏洞预警通知时,将以应用号的方式通知。可在首页查看或取消订阅!
- 通知方式 - - 短信 - 邮件 - 站内通知 - + + + + 短信 + 邮件 + 站内通知 + + + + + +
- - 确定 - + 确定 取消
@@ -23,18 +27,30 @@ import { computed, ref } from 'vue'; const props = defineProps(['softwareData']); const emit = defineEmits(['close']); -const subscribeType = ref(''); -const isError = ref(false); -const typeChange = () => { - isError.value = false; -} +const formRef = ref(null); +const formData = ref({ + subscribeType: '', + subscribeText: '', +}); +const rules = { + subscribeType: [{ required: true, message: '请选择', trigger: 'change' }], + subscribeText: [{ required: true, message: '不能为空', trigger: 'blur' }], +}; +const textLabel = ref(''); const confirm = () => { - if (!subscribeType.value) { - isError.value = true; - return; + (formRef?.value as any)?.validate((isValid: boolean, invalidFields: any) => { + if (!isValid) { + return; + } + emit('close'); + }); +}; +const typeChange = () => { + if (formData.value.subscribeType === '0') { + textLabel.value = '手机号'; + } else if (formData.value.subscribeType === '1') { + textLabel.value = '邮箱地址'; } - isError.value = false; - emit('close'); }; @@ -54,14 +70,10 @@ const confirm = () => { align-items: center; border-radius: 4px; background: #F2F5FC; - padding: 20px; + padding: 20px 32px 0; - >span { - margin-right: 20px; - color: #808080; - font-family: HarmonyOS Sans SC; - font-weight: regular; - font-size: 14px; + form { + width: 100%; } }