1

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

@@ -189,6 +189,10 @@
       saveObj: {
         type: Object,
         default: null
+      },
+      AddType: {
+        type: Number,
+        default: null
       }
     },
     data() {
@@ -244,6 +248,9 @@
               position: 'top'
             })
             this.$emit('success');
+            if(this.AddType == 1){
+              this.$emit('close');
+            }
           }
         })
       },

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

+<template>
+  <q-dialog v-model="persistent" full-height maximized position="right" persistent @hide="closeCutomer"
+    transition-show="slide-left">
+    <div class="MycustomMain">
+      <div class="myCustomBottom">
+        <div class="myDetail-info">
+          <student-left :save-obj="saveObj" :AddType="1" @success="refreshStudentPage" @close="closeCutomer"></student-left>
+        </div>
+      </div>
+      <div class="dialog-out-close" @click="closeCutomer">
+        <i class="iconfont icon-close" style="font-size:26px;" />
+      </div>
+    </div>
+  </q-dialog>
+
+</template>
+<script>
+
+  import studentLeft from '../student/student-left';
+  export default {
+    meta: {
+      title: "学员管理"
+    },
+    components: {
+      studentLeft
+    },
+    props: {
+      saveObj: {
+        type: Object,
+        default: null
+      }
+    },
+    data() {
+      return {
+        persistent: true,
+        msg: {
+
+        },
+        baseObj: {},
+      }
+    },
+    mounted() {
+      this.baseObj = this.saveObj;
+    },
+    methods: {
+      closeCutomer() {
+        this.$emit('close')
+      },
+      //刷新列表
+      refreshStudentPage() {
+        this.$emit('success');
+      }
+    },
+  }
+
+</script>
+<style>
+  .custom_RModel {
+    width: 500px;
+    height: 100%;
+  }
+
+  .MycustomMain {
+    width: auto !important;
+    display: flex;
+    flex-direction: column;
+    height: 100 vh;
+    padding: 15px 17px 0 17px;
+    background-color: #f4f4f6;
+  }
+
+  .custom_Top {
+    width: 100%;
+    padding: 22px;
+    background: #fff;
+    border-radius: 8px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
+
+  .F_16 {
+    font-size: 16px;
+  }
+
+  .Name_List {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-around;
+    overflow: hidden;
+  }
+
+  .wechat_Name {
+    color: #9999a8;
+    display: flex;
+    font-size: 14px;
+  }
+
+  .myCustomBottom {
+    flex: 1;
+    display: flex;
+    overflow: hidden;
+  }
+
+  .myDetail-info {
+    flex-shrink: 0;
+    box-sizing: border-box;
+    display: flex;
+    flex-direction: column;
+    width: 350px;
+    height: 100%;
+    padding: 28px 0;
+    background: #fff;
+    border-radius: 8px 8px 0 0;
+    overflow: auto;
+  }
+
+  .myDetail-info::-webkit-scrollbar {
+    display: none;
+  }
+
+  .detail-travel {
+    width: 100%;
+    flex-grow: 1;
+    display: flex;
+    flex-direction: column;
+    padding-top: 28px;
+    background: #fff;
+    border-radius: 8px 8px 0 0;
+    overflow: hidden;
+  }
+
+
+
+
+  .edit_bar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 12px 22px;
+  }
+
+  .edit_info_wrap {
+    padding: 0 22px 12px;
+  }
+
+
+  .custom_Line {
+    width: calc(100% - 44px);
+    margin: 16px 22px;
+    border-bottom: 1px solid #d7d7d7;
+  }
+
+  .custom_Edit {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 78px;
+    height: 26px;
+    margin-right: 3px;
+    border: 1px dashed #858598;
+    border-radius: 4px;
+    font-size: 12px;
+    cursor: pointer;
+  }
+
+
+  .tripTypeContent {
+    display: flex;
+    overflow-x: auto;
+    white-space: nowrap;
+  }
+
+  .ckedClass {
+    color: #3470ff;
+    font-weight: 700;
+  }
+
+  .tripTypeContent div {
+    margin-right: 20px;
+    cursor: pointer;
+  }
+
+
+  .q-timeline__title {
+    margin-bottom: 5px;
+  }
+
+  .customUpdateTime {
+    display: flex;
+    justify-content: space-between;
+    font-size: 14px;
+    color: #9696a6;
+  }
+
+  .q-timeline__subtitle {
+    opacity: 1;
+    font-weight: normal;
+  }
+
+  .follow_Component {
+    padding: 0 22px;
+    margin-top: 10px;
+    width: 100%;
+    background-color: #f6f6f6;
+    border-radius: 5px;
+  }
+
+
+  .detail_first {
+    margin: 0 22px;
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+  }
+
+  .detail_Main {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    height: 100%;
+  }
+
+  .student_Name {
+    width: 100%;
+    height: 100%;
+    background: #004d40;
+    color: #fff;
+    text-align: center;
+    line-height: 60px;
+    font-size: 20px;
+  }
+
+  .TimeLineDiv {
+    height: 620px;
+    flex: 1;
+    height: 100%;
+    padding-right: 20px;
+  }
+
+  .Time_TopList {
+    display: flex;
+    justify-content: space-between;
+  }
+
+  .visit_Cont {
+    font-size: 14px;
+  }
+
+  .visit_delete {
+    font-size: 14px;
+    cursor: pointer;
+    width: 30px;
+  }
+
+  .operate_Content {
+    overflow: auto;
+    padding-right: 20px;
+  }
+
+  .operate_Content::-webkit-scrollbar {
+    width: 6px;
+    height: 8px;
+  }
+
+  .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 {
+    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
+    border-radius: 4px;
+    background: #EDEDED;
+  }
+
+  .Log_Content {
+    padding: 10px;
+    border-radius: 5px;
+    background-color: #f4f4f6;
+    color: #818194;
+    line-height: 2;
+    margin-top: 10px;
+  }
+
+  .stu_ComFeed {
+    color: #3470ff;
+    cursor: pointer;
+    margin-left: 20px;
+  }
+
+  .StuCom_Remark {
+    display: flex;
+  }
+
+  .StuCom_Inner {
+    width: 100%;
+  }
+
+  .StuCom_Left {
+    flex-shrink: 0;
+    width: 71px;
+    text-align: right;
+  }
+
+</style>

src/components/school/student/stulist.vue

@@ -46,11 +46,14 @@
     </student-form>
     <studentRight-form v-if="isShowStuRight" :save-obj="stuOption" @close="closeStuForm" @success="refreshStuList">
     </studentRight-form>
+    <studentAdd-form v-if="isShowAdd" :save-obj="stuOption" @close="closeStuForm" @success="refreshStuList">
+    </studentAdd-form>
   </div>
 </template>
 <script>
   import studentForm from './student-form'
   import studentRightForm from './studentRight-form'
+  import studentAddForm from './studentAdd-form'
   export default {
     props: {
       dataList: {
@@ -60,7 +63,8 @@
     },
     components: {
       studentForm,
-      studentRightForm
+      studentRightForm,
+      studentAddForm
     },
     data() {
       return {
@@ -128,6 +132,7 @@
         resetLoading: false,
         isShowStuRight: false,
         stuOption: null,
+        isShowAdd:false
       }
     },
     created() {
@@ -243,11 +248,12 @@
         } else {
           this.stuOption = null;
         }
-        this.isShowStuRight = true;
+        this.isShowAdd = true;
       },
       closeStuForm() {
         this.isShowStuForm = false;
         this.isShowStuRight = false;
+        this.isShowAdd = false;
       },
       //点击学生姓名弹出
       getStuRight(obj) {