订阅消息方式去除输入框
This commit is contained in:
@@ -4,15 +4,12 @@
|
||||
<div class="subscribe-form">
|
||||
<d-form ref="formRef" :data="formData" :rules="rules">
|
||||
<d-form-item field="subscribeType" label="通知方式">
|
||||
<d-radio-group direction="row" v-model="formData.subscribeType" @change="typeChange">
|
||||
<d-radio-group direction="row" v-model="formData.subscribeType">
|
||||
<d-radio value="0">短信</d-radio>
|
||||
<d-radio value="1">邮件</d-radio>
|
||||
<d-radio value="2">站内通知</d-radio>
|
||||
</d-radio-group>
|
||||
</d-form-item>
|
||||
<d-form-item v-if="formData.subscribeType && formData.subscribeType !== '2'" field="subscribeText" :label="textLabel">
|
||||
<d-input v-model="formData.subscribeText" />
|
||||
</d-form-item>
|
||||
</d-form>
|
||||
</div>
|
||||
<div class="subscribe-operation mt-5">
|
||||
@@ -34,9 +31,7 @@ const formData = ref({
|
||||
});
|
||||
const rules = {
|
||||
subscribeType: [{ required: true, message: '请选择', trigger: 'change' }],
|
||||
subscribeText: [{ required: true, message: '不能为空', trigger: 'blur' }],
|
||||
};
|
||||
const textLabel = ref('');
|
||||
const confirm = () => {
|
||||
(formRef?.value as any)?.validate((isValid: boolean, invalidFields: any) => {
|
||||
if (!isValid) {
|
||||
@@ -45,13 +40,6 @@ const confirm = () => {
|
||||
emit('close');
|
||||
});
|
||||
};
|
||||
const typeChange = () => {
|
||||
if (formData.value.subscribeType === '0') {
|
||||
textLabel.value = '手机号';
|
||||
} else if (formData.value.subscribeType === '1') {
|
||||
textLabel.value = '邮箱地址';
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
|
||||
Reference in New Issue
Block a user