businessChannelsModal.vue
5.47 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
<template>
<a-modal :title="title" :width="800" :centered="true" :visible="visible" :confirmLoading="confirmLoading"
@ok="handleSubmit" @cancel="handleCancel" cancelText="关闭" style="top:20px;" :maskClosable="false">
<a-spin :spinning="confirmLoading">
<a-form :form="form">
<!-- <a-form-item label="短信模板编号" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="请输入短信模板编号" v-decorator="['businessChannelNo', validatorRules.businessChannelNo]" />
</a-form-item> -->
<a-form-item label="业务线名称" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-select placeholder="请选择业务线名称" v-decorator="['businessChannelNo', validatorRules.businessChannelNo]">
<a-select-option v-for="(item, index) in dbBusinessChannel" :key="index" :value="item.name">{{ item.title }}
</a-select-option>
</a-select>
</a-form-item>
<a-form-item label="短信类型" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-select placeholder="请选择短信类型" v-decorator="['templateType', validatorRules.templateType]">
<a-select-option :value="1">授信</a-select-option>
<a-select-option :value="2">用信</a-select-option>
<a-select-option :value="3">还款</a-select-option>
<a-select-option :value="4">催收</a-select-option>
<a-select-option :value="5">其它</a-select-option>
</a-select>
</a-form-item>
<a-form-item label="发送节点" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-select placeholder="请选择发送节点" v-decorator="['sendSignal', validatorRules.sendSignal]">
<a-select-option :value="1">注册</a-select-option>
<a-select-option :value="2">授信成功</a-select-option>
<a-select-option :value="3">授信失败</a-select-option>
<a-select-option :value="4">放款成功</a-select-option>
<a-select-option :value="5">放款失败</a-select-option>
<a-select-option :value="6">还款成功</a-select-option>
<a-select-option :value="7">还款失败</a-select-option>
<a-select-option :value="8">绑卡</a-select-option>
</a-select>
</a-form-item>
<a-form-item label="短信接收方" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-select placeholder="请选择短信接收方"
v-decorator="['templateReceiver', validatorRules.templateReceiver]">
<a-select-option :value="1">注册手机号</a-select-option>
<a-select-option :value="2">银行预留手机号</a-select-option>
<a-select-option :value="3">注册手机号和银行预留手机号</a-select-option>
</a-select>
</a-form-item>
<a-form-item label="短信内容" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-textarea rows="4" placeholder="短信内容" v-decorator="['templateContent', validatorRules.templateContent]" />
</a-form-item>
<a-form-item label="备注" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-textarea rows="4" placeholder="备注" v-decorator="['remark']" />
</a-form-item>
</a-form>
</a-spin>
</a-modal>
</template>
<script>
import { changPassword } from '@/api/api'
import { saveOrUpdateInsSms } from '@/api/configApi'
export default {
name: 'PasswordModal',
data() {
return {
visible: false,
confirmLoading: false,
confirmDirty: false,
dbBusinessChannel: JSON.parse(sessionStorage.getItem('DB_BUSINESS_CHANNEL')),//业务线名称
title: '',
validatorRules: {
},
type: 'add',
model: {
},
labelCol: {
xs: { span: 24 },
sm: { span: 5 }
},
wrapperCol: {
xs: { span: 24 },
sm: { span: 16 }
},
form: this.$form.createForm(this),
id: '',
thisLength: ''
}
},
created() {
console.log('created')
},
methods: {
edit(username) {
this.id = username.id
this.type = 'edit'
this.form.resetFields()
this.visible = true
this.model = username
console.log(username.templateType)
this.$nextTick(() => {
this.form.setFieldsValue(username)
})
},
add(username) {
this.type = 'add'
this.form.resetFields()
this.visible = true
this.model.username = '11'
this.$nextTick(() => {
this.form.setFieldsValue()
})
},
onChange() { },
close() {
this.$emit('close')
this.visible = false
this.disableSubmit = false
this.selectedRole = []
},
handleSubmit() {
// 触发表单验证
this.form.validateFields((err, values) => {
console.log(err, values)
if (!err) {
this.confirmLoading = true
let a = {id:this.id}
let formData = Object.assign(values,a)
// let formData = values
saveOrUpdateInsSms(formData)
.then(res => {
if (res.status.statusCode == 0) {
this.$message.success(res.status.statusReason)
this.$emit('ok')
} else {
this.$message.warning(res.status.statusReason)
}
})
.finally(() => {
this.confirmLoading = false
this.close()
})
}
})
},
handleCancel() {
this.close()
}
}
}
</script>