可乐加冰
@@ -0,0 +1,158 @@
|
||||
<link rel="stylesheet" href="__CDN__/assets/addons/shopro/libs/element/element.css">
|
||||
<link rel="stylesheet" href="__CDN__/assets/addons/shopro/libs/common.css">
|
||||
<style>
|
||||
#pageDetail {
|
||||
background: #fff;
|
||||
overflow: auto;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.msg-tip {
|
||||
margin-left: 30px;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.select-goods {
|
||||
width: 146px;
|
||||
height: 50px;
|
||||
border: 1px solid #E6E6E6;
|
||||
border-radius: 4px;
|
||||
margin-right: 10px;
|
||||
position: relative;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.select-goods-selected {
|
||||
border-color: #7438D5;
|
||||
}
|
||||
|
||||
.select-goods-img {
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.select-goods div {
|
||||
padding: 0 8px;
|
||||
line-height: 14px;
|
||||
-webkit-line-clamp: 2;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.delete-goods {
|
||||
position: absolute;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
top: -8px;
|
||||
right: -8px;
|
||||
|
||||
}
|
||||
|
||||
.label-auto {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
.modify-text {
|
||||
margin-right: 14px;
|
||||
}
|
||||
|
||||
[v-cloak] {
|
||||
display: none
|
||||
}
|
||||
</style>
|
||||
<script src="__CDN__/assets/addons/shopro/libs/vue.js"></script>
|
||||
<script src="__CDN__/assets/addons/shopro/libs/element/element.js"></script>
|
||||
<script src="__CDN__/assets/addons/shopro/libs/moment.js"></script>
|
||||
<div id="pageDetail" v-cloak>
|
||||
<el-form :model="detailData" :rules="rules" ref="detailData" label-width="108px" class="detail-form">
|
||||
<el-form-item label="优惠券名称：" prop="name">
|
||||
<div class="display-flex">
|
||||
<el-input type="input" v-model="detailData.name" placeholder="请输入优惠券名称"></el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="优惠类型：" prop="type">
|
||||
<el-radio-group v-model="detailData.type">
|
||||
<el-radio label="cash">代金券</el-radio>
|
||||
<!-- <el-radio label="">折扣券</el-radio> -->
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<el-form-item label="优惠券描述：">
|
||||
<el-input type="input" v-model="detailData.description" placeholder="仅商家端显示，用于区分相似优惠券(最多可输入十个字)"
|
||||
maxlength="11"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="领取时间：" prop="gettime">
|
||||
<el-date-picker v-model="detailData.gettime" type="datetimerange" range-separator="至"
|
||||
value-format="yyyy-MM-dd HH:mm:ss" format="yyyy-MM-dd HH:mm:ss" start-placeholder="开始日期"
|
||||
end-placeholder="结束日期" @change="changeTime('gettime')">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="使用时间：" prop="usetime">
|
||||
<el-date-picker v-model="detailData.usetime" type="datetimerange" range-separator="至"
|
||||
value-format="yyyy-MM-dd HH:mm:ss" format="yyyy-MM-dd HH:mm:ss" start-placeholder="开始日期"
|
||||
end-placeholder="结束日期" @change="changeTime('usetime')">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="发券总量：">
|
||||
<div class="display-flex">
|
||||
<el-input v-positive-integer type="number" v-model="detailData.stock" style="width:170px;" placeholder="请输入发券总量" min="0"
|
||||
step="1">
|
||||
<template slot="append">张</template>
|
||||
</el-input>
|
||||
<div class="msg-tip">修改优惠券总量时只能增加不能减少，请谨慎设置</div>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="每人限领：">
|
||||
<div class="display-flex">
|
||||
<el-input v-positive-integer type="number" v-model="detailData.limit" style="width:170px;" placeholder="请输入每人限领">
|
||||
<template slot="append">张</template>
|
||||
</el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="使用门槛：" prop="enough">
|
||||
<div class="display-flex">
|
||||
<el-input v-enter-number type="number" v-model="detailData.enough" style="width:170px;"
|
||||
placeholder="请输入使用门槛">
|
||||
<template slot="append">元</template>
|
||||
</el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="减免金额：" prop="amount">
|
||||
<div class="display-flex">
|
||||
<el-input v-enter-number type="number" v-model="detailData.amount" style="width:170px;"
|
||||
placeholder="请输入减免金额">
|
||||
<template slot="append">元</template>
|
||||
</el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="适用商品：" prop="goods_type">
|
||||
<div>
|
||||
<el-radio-group v-model="detailData.goods_type">
|
||||
<el-radio label="all">全部商品可用</el-radio>
|
||||
<el-radio label="part">指定商品可用</el-radio>
|
||||
</el-radio-group>
|
||||
<div class="display-flex" style="flex-wrap: wrap;" v-if="detailData.goods_type=='part'">
|
||||
<div class="select-goods display-flex" :class="item.selected?'select-goods-selected':''"
|
||||
v-for="(item,index) in goods_arr" @click="operation('selectedDel',index)">
|
||||
<img class="select-goods-img" :src="Fast.api.cdnurl(item.image)">
|
||||
<div class="flex-1 ellipsis-item">
|
||||
{{item.title}}
|
||||
</div>
|
||||
<img v-if="item.selected" class="delete-goods label-auto"
|
||||
src="/assets/addons/shopro/img/goods/close.png" @click="operation('delete',index)">
|
||||
</div>
|
||||
</div>
|
||||
<div class="display-flex" v-if="detailData.goods_type=='part'">
|
||||
<div class="display-flex">
|
||||
<div class="theme-color cursor-pointer modify-text" @click="operation('selected')">修改已选商品</div>
|
||||
<div class="theme-delete-color cursor-pointer" @click="operation('clear')">清空</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div class="dialog-footer display-flex">
|
||||
<div @click="submit" class="dialog-cancel-btn display-flex-c cursor-pointer">取消</div>
|
||||
<div @click="submit('yes','detailData')" class="dialog-define-btn display-flex-c cursor-pointer">确定</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,159 @@
|
||||
<link rel="stylesheet" href="__CDN__/assets/addons/shopro/libs/element/element.css">
|
||||
<link rel="stylesheet" href="__CDN__/assets/addons/shopro/libs/common.css">
|
||||
<style>
|
||||
#pageDetail {
|
||||
background: #fff;
|
||||
overflow: auto;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.msg-tip {
|
||||
margin-left: 30px;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.select-goods {
|
||||
width: 146px;
|
||||
height: 50px;
|
||||
border: 1px solid #E6E6E6;
|
||||
border-radius: 4px;
|
||||
margin-right: 10px;
|
||||
position: relative;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.select-goods-selected {
|
||||
border-color: #7438D5;
|
||||
}
|
||||
|
||||
.select-goods-img {
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.select-goods div {
|
||||
padding: 0 8px;
|
||||
line-height: 14px;
|
||||
-webkit-line-clamp: 2;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.delete-goods {
|
||||
position: absolute;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
top: -8px;
|
||||
right: -8px;
|
||||
|
||||
}
|
||||
|
||||
.label-auto {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
.modify-text {
|
||||
margin-right: 14px;
|
||||
}
|
||||
|
||||
[v-cloak] {
|
||||
display: none
|
||||
}
|
||||
</style>
|
||||
<script src="__CDN__/assets/addons/shopro/libs/vue.js"></script>
|
||||
<script src="__CDN__/assets/addons/shopro/libs/element/element.js"></script>
|
||||
<script src="__CDN__/assets/addons/shopro/libs/moment.js"></script>
|
||||
<div id="pageDetail" v-cloak>
|
||||
<el-form :model="detailData" :rules="rules" ref="detailData" label-width="108px" class="detail-form">
|
||||
<el-form-item label="优惠券名称：" prop="name">
|
||||
<div class="display-flex">
|
||||
<el-input type="input" v-model="detailData.name" placeholder="请输入优惠券名称"></el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="优惠类型：" prop="type">
|
||||
<el-radio-group v-model="detailData.type">
|
||||
<el-radio label="cash">代金券</el-radio>
|
||||
<!-- <el-radio label="">折扣券</el-radio> -->
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<el-form-item label="优惠券描述：">
|
||||
<el-input type="input" v-model="detailData.description" placeholder="仅商家端显示，用于区分相似优惠券(最多可输入十个字)"
|
||||
maxlength="11"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="领券时间：" prop="gettime">
|
||||
<el-date-picker v-model="detailData.gettime" type="datetimerange" range-separator="至"
|
||||
value-format="yyyy-MM-dd HH:mm:ss" format="yyyy-MM-dd HH:mm:ss" start-placeholder="开始日期"
|
||||
end-placeholder="结束日期" @change="changeTime('gettime')">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="用券时间：" prop="usetime">
|
||||
<el-date-picker v-model="detailData.usetime" type="datetimerange" range-separator="至"
|
||||
value-format="yyyy-MM-dd HH:mm:ss" format="yyyy-MM-dd HH:mm:ss" start-placeholder="开始日期"
|
||||
end-placeholder="结束日期" @change="changeTime('usetime')">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="发券总量：">
|
||||
<div class="display-flex">
|
||||
<el-input v-positive-integer type="number" v-model="detailData.stock" style="width:170px;" placeholder="请输入发券总量">
|
||||
<template slot="append">张</template>
|
||||
</el-input>
|
||||
<div class="msg-tip">修改优惠券总量时只能增加不能减少，请谨慎设置</div>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="每人限领：">
|
||||
<div class="display-flex">
|
||||
<el-input v-positive-integer type="number" v-model="detailData.limit" style="width:170px;" placeholder="请输入每人限领">
|
||||
<template slot="append">张</template>
|
||||
</el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="使用门槛：" prop="enough">
|
||||
<div class="display-flex">
|
||||
<el-input v-enter-number type="number" v-model="detailData.enough" style="width:170px;"
|
||||
placeholder="请输入使用门槛">
|
||||
<template slot="append">元</template>
|
||||
</el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="减免金额：" prop="amount">
|
||||
<div class="display-flex">
|
||||
<el-input v-enter-number type="number" v-model="detailData.amount" style="width:170px;"
|
||||
placeholder="请输入减免金额">
|
||||
<template slot="append">元</template>
|
||||
</el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="适用商品：" prop="goods_type">
|
||||
<div>
|
||||
<el-radio-group v-model="detailData.goods_type">
|
||||
<el-radio label="all">全部商品可用</el-radio>
|
||||
<el-radio label="part">指定商品可用</el-radio>
|
||||
</el-radio-group>
|
||||
<div class="display-flex" style="flex-wrap: wrap;" v-if="detailData.goods_type=='part'">
|
||||
<div class="select-goods display-flex" :class="item.selected?'select-goods-selected':''"
|
||||
v-for="(item,index) in goods_arr" @click="operation('selectedDel',index)">
|
||||
<img class="select-goods-img" :src="Fast.api.cdnurl(item.image)">
|
||||
<div class="flex-1 ellipsis-item">
|
||||
{{item.title}}
|
||||
</div>
|
||||
<img v-if="item.selected" class="delete-goods label-auto"
|
||||
src="/assets/addons/shopro/img/goods/close.png" @click="operation('delete',index)">
|
||||
</div>
|
||||
</div>
|
||||
<div class="display-flex" v-if="detailData.goods_type=='part'">
|
||||
<div class="display-flex">
|
||||
<div class="theme-color cursor-pointer modify-text" @click="operation('selected')">
|
||||
{{goods_arr.length>0?'修改已选商品':'选择商品'}}
|
||||
</div>
|
||||
<div class="theme-delete-color cursor-pointer" @click="operation('clear')">清空</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div class="dialog-footer display-flex">
|
||||
<div @click="submit" class="dialog-cancel-btn display-flex-c cursor-pointer">取消</div>
|
||||
<div @click="submit('yes','detailData')" class="dialog-define-btn display-flex-c cursor-pointer">确定</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,147 @@
|
||||
<link rel="stylesheet" href="__CDN__/assets/addons/shopro/libs/element/element.css">
|
||||
<link rel="stylesheet" href="__CDN__/assets/addons/shopro/libs/common.css">
|
||||
<style>
|
||||
#indexPage {
|
||||
color: #444;
|
||||
background: #fff;
|
||||
padding: 0 20px 30px;
|
||||
}
|
||||
|
||||
.create-btn {
|
||||
width: 110px;
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
.delete-btn {
|
||||
width: 88px;
|
||||
height: 32px;
|
||||
border: 1px solid #E6E6E6;
|
||||
border-radius: 4px;
|
||||
color: #999;
|
||||
font-size: 13px;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.delete-btn-active {
|
||||
color: #FF5959;
|
||||
border-color: #FF5959;
|
||||
}
|
||||
|
||||
.el-input__inner,
|
||||
.el-input__icon {
|
||||
height: 32px;
|
||||
line-height: 32px;
|
||||
|
||||
}
|
||||
|
||||
[v-cloak] {
|
||||
display: none
|
||||
}
|
||||
</style>
|
||||
<script src="__CDN__/assets/addons/shopro/libs/vue.js"></script>
|
||||
<script src="__CDN__/assets/addons/shopro/libs/element/element.js"></script>
|
||||
<script src="__CDN__/assets/addons/shopro/libs/moment.js"></script>
|
||||
<div id="indexPage" v-cloak>
|
||||
<div class="custom-header display-flex">
|
||||
<div class="choose-status">
|
||||
优惠券
|
||||
</div>
|
||||
<div class="custom-search">
|
||||
<el-input placeholder="请输入标题" suffix-icon="el-icon-search" v-model="searchKey">
|
||||
</el-input>
|
||||
</div>
|
||||
</div>
|
||||
<div class="custom-table">
|
||||
<div class="custom-table-header display-flex-b">
|
||||
<div class="display-flex">
|
||||
<div class="custom-refresh display-flex-c" @click="getData">
|
||||
<i class="el-icon-refresh"></i>
|
||||
</div>
|
||||
{if condition = "$auth->check('shopro/coupons/add')"}
|
||||
<div class="create-btn display-flex-c" @click="operation('create')">
|
||||
<i class="el-icon-plus"></i>
|
||||
<span>新建优惠券</span>
|
||||
</div>
|
||||
{/if}
|
||||
{if condition = "$auth->check('shopro/coupons/del')"}
|
||||
<div class="delete-btn cursor-pointer display-flex"
|
||||
:class="multipleSelection.length>0?'delete-btn-active':'' " @click="operation('del')">
|
||||
删除
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
{if condition = "$auth->check('shopro/coupons/recyclebin')"}
|
||||
<div class="recycle-btn display-flex-c" @click="operation('recyclebin')">
|
||||
<i class="fa fa-recycle"></i>
|
||||
回收站
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
<div>
|
||||
<el-table ref="multipleTable" :data="data" tooltip-effect="dark" style="width: 100%" border
|
||||
@selection-change="handleSelectionChange" :row-class-name="tableRowClassName"
|
||||
:cell-class-name="tableCellClassName" :header-cell-class-name="tableCellClassName"
|
||||
@row-dblclick="operation">
|
||||
<el-table-column type="selection" min-width="40">
|
||||
</el-table-column>
|
||||
<el-table-column label="ID" min-width="60" prop="id">
|
||||
</el-table-column>
|
||||
<el-table-column label="优惠券名称" min-width="150">
|
||||
<template slot-scope="scope">
|
||||
<div class="ellipsis-item">
|
||||
{{scope.row.name}}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="优惠券描述" min-width="160">
|
||||
<template slot-scope="scope">
|
||||
<div class="ellipsis-item">
|
||||
{{scope.row.description}}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="优惠内容" min-width="180">
|
||||
<template slot-scope="scope">
|
||||
<div>
|
||||
满{{scope.row.enough}}元,减{{scope.row.amount}}元
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="优惠券类型" min-width="100">
|
||||
<template slot-scope="scope">
|
||||
<div>
|
||||
{{scope.row.type_text}}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="getnum" label="已领取" min-width="80">
|
||||
</el-table-column>
|
||||
<el-table-column prop="usenum" label="已使用" min-width="80">
|
||||
</el-table-column>
|
||||
<el-table-column prop="stock" label="剩余" min-width="70">
|
||||
</el-table-column>
|
||||
<el-table-column prop="gettime" label="有效期" min-width="300">
|
||||
</el-table-column>
|
||||
<el-table-column fixed="right" label="操作" min-width="110">
|
||||
<template slot-scope="scope">
|
||||
{if condition = "$auth->check('shopro/coupons/edit')"}
|
||||
<span class="table-edit-text" @click="operation('edit',scope.row.id)">编辑
|
||||
</span>
|
||||
{/if}
|
||||
{if condition = "$auth->check('shopro/coupons/del')"}
|
||||
<span class="table-delete-text" @click="operation('del',scope.row.id)">删除</span>
|
||||
{/if}
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
<div class="pagination-container display-flex">
|
||||
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
|
||||
:current-page="currentPage" :page-sizes="[10, 20, 30, 40]" :page-size="limit"
|
||||
layout="total, sizes, prev, pager, next, jumper" :total="totalPage">
|
||||
</el-pagination>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,25 @@
|
||||
<div class="panel panel-default panel-intro">
|
||||
{:build_heading()}
|
||||
|
||||
<div class="panel-body">
|
||||
<div id="myTabContent" class="tab-content">
|
||||
<div class="tab-pane fade active in" id="one">
|
||||
<div class="widget-body no-padding">
|
||||
<div id="toolbar" class="toolbar">
|
||||
{:build_toolbar('refresh')}
|
||||
<a class="btn btn-info btn-multi btn-disabled disabled {:$auth->check('shopro/coupons/restore')?'':'hide'}" href="javascript:;" data-url="shopro/coupons/restore" data-action="restore"><i class="fa fa-rotate-left"></i> {:__('Restore')}</a>
|
||||
<a class="btn btn-danger btn-multi btn-disabled disabled {:$auth->check('shopro/coupons/destroy')?'':'hide'}" href="javascript:;" data-url="shopro/coupons/destroy" data-action="destroy"><i class="fa fa-times"></i> {:__('Destroy')}</a>
|
||||
<a class="btn btn-success btn-restoreall {:$auth->check('shopro/coupons/restore')?'':'hide'}" href="javascript:;" data-url="shopro/coupons/restore" title="{:__('Restore all')}"><i class="fa fa-rotate-left"></i> {:__('Restore all')}</a>
|
||||
<a class="btn btn-danger btn-destroyall {:$auth->check('shopro/coupons/destroy')?'':'hide'}" href="javascript:;" data-url="shopro/coupons/destroy" title="{:__('Destroy all')}"><i class="fa fa-times"></i> {:__('Destroy all')}</a>
|
||||
</div>
|
||||
<table id="table" class="table table-striped table-bordered table-hover"
|
||||
data-operate-restore="{:$auth->check('shopro/coupons/restore')}"
|
||||
data-operate-destroy="{:$auth->check('shopro/coupons/destroy')}"
|
||||
width="100%">
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,24 @@
|
||||
<div class="panel panel-default panel-intro">
|
||||
{:build_heading()}
|
||||
|
||||
<div class="panel-body">
|
||||
<div id="myTabContent" class="tab-content">
|
||||
<div class="tab-pane fade active in" id="one">
|
||||
<div class="widget-body no-padding">
|
||||
<div id="toolbar" class="toolbar">
|
||||
{:build_toolbar('refresh')}
|
||||
{if request()->get('multiple') == 'true'}
|
||||
<a class="btn btn-danger btn-choose-multi"><i class="fa fa-check"></i> {:__('Choose')}</a>
|
||||
{/if}
|
||||
</div>
|
||||
<table id="table" class="table table-striped table-bordered table-hover table-nowrap"
|
||||
data-operate-edit="{:$auth->check('shopro/coupons/edit')}"
|
||||
data-operate-del="{:$auth->check('shopro/coupons/del')}"
|
||||
width="100%">
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
在新工单中引用
屏蔽一个用户