营销管理-拉新申请

src/views/platform/marketing_management/apply.vue

@@ -0,0 +1,58 @@
+<template>
+    <div class="app-container">
+        <el-tabs :activeName="activeName" type="card">
+            <el-tab-pane name="all" label="全部"></el-tab-pane>
+            <el-tab-pane name="unlocked" label="未冻结"></el-tab-pane>
+            <el-tab-pane name="locked" label="已冻结"></el-tab-pane>
+        </el-tabs>
+        <el-form :inline="true">
+            <el-form-item>
+                <el-select v-model="queryParams.status" placeholder="全部状态" clearable>
+                    <el-option v-for="dict in dict.type.apply_status" :key="dict.value" :label="dict.label"
+                        :value="dict.value" />
+                </el-select>
+            </el-form-item>
+            <el-form-item prop="dateRange">
+                <el-date-picker v-model="queryParams.dateRange" value-format="yyyy-MM-dd" type="daterange"
+                    range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
+            </el-form-item>
+            <el-form-item>
+                <el-button type="primary">查询</el-button>
+                <el-button>重置</el-button>
+            </el-form-item>
+        </el-form>
+        <el-table :data="dataList" border>
+            <el-table-column type="index" label="序号" align="center"></el-table-column>
+            <el-table-column label="用户昵称" align="center">小年</el-table-column>
+            <el-table-column label="学生证号" align="center">20221201</el-table-column>
+            <el-table-column label="学生证" align="center">
+                <img src="http://www.dummyimage.com/50x50" />
+            </el-table-column>
+            <el-table-column label="状态" align="center">
+                已冻结
+            </el-table-column>
+            <el-table-column label="审核人" align="center">小妮</el-table-column>
+            <el-table-column label="申请时间" align="center">2022-12-31 12:31</el-table-column>
+            <el-table-column label="冻结时间" align="center">2022-12-31 12:31</el-table-column>
+            <el-table-column label="操作" align="center">
+                <el-button type="text">解除冻结</el-button>
+            </el-table-column>
+        </el-table>
+    </div>
+</template>
+<script>
+export default {
+    name: 'Apply',
+    dicts: ['apply_status'],
+    data() {
+        return {
+            dataList: [{}],
+            activeName: 'all',
+            queryParams: {
+                status: undefined,
+                dateRange: undefined
+            }
+        }
+    }
+}
+</script>