panqihua
/
ttsbg-java-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

营销管理-活动-新增活动

Browse Source
master
panqihua 2 years ago
parent 6cbde05399
commit 7546f39249
1 changed files with 129 additions and 0 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 129
      src/views/platform/marketing_management/promotion.vue

129
src/views/platform/marketing_management/promotion.vue
Unescape View File

@ -0,0 +1,129 @@
<template>
<div class="app-container">
<el-form :model="queryParams" ref="queryParams" :inline="true">
<el-form-item prop="name">
<el-input v-model="queryParams.name" placeholder="请输入门店名称"></el-input>
</el-form-item>
<el-form-item prop="id">
<el-input v-model="queryParams.id" placeholder="请输入门店ID"></el-input>
</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 @click="resetForm('queryParams')">重置</el-button>
</el-form-item>
<br />
<el-button type="primary" @click="open = true">新增活动</el-button>
<el-table :data="dataList" border class="table">
<el-table-column label="序号" type="index" align="center"></el-table-column>
<el-table-column label="活动名称" align="center">618大促</el-table-column>
<el-table-column label="优惠券" align="center">3</el-table-column>
<el-table-column label="领取用户" align="center">全部</el-table-column>
<el-table-column label="活动时间" align="center">2022-12-31-2023-12-31</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"></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-button type="text">详情</el-button>
<el-button type="text">删除</el-button>
</el-table-column>
</el-table>
</el-form>
<el-dialog :visible.sync="open" title="新增活动" width="1000px">
<el-form :form="addForm" ref="addForm" :inline="true" label-width="80px" label-position="left">
<el-form-item label="活动名称">
<el-input placeholder="请输入"></el-input>
</el-form-item>
<br />
<el-form-item label="优惠券">
满
</el-form-item>
<el-form-item>
<el-input placeholder="请输入"></el-input>
</el-form-item>
<el-form-item>
减
</el-form-item>
<el-form-item>
<el-input placeholder="请输入"></el-input>
</el-form-item>
<el-form-item>
数量
</el-form-item>
<el-form-item>
<el-input placeholder="请输入"></el-input>
</el-form-item>
<el-form-item>
添加
</el-form-item>
<br />
<el-form-item style="margin-left:80px">
满
</el-form-item>
<el-form-item>
<el-input placeholder="请输入"></el-input>
</el-form-item>
<el-form-item>
减
</el-form-item>
<el-form-item>
<el-input placeholder="请输入"></el-input>
</el-form-item>
<el-form-item>
数量
</el-form-item>
<el-form-item>
<el-input placeholder="请输入"></el-input>
</el-form-item>
<br />
<el-form-item label="使用限制" style="margin-top:100px">
<el-input v-model="addForm.limit"></el-input>
</el-form-item>
<br />
<el-form-item label="备注">
<el-input v-model="addForm.remark" type="textarea" autosize></el-input>
</el-form-item>
</el-form>
<div class="text-center">
<el-button type="primary" @click="save">保存</el-button>
<el-button>重置</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
export default {
name: 'Promotion',
data() {
return {
open: false,
dataList: [{}],
addForm: {
limit: undefined,
remark: undefined
},
queryParams: {
name: undefined,
id: undefined,
dateRange: undefined
}
}
},
methods: {
save() {
this.$modal.msgSuccess('保存成功')
this.open = false
}
}
}
</script>
<style scoped lang="scss">
.table {
margin-top: 10px;
}
</style>
Write Preview
Loading…
Cancel
Save