页面修改

src/components/school/student/studentRight-form.vue

 <template>
-  <q-dialog
-    v-model="persistent"
-    full-height
-    maximized
-    position="right"
-    persistent
-    @hide="closeCutomer"
-    transition-show="slide-left"
-  >
+  <q-dialog v-model="persistent" full-height maximized position="right" persistent @hide="closeCutomer"
+    transition-show="slide-left">
     <div class="customMain">
       <div class="custom_Top">
         <div class="custom_HLeft">
           <div class="nameplate_avatar">
-            <img
-              v-if="baseObj.StuIcon"
-              style="width:100%;height:100%;"
-              :src="baseObj.StuIcon"
-              alt
-            />
+            <img v-if="baseObj.StuIcon" style="width:100%;height:100%;" :src="baseObj.StuIcon" alt />
             <div class="student_Name" v-else>
               <span v-if="baseObj.StuName">{{
                 baseObj.StuName.substring(0, 1)
@@ -29,58 +17,18 @@
           </div>
         </div>
         <div class="custom_HRight">
-          <q-btn
-            v-if="userInfo.IsTenCccUser == 1"
-            @click="callUserHandler"
-            class="q-mr-md"
-            round
-            unelevated
-            color="primary"
-            dense
-            icon="phone"
-            title="拨打电话"
-          ></q-btn>
-          <q-btn
-            unelevated
-            color="positive"
-            v-if="
+          <q-btn v-if="userInfo.IsTenCccUser == 1" @click="callUserHandler" class="q-mr-md" round unelevated
+            color="primary" dense icon="phone" title="拨打电话"></q-btn>
+          <q-btn unelevated color="positive" v-if="
               !baseObj.IsHaveCurseManager && userInfo.Id == baseObj.CreateBy
-            "
-            size="sm"
-            :loading="pushing"
-            class="q-mr-md"
-            @click="assistBatchHandler"
-            >推送课程顾问</q-btn
-          >
-          <q-btn
-            v-if="getJudgeTrans()"
-            color="primary"
-            unelevated
-            size="sm"
-            label="转交"
-            @click="isShowTrans = true"
-          >
+            " size="sm" :loading="pushing" class="q-mr-md" @click="assistBatchHandler">推送课程顾问</q-btn>
+          <q-btn v-if="getJudgeTrans()" color="primary" unelevated size="sm" label="转交" @click="isShowTrans = true">
             <q-popup-proxy :offset="[10, 10]">
               <q-banner v-if="isShowTrans">
-                <q-select
-                  style="margin-top:20px;"
-                  filled
-                  v-model="transMsg.CreateBy"
-                  @filter="filterEmployee"
-                  use-input
-                  :options="myEmployeeList"
-                  option-label="EmployeeName"
-                  option-value="Id"
-                  emit-value
-                  map-options
-                />
-                <q-btn
-                  label="保存"
-                  style="float:right;margin-top:15px"
-                  color="accent q-mb-lg"
-                  size="sm"
-                  @click="saveTransForm"
-                />
+                <q-select style="margin-top:20px;" filled v-model="transMsg.CreateBy" @filter="filterEmployee" use-input
+                  :options="myEmployeeList" option-label="EmployeeName" option-value="Id" emit-value map-options />
+                <q-btn label="保存" style="float:right;margin-top:15px" color="accent q-mb-lg" size="sm"
+                  @click="saveTransForm" />
               </q-banner>
             </q-popup-proxy>
           </q-btn>
@@ -88,24 +36,12 @@
       </div>
       <div class="custom_Bottom">
         <div class="detail-info">
-          <student-left
-            :stuData="stuData"
-            :save-obj="saveObj"
-            :BelongType="BelongType"
-            @success="refreshStudentPage"
-            @getrecord="getrecord"
-            @update="queryStuInfo"
-          ></student-left>
+          <student-left :stuData="stuData" :save-obj="saveObj" :BelongType="BelongType" @success="refreshStudentPage"
+            @getrecord="getrecord" @update="queryStuInfo"></student-left>
         </div>
         <div class="detail-travel">
           <div class="detail_first">
-            <q-tabs
-              v-model="ckedTab"
-              dense
-              align="left"
-              class="text-teal"
-              style="margin-bottom:20px;"
-            >
+            <q-tabs v-model="ckedTab" dense align="left" class="text-teal" style="margin-bottom:20px;">
               <q-tab name="1" label="记录" />
               <q-tab name="2" label="操作" />
               <q-tab name="3" label="订单" />
@@ -114,112 +50,53 @@
             </q-tabs>
             <div class="operate_Content" style="flex:1;">
               <div class="detail_Main">
-                <div
-                  row
-                  style="display: flex;justify-content: space-between;"
-                  v-if="ckedTab == 2"
-                >
+                <div row style="display: flex;justify-content: space-between;" v-if="ckedTab == 2">
                   <div class="tripTypeContent" style="flex-shrink:0">
-                    <div
-                      v-for="(qItem, qIndex) in visitList"
-                      :key="qIndex"
-                      :class="{ StuCkedType: qIndex + 1 == secondType }"
-                      @click="getckedType(qItem)"
-                    >
+                    <div v-for="(qItem, qIndex) in visitList" :key="qIndex"
+                      :class="{ StuCkedType: qIndex + 1 == secondType }" @click="getckedType(qItem)">
                       {{ qItem.Name }}
                     </div>
                   </div>
-                  <q-btn
-                    label="客户情况"
-                    color="accent q-mb-lg"
-                    size="sm"
-                    style="margin-bottom: 0;"
-                    @click="consultbtn"
-                  />
+                  <q-btn label="客户情况" color="accent q-mb-lg" size="sm" style="margin-bottom: 0;" @click="consultbtn" />
                 </div>
-
                 <!-- 记录 -->
                 <template v-if="ckedTab == 1">
-                  <student-record
-                    :save-obj="baseObj"
-                    @success="refreshStudentPage"
-                    ref="mychild"
-                  ></student-record>
+                  <student-record :save-obj="baseObj" @success="refreshStudentPage" ref="mychild"></student-record>
                 </template>
                 <!-- 操作 -->
                 <template v-if="ckedTab == 2">
                   <div class="operate_Content" style="margin-top:20px;">
-                    <student-visit
-                      :stateId="stateId"
-                      :stateList="customStateList"
-                      @update="queryStuInfo"
-                      :save-obj="baseObj"
-                      :StuId="baseObj.StuId"
-                      v-if="secondType == 1"
-                      @success="refreshStudentPage"
-                    ></student-visit>
-                    <student-yuefang
-                      :stateId="stateId"
-                      :stateList="customStateList"
-                      @update="queryStuInfo"
-                      :save-obj="baseObj"
-                      v-if="secondType == 2"
-                      @success="refreshStudentPage"
-                    ></student-yuefang>
-                    <student-genjin
-                      :stateId="stateId"
-                      :stateList="customStateList"
-                      @update="queryStuInfo"
-                      :save-obj="baseObj"
-                      v-if="secondType == 3"
-                      @success="refreshStudentPage"
-                    ></student-genjin>
-                    <student-shiting
-                      :save-obj="baseObj"
-                      v-if="secondType == 4"
-                      @success="refreshStudentPage"
-                    >
+                    <student-visit :stateId="stateId" :stateList="customStateList" @update="queryStuInfo"
+                      :save-obj="baseObj" :StuId="baseObj.StuId" v-if="secondType == 1" @success="refreshStudentPage">
+                    </student-visit>
+                    <student-yuefang :stateId="stateId" :stateList="customStateList" @update="queryStuInfo"
+                      :save-obj="baseObj" v-if="secondType == 2" @success="refreshStudentPage"></student-yuefang>
+                    <student-genjin :stateId="stateId" :stateList="customStateList" @update="queryStuInfo"
+                      :save-obj="baseObj" v-if="secondType == 3" @success="refreshStudentPage"></student-genjin>
+                    <student-shiting :save-obj="baseObj" v-if="secondType == 4" @success="refreshStudentPage">
                     </student-shiting>
-                    <student-consult 
-                      :save-obj="baseObj"
-                      v-if="secondType == 5"
-                      @success="refreshStudentPage"
-                    >
+                    <student-consult :save-obj="baseObj" v-if="secondType == 5" @success="refreshStudentPage">
                     </student-consult>
                   </div>
                 </template>
                 <!-- 订单 -->
                 <template v-if="ckedTab == 3">
-                  <student-order
-                    :save-obj="baseObj"
-                    @success="refreshStudentPage"
-                  ></student-order>
+                  <student-order :save-obj="baseObj" @success="refreshStudentPage"></student-order>
                 </template>
                 <!-- 合同 -->
                 <template v-if="ckedTab == 4">
-                  <student-hetong
-                    :save-obj="baseObj"
-                    @success="refreshStudentPage"
-                  ></student-hetong>
+                  <student-hetong :save-obj="baseObj" @success="refreshStudentPage"></student-hetong>
                 </template>
                 <template v-if="ckedTab == 5">
-                  <student-Assit
-                    :save-obj="baseObj"
-                    :BelongType="BelongType"
-                    @success="refreshStudentPage"
-                  ></student-Assit>
+                  <student-Assit :save-obj="baseObj" :BelongType="BelongType" @success="refreshStudentPage">
+                  </student-Assit>
                 </template>
               </div>
             </div>
           </div>
         </div>
       </div>
-      <consultFrom
-        v-if="isconsult"
-        :save-obj="baseObj"
-        @close="isconsult = false"
-        @consultsuccess="consultsuccess"
-      >
+      <consultFrom v-if="isconsult" :save-obj="baseObj" @close="isconsult = false" @consultsuccess="consultsuccess">
       </consultFrom>
       <div class="dialog-out-close" @click="closeCutomer">
         <i class="iconfont icon-close" style="font-size:26px;" />
@@ -228,25 +105,31 @@
   </q-dialog>
 </template>
 <script>
-import { queryEmployee } from "../../../api/users/user";
-import { ForwardStudent } from "../../../api/customerstudent/customerstudent";
-import {
+  import {
+    queryEmployee
+  } from "../../../api/users/user";
+  import {
+    ForwardStudent
+  } from "../../../api/customerstudent/customerstudent";
+  import {
     getStudentInfo, //获取学员客户信息
     queryStuStageList //获取客户阶段列表
-} from "../../../api/school/index";
-import studentLeft from "../student/student-left";
-import studentRecord from "../student/student-record";
-import studentVisit from "../student/student-visit";
-import studentYuefang from "../student/student-yuefang";
-import studentGenjin from "../student/student-genjin";
-import studentShiting from "../student/student-shiting";
-import studentConsult from "../student/student-consult"
-import studentHetong from "../student/student-hetong";
-import studentOrder from "../student/student-order";
-import studentAssit from "../student/student-Assit";
-import consultFrom from "../student/consult-from";
-import { SetStudentAssistBatch } from "../../../api/sale/sale";
-export default {
+  } from "../../../api/school/index";
+  import studentLeft from "../student/student-left";
+  import studentRecord from "../student/student-record";
+  import studentVisit from "../student/student-visit";
+  import studentYuefang from "../student/student-yuefang";
+  import studentGenjin from "../student/student-genjin";
+  import studentShiting from "../student/student-shiting";
+  import studentConsult from "../student/student-consult"
+  import studentHetong from "../student/student-hetong";
+  import studentOrder from "../student/student-order";
+  import studentAssit from "../student/student-Assit";
+  import consultFrom from "../student/consult-from";
+  import {
+    SetStudentAssistBatch
+  } from "../../../api/sale/sale";
+  export default {
     meta: {
       title: "学员管理"
     },
@@ -275,6 +158,11 @@ export default {
       BelongType: {
         type: Number,
         default: null
+      },
+      //选中的选项卡
+      checkType: {
+        type: Number,
+        default: 0
       }
     },
     data() {
@@ -282,8 +170,7 @@ export default {
         persistent: true,
         ckedTab: "1",
         secondType: 1,
-      visitList: [
-        {
+        visitList: [{
             Name: "到访",
             Id: 1
           },
@@ -327,6 +214,16 @@ export default {
       this.queryStuInfo();
       this.userInfo = this.getLocalStorage();
     },
+    watch: {
+      checkType: {
+        handler(val) {
+          if (val && val > 0) {
+            this.ckedTab = val;
+          }
+        },
+        deep: true
+      },
+    },
     mounted() {
       this.baseObj = this.saveObj;
       this.baseObj.IsHaveCurseManager = false;
@@ -345,7 +242,6 @@ export default {
           phoneNumber: this.baseObj.StuRealMobile,
           phoneDesc: this.baseObj.StuName
         });
-      //this.closeCutomer();
       },
       //判断是否显示转交
       getJudgeTrans() {
@@ -453,24 +349,24 @@ export default {
         this.isconsult = true;
       }
     }
-};
+  };
 </script>
 <style>
-.custom_RModel {
+  .custom_RModel {
     width: 500px;
     height: 100%;
-}
+  }
 
-.customMain {
+  .customMain {
     width: 1000px !important;
     display: flex;
     flex-direction: column;
     height: 100 vh;
     padding: 15px 17px 0 17px;
     background-color: #f4f4f6;
-}
+  }
 
-.custom_Top {
+  .custom_Top {
     width: 100%;
     padding: 22px;
     background: #fff;
@@ -478,47 +374,47 @@ export default {
     display: flex;
     justify-content: space-between;
     align-items: center;
-}
+  }
 
-.custom_HLeft {
+  .custom_HLeft {
     display: flex;
-}
+  }
 
-.nameplate_avatar {
+  .nameplate_avatar {
     width: 60px;
     height: 60px;
     flex-shrink: 0;
     margin-right: 14px;
     border-radius: 5px;
     overflow: hidden;
-}
+  }
 
-.F_16 {
+  .F_16 {
     font-size: 16px;
-}
+  }
 
-.Name_List {
+  .Name_List {
     display: flex;
     flex-direction: column;
     justify-content: space-around;
     overflow: hidden;
-}
+  }
 
-.wechat_Name {
+  .wechat_Name {
     color: #9999a8;
     display: flex;
     font-size: 14px;
-}
+  }
 
-.custom_Bottom {
+  .custom_Bottom {
     margin-top: 17px;
     flex: 1;
     display: flex;
     margin-top: 17px;
     overflow: hidden;
-}
+  }
 
-.detail-info {
+  .detail-info {
     flex-shrink: 0;
     box-sizing: border-box;
     display: flex;
@@ -530,13 +426,13 @@ export default {
     background: #fff;
     border-radius: 8px 8px 0 0;
     overflow: auto;
-}
+  }
 
-.detail-info::-webkit-scrollbar {
+  .detail-info::-webkit-scrollbar {
     display: none;
-}
+  }
 
-.detail-travel {
+  .detail-travel {
     width: 100%;
     flex-grow: 1;
     display: flex;
@@ -545,26 +441,26 @@ export default {
     background: #fff;
     border-radius: 8px 8px 0 0;
     overflow: hidden;
-}
+  }
 
-.edit_bar {
+  .edit_bar {
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 12px 22px;
-}
+  }
 
-.edit_info_wrap {
+  .edit_info_wrap {
     padding: 0 22px 12px;
-}
+  }
 
-.custom_Line {
+  .custom_Line {
     width: calc(100% - 44px);
     margin: 16px 22px;
     border-bottom: 1px solid #d7d7d7;
-}
+  }
 
-.custom_Edit {
+  .custom_Edit {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -575,63 +471,63 @@ export default {
     border-radius: 4px;
     font-size: 12px;
     cursor: pointer;
-}
+  }
 
-.tripTypeContent {
+  .tripTypeContent {
     display: flex;
     overflow-x: auto;
     white-space: nowrap;
-}
+  }
 
-.StuCkedType {
+  .StuCkedType {
     color: #3470ff;
     font-weight: 700;
-}
+  }
 
-.tripTypeContent div {
+  .tripTypeContent div {
     margin-right: 20px;
     cursor: pointer;
-}
+  }
 
-.q-timeline__title {
+  .q-timeline__title {
     margin-bottom: 5px;
-}
+  }
 
-.customUpdateTime {
+  .customUpdateTime {
     display: flex;
     justify-content: space-between;
     font-size: 14px;
     color: #9696a6;
-}
+  }
 
-.q-timeline__subtitle {
+  .q-timeline__subtitle {
     opacity: 1;
     font-weight: normal;
-}
+  }
 
-.follow_Component {
+  .follow_Component {
     padding: 0 22px;
     margin-top: 10px;
     width: 100%;
     background-color: #f6f6f6;
     border-radius: 5px;
-}
+  }
 
-.detail_first {
+  .detail_first {
     margin: 0 22px;
     display: flex;
     flex-direction: column;
     height: 100%;
-}
+  }
 
-.detail_Main {
+  .detail_Main {
     display: flex;
     flex-direction: column;
     width: 100%;
     height: 100%;
-}
+  }
 
-.student_Name {
+  .student_Name {
     width: 100%;
     height: 100%;
     background: #004d40;
@@ -639,53 +535,53 @@ export default {
     text-align: center;
     line-height: 60px;
     font-size: 20px;
-}
+  }
 
-.TimeLineDiv {
+  .TimeLineDiv {
     height: 620px;
     flex: 1;
     height: 100%;
     padding-right: 20px;
-}
+  }
 
-.Time_TopList {
+  .Time_TopList {
     display: flex;
     justify-content: space-between;
-}
+  }
 
-.visit_Cont {
+  .visit_Cont {
     font-size: 14px;
-}
+  }
 
-.visit_delete {
+  .visit_delete {
     font-size: 14px;
     cursor: pointer;
     width: 30px;
-}
+  }
 
-.operate_Content {
+  .operate_Content {
     overflow: auto;
     /* padding-right: 20px; */
-}
+  }
 
-.operate_Content::-webkit-scrollbar {
+  .operate_Content::-webkit-scrollbar {
     width: 6px;
     height: 8px;
-}
+  }
 
-.operate_Content::-webkit-scrollbar-thumb {
+  .operate_Content::-webkit-scrollbar-thumb {
     border-radius: 4px;
     -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
     background: #c9c9c9;
-}
+  }
 
-.operate_Content::-webkit-scrollbar-thumb {
+  .operate_Content::-webkit-scrollbar-thumb {
     -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
     border-radius: 4px;
     background: #ededed;
-}
+  }
 
-.Log_Content {
+  .Log_Content {
     padding: 10px;
     border-radius: 5px;
     background-color: #f4f4f6;
@@ -693,42 +589,42 @@ export default {
     line-height: 2;
     margin-top: 10px;
     word-break: break-all;
-}
+  }
 
-.stu_ComFeed {
+  .stu_ComFeed {
     color: #3470ff;
     cursor: pointer;
     margin-left: 20px;
-}
+  }
 
-.StuCom_Remark {
+  .StuCom_Remark {
     display: flex;
-}
+  }
 
-.StuCom_Inner {
+  .StuCom_Inner {
     width: 100%;
-}
+  }
 
-.StuCom_Left {
+  .StuCom_Left {
     flex-shrink: 0;
     width: 57px;
     text-align-last: justify;
-}
+  }
 
-.Stu_OrderId {
+  .Stu_OrderId {
     color: #2961fe;
     font-weight: bold;
     text-decoration: underline;
     cursor: pointer;
-}
+  }
 
-.Stu_HtLeft {
+  .Stu_HtLeft {
     width: 57px;
     display: inline-block;
     text-align-last: justify;
-}
+  }
 
-.fullscreen {
+  .fullscreen {
     z-index: 3000;
-}
+  }
 </style>
\ No newline at end of file

src/components/school/student/stulist.vue

@@ -92,7 +92,7 @@
       </template>
       <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="getStuRight(props.row,1)">
             {{ props.value }}
           </div>
         </q-td>
@@ -152,7 +152,7 @@
 
       <template v-slot:body-cell-OrderCount="props">
         <q-td :props="props" v-if="props.row.OrderCount == 0" class="text-grey-4">未报名</q-td>
-        <q-td :props="props" v-if="props.row.OrderCount > 0" class="bg-negative text-white">
+        <q-td :props="props" v-if="props.row.OrderCount > 0" class="bg-negative text-white" style="cursor:pointer;text-decoration:underline;" @click="getStuRight(props.row,3)">
           已报名{{ props.row.OrderCount }}单</q-td>
       </template>
       <template v-slot:body-cell-TeacherManager="props">
@@ -197,7 +197,7 @@
     </q-table>
     <student-form v-if="isShowStuForm" :save-obj="stuOption" @close="closeStuForm" @success="refreshStuList">
     </student-form>
-    <studentRight-form v-if="isShowStuRight" :isJudgeTrans="isJudgeTrans" :BelongType="BelongType" :save-obj="stuOption"
+    <studentRight-form v-if="isShowStuRight" :isJudgeTrans="isJudgeTrans" :BelongType="BelongType" :checkType="checkType" :save-obj="stuOption"
       @close="closeStuForm" @success="refreshStuList" @reload="referDataHandler">
     </studentRight-form>
     <studentAdd-form v-if="isShowAdd" :save-obj="stuOption" @close="closeStuForm" @success="refreshStuList">
@@ -427,7 +427,8 @@
         BelongType: 1,
         pushMode: false,
         pushing: false,
-        assistListFormat: []
+        assistListFormat: [],
+        checkType:1,
       };
     },
     watch: {
@@ -597,10 +598,11 @@
         this.isShowTransfer = false;
       },
       //点击学生姓名弹出
-      getStuRight(obj) {
+      getStuRight(obj,type) {
         if (obj) {
           this.stuOption = obj;
           this.BelongType = obj.BelongType;
+          this.checkType=type;
         } else {
           this.stuOption = null;
         }