页面修改

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

 <style>
-.delAssist {
+  .delAssist {
     position: absolute;
     right: -16px;
     top: -12px;
@@ -12,129 +12,61 @@
     text-align: center;
     line-height: 20px;
     cursor: pointer;
-}
+  }
 
-.studentAssitTable {
+  .studentAssitTable {
     width: 100%;
     text-align: center;
-}
+  }
 
-.studentAssitTable td {
+  .studentAssitTable td {
     height: 40px;
     line-height: 40px;
     border: 1px solid #f2f2f2;
-}
+  }
 
-.studentAssitTable th {
+  .studentAssitTable th {
     height: 40px;
     background-color: #f2f2f2;
-}
+  }
 </style>
 <template>
   <div>
     <!--课程顾问 或有教师权限-->
-    <template
-      v-if="
+    <template v-if="
         userInfo.IsCourseConsultant == 1 ||
           isHaveTeacherEdit ||
           isHaveXueManager
-      "
-    >
-      <q-btn
-        label="新增"
-        color="accent q-mb-lg"
-        size="sm"
-        @click="isShowAdd = true"
-      />
+      ">
+      <q-btn label="新增" color="accent q-mb-lg" size="sm" @click="isShowAdd = true" />
     </template>
     <template v-else>
       <span class="text-grey-4">抱歉，你没有权限邀请其他服务人员</span>
     </template>
-    <q-btn
-      label="取消"
-      style="margin-left:20px;"
-      v-if="isShowAdd"
-      flat
-      color="grey-10 q-mb-lg"
-      size="sm"
-      @click="isShowAdd = false"
-    />
+    <q-btn label="取消" style="margin-left:20px;" v-if="isShowAdd" flat color="grey-10 q-mb-lg" size="sm"
+      @click="isShowAdd = false" />
     <template v-if="isShowAdd">
       <div class="row wrap">
-        <q-select
-          filled
-          stack-label
-          option-label="Name"
-          @input="changeData"
-          v-model="AssitMsg.AssistType"
-          option-value="Id"
-          :options="AssistDropList"
-          label="角色"
-          dense
-          use-input
-          class="col-6 q-pb-lg q-pr-lg"
-          emit-value
-          map-options
-        />
-        <q-select
-          filled
-          dense
-          v-if="AssitMsg.AssistType == 2"
-          v-model="AssitMsg.AssistId"
-          :options="RoleListData"
-          option-label="EmployeeName"
-          class="col-6 q-pb-lg"
-          option-value="Id"
-          emit-value
-          use-input
-          map-options
-        />
-        <q-select
-          filled
-          dense
-          v-else-if="AssitMsg.AssistType == 4"
-          v-model="AssitMsg.AssistId"
-          :options="TeacherList"
-          option-label="EmployeeName"
-          class="col-6 q-pb-lg"
-          option-value="Id"
-          emit-value
-          use-input
-          map-options
-        />
-        <q-select
-          filled
-          dense
-          v-else
-          v-model="AssitMsg.AssistId"
-          @filter="filterEmployee"
-          use-input
-          :options="myEmployeeList"
-          option-label="EmployeeName"
-          class="col-6 q-pb-lg"
-          option-value="Id"
-          emit-value
-          map-options
-        />
+        <q-select filled stack-label option-label="Name" @input="changeData" v-model="AssitMsg.AssistType"
+          option-value="Id" :options="AssistDropList" label="角色" dense use-input class="col-6 q-pb-lg q-pr-lg"
+          emit-value map-options />
+        <q-select filled dense v-if="AssitMsg.AssistType == 2" v-model="AssitMsg.AssistId" :options="RoleListData"
+          option-label="EmployeeName" class="col-6 q-pb-lg" option-value="Id" emit-value use-input map-options />
+        <q-select filled dense v-else-if="AssitMsg.AssistType == 4" v-model="AssitMsg.AssistId" :options="TeacherList"
+          option-label="EmployeeName" class="col-6 q-pb-lg" option-value="Id" emit-value use-input map-options />
+        <q-select filled dense v-else v-model="AssitMsg.AssistId" @filter="filterEmployee" use-input
+          :options="myEmployeeList" option-label="EmployeeName" class="col-6 q-pb-lg" option-value="Id" emit-value
+          map-options />
         <i class="iconfont icon-close delAssist"></i>
       </div>
       <div class="row wrap" style="margin-bottom:10px;float:right;">
-        <q-btn
-          label="保存"
-          color="accent q-mb-lg"
-          size="md"
-          @click="saveAssit()"
-        />
+        <q-btn label="保存" color="accent q-mb-lg" size="md" @click="saveAssit()" />
       </div>
     </template>
 
     <div v-if="dataList.length > 0">
-      <table
-        class="studentAssitTable"
-        style="border:1px solid #f2f2f2;border-collapse:collapse;"
-        cellspacing="0"
-        cellpadding="0"
-      >
+      <table class="studentAssitTable" style="border:1px solid #f2f2f2;border-collapse:collapse;" cellspacing="0"
+        cellpadding="0">
         <tr>
           <th style="width:180px;">角色</th>
           <th style="width:180px;">人员</th>
@@ -144,57 +76,25 @@
           <td>{{ item.AssistTypeName }}</td>
           <td>{{ item.AssistName }}</td>
           <td>
-            <template
-              v-if="
+            <template v-if="
                 userInfo.IsCourseConsultant == 1 ||
                   isHaveTeacherEdit ||
                   isHaveXueManager
-              "
-            >
-              <div
-                v-if="
+              ">
+              <div v-if="
                   userInfo.IsCourseConsultant == 1 &&
-                    (item.AssistType == 2 || item.AssistType == 3)
-                "
-              >
-                <q-btn
-                  flat
-                  size="xs"
-                  icon="edit"
-                  color="accent"
-                  style="font-weight:400"
-                  label="修改"
-                  @click="getEditInfo(item)"
-                ></q-btn>
-                <q-btn
-                  flat
-                  size="xs"
-                  icon="delete"
-                  color="negative"
-                  style="font-weight:400"
-                  label="删除"
-                  @click="deleteAssits(item.Id)"
-                />
+                    (item.AssistType == 2 || item.AssistType == 3 || item.AssistType == 5)
+                ">
+                <q-btn flat size="xs" icon="edit" color="accent" style="font-weight:400" label="修改"
+                  @click="getEditInfo(item)"></q-btn>
+                <q-btn flat size="xs" icon="delete" color="negative" style="font-weight:400" label="删除"
+                  @click="deleteAssits(item.Id)" />
               </div>
               <div v-if="isHaveTeacherEdit && item.AssistType == 4">
-                <q-btn
-                  flat
-                  size="xs"
-                  icon="edit"
-                  color="accent"
-                  style="font-weight:400"
-                  label="修改"
-                  @click="getEditInfo(item)"
-                ></q-btn>
-                <q-btn
-                  flat
-                  size="xs"
-                  icon="delete"
-                  color="negative"
-                  style="font-weight:400"
-                  label="删除"
-                  @click="deleteAssits(item.Id)"
-                />
+                <q-btn flat size="xs" icon="edit" color="accent" style="font-weight:400" label="修改"
+                  @click="getEditInfo(item)"></q-btn>
+                <q-btn flat size="xs" icon="delete" color="negative" style="font-weight:400" label="删除"
+                  @click="deleteAssits(item.Id)" />
               </div>
             </template>
           </td>
@@ -204,16 +104,20 @@
   </div>
 </template>
 <script>
-import {
+  import {
     GetAssistTypeList,
     SetStudentAssist,
     GetStudentAssistList,
     RemoveStudentAssist
-} from "../../../api/sale/sale";
-import { queryEmployee } from "../../../api/users/user";
-import { mapState } from "vuex";
+  } from "../../../api/sale/sale";
+  import {
+    queryEmployee
+  } from "../../../api/users/user";
+  import {
+    mapState
+  } from "vuex";
 
-export default {
+  export default {
     meta: {
       title: ""
     },
@@ -287,24 +191,28 @@ export default {
         this.AssistDropList = [];
         GetAssistTypeList({}).then(res => {
           if (res.Code == 1) {
-          let template = res.Data;
-          template.forEach(x => {
+            let tempData = res.Data;
             if (this.userInfo.IsCourseConsultant == 1) {
-              if (x.Id != 1) {
+              tempData.forEach(x => {
+                if (x.Id == 2 || x.Id == 3 || x.Id == 5) {
                   this.AssistDropList.push(x);
                 }
-              if (x.Id == 4 && this.isHaveTeacherEdit) {
+                if (x.Id == 4) {
+                  if (this.isHaveTeacherEdit) {
                     this.AssistDropList.push(x);
                   }
-            } else if (this.userInfo.IsCourseConsultant == 0) {
+                }
+              });
+            } else {
+              tempData.forEach(x => {
                 if (this.isHaveTeacherEdit) {
                   if (x.Id == 4) {
                     this.AssistDropList.push(x);
                   }
                 }
-            }
               });
             }
+          }
         });
       },
       changeData() {
@@ -362,8 +270,8 @@ export default {
       },
       clearMsg() {
         this.AssitMsg.Id = 0;
-      this.AssitMsg.AssistId = 1;
-      this.AssitMsg.AssistType = 1;
+        this.AssitMsg.AssistId = 0;
+        this.AssitMsg.AssistType = 0;
       },
       //获取数据
       getList() {
@@ -418,5 +326,5 @@ export default {
         this.isShowAdd = true;
       }
     }
-};
+  };
 </script>
\ No newline at end of file