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
<template>
<el-dialog
title="新建二维码"
width="600px"
:visible.sync="newObj.show">
<el-form label-width="100px">
<el-form-item label="名称">
<el-input v-model="form.title"/>
</el-form-item>
<el-form-item label="推广码">
<el-input v-model="form.invite_code">
<template slot="prepend">CC-SOURCE-</template>
</el-input>
</el-form-item>
<el-form-item label="状态">
<el-select v-model="form.status" placeholder="请选择">
<el-option v-for="item in statusOption"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="二维码类型">
<el-switch
v-model="form.type"
:active-value="1"
:inactive-value="2"
active-text="永久"
inactive-text="临时">
</el-switch>
<span v-if="form.type === 2" style="font-size: 12px;color: #888">
(最多持续一个月)
</span>
<span v-if="form.type === 1" style="font-size: 12px;color: #888">
(永久二维码最多10万个)
</span>
</el-form-item>
<el-form-item label="结束时间" v-if="form.type === 2">
<el-date-picker
v-model="form.end_at"
type="date"
format="yyyy-MM-dd HH:mm:ss"
value-format="yyyy-MM-dd HH:mm:ss"
placeholder="选择日期">
</el-date-picker>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="newObj.show = false">取 消</el-button>
<el-button type="primary" @click="onSave">确 定</el-button>
</span>
</el-dialog>
</template>
<script>
import {createQrCodeApi} from "../../service/api";
export default {
props:[
'newObj'
],
data(){
return {
form:{
title:null,
type:2,
invite_code:null,
status:0,
end_at:null
},
typeOption:[
{
label:'临时',
value:2
},{
label:'永久',
value:1
},
],
statusOption:[
{
label:'正常',
value:0
},{
label:'禁用',
value:1
},
],
}
},
methods:{
onSave(){
let json = {
title:this.form.title,
type:this.form.type,
invite_code:'CC-SOURCE-' + this.form.invite_code,
status:this.form.status,
end_at:this.form.end_at
};
createQrCodeApi(json).then(res=>{
this.$message('创建成功');
this.$emit('initPage');
this.form={
title:null,
type:2,
invite_code:null,
status:0,
end_at:null
};
this.newObj.show=false
})
}
}
}
</script>
<style scoped>
</style>