后台活动UI

src/router/index.js

@@ -452,6 +452,8 @@ export const asyncRoutes = {
   couponManager:()=>import ('@/views/couponManager'),
   // 优惠券明细
   couponDetail:()=>import ('@/views/couponManager/couponDetail'),
+  // 优惠券明细
+  activeMarketing:()=>import ('@/views/activityScheduling/activeMarketing'),
 }
 
 export default router

src/views/activityScheduling/activeMarketing.vue

@@ -0,0 +1,134 @@
+<template>
+    <div class="m-container">
+        <h2>
+            <div class="squrt"></div>营销活动列表
+        </h2>
+
+        <div class="m-core">
+            <save-form
+                ref="searchForm"
+                :inline="true"
+                :model="searchForm"
+                @submit="search"
+                @reset="onReSet"
+            >
+                <el-form-item prop="search">
+                    <el-input
+                        v-model="searchForm.search"
+                        clearable
+                        placeholder="活动名称/活动编号"
+                    />
+                </el-form-item>
+                <el-form-item prop="search">
+                    <el-input
+                        v-model="searchForm.search"
+                        clearable
+                        placeholder="活动方案编号"
+                    />
+                </el-form-item>
+                <el-form-item>
+                    <el-button native-type="submit" type="primary">搜索</el-button>
+                    <el-button native-type="reset" type="danger">重置</el-button>
+                    <!-- <el-button @click="marketVisible = true">新建</el-button> -->
+                </el-form-item>
+            </save-form>
+
+            <el-table
+                style="width: 100%"
+                :header-cell-style="{ background: '#EDEEF0', color: '#444' }"
+                :data="tableList"
+            >
+                <el-table-column align="center" prop="id" label="营销活动编号">
+                    <template slot-scope="scope">
+                        <div>
+                        <copy-text>{{ scope.row.id }}</copy-text>
+                        </div>
+                    </template>
+                </el-table-column>
+                <el-table-column align="center" prop="name" label="活动名称">
+                    <template slot-scope="scope">
+                        <copy-text>{{ scope.row.name }}</copy-text>
+                    </template>
+                </el-table-column>
+                <el-table-column align="center" prop="type" label="关联活动方案">
+                    <template slot-scope="scope">
+                        {{ scope.row.type | songUseTypeFormat }}
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    align="center"
+                    width="180px"
+                    label="操作"
+                    fixed="right"
+                >
+                    <template slot-scope="scope">
+                        <el-button
+                            type="text"
+                        >修改</el-button>
+                    </template>
+                </el-table-column>
+            </el-table>
+            <pagination
+                sync
+                :total.sync="rules.total"
+                :page.sync="rules.page"
+                :limit.sync="rules.limit"
+                :page-sizes="rules.page_size"
+                @pagination="FetchList"
+            />
+        </div>
+
+        <el-dialog
+            title="修改"
+            :visible.sync="marketVisible"
+            width="550px"
+            v-if="marketVisible"
+        >
+            <market-form
+                @submited="FetchList"
+                @close="marketVisible = false"
+            />
+        </el-dialog>
+    </div>
+</template>
+
+<script>
+import saveForm from "@/components/save-form";
+import pagination from "@/components/Pagination/index";
+import marketForm from './modals/market'
+export default {
+    components: {
+        saveForm,
+        pagination,
+        marketForm
+    },
+    data() {
+        return {
+            marketVisible: false,
+            searchForm: {
+                search: null
+            },
+            rules: {
+                // 分页规则
+                limit: 10, // 限制显示条数
+                page: 1, // 当前页
+                total: 0, // 总条数
+                page_size: [10, 20, 40, 50], // 选择限制显示条数
+            },
+            tableList: [],
+        }
+    },
+    methods: {
+        search() {
+
+        },
+        onReSet() {
+            this.$refs.searchForm.resetFields();
+            this.FetchList();
+        },
+        FetchList() {
+
+        }
+    }
+}
+</script>

src/views/activityScheduling/api.js

@@ -0,0 +1,9 @@
+import request from '@/utils/request'
+
+export function getCountCloudTeacherList (data) {
+    return request({
+        url: '/api-web/studentManage/countCloudTeacherActive',
+        method: 'get',
+        params: data
+    })
+}

src/views/activityScheduling/modals/market.vue

@@ -0,0 +1,51 @@
+<template>
+    <div>
+        <el-form ref="form" :model="form" label-width="100px">
+            <el-form-item
+                prop="activeId"
+                label="营销活动编号"
+            >
+                <el-input placeholder="请输入营销活动编号" disabled v-model="form.activeId"/>
+            </el-form-item>
+            <el-form-item
+                prop="activeName"
+                label="活动名称"
+            >
+                <el-input placeholder="请输入活动名称" disabled v-model="form.activeName"/>
+            </el-form-item>
+            <el-form-item label="收费详情" prop="ids" :rules="[{required: true, message: '请输入收费详情'}]">
+                <el-input
+                    type="textarea"
+                    v-model.trim="form.ids"
+                    style="width: 100%"
+                    maxlength="300"
+                    :autosize="{ minRows: 5 }"
+                ></el-input>
+            </el-form-item>
+
+            <div style="text-align: right;">
+                <el-button type="primary" @click="submit">提交</el-button>
+                <el-button @click="$listeners.close">取消</el-button>
+            </div>
+        </el-form>
+    </div>
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+            form: {
+                activeId: '00001',
+                activeName: '活动名称',
+                ids: '13132,1445,12345,5643',
+            }
+        }
+    },
+    methods: {
+        submit() {
+            console.log('提交')
+        }
+    }
+}
+</script>