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%;
}
}