|
|
@@ -0,0 +1,119 @@
|
|
|
+<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" @click="getUpload">批量推送短信</el-button>
|
|
|
+ <!-- <Upload title="批量推送短信" @upload="getUpload" style="margin: 0 10px" /> -->
|
|
|
+ <el-button type="danger" @click="getDialog()">批量过期</el-button>
|
|
|
+ <el-button type="text">模板下载</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="Key" align="center" />
|
|
|
+ <el-table-column label="发送时间" align="center" />
|
|
|
+ <el-table-column label="当前状态" align="center" />
|
|
|
+ <el-table-column label="操作">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-button type="text" @click="getDialog(scope.row)">查看</el-button>
|
|
|
+ <el-button type="text">重新发送</el-button>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ <!-- 弹窗 -->
|
|
|
+ <el-dialog :visible.sync="dialogVisible" :title="title">
|
|
|
+ <!-- 批量发送短信 批量过期 -->
|
|
|
+ <div v-if="isShow()">
|
|
|
+ <el-form inline v-if="title === '批量推送短信'">
|
|
|
+ <el-form-item label="服务时长：">
|
|
|
+ <el-select placeholder="请选择服务时长">
|
|
|
+ <el-option />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <el-table>
|
|
|
+ <el-table-column type="selection" 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>
|
|
|
+ </div>
|
|
|
+ <!-- 查看详情 -->
|
|
|
+ <div v-else>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <div slot="footer" v-if="isShow()">
|
|
|
+ <el-button>取消</el-button>
|
|
|
+ <el-button v-if="title === '批量推送短信'" type="primary">发送</el-button>
|
|
|
+ <el-button v-else type="primary">确定</el-button>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import Upload from '@/components/Upload/index'
|
|
|
+export default {
|
|
|
+ components: {
|
|
|
+ Upload
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ tableData: [{
|
|
|
+ value: 1
|
|
|
+ }],
|
|
|
+ // 弹窗
|
|
|
+ dialogVisible: false,
|
|
|
+ title: ''
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ getUpload(e) {
|
|
|
+ this.dialogVisible = true
|
|
|
+ this.title = '批量推送短信'
|
|
|
+ },
|
|
|
+ // 批量过期
|
|
|
+ getDialog(row) {
|
|
|
+ this.dialogVisible = true
|
|
|
+ if (row) {
|
|
|
+ this.title = row.name
|
|
|
+ } else {
|
|
|
+ this.title = '批量过期'
|
|
|
+ }
|
|
|
+ },
|
|
|
+ isShow(){
|
|
|
+ return this.title === '批量推送短信' || this.title === '批量过期'
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="scss" scope>
|
|
|
+</style>
|
