1

jyy

2021-06-08 4ace4d28e01a4265a0d5df214459b603b8e3cfda

 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);
            }
         }
      }
   });