优惠卷弹窗
parent
e7ef6de911
commit
6a3e6a11c1
@ -0,0 +1,92 @@
|
|||||||
|
<template>
|
||||||
|
<el-dialog :close-on-click-modal="false" v-dialogDrag :title="title" :visible.sync="dialogVisible" width="1500px">
|
||||||
|
<el-table :data="list" max-height="800" @row-click="rowClick" v-loading="listLoading" :element-loading-text="elementLoadingText" class="margin-top-xs" :header-cell-style="{background: 'linear-gradient(#6cb3ff, #1873d4)' ,color:'#eeeeee'}">
|
||||||
|
<el-table-column width="30px">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-radio v-model="radio" :label="scope.row.id" @change.native="scope.row;">
|
||||||
|
</el-radio>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="优惠卷名称"></el-table-column>
|
||||||
|
<el-table-column label="优惠方式"></el-table-column>
|
||||||
|
<el-table-column label="优惠限制(是否满减)" width="150px"></el-table-column>
|
||||||
|
<el-table-column label="优惠金额/折扣"></el-table-column>
|
||||||
|
<el-table-column label="适用门店"></el-table-column>
|
||||||
|
<el-table-column label="适用项目"></el-table-column>
|
||||||
|
<el-table-column label="有效日期(固定)"></el-table-column>
|
||||||
|
<el-table-column label="是否领取"></el-table-column>
|
||||||
|
<el-table-column label="领取日期"></el-table-column>
|
||||||
|
<el-table-column label="领取几天生效"></el-table-column>
|
||||||
|
<el-table-column label="过期时间"></el-table-column>
|
||||||
|
</el-table>
|
||||||
|
<div class="block" style="margin-top:15px;">
|
||||||
|
<!-- 分页组件 -->
|
||||||
|
<el-pagination align="left" @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="queryForm.pageNum" :page-sizes="[10,20,30,40,50]" :page-size="queryForm.pageSize" layout="total, sizes, prev, pager, next, jumper" :total="total"></el-pagination>
|
||||||
|
</div>
|
||||||
|
<span slot="footer" class="dialog-footer">
|
||||||
|
<el-button size="mini" type="primary" plain @click="handleEmpty">取 消</el-button>
|
||||||
|
<el-button size="mini" type="primary" @click="handleCoupons">确 定
|
||||||
|
</el-button>
|
||||||
|
</span>
|
||||||
|
</el-dialog>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
props:{
|
||||||
|
title:{
|
||||||
|
type:String,
|
||||||
|
default:"优惠卷"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
data () {
|
||||||
|
return {
|
||||||
|
dialogVisible:true,
|
||||||
|
listLoading:false,
|
||||||
|
elementLoadingText:"数据加载中",
|
||||||
|
list:[{id:1},{id:2}],
|
||||||
|
radio:null,
|
||||||
|
selectTabArr:[],
|
||||||
|
total:0,
|
||||||
|
queryForm: {
|
||||||
|
pageSize: 10,
|
||||||
|
pageNum: 1,
|
||||||
|
},
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods:{
|
||||||
|
// 清空选项
|
||||||
|
handleEmpty(){
|
||||||
|
// 清空选项/数组/显示
|
||||||
|
this.dialogVisible = false
|
||||||
|
this.radio = null
|
||||||
|
this.selectTabArr = null
|
||||||
|
},
|
||||||
|
updataIshow(){
|
||||||
|
this.dialogVisible = true
|
||||||
|
},
|
||||||
|
// 处理
|
||||||
|
handleCoupons(){
|
||||||
|
// this.$emit('',this.selectTabArr)
|
||||||
|
// this.handleEmpty()
|
||||||
|
},
|
||||||
|
// 单选
|
||||||
|
rowClick(row){
|
||||||
|
this.radio = row.id
|
||||||
|
this.selectTabArr = [{...row}]
|
||||||
|
},
|
||||||
|
// 切换条
|
||||||
|
handleSizeChange(val) {
|
||||||
|
this.queryForm.pageSize = val;
|
||||||
|
},
|
||||||
|
// 切换页
|
||||||
|
handleCurrentChange(val) {
|
||||||
|
this.queryForm.pageNum = val;
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
|
||||||
|
</style>
|
||||||
Loading…
Reference in New Issue