1

src/components/schedul/schedul-visit.vue

@@ -203,7 +203,7 @@
         class="sticky-right-column-table sticky-column-table" separator="none">
         <template v-slot:body-cell-StuName="props">
           <q-td :props="props">
-            <div class="text-blue cursor-pointer" @click="getStuRight(props.row)">
+            <div class="text-blue cursor-pointer" @click="getStuAudition(props.row)">
               {{ props.value }}
             </div>
           </q-td>
@@ -287,10 +287,13 @@
     </q-dialog>
     <studentRight-form v-if="isShowStuRight" :save-obj="stuOption" @close="closeStuForm" @success="refreshStuList">
     </studentRight-form>
+    <student-audition v-if="isShowStuAudition" :save-obj="stuOption" @close="closeStuForm" @success="refreshStuList">
+    </student-audition>
   </div>
 </template>
 <script>
   import studentRightForm from "../school/student/studentRight-form";
+  import studentAudition from "../school/student/student-audition"
   import {
     getTodayVisitList
   } from "../../api/stuMan/index";
@@ -328,7 +331,8 @@
     components: {
       schedulFanke,
       studentAddForm,
-      studentRightForm
+      studentRightForm,
+      studentAudition
     },
     computed: {
       ...mapGetters(["userInfo"])
@@ -336,6 +340,7 @@
     data() {
       return {
         isShowStuRight: false,
+        isShowStuAudition: false,
         isShowModelInfo: true,
         visitModel: null,
         tabCheck: "first",
@@ -675,7 +680,15 @@
         }
         this.isShowStuRight = true;
       },
-
+      //点击预约到访的姓名
+      getStuAudition(obj){
+        if (obj) {
+          this.stuOption = obj;
+        } else {
+          this.stuOption = null;
+        }
+        this.isShowStuAudition = true;
+      },
       addFinishHandler(m, t) {
         console.log(m, t);
         if (m && m.StuId) {
@@ -772,6 +785,7 @@
       },
       closeStuForm(){
         this.isShowStuRight = false;
+        this.isShowStuAudition = false;
       },
       //获取访客列表
       getVisitoryPage() {

src/components/school/student/student-audition.vue

+<style>
+  .stuAudition {
+    width: 586px !important;
+    display: flex;
+    flex-direction: column;
+    height: 100 vh;
+    padding: 15px 17px 0 17px;
+    background-color: #f4f4f6;
+  }
+
+  .stuaudition_Bottom {
+    margin-top: 17px;
+    flex: 1;
+    display: flex;
+    overflow: auto;
+  }
+  .stuaudition_Bottom::-webkit-scrollbar {
+    width: 6px;
+    height: 8px;
+  }
+
+  .stuaudition_Bottom::-webkit-scrollbar-track {
+    border-radius: 4px;
+    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
+    background: #c9c9c9;
+  }
+
+  .stuaudition_Bottom::-webkit-scrollbar-thumb {
+    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
+    border-radius: 4px;
+    background: #EDEDED;
+  }
+</style>
+<template>
+  <q-dialog v-model="persistent" full-height maximized position="right" persistent @hide="closeCutomer"
+    transition-show="slide-left">
+    <div class="stuAudition">
+      <div class="stuaudition_Bottom">
+        <student-shiting :save-obj="baseObj" @success="refreshStudentPage"></student-shiting>
+      </div>
+      <div class="dialog-out-close" @click="closeCutomer">
+        <i class="iconfont icon-close" style="font-size:26px;" />
+      </div>
+    </div>
+  </q-dialog>
+
+</template>
+<script>
+  import studentShiting from '../student/student-shiting';
+  export default {
+    meta: {
+      title: "试听"
+    },
+    components: {
+      studentShiting
+    },
+    props: {
+      saveObj: {
+        type: Object,
+        default: null
+      }
+    },
+    data() {
+      return {
+        persistent: true,
+        baseObj: {},
+      }
+    },
+    created() {},
+    mounted() {
+      this.baseObj = this.saveObj;
+    },
+    methods: {
+      closeCutomer() {
+        this.$emit('close')
+      },
+      //刷新列表
+      refreshStudentPage() {
+        this.$emit('success');
+      }
+    }
+  }
+
+</script>
+<style>
+</style>

src/components/school/student/student-shiting.vue

@@ -18,7 +18,7 @@
         <q-field filled class="q-pb-lg q-pr-lg" dense>
            <template v-slot:control>
             <el-date-picker v-model="addMsg.ClassDate" ref="ClassDate" :rules="[val => !!val || '请选择预约日期']" 
-              style="width:228px" size="mini" type="date" placeholder="预约日期">
+              style="width:225px" size="mini" type="date" placeholder="预约日期">
             </el-date-picker>
           </template>
         </q-field>