|
|
@@ -0,0 +1,115 @@
|
|
|
+<template>
|
|
|
+ <div class="app-container">
|
|
|
+ <!-- 搜索 -->
|
|
|
+ <el-form inline label-width="100px" size="mini">
|
|
|
+ <el-form-item label="消息类型：">
|
|
|
+ <el-select placeholder="请选择消息类型">
|
|
|
+ <el-option />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="推送状态：">
|
|
|
+ <el-select placeholder="请选择推送状态">
|
|
|
+ <el-option />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="推送平台：">
|
|
|
+ <el-select placeholder="请选择推送平台">
|
|
|
+ <el-option />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="推送内容：">
|
|
|
+ <el-input placeholder="请输入推送内容" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item>
|
|
|
+ <el-button type="primary" icon="el-icon-search">搜索</el-button>
|
|
|
+ <el-button icon="el-icon-refresh">重置</el-button>
|
|
|
+ <el-button type="primary" icon="el-icon-plus" @click="dialogVisible = true">新增</el-button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <!-- 列表 -->
|
|
|
+ <el-table :data="tableData">
|
|
|
+ <el-table-column label="消息类型" align="center" />
|
|
|
+ <el-table-column label="推送标题" align="center" />
|
|
|
+ <el-table-column label="推送内容" align="center" />
|
|
|
+ <el-table-column label="推送日期" align="center" />
|
|
|
+ <el-table-column label="推送状态" align="center" />
|
|
|
+ <el-table-column label="推送平台" align="center" />
|
|
|
+ <el-table-column label="操作" align="center">
|
|
|
+ <template>
|
|
|
+ <el-button type="text">推送</el-button>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ <!-- 弹窗 -->
|
|
|
+ <el-dialog :visible.sync="dialogVisible" title="推送" width="500px">
|
|
|
+ <el-form label-width="100px">
|
|
|
+ <el-form-item label="推送类型：">
|
|
|
+ <el-select v-model="dialogForm.type" placeholder="请选择推送类型">
|
|
|
+ <el-option v-for="item in typeOptions" :key="item.value" :label="item.label"
|
|
|
+ :value="item.value" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="推送标题：">
|
|
|
+ <el-input placeholder="请输入推送标题" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="推送内容：">
|
|
|
+ <el-input type="textarea" rows="4" placeholder="请输入推送内容" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item v-if="dialogForm.type === 4" label="打开方式：">
|
|
|
+ <el-select placeholder="请选择打开方式">
|
|
|
+ <el-option />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item v-if="dialogForm.type === 4" label="参数：">
|
|
|
+ <el-input placeholder="请输入URL或App参数" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="推送日期：">
|
|
|
+ <el-date-picker type="datetimerange" start-placeholder="开始时间" end-placeholder="结束时间" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="推送平台：">
|
|
|
+ <el-select placeholder="请选择推送平台">
|
|
|
+ <el-option />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <div slot="footer">
|
|
|
+ <el-button>取消</el-button>
|
|
|
+ <el-button type="primary">确定</el-button>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+export default {
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ // 列表
|
|
|
+ tableData: [{
|
|
|
+ id: 1,
|
|
|
+ }],
|
|
|
+ // 弹窗
|
|
|
+ dialogVisible: false,
|
|
|
+ // 推送类型
|
|
|
+ typeOptions: [{
|
|
|
+ value: 1,
|
|
|
+ label: '通知/活动'
|
|
|
+ }, {
|
|
|
+ value: 2,
|
|
|
+ label: '通知/内容'
|
|
|
+ }, {
|
|
|
+ value: 3,
|
|
|
+ label: '通知/系统'
|
|
|
+ }, {
|
|
|
+ value: 4,
|
|
|
+ label: 'push'
|
|
|
+ }],
|
|
|
+ // 表单
|
|
|
+ dialogForm: {}
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="scss" scoped>
|
|
|
+</style>
|
