1

src/pages/sale/reserveStudentList.vue

@@ -7,11 +7,46 @@
         class="sticky-column-table sticky-right-column-table" separator="none" :data="dataList" :columns="columns"
         row-key="name">
         <template v-slot:top>
-          <div class="col-12 q-table__title">{{name}}-{{date}}试听学员名单</div>
+        
+          <q-card class="my-card">
+      <q-card-section>
+        <div class="col-12 q-table__title" style="margin-bottom:15px;">{{name}}-{{date}}试听学员名单</div>
           <q-space />
+          <div v-if="dataList&&dataList.length>0"  class="col-12 q-table__title" style="font-size:14px;margin-bottom:5px;">试听课程：<span style="color:red;">{{dataList[0].LessonName}}</span></div>
+          <q-space />
+          <div v-if="dataList&&dataList.length>0"  class="col-12 q-table__title" style="font-size:14px;margin-bottom:5px;">试讲老师：<span style="color:red;">{{dataList[0].TeacherName}}</span></div>
+          <q-space />
+          <div v-if="dataList&&dataList.length>0"  class="col-12 q-table__title" style="font-size:14px;margin-bottom:5px;">教 &nbsp; &nbsp; &nbsp;  室：<span style="color:red;">{{dataList[0].RoomName}}</span></div>
+          <q-space />
+      </q-card-section>
+    </q-card>
+         
           <div class="page-option">
           </div>
         </template>
+        
+        
+        <template v-slot:body-cell-ReservationDate="props">
+          <q-td :props="props">
+            <template v-if="props.row.ReservationDate&&props.row.ReservationDate.length>0&&props.row.ReservationDate!='0001-01-01T00:00:00'">
+              {{ timeFormatSeconds(props.row.ReservationDate) }}
+            </template>
+          </q-td>
+        </template>
+        <template v-slot:body-cell-Demand="props">
+          <q-td :props="props">
+            <template v-if="props.row.Demand">
+              <div v-html="props.row.Demand" class="divP"></div>
+            </template>
+          </q-td>
+        </template>
+        <template v-slot:body-cell-Feedback="props">
+          <q-td :props="props">
+            <template v-if="props.row.Feedback">
+              <div v-html="props.row.Feedback" class="divP"></div>
+            </template>
+          </q-td>
+        </template>
         <template v-slot:body-cell-SpeakState="props">
           <q-td :props="props">
             <template v-if="props.row.OrderCount>0">
@@ -26,6 +61,13 @@
             </template>
           </q-td>
         </template>
+
+        <template v-slot:body-cell-Id="props">
+          <q-td :props="props">
+            <span v-if="props.row.ReserveClassId>0" style="margin-right:10px; cursor: pointer;"
+                    @click="fabkuiMsg.IsShow=true,fabkuiMsg.Id=props.row.Id,fabkuiMsg.Feedback=props.row.Feedback">反馈</span>
+          </q-td>
+        </template>
         <template v-slot:bottom>
           <q-pagination class="full-width justify-end" v-model="msg.pageIndex" color="primary" :max="pageCount"
             :input="true" @input="changePage" />
@@ -37,27 +79,50 @@
     <schedulFanke v-if="isShowDetail" @close="closeDetail" :save-obj="sendObj"></schedulFanke>
     <appoint-form v-if="isShowFangke" :save-obj="visitObjOption" @close="closeAppoint" @success="refreshPage">
     </appoint-form>
+
+    <el-dialog title="试听反馈" :visible.sync="fabkuiMsg.IsShow" >
+      <div class="row studentDate">
+        <UeEditor v-model="fabkuiMsg.Feedback" class="q-pb-sm" :config="config"></UeEditor>
+      </div>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="fabkuiMsg.IsShow=false,fabkuiMsg.Id=0,fabkuiMsg.Feedback=''">取 消</el-button>
+        <el-button type="primary" @click="saveFankuiForm()">确 定</el-button>
+      </div>
+    </el-dialog>
+
   </div>
 </template>
 
 <script>
   import {
     queryVisitorReservePage,
+    SetVisitorReserveFeedback,
   } from '../../api/scheduling/schedu'
   import schedulFanke from '../../components/schedul/schedul-fanke'
   import visitorForm from '../../components/schedul/visitor-form'
   import appointForm from '../../components/schedul/appoint-form'
+  import UeEditor from "../../components/editor/UeEditor";
   export default {
     meta: {
       title: "试听学员名单"
     },
     components: {
+      UeEditor,
       schedulFanke,
       visitorForm,
       appointForm
     },
     data() {
       return {
+        config: {
+          initialFrameWidth: null,
+          initialFrameHeight: 90
+        },
+        fabkuiMsg: {
+          Id: 0,
+          Feedback: "",
+          IsShow: false,
+        },
         msg: {
           pageIndex: 1,
           pageSize: 10,
@@ -97,17 +162,37 @@
             align: 'left'
           },
           {
-            name: 'LessonName',
-            label: '试听课程',
-            field: 'LessonName',
+            name: 'ReservationDate',
+            label: '试听日期',
+            field: 'ReservationDate',
             align: 'left'
           },
           {
-            name: 'TeacherName',
-            label: '试讲老师',
-            field: 'TeacherName',
-            align: 'left'
+            name: 'Demand',
+            label: '试听需求',
+            field: 'Demand',
+            align: 'left',
+            width:200
           },
+          {
+            name: 'Feedback',
+            label: '学员反馈',
+            field: 'Feedback',
+            align: 'left',
+            width:200
+          },
+          // {
+          //   name: 'LessonName',
+          //   label: '试听课程',
+          //   field: 'LessonName',
+          //   align: 'left'
+          // },
+          // {
+          //   name: 'TeacherName',
+          //   label: '试讲老师',
+          //   field: 'TeacherName',
+          //   align: 'left'
+          // },
           {
             name: 'OrderCount',
             label: '订单数量',
@@ -120,12 +205,12 @@
             field: 'SpeakState',
             align: 'left'
           },
-          {
-            name: 'RoomName',
-            label: '教室',
-            field: 'RoomName',
-            align: 'left'
-          },
+          // {
+          //   name: 'RoomName',
+          //   label: '教室',
+          //   field: 'RoomName',
+          //   align: 'left'
+          // },
           {
             name: 'CreateByName',
             label: '创建人',
@@ -138,6 +223,12 @@
             field: 'CreateTimeStr2',
             align: 'left'
           },
+          {
+            name: 'Id',
+            label: '操作',
+            field: 'Id'
+          }
+        
         ],
         sendObj: {},
         isShowDetail: false,
@@ -160,7 +251,71 @@
         this.date = this.$route.query.date
       }
     },
-    methods: {
+    methods: {     
+           //获得年月日时分秒
+      //传入日期//例：2020-10-27T14:36:23
+      timeFormatSeconds(time, type) {
+        let timeStr = "";
+        if (time === '0001-01-01T00:00:00') {
+          return timeStr;
+        }
+        var d = time ? new Date(time) : new Date();
+        var year = d.getFullYear();
+        var month = d.getMonth() + 1;
+        var day = d.getDate();
+        if (month < 10) month = '0' + month;
+        if (day < 10) day = '0' + day;
+        if (type == 2) {
+          var hours = d.getHours();
+          var min = d.getMinutes();
+          var seconds = d.getSeconds();
+          if (hours < 0) hours = '0' + hours;
+          if (min < 10) min = '0' + min;
+          if (seconds < 10) seconds = '0' + seconds;
+          timeStr += ' ' + hours + ':' + min + ':' + seconds;
+        }
+
+        timeStr = year + '-' + month + '-' + day + timeStr;
+        return timeStr;
+      },
+       saveFankuiForm() {
+        if (this.fabkuiMsg.Feedback == "") {
+          this.$q.notify({
+            type: "negative",
+            position: "top",
+            timeout: 2000,
+            message: "请输入学员反馈内容！"
+          });
+          return;
+        }
+        SetVisitorReserveFeedback(this.fabkuiMsg).then(res => {
+          if (res.Code == 1) {
+            this.$q.notify({
+              icon: "iconfont icon-chenggong",
+              color: "accent",
+              timeout: 2000,
+              message: res.Message,
+              position: "top"
+            });
+            this.getList();
+            this.$emit("success");
+          } else {
+            this.$q.notify({
+              type: "negative",
+              position: "top",
+              timeout: 2000,
+              message: res.Message
+            });
+          }
+          this.fabkuiMsg.IsShow = false;
+          this.fabkuiMsg.Id = 0;
+          this.fabkuiMsg.Feedback = '';
+        });
+      },
+      closeReserveForm() {
+        this.isShowAdd = false;
+        this.getList();
+      },
       //新增访客
       editVisitor(obj) {
         if (obj) {