forked from beauty-erp
zq-erp/src/main/resources/templates/views/admin/hive/statistics/daily-list-new.html
@@ -17,6 +17,7 @@ <script type="text/javascript" th:src="@{/plugin/moment.min.js}"></script> <link rel="stylesheet" th:href="@{/plugin/element-ui/index.css}"> <link th:href="@{/css/styleOne/style.min.css}" rel="stylesheet" type="text/css"/> <script type="text/javascript" th:src="@{/js/function/public.js}"></script> </head> <style> .table-style { @@ -36,6 +37,30 @@ <div id="app" style=""> <el-row class="search-form"> <el-form ref="form" :model="form" inline> <el-form-item label="选择年月"> <el-select v-model="form.year" style="width:120px;" placeholder="请选择"> <el-option v-for="item in years" :key="item" :label="item" :value="item"></el-option> </el-select> </el-form-item> <el-form-item> <el-select v-model="form.month" style="width:120px;" placeholder="请选择"> <el-option v-for="item in months" :key="item" :label="item" :value="item"></el-option> </el-select> </el-form-item> <el-form-item> <el-select v-model="form.day" style="width:120px;" placeholder="请选择"> <el-option v-for="item in days" :key="item" :label="item" :value="item"></el-option> </el-select> </el-form-item> <el-form-item label="日期范围"> <el-date-picker v-model="form.timeRange" type="datetimerange" @@ -70,29 +95,43 @@ <el-button type="primary" @click="search" >搜索</el-button> <el-button @click="resetForm('form')">重置</el-button> <el-button type="warning" @click="exportExcel">导出</el-button> </el-form> </el-row> <el-row class="table-style"> <el-table :data="tableData" style="width: 100%"> <el-table-column type="index" width="50"></el-table-column> <el-table-column prop="datatime" label="时间"></el-table-column> <el-table-column prop="orderNo" label="订单编号"></el-table-column> <el-table :data="tableData" :height="height" style="width: 100%"> <el-table-column type="index" width="30"></el-table-column> <el-table-column prop="datatime" width="150" label="时间"></el-table-column> <el-table-column prop="orderNo" width="180" label="订单编号"> <template slot-scope="scope"> <el-link @click="jumpOrder(scope.row.orderType, scope.row.orderNo)" type="primary">{{scope.row.orderNo}}</el-link> </template> </el-table-column> <el-table-column prop="orderType" label="订单类型"></el-table-column> <el-table-column prop="vipName" label="会员姓名"></el-table-column> <el-table-column prop="proName" label="产品"></el-table-column> <el-table-column prop="proName" label="产品" width="200"></el-table-column> <el-table-column prop="cateName" label="产品分类"></el-table-column> <el-table-column prop="zkTotal" label="订单金额"></el-table-column> <el-table-column prop="goodsCash" label="订单业绩"></el-table-column> <el-table-column prop="goodsCash" label="现金"></el-table-column> <el-table-column prop="cardCash" label="划扣"></el-table-column> <!-- <el-table-column prop="goodsCash" label="订单业绩"></el-table-column>--> <el-table-column prop="meiliao" label="员工"></el-table-column> <el-table-column prop="hisConsume" label="本金消耗"></el-table-column> <el-table-column prop="freeConsume" label="赠送消耗"></el-table-column> <el-table-column v-for="(item, index) in customColumns" :key="index" :label="item.value"> <el-table-column v-for="(item, index) in customColumns" width="120" :key="index" :label="item.value"> <template slot-scope="scope"> <span v-if="item.value == scope.row.achieveType">{{scope.row.goodsCash}}</span> </template> </el-table-column> <el-table-column prop="hisConsume" label="本金消耗"></el-table-column> <el-table-column prop="freeConsume" label="赠送消耗"></el-table-column> <el-table-column prop="projPercentage" label="服务提成"></el-table-column> <el-table-column prop="numberOfPeople" label="人头"></el-table-column> <el-table-column prop="projNum" label="项目个数"></el-table-column> <el-table-column prop="projTime" label="服务时间"></el-table-column> <el-table-column prop="guwen" label="操作人"></el-table-column> <el-table-column prop="shopName" label="门店"></el-table-column> </el-table> <el-row style="margin-top: 10px;"> <el-pagination @@ -112,7 +151,6 @@ <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="@{/plugin/moment.min.js}"></script> <script type="text/javascript" th:src="@{/js/systools/MJsBase.js}"></script> <script type="text/javascript" th:inline="javascript"> var vue = new Vue({ el : "#app", @@ -121,7 +159,14 @@ customColumns : [], shopList : [], achieveUsers : [], height:'calc(100vh - 240px)', years : [2010, 2011, 2012, 2013, 2014, 2015, 2016, 2017, 2018, 2019, 2020, 2021], months : ["01", "02", "03", "04", "05", "06", "07", "08", "09", "10", "11", "12"], days : [], form : { year : '', month : '', day : '', timeRange : '', vipQueryKey : '', beaultId : '', @@ -134,16 +179,18 @@ } }, created : function() { this.initDays(); this.queryCustomColumns(); this.queryShops(); this.queryAchieveUsers(); }, methods : { queryTableData () { let _this = this; var form = _this.form; var page = _this.page; var params = _this.form; let form = _this.form; let page = _this.page; let params = _this.form; params.limit = page.size; params.offset = (page.currentPage - 1) * page.size; @@ -151,11 +198,14 @@ params.beginTime = form.timeRange?moment(form.timeRange[0]).format("YYYY-MM-DD HH:mm"):''; params.endTime = form.timeRange?moment(form.timeRange[1]).format("YYYY-MM-DD HH:mm"):''; } $.AjaxProxy({ p:params }).invoke(basePath + "/admin/achieve/findDailyInfoNew", function (loj) { _this.tableData = loj.getValue("rows"); _this.page.total = loj.getResult().total; AjaxProxy.requst({ app: _this, data: params, url: basePath + "/admin/achieve/findDailyInfoNew", callback: function (loj) { _this.tableData = loj.rows; _this.page.total = loj.total; } }); }, queryCustomColumns() { @@ -208,6 +258,31 @@ handleCurrentChange(val) { this.page.currentPage = val; this.queryTableData(); }, initDays() { let _this = this; for (var i = 1; i <= 31 ; i++) { _this.days.push(i); } }, getRequestParam() { var form = this.form; var params = form; if (form.timeRange) { params.beginTime = form.timeRange?moment(form.timeRange[0]).format("YYYY-MM-DD HH:mm"):''; params.endTime = form.timeRange?moment(form.timeRange[1]).format("YYYY-MM-DD HH:mm"):''; } return params; }, exportExcel() { window.location.href=basePath+"/admin/achieve/exportDailyInfoNew?"+MTools.jsonToUrlParam(this.getRequestParam()); }, jumpOrder(type, value) { if(type=='服务单') { fnPublci.showServiceOrder(1, value); } else { fnPublci.showOrder(1, value); } } } });
