|
@@ -49,6 +49,12 @@
|
|
|
<!-- <input type="text" id="order_id" name="order_id" class="layui-input" placeholder="输入订单号">-->
|
|
|
<!-- </div>-->
|
|
|
</div>
|
|
|
+ <div class="layui-col-lg12" id="app1">
|
|
|
+ <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>
|
|
|
<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">
|
|
@@ -212,5 +218,93 @@
|
|
|
});
|
|
|
}
|
|
|
});
|
|
|
+
|
|
|
+ require(['vue'], function (Vue) {
|
|
|
+ new Vue({
|
|
|
+ el: "#app1",
|
|
|
+ data: {
|
|
|
+ badge: [],
|
|
|
+ where: {
|
|
|
+ nickname: '',
|
|
|
+ group: '',
|
|
|
+ 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();
|
|
|
+
|
|
|
+
|
|
|
+ this.where['name'] = name;
|
|
|
+ this.where.excel = 1;
|
|
|
+ location.href = layList.U({c: 'water.water_query', 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}
|