提交试试touch

1

package.json

@@ -31,6 +31,7 @@
     "js-cookie": "2.2.0",
     "linq": "^3.2.2",
     "lodash": "^4.17.20",
+    "moment": "^2.29.1",
     "node-sass": "^4.13.1",
     "normalize.css": "7.0.0",
     "npm": "^6.13.0",

src/utils/vueFilter.js

@@ -148,6 +148,13 @@ Vue.filter('formatTimer', (value) => {
     return value
   }
 })
+Vue.filter('formatSecondTimer', (value) => {
+  if (value) {
+    return dayjs(value).format('HH:mm:ss')
+  } else {
+    return value
+  }
+})
 Vue.filter('timerForMinFormat', (value) => {
   if (value) {
     return value.substring(0, 5)

src/views/teamBuild/api.js

@@ -55,6 +55,14 @@ export const queryPreApplyList = data => request2({
   requestType: 'json'
 })
 
+// 时间数据统计列表
+export const getRegisterOrPreList = data => request2({
+  url: '/api-web/studentRegistration/getRegisterOrPreList',
+  params: data,
+  method: 'get',
+  requestType: 'json'
+})
+
 // 意向列表
 export const queryPreApplySubjectList = data => request2({
   url: '/api-web/studentRegistration/queryPreApplySubjectList',
@@ -69,4 +77,4 @@ export const sendParentMeetingNotice = data => request2({
   data,
   method: 'post',
   requestType: 'form'
-})
+})

src/views/teamBuild/components/newForecast-list.vue

@@ -0,0 +1,167 @@
+<template>
+  <div class="forecastName">
+    <div class="m-core">
+      <save-form
+        :inline="true"
+        @reset="onReSet"
+        @submit="search"
+        :model="searchForm"
+        ref="searchForm"
+      >
+        <el-form-item>
+          <el-input
+            v-model.trim="searchForm.search"
+            clearable
+            @keyup.enter.native="search"
+            placeholder="学生编号/姓名/手机号"
+          ></el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="danger" native-type="seach">搜索</el-button>
+          <!-- <el-button native-type="reset" type="primary">重置</el-button> -->
+        </el-form-item>
+      </save-form>
+      <div class="tableWrap">
+        <el-table
+          style="width: 100%"
+          :header-cell-style="{ background: '#EDEEF0', color: '#444' }"
+          :data="tableList"
+          @sort-change="changePayTime"
+        >
+          <el-table-column align="center" prop="userId" label="学员编号">
+            <template slot-scope="scope">
+              <copy-text>{{ scope.row.userId }}</copy-text>
+            </template>
+          </el-table-column>
+          <el-table-column
+            align="center"
+            prop="studentName"
+            label="学员姓名"
+          ></el-table-column>
+          <el-table-column align="center" prop="actualSubjectName" label="声部">
+          </el-table-column>
+          <el-table-column
+            align="center"
+            prop="isAllowAdjust"
+            label="预报名时间"
+            sortable="custom"
+          >
+            <template slot-scope="scope">
+              <div>
+                <p>{{ scope.row.perRegisterTime | formatTimer }}</p>
+                <p>{{ scope.row.perRegisterTime | formatSecondTimer }}</p>
+              </div>
+            </template>
+          </el-table-column>
+          <el-table-column align="center" label="预报名时间差">
+            <template slot-scope="scope">
+              {{formatterTimes(scope.row.perRegInterval)  }}
+            </template>
+          </el-table-column>
+          <el-table-column
+            align="center"
+            label="缴费时间"
+            sortable="custom"
+            prop="cloudTeacherMethod"
+          >
+            <template slot-scope="scope">
+              <div>
+                <p>{{scope.row.payTime | formatTimer }}</p>
+                <p>{{ scope.row.payTime | formatSecondTimer }}</p>
+              </div>
+            </template>
+          </el-table-column>
+          <el-table-column
+            align="center"
+            prop="isRegistered"
+            label="缴费时间差"
+          >
+            <template slot-scope="scope">
+              {{  formatterTimes(scope.row.payInterval) }}
+            </template>
+          </el-table-column>
+        </el-table>
+        <pagination
+          sync
+          :total.sync="pageInfo.total"
+          :page.sync="pageInfo.page"
+          :limit.sync="pageInfo.limit"
+          :page-sizes="pageInfo.page_size"
+          @pagination="getList"
+        />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import pagination from "@/components/Pagination/index";
+import { getRegisterOrPreList } from "../api";
+import moment from 'moment'
+export default {
+  name: "forecastName",
+  components: { pagination },
+  data() {
+    const query = this.$route.query;
+    return {
+      musicGroupId: query.id,
+      searchForm: {
+        search: null,
+      },
+      tableList: [],
+      pageInfo: {
+        // 分页规则
+        limit: 10, // 限制显示条数
+        page: 1, // 当前页
+        total: 0, // 总条数
+        page_size: [10, 20, 40, 50], // 选择限制显示条数
+      },
+    };
+  },
+  mounted() {
+    this.$store.dispatch("setSubjects");
+    this.getList();
+  },
+  methods: {
+    onReSet() {
+      this.$refs["searchForm"].resetFields();
+      this.search();
+    },
+    search() {
+      this.pageInfo.page = 1;
+      this.getList();
+    },
+    async getList() {
+      try {
+        const result = await getRegisterOrPreList({
+          ...this.searchForm,
+          musicGroupId: this.musicGroupId,
+          page: this.pageInfo.page,
+          rows: this.pageInfo.limit,
+        });
+        this.tableList = result.data.rows;
+        this.pageInfo.total = result.data.total;
+      } catch (error) {}
+    },
+    changePayTime(row) {
+      console.log(row);
+    },
+    formatterTimes(second){
+      if(second<60){
+        return second+'秒'
+      }else if(60<second&&second<3600){
+        return moment(second*1000).format('mm分钟');
+      }else if(3600<second&&second<86400){
+         return moment(second*1000).format('HH小时mm分钟');
+      }else if (second > 86400){
+         return moment(second*1000).format('DD天HH小时');
+      }else{
+        return '--'
+      }
+    }
+  },
+};
+</script>
+
+<style lang="less" scoped>
+</style>

src/views/teamBuild/signupList.vue

@@ -123,6 +123,15 @@
           >
             名单导出
           </div>
+          <auth :auths="'studentRegistration/getRegisterOrPreList'">
+            <div
+              class="newBand"
+              style="margin-right: 0"
+              @click="newForecastVisible = true"
+            >
+              时间数据统计
+            </div>
+          </auth>
         </div>
       </div>
       <el-dialog
@@ -138,7 +147,13 @@
           @submited="getList"
         />
       </el-dialog>
-
+      <el-dialog
+        title="时间数据统计"
+        :visible.sync="newForecastVisible"
+        width="1100px"
+      >
+        <newForecastList v-if="newForecastVisible" @close="newForecastVisible = false" />
+      </el-dialog>
       <el-dialog
         title="预报名名单"
         :visible.sync="forecastVisible"
@@ -290,7 +305,7 @@
           </el-table-column>
           <el-table-column label="缴费中" prop="payingNum" align="center">
             <template slot="header">
-              <p style="position: relative;display: flex;">
+              <p style="position: relative; display: flex">
                 缴费中
                 <el-tooltip placement="top" popper-class="mTooltip">
                   <div slot="content">提交订单尚未支付成功学员</div>
@@ -304,10 +319,12 @@
           </el-table-column>
           <el-table-column label="预约中" prop="checkNum" align="center">
             <template slot="header">
-              <p style="position: relative;display: flex;">
+              <p style="position: relative; display: flex">
                 预约中
                 <el-tooltip placement="top" popper-class="mTooltip">
-                  <div slot="content">不购买云教练系统学员数量，不包含不购买云教练系统且支付成功学员</div>
+                  <div slot="content">
+                    不购买云教练系统学员数量，不包含不购买云教练系统且支付成功学员
+                  </div>
                   <i
                     class="el-icon-question"
                     style="font-size: 18px; color: #f56c6c"
@@ -421,7 +438,7 @@
           >
             <template slot-scope="scope">
               <div>
-                {{ scope.row.hasCloudTeacher == 1 ? '是' : '否' }}
+                {{ scope.row.hasCloudTeacher == 1 ? "是" : "否" }}
               </div>
             </template>
           </el-table-column>
@@ -715,7 +732,12 @@
       width="640px"
       :visible.sync="quitVisible"
     >
-      <el-form :model="quitForm" ref="quitForm" label-width="150px" :rules="quitRules">
+      <el-form
+        :model="quitForm"
+        ref="quitForm"
+        label-width="150px"
+        :rules="quitRules"
+      >
         <el-form-item
           label="退还云教练费用"
           prop="isCloudTeacherAmount"
@@ -877,6 +899,7 @@ import {
 } from "@/api/buildTeam";
 import mergeMusic from "./components/merge-music";
 import forecastList from "./components/forecast-list";
+import newForecastList from "./components/newForecast-list";
 import { resetStudentSubject, getStudentFeeDetail } from "@/api/studentManager";
 import { vaildStudentUrl, vaildTeacherUrl } from "@/utils/validate";
 import { addVisit } from "@/views/returnVisitManager/api.js";
@@ -899,11 +922,13 @@ export default {
     mergeMusic,
     forecastList,
     visit,
+    newForecastList
   },
   data() {
     return {
       multipleSelection: [], //
       forecastVisible: false, // 预报名状态
+      newForecastVisible:false,
       isEdit: false,
       rowDetail: null,
       mergeVisible: false,
@@ -997,8 +1022,12 @@ export default {
       },
       quitRules: {
         isCloudTeacherAmount: [{ required: true, message: "请输入云教练费用" }],
-        cloudTeacherAmount: [{ required: true, message: "请输入云教练金额", trigger: 'blur' }],
-        isRefundCourseFee: [{ required: true, message: "请选择是否退还课程费用" }],
+        cloudTeacherAmount: [
+          { required: true, message: "请输入云教练金额", trigger: "blur" },
+        ],
+        isRefundCourseFee: [
+          { required: true, message: "请选择是否退还课程费用" },
+        ],
         isRefundInstrumentFee: [
           { required: true, message: "选择是否退还乐器费用" },
         ],
@@ -1524,7 +1553,7 @@ export default {
     quitTeam(row) {
       this.activeRow = row;
       this.quitVisible = true;
-      this.quitForm.cloudTeacherAmount = row.cloudTeacherAmount
+      this.quitForm.cloudTeacherAmount = row.cloudTeacherAmount;
     },
     quieTeams(row) {
       this.$prompt("请输入退团原因", "提示", {
@@ -1580,15 +1609,15 @@ export default {
                 reason: this.quitForm.reason,
                 isRefundCourseFee: this.quitForm.isRefundCourseFee,
                 isRefundInstrumentFee: this.quitForm.isRefundInstrumentFee,
-                isRefundTeachingAssistantsFee: this.quitForm
-                  .isRefundTeachingAssistantsFee,
+                isRefundTeachingAssistantsFee:
+                  this.quitForm.isRefundTeachingAssistantsFee,
                 maintenanceFee: this.quitForm.maintenanceFee,
-              }
+              };
               // 退还乐器练习云教练费用
-              if(this.quitForm.isCloudTeacherAmount) {
-                params.cloudTeacherAmount = this.quitForm.cloudTeacherAmount
+              if (this.quitForm.isCloudTeacherAmount) {
+                params.cloudTeacherAmount = this.quitForm.cloudTeacherAmount;
               } else {
-                params.cloudTeacherAmount = 0
+                params.cloudTeacherAmount = 0;
               }
               // 发请求 退团
               StudentQuit(params).then((res) => {

vue.config.js

@@ -19,8 +19,8 @@ const name = defaultSettings.title || '管乐迷后台管理系统' // page titl
 // let target = 'http://192.168.3.139:8000' // 箭河
 // let target = 'http://192.168.3.148:8000' //邹璇
 // let target = 'http://192.168.3.57:8000' //勇哥
-// let target = 'http://dev.dayaedu.com' // 开发环境
-let target = 'https://test.dayaedu.com' //测试环境
+let target = 'http://dev.dayaedu.com' // 开发环境
+// let target = 'https://test.dayaedu.com' //测试环境
 // let target = 'http://192.168.3.134' // 乔
 // All configuration item explanations can be find in https://cli.vuejs.org/config/
 module.exports = {