123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170 |
- @extends('admin.layouts')
- @section('css')
- <link href="/assets/global/vendor/dropify/dropify.min.css" type="text/css" rel="stylesheet">
- <link href="/assets/global/vendor/bootstrap-datepicker/bootstrap-datepicker.min.css" type="text/css"
- rel="stylesheet">
- <style type="text/css">
- .text-help {
- padding-left: 1.0715rem;
- }
- </style>
- @endsection
- @section('content')
- <div class="page-content container">
- <div class="panel">
- <div class="panel-heading">
- <h1 class="panel-title">生成卡券</h1>
- <div class="panel-actions">
- <a href="{{url('/coupon')}}" class="btn btn-danger">返 回</a>
- </div>
- </div>
- @if (Session::has('successMsg'))
- <div class="alert alert-success alert-dismissible">
- <button type="button" class="close" data-dismiss="alert" aria-label="Close">
- <span aria-hidden="true">×</span></button>
- {{Session::get('successMsg')}}
- </div>
- @endif
- @if($errors->any())
- <div class="alert alert-danger alert-dismissible">
- <button type="button" class="close" data-dismiss="alert" aria-label="Close">
- <span aria-hidden="true">×</span></button>
- <span> {{$errors->first()}} </span>
- </div>
- @endif
- <div class="panel-body">
- <form action="{{url('/coupon/add')}}" method="post" enctype="multipart/form-data" class="form-horizontal" role="form">
- {{csrf_field()}}
- <div class="form-group row">
- <label class="col-md-2 col-form-label" for="name">卡券名称</label>
- <div class="col-md-4">
- <input type="text" class="form-control" name="name" id="name" value="{{Request::old('name')}}" required/>
- </div>
- <span class="text-help"> 会用于前端显示 </span>
- </div>
- <div class="form-group row">
- <label class="col-md-2 col-form-label" for="sn">使用券码</label>
- <div class="col-md-4">
- <input type="text" class="form-control" name="sn" id="sn" value="{{Request::old('sn')}}"/>
- </div>
- <span class="text-help"> 提供给用户使用卡券的卡券,留空则默认为8位随机码 </span>
- </div>
- <div class="form-group row">
- <label class="col-md-2 col-form-label" for="logo">卡券图片</label>
- <div class="col-md-6">
- <input type="file" id="logo" name="logo" data-plugin="dropify" data-default-file="/assets/images/default.png"/>
- </div>
- </div>
- <div class="form-group row">
- <label class="col-md-2 col-form-label">类型</label>
- <div class="col-md-10 d-flex align-items-center">
- <div class="radio-custom radio-primary radio-inline">
- <input type="radio" name="type" id="voucher" value="1" checked/>
- <label for="voucher">抵用券</label>
- </div>
- <div class="radio-custom radio-primary radio-inline">
- <input type="radio" name="type" id="discount" value="2"/>
- <label for="discount">折扣券</label>
- </div>
- <div class="radio-custom radio-primary radio-inline">
- <input type="radio" name="type" id="charge" value="3"/>
- <label for="charge">充值券</label>
- </div>
- </div>
- <span class="offset-md-2 text-help"> 抵用:抵扣商品金额,折扣:商品百分比打折,充值:充值用户账号余额 </span>
- </div>
- <div class="form-group row usage">
- <label class="col-md-2 col-form-label" for="usage_count">使用次数</label>
- <div class="col-md-4 input-group">
- <input type="number" class="form-control" name="usage_count" id="usage_count" value="{{Request::old('usage_count')}}"/>
- <span class="input-group-text">次</span>
- </div>
- </div>
- <div class="form-group row discount" style="display: none;">
- <label class="col-md-2 col-form-label" for="discount">折扣</label>
- <div class="col-md-4 input-group">
- <input type="number" class="form-control" name="discount" id="discount" value="{{Request::old('discount')}}" step="0.1"/>
- <span class="input-group-text">折</span>
- </div>
- <span class="text-help"> 范围为 1 ~ 9.9折,即 10% ~ 99% </span>
- </div>
- <div class="form-group row amount">
- <label class="col-md-2 col-form-label" for="amount">金额</label>
- <div class="col-md-4 input-group">
- <input type="number" class="form-control" name="amount" id="amount" value="{{Request::old('amount')}}" step="0.01" required/>
- <span class="input-group-text">元</span>
- </div>
- </div>
- <div class="form-group row usage">
- <label class="col-md-2 col-form-label" for="rule">条件</label>
- <div class="col-md-4 input-group">
- <input type="number" class="form-control" name="rule" id="rule" value="{{Request::old('rule')}}" step="0.01" required/>
- <span class="input-group-text">元</span>
- </div>
- <span class="text-help"> 当套餐超过N值时,才能使用本优惠劵;0即使用无限制 </span>
- </div>
- <div class="form-group row">
- <label class="col-md-2 col-form-label" for="num">数量</label>
- <div class="col-md-4 input-group">
- <input type="number" class="form-control" name="num" id="num" value="{{Request::old('num')}}" required/>
- <span class="input-group-text">张</span>
- </div>
- </div>
- <div class="form-group row">
- <label class="col-md-2 col-form-label">有效期</label>
- <div class="col-md-7 input-group input-daterange" data-plugin="datepicker">
- <div class="input-group-prepend">
- <span class="input-group-text"><i class="icon wb-calendar" aria-hidden="true"></i></span>
- </div>
- <label for="available_start"></label><input type="text" class="form-control" name="available_start" id="available_start" value="{{Request::old('available_start')?Request::old('available_start'):date("Y-m-d")}}" required/>
- <div class="input-group-prepend">
- <span class="input-group-text">至</span>
- </div>
- <label for="available_end"></label><input type="text" class="form-control" name="available_end" id="available_end" value="{{Request::old('available_end')?Request::old('available_end'):date("Y-m-d",strtotime("+1 month"))}}" required/>
- </div>
- </div>
- <div class="form-actions col-12 text-right">
- <button type="submit" class="btn btn-success">提 交</button>
- </div>
- </form>
- </div>
- </div>
- </div>
- @endsection
- @section('script')
- <script src="/assets/global/vendor/bootstrap-datepicker/bootstrap-datepicker.min.js" type="text/javascript"></script>
- <script src="/assets/global/vendor/dropify/dropify.min.js" type="text/javascript"></script>
- <script src="/assets/global/js/Plugin/bootstrap-datepicker.js" type="text/javascript"></script>
- <script src="/assets/global/js/Plugin/dropify.js" type="text/javascript"></script>
- <script type="text/javascript">
- $('.input-daterange>input').datepicker({
- format: "yyyy-mm-dd"
- });
- $("input[name='type']").change(function () {
- if ($(this).val() === '2') {
- $("#discount").attr("required", true);
- $("#amount").attr("required", false);
- $("#rule").attr("required", true);
- $(".discount").show();
- $(".usage").show();
- $(".amount").hide();
- } else if ($(this).val() === '3') {
- $("#discount").attr("required", false);
- $("#amount").attr("required", true);
- $("#rule").attr("required", false);
- $(".discount").hide();
- $(".usage").hide();
- $(".amount").show();
- } else {
- $("#discount").attr("required", false);
- $("#amount").attr("required", true);
- $("#rule").attr("required", true);
- $(".discount").hide();
- $(".usage").show();
- $(".amount").show();
- }
- });
- </script>
- @endsection
|