beauty-erp.git - Gitblit

New file
			@@ -0,0 +1,293 @@
			<!DOCTYPE HTML>
			<html xmlns:th="http://www.thymeleaf.org" xmlns:matrix="http://www.w3.org/1999/xhtml">
			<head>
			<meta charset="utf-8">
			<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
			<meta name="renderer" content="webkit\|ie-comp\|ie-stand">
			<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
			<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
			<meta http-equiv="Cache-Control" content="no-siteapp"/>
			<!-- 本框架基本脚本和样式 -->
			<script type="text/javascript" th:src="@{/js/systools/MBaseVue.js}"></script>
			<link rel="stylesheet" th:href="@{/plugin/element-ui/index.css}">
			<link rel="stylesheet" th:href="@{/plugin/bootstrap-3.3.5/css/bootstrap.min.css}">
			<link th:href="@{/css/styleOne/style.min.css}" rel="stylesheet" type="text/css"/>

			<!-- 富文本编辑器 -->
			<script type="text/javascript" charset="utf-8"
			th:src="@{/plugin/beditor/ueditor.config.js}"></script>
			<script type="text/javascript" charset="utf-8"
			th:src="@{/plugin/beditor/ueditor.all.js}">
			</script>
			<script type="text/javascript" charset="utf-8"
			th:src="@{/plugin/beditor/lang/zh-cn/zh-cn.js}"></script>
			<style>
			.panel-body{
			overflow: hidden;
			}
			.paginationStyle{
			background: #ffffff;
			padding: 10px 10px;
			margin: 0px 0px 10px 0px;
			text-align: right;
			}
			</style>
			</head>

			<body>
			<div class="panel-body" id="app" v-cloak>
			<el-row>
			<el-row style="display:flex;">
			<el-col>
			<el-form ref="form" :model="form" inline >
			<el-form-item label="中奖人名称" prop="yhmc" >
			<el-input v-model="form.yhmc" placeholder="中奖人名称"></el-input>
			</el-form-item>
			<el-button type="primary" @click="searchFormSignReceive" >搜索</el-button>
			<el-button @click="resetFormSignReceive('form')">重置</el-button>
			</el-form>
			</el-col>
			</el-row>

			<el-row class="table-style" >
			<el-table ref="multipleTable"
			:data="signWriteoffList.rows"
			:height="height"
			stripe:true
			@sort-change="sortChange">
			<el-table-column
			prop="writeoffTime"
			label="核销时间"
			show-overflow-tooltip>
			</el-table-column>
			<el-table-column
			prop="writeoffUser"
			label="核销员"
			show-overflow-tooltip>
			</el-table-column>
			<el-table-column
			label="兑奖码"
			show-overflow-tooltip>
			<template slot-scope="scope">
			<span v-if="scope.row.state == 3">{{scope.row.writeoffCode}}</span>
			</template>
			</el-table-column>
			<el-table-column
			prop="actName"
			label="活动名称"
			show-overflow-tooltip>
			</el-table-column>
			<el-table-column
			prop="awardName"
			label="奖品名称"
			show-overflow-tooltip>
			</el-table-column>
			<el-table-column
			prop="winTime"
			label="中奖时间"
			show-overflow-tooltip>
			</el-table-column>
			<el-table-column
			label="状态">
			<template slot-scope="scope">
			<span v-if="scope.row.state == 1">待兑换</span>
			<span v-if="scope.row.state == 2">待发货</span>
			<span v-if="scope.row.state == 3">已兑换</span>
			</template>
			</el-table-column>
			<el-table-column
			label="兑奖方式">
			<template slot-scope="scope">
			<span v-if="scope.row.awardWay == 1">线下兑换</span>
			<span v-if="scope.row.awardWay == 2">物流配送</span>
			<span v-if="scope.row.awardWay == 3">客服兑换</span>
			</template>
			</el-table-column>
			<el-table-column
			prop="receiveName"
			label="中奖者"
			show-overflow-tooltip>
			</el-table-column>
			<el-table-column
			prop="receiveAddress"
			label="收货地址"
			show-overflow-tooltip>
			</el-table-column>
			<el-table-column label="操作" width="200">
			<template slot-scope="scope">
			<el-button type="primary" v-if="scope.row.awardWay == 2 && scope.row.state == 2" @click="jumpTologistics(scope.row)" size="mini">发货</el-button>
			<el-button type="primary" v-if="scope.row.awardWay != 2 && scope.row.state == 1" @click="jumpToWriteOff(scope.row)" size="mini">核销</el-button>

			<el-button type="primary" v-if="scope.row.awardWay == 2" @click="jumpTologistics(scope.row)" size="mini">查看</el-button>
			<el-button type="primary" v-if="scope.row.awardWay != 2" @click="jumpToWriteOff(scope.row)" size="mini">查看</el-button>
			</template>
			</el-table-column>

			</el-table>
			</el-row>
			<el-row class="paginationStyle" >
			<el-pagination background
			@size-change="changePageSignReceive"
			@current-change="changeCurrentPageSignReceive"
			:current-page="signWriteoffList.currentPage"
			:page-sizes="[10, 20, 30, 50]"
			:page-size="signWriteoffList.pageSize"
			layout="total, sizes, prev, pager, next, jumper"
			:total="signWriteoffList.total">
			</el-pagination>
			</el-row>
			</el-row>
			</div>
			</body>
			<script type="text/javascript" th:src="@{/js/plugin/jquery-2.1.4.min.js}"></script>
			<script type="text/javascript" th:src="@{/js/plugin/jquery.query.js}"></script>
			<script type="text/javascript" th:src="@{/plugin/bootstrap-3.3.5/js/bootstrap.min.js}"></script>
			<script type="text/javascript" th:src="@{/js/systools/AjaxProxyVue.js}"></script>
			<script type="text/javascript" th:src="@{/js/plugin/vue.js}"></script>
			<script type="text/javascript" th:src="@{/plugin/element-ui/index.js}"></script>
			<script type="text/javascript" th:src="@{/js/systools/MJsBase.js}"></script>
			<script type="text/javascript" th:src="@{/plugin/layer/layer.js}"></script>
			<script type="text/javascript" th:src="@{/plugin/moment.min.js}"></script>

			<script>
			//获取传输的活动对象
			var actId = $.query.get("actId");

			var app = new Vue({
			el: '#app',
			data: {
			height:'calc(100vh - 200px)',
			//--时间选择
			pickerOptions: {
			shortcuts: [{
			text: '最近一周',
			onClick(picker) {
			const end = new Date();
			const start = new Date();
			start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
			picker.$emit('pick', [start, end]);
			}
			}, {
			text: '最近一个月',
			onClick(picker) {
			const end = new Date();
			const start = new Date();
			start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
			picker.$emit('pick', [start, end]);
			}
			}, {
			text: '最近三个月',
			onClick(picker) {
			const end = new Date();
			const start = new Date();
			start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
			picker.$emit('pick', [start, end]);
			}
			}]
			},
			// 条件查询
			form:{
			yhmc:'',
			order:'',
			sort:''
			},
			//核销列表
			signWriteoffList:{
			rows:[],
			total:0,
			pageSize:10,
			currentPage:1,
			},
			},
			created: function () {
			this.loadInfo();
			},
			mounted: function () {
			},
			methods: {
			//加载分类
			loadInfo() {
			let _this = this;
			_this.loadSignWriteoffList();
			},
			//跳转到核销
			jumpToWriteOff(row){
			layer.full(layer.open({
			type: 2,
			title: "核销",
			maxmin: true,
			area: [MUI.SIZE_L, '500px'],
			content : [ basePath + '/admin/redirect/activity/activity-sign-writeoff-info?writeoffId=' + row.id]
			}));
			},
			//跳转到发货
			jumpTologistics(row){
			layer.full(layer.open({
			type: 2,
			title: "核销",
			maxmin: true,
			area: [MUI.SIZE_L, '500px'],
			content : [ basePath + '/admin/redirect/activity/activity-sign-logistics-info?writeoffId=' + row.id]
			}));
			},
			//--列表
			loadSignWriteoffList() {
			let _this = this;
			let data=_this.getRequestParamSignWriteoff();
			data.pageSize=_this.signWriteoffList.pageSize;
			data.pageNum=_this.signWriteoffList.currentPage;
			AjaxProxy.requst({
			app: _this,
			data:data,
			url: basePath + '/admin/activitySignWriteoff/findSignWriteoffList',
			callback: function (data) {
			_this.signWriteoffList.rows = data.rows;
			_this.signWriteoffList.total = data.total;
			}
			});
			},
			//查询参数
			getRequestParamSignWriteoff(){
			let _this = this;
			return {
			zjzxm:_this.form.yhmc,
			order:_this.form.order,
			sort:_this.form.sort,
			}
			},
			//查询
			searchFormSignReceive:function(){
			this.signWriteoffList.currentPage=1;
			this.loadSignWriteoffList();
			},
			//重置
			resetFormSignReceive(formName) {
			this.$refs[formName].resetFields();
			},
			changePageSignReceive(val) {
			this.signWriteoffList.pageSize = val;
			this.loadSignWriteoffList();
			},
			changeCurrentPageSignReceive(val) {
			this.signWriteoffList.currentPage = val;
			this.loadSignWriteoffList();
			},
			//排序
			sortChange:function (column){
			if(column.order){
			if(column.order.indexOf("desc")){
			this.form.order="desc";
			}else{
			this.form.order="asc";
			}
			this.form.sort=column.prop;
			this.loadInfo();
			}
			},
			}
			})
			</script>

			</body>
			</html>