营销管理-拉新设置

src/views/platform/marketing_management/rreferral_setting.vue

@@ -0,0 +1,59 @@
+<template>
+    <div class="app-container">
+        <el-form :inline="true" :model="setting" ref="setting">
+            <el-form-item>
+                邀请新用户赠送
+            </el-form-item>
+            <el-form-item>
+                <el-input placeholder="请输入"></el-input>
+            </el-form-item>
+            <el-form-item>
+                元
+            </el-form-item>
+            <br />
+            <el-form-item>
+                拉新说明：每邀请一个新用户注册成功，赠送现金到用户余额
+            </el-form-item>
+            <br />
+            <el-form-item label="活动时间" prop="dateRange">
+                <el-date-picker v-model="setting.dateRange" value-format="yyyy-MM-dd" type="daterange"
+                    range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
+            </el-form-item>
+            <br />
+            <el-form-item>
+                每人最高可邀请
+            </el-form-item>
+            <el-form-item>
+                <el-input placeholder="请输入"></el-input>
+            </el-form-item>
+            <el-form-item>
+                人，超过自动冻结
+            </el-form-item>
+            <el-divider />
+            <div class="title">活动规则</div>
+            <div>富文本编辑器</div>
+        </el-form>
+        <div class="text-center">
+            <el-button type="primary">保存</el-button>
+            <el-button @click="resetForm('setting')">重置</el-button>
+        </div>
+    </div>
+</template>
+<script>
+export default {
+    name: 'Setting',
+    data() {
+        return {
+            setting: {
+                dateRange: undefined
+            }
+        }
+    }
+}
+</script>
+<style scoped lang="scss">
+.title {
+    font-size: 14px;
+    font-family: SourceHanSansSC-regular;
+}
+</style>