优惠卷弹窗
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