|
@@ -0,0 +1,340 @@
|
|
|
+{extend name="public/container"}
|
|
|
+{block name="head_top"}
|
|
|
+
|
|
|
+{/block}
|
|
|
+{block name="content"}
|
|
|
+<style>
|
|
|
+ .btn-outline{
|
|
|
+ border:none;
|
|
|
+ }
|
|
|
+ .btn-outline:hover{
|
|
|
+ background-color: #0e9aef;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+ .layui-form-item .layui-btn {
|
|
|
+ margin-top: 5px;
|
|
|
+ margin-right: 10px;
|
|
|
+ }
|
|
|
+ .layui-btn-primary{
|
|
|
+ margin-right: 10px;
|
|
|
+ margin-left: 0!important;
|
|
|
+ }
|
|
|
+ label{
|
|
|
+ margin-bottom: 0!important;
|
|
|
+ margin-top: 4px;
|
|
|
+ }
|
|
|
+</style>
|
|
|
+<div class="layui-fluid">
|
|
|
+ <div class="layui-row layui-col-space15" id="app">
|
|
|
+ <!--搜索条件-->
|
|
|
+ <div class="layui-col-md12">
|
|
|
+ <div class="layui-card">
|
|
|
+ <div class="layui-card-header">搜索条件</div>
|
|
|
+ <div class="layui-card-body">
|
|
|
+ <div class="layui-carousel layadmin-carousel layadmin-shortcut" lay-anim="" lay-indicator="inside" lay-arrow="none" style="background:none">
|
|
|
+ <form class="layui-form layui-form-pane" action="">
|
|
|
+ <div class="layui-form-item">
|
|
|
+ <div class="layui-inline">
|
|
|
+ <label class="layui-form-label" style="top: -4.5px">众筹场次</label>
|
|
|
+ <div class="layui-input-block">
|
|
|
+ <select name="many_id" id="many_id">
|
|
|
+ <option value="">全部</option>
|
|
|
+ {volist name='auction' id='vo'}
|
|
|
+ <option value="{$vo.id}">{$vo.name}</option>
|
|
|
+ {/volist}
|
|
|
+ </select>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="layui-inline">
|
|
|
+ <div class="layui-col-lg12">
|
|
|
+ <label class="layui-form-label" style="top: -5.5px;">众筹期数</label>
|
|
|
+ <div class="layui-input-inline">
|
|
|
+ <input type="text" id="stage" name="stage" class="layui-input" placeholder="众筹期数">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="layui-inline">
|
|
|
+ <div class="layui-col-lg12">
|
|
|
+ <label class="layui-form-label" style="top: -5.5px;">订单号</label>
|
|
|
+ <div class="layui-input-inline">
|
|
|
+ <input type="text" id="order_id" name="order_id" class="layui-input" placeholder="订单号">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="layui-inline">
|
|
|
+ <div class="layui-col-lg12">
|
|
|
+ <label class="layui-form-label" style="top: -5.5px;">搜索用户</label>
|
|
|
+ <div class="layui-input-inline">
|
|
|
+ <input type="text" id="name" name="name" class="layui-input" placeholder="请输入名称,id,账号">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="layui-col-lg12" id="app1">
|
|
|
+ <div class="layui-col-lg12">
|
|
|
+ <label class="layui-form-label">创建状态:</label>
|
|
|
+ <div class="layui-input-block" v-cloak="">
|
|
|
+ <button class="layui-btn layui-btn-sm" type="button" v-for="item in statusList"
|
|
|
+ @click="where.status = item.value"
|
|
|
+ :class="{'layui-btn-primary':where.status!==item.value}">{{item.name}}
|
|
|
+ </button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="layui-col-lg12">
|
|
|
+ <label class="layui-form-label">创建时间:</label>
|
|
|
+ <div class="layui-input-block" data-type="data" v-cloak="">
|
|
|
+ <button class="layui-btn layui-btn-sm" type="button" v-for="item in dataList"
|
|
|
+ @click="setData(item)"
|
|
|
+ :class="{'layui-btn-primary':where.data!=item.value}">{{item.name}}
|
|
|
+ </button>
|
|
|
+ <button class="layui-btn layui-btn-sm" type="button" ref="time"
|
|
|
+ @click="setData({value:'zd',is_zd:true})"
|
|
|
+ :class="{'layui-btn-primary':where.data!='zd'}">自定义
|
|
|
+ </button>
|
|
|
+ <button type="button" class="layui-btn layui-btn-sm layui-btn-primary"
|
|
|
+ v-show="showtime==true" ref="date_time">{$year.0} - {$year.1}
|
|
|
+ </button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <button @click="excel" type="button"
|
|
|
+ class="layui-btn layui-btn-warm layui-btn-sm export" type="button">
|
|
|
+ <i class="fa fa-floppy-o" style="margin-right: 3px;"></i>导出
|
|
|
+ </button>
|
|
|
+ <div class="layui-inline">
|
|
|
+ <div class="layui-input-inline">
|
|
|
+ <button class="layui-btn layui-btn-sm layui-btn-normal" lay-submit="search" lay-filter="search">
|
|
|
+ <i class="layui-icon layui-icon-search"></i>搜索</button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </form>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 中间详细信息-->
|
|
|
+ <div :class="item.col!=undefined ? 'layui-col-sm'+item.col+' '+'layui-col-md'+item.col:'layui-col-sm6 layui-col-md3'"
|
|
|
+ v-for="item in badge" v-cloak="" v-if="item.count > 0">
|
|
|
+ </div>
|
|
|
+ <!--enb-->
|
|
|
+ </div>
|
|
|
+ <!--列表-->
|
|
|
+ <div class="layui-row layui-col-space15">
|
|
|
+ <div class="layui-col-md12">
|
|
|
+ <div class="layui-card">
|
|
|
+ <div class="layui-card-header">场次列表</div>
|
|
|
+ <div class="layui-card-body">
|
|
|
+ <table class="layui-hide" id="List" lay-filter="List"></table>
|
|
|
+
|
|
|
+
|
|
|
+ <script type="text/html" id="image">
|
|
|
+ <img style="cursor: pointer" lay-event="open_image" src="{{d.image}}">
|
|
|
+ </script>
|
|
|
+ <script type="text/html" id="status">
|
|
|
+ {{# if(d.status == 0){ }}
|
|
|
+ <button type="button" name="suc" class="layui-btn layui-btn-xs" id="">
|
|
|
+ 正常
|
|
|
+ </button>
|
|
|
+ {{# } else if(d.status == 1) { }}
|
|
|
+ <button type="button" name="suc" class="layui-btn-xs layui-btn" id="">
|
|
|
+ 成功返还
|
|
|
+ </button>
|
|
|
+ {{# } else if(d.status == 2) { }}
|
|
|
+ <button type="button" name="suc" class="layui-btn-xs layui-btn" id="">
|
|
|
+ 失败返还
|
|
|
+ </button>
|
|
|
+ {{# } }}
|
|
|
+ </script>
|
|
|
+ <script type="text/html" id="act">
|
|
|
+ <button type="button" class="layui-btn layui-btn-xs layui-btn-danger" lay-event='delete' id="">
|
|
|
+ 删除
|
|
|
+ </button>
|
|
|
+ </script>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!--end-->
|
|
|
+</div>
|
|
|
+<script src="{__ADMIN_PATH}js/layuiList.js"></script>
|
|
|
+{/block}
|
|
|
+{block name="script"}
|
|
|
+<script>
|
|
|
+ layList.form.render();
|
|
|
+ layList.tableList('List', "{:Url('list')}", function () {
|
|
|
+ return [
|
|
|
+ {type: 'checkbox'},
|
|
|
+ {field: 'id', title: 'ID', sort: true, event: 'id', width: '5%', templet: '#id'},
|
|
|
+ {field: 'order_id', title: '订单号', align: 'center'},
|
|
|
+ {field: 'nickname', title: '用户昵称', align: 'center'},
|
|
|
+ {field: 'name', title: '众筹名称', align: 'center'},
|
|
|
+ {field: 'stage', title: '期数', align: 'center'},
|
|
|
+ {field: 'price', title: '金额', align: 'center'},
|
|
|
+ {field: 'status', title: '状态', templet: '#status', align: 'center'},
|
|
|
+ {field: 'create_time', title: '创建时间', align: 'center',width: '8%'},
|
|
|
+ {field: 'right', title: '操作', align: 'center', toolbar: '#act',width: '15%'},
|
|
|
+ ];
|
|
|
+ });
|
|
|
+
|
|
|
+ //查询
|
|
|
+ layList.search('search',function(where){
|
|
|
+ layList.reload(where,true);
|
|
|
+ });
|
|
|
+
|
|
|
+ //点击事件绑定
|
|
|
+ layList.tool(function (event,data,obj) {
|
|
|
+ switch (event) {
|
|
|
+ case 'delete':
|
|
|
+ var url=layList.U({c:'many.many',a:'delete',q:{id:data.id}});
|
|
|
+ var code = {title:"操作提示",text:"确定将该商品移入回收站吗?",type:'info',confirm:'是的,移入回收站'};
|
|
|
+ $eb.$swal('delete',function(){
|
|
|
+ $eb.axios.get(url).then(function(res){
|
|
|
+ if(res.status == 200 && res.data.code == 200) {
|
|
|
+ $eb.$swal('success',res.data.msg);
|
|
|
+ obj.del();
|
|
|
+ location.reload();
|
|
|
+ }else
|
|
|
+ return Promise.reject(res.data.msg || '删除失败')
|
|
|
+ }).catch(function(err){
|
|
|
+ $eb.$swal('error',err);
|
|
|
+ });
|
|
|
+ },code)
|
|
|
+ break;
|
|
|
+ case 'open_image':
|
|
|
+ $eb.openImage(data.image);
|
|
|
+ break;
|
|
|
+ case 'edit':
|
|
|
+ location.href = layList.U({a:'edit',q:{id:data.id}});
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ })
|
|
|
+
|
|
|
+
|
|
|
+ //改状态
|
|
|
+ layList.switch('status',function (odj,value) {
|
|
|
+ if(odj.elem.checked==true){
|
|
|
+ layList.baseGet(layList.Url({c:'auction.auction',a:'set_status',p:{status:1,id:value}}),function (res) {
|
|
|
+ layList.msg(res.msg, function () {
|
|
|
+ layList.reload();
|
|
|
+ });
|
|
|
+ });
|
|
|
+ }else{
|
|
|
+ layList.baseGet(layList.Url({c:'auction.auction',a:'set_status',p:{status:0,id:value}}),function (res) {
|
|
|
+ layList.msg(res.msg, function () {
|
|
|
+ layList.reload();
|
|
|
+ });
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ require(['vue'], function (Vue) {
|
|
|
+ new Vue({
|
|
|
+ el: "#app1",
|
|
|
+ data: {
|
|
|
+ badge: [],
|
|
|
+ dataList: [
|
|
|
+ {name: '全部', value: ''},
|
|
|
+ {name: '今天', value: 'today'},
|
|
|
+ {name: '昨天', value: 'yesterday'},
|
|
|
+ {name: '最近7天', value: 'lately7'},
|
|
|
+ {name: '最近30天', value: 'lately30'},
|
|
|
+ {name: '本月', value: 'month'},
|
|
|
+ {name: '本年', value: 'year'},
|
|
|
+ ],
|
|
|
+ statusList:[
|
|
|
+ {name: '全部', value: ''},
|
|
|
+ {name: '正常', value: '0'},
|
|
|
+ {name: '成功返还', value: '1'},
|
|
|
+ {name: '失败返还', value: '2'}
|
|
|
+ ],
|
|
|
+ where: {
|
|
|
+ data: '',
|
|
|
+ status: status,
|
|
|
+ type: '',
|
|
|
+ pay_type: '',
|
|
|
+ excel: 0,
|
|
|
+ },
|
|
|
+ showtime: false,
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ 'where.status': function () {
|
|
|
+ this.where.excel = 0;
|
|
|
+ this.getBadge();
|
|
|
+ layList.reload(this.where, true);
|
|
|
+ },
|
|
|
+ 'where.data': function () {
|
|
|
+ this.where.excel = 0;
|
|
|
+ this.getBadge();
|
|
|
+ layList.reload(this.where, true);
|
|
|
+ },
|
|
|
+ 'where.type': function () {
|
|
|
+ this.where.excel = 0;
|
|
|
+ this.getBadge();
|
|
|
+ layList.reload(this.where, true);
|
|
|
+ },
|
|
|
+ 'where.pay_type': function () {
|
|
|
+ this.where.excel = 0;
|
|
|
+ this.getBadge();
|
|
|
+ layList.reload(this.where, true);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ setData: function (item) {
|
|
|
+ var that = this;
|
|
|
+ if (item.is_zd == true) {
|
|
|
+ that.showtime = true;
|
|
|
+ this.where.data = this.$refs.date_time.innerText;
|
|
|
+ } else {
|
|
|
+ this.showtime = false;
|
|
|
+ this.where.data = item.value;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ getBadge: function () {
|
|
|
+ var that = this;
|
|
|
+ layList.basePost(layList.Url({c: 'order.store_order', a: 'getBadge'}), this.where, function (rem) {
|
|
|
+ that.badge = rem.data;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ search: function () {
|
|
|
+ this.where.excel = 0;
|
|
|
+ this.getBadge();
|
|
|
+ layList.reload(this.where, true);
|
|
|
+ },
|
|
|
+ refresh: function () {
|
|
|
+ layList.reload();
|
|
|
+ this.getBadge();
|
|
|
+ },
|
|
|
+ excel: function () {
|
|
|
+ var name = $('#name').val();
|
|
|
+ var many_id = $('#many_id').val();
|
|
|
+ var order_id = $('#order_id').val();
|
|
|
+ var stage = $('#stage').val();
|
|
|
+ this.where['name'] = name;
|
|
|
+ this.where['many_id'] = many_id;
|
|
|
+ this.where['order_id'] = order_id;
|
|
|
+ this.where['stage'] = stage;
|
|
|
+ this.where.excel = 1;
|
|
|
+ location.href = layList.U({c: 'many.many_order', a: 'list', q: this.where});
|
|
|
+ this.where.excel = 0;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ mounted: function () {
|
|
|
+ var that = this;
|
|
|
+ that.getBadge();
|
|
|
+ window.formReload = this.search;
|
|
|
+ layList.laydate.render({
|
|
|
+ elem: this.$refs.date_time,
|
|
|
+ trigger: 'click',
|
|
|
+ eventElem: this.$refs.time,
|
|
|
+ range: true,
|
|
|
+ change: function (value) {
|
|
|
+ that.where.data = value;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ })
|
|
|
+ });
|
|
|
+</script>
|
|
|
+{/block}
|