新增用户管理，活动管理

src/views/user_manage/components/addActive.vue

@@ -0,0 +1,115 @@
+<template>
+    <div>
+        <el-dialog :title="form.id ? '编辑活动' : '添加活动'" :visible.sync="dialogVisible" @close="reset">
+            <el-form ref="form" :model="form" :rules="rules" label-width="120px" label-position="left">
+                <el-form-item label="最小金额">
+                    <el-input-number v-model="form.minNum" controls-position="right" :min="1"></el-input-number>
+                </el-form-item>
+                <el-form-item label="最大金额">
+                    <el-input-number v-model="form.maxNum" controls-position="right" :min="1"></el-input-number>
+                </el-form-item>
+                <el-form-item label="赠送数量">
+                    <el-input-number v-model="form.handselNum" controls-position="right" :min="1"></el-input-number>
+                </el-form-item>
+                <el-form-item label="赠送类型">
+                    <el-select v-model="form.handselType">
+                        <el-option :label="item.label" :value="item.value" v-for="item in handselTypes"
+                            :key="item.value"></el-option>
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="状态">
+                    <el-switch v-model="form.isDel" active-value="0" inactive-value="1"></el-switch>
+                </el-form-item>
+            </el-form>
+            <span slot="footer" class="dialog-footer">
+                <el-button @click="dialogVisible = false">取 消</el-button>
+                <el-button type="primary" :loading="loading" @click="onSubmitHandle">确 定</el-button>
+            </span>
+        </el-dialog>
+    </div>
+</template>
+
+<script>
+import handselTypes from '../handselTypes'
+import { modityActivate } from '@/api/shop'
+
+export default {
+    data() {
+        return {
+            dialogVisible: false,
+            loading: false,
+            handselTypes: handselTypes,
+            form: {
+                id: '',
+                shopId: '',
+                minNum: 1,
+                maxNum: 1,
+                handselNum: 1, // 打印类型
+                handselType: 'GD',
+                isDel: '0'
+            },
+            resetForm: '',
+            rules: {
+                minNum: [
+                    {
+                        required: true,
+                        message: ' ',
+                        trigger: 'blur'
+                    }
+                ],
+                maxNum: [
+                    {
+                        required: true,
+                        message: ' ',
+                        trigger: 'blur'
+                    }
+                ]
+            }
+        }
+    },
+    mounted() {
+        this.resetForm = { ...this.form }
+    },
+    methods: {
+        // 确认选择商品分类
+        classifySuccess(e) {
+            this.form.config.categoryList = e
+        },
+        onSubmitHandle() {
+            console.log(this.form)
+            this.$refs.form.validate(async valid => {
+                if (valid) {
+                    try {
+                        this.loading = true
+                        this.form.shopId = localStorage.getItem('shopId')
+                        let res = await modityActivate(this.form)
+                        this.$emit('success', res)
+                        this.close()
+                        this.$notify({
+                            title: '成功',
+                            message: `${this.form.id ? '编辑' : '添加'}成功`,
+                            type: 'success'
+                        });
+                        this.loading = false
+                    } catch (error) {
+                        this.loading = false
+                        console.log(error)
+                    }
+                }
+            })
+        },
+        show(obj) {
+            this.dialogVisible = true
+            if (obj && obj.id) {
+                this.form = { ...obj }
+            }
+        },
+        close() {
+            this.dialogVisible = false
+        },
+        reset() {
+            this.form = { ...this.resetForm }
+        }
+    }
+}
+</script>