| 
					
				 | 
			
			
				@@ -1,12 +1,19 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 <template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   <div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    <el-alert type="info">{{formatName}}</el-alert> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    <el-alert class="alert" type="info" :closable="false"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <template #title> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <div class="title"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <span>{{formatName}}</span> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <el-button style="padding: 5px;" type="text" @click="clear">清空</el-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      </template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    </el-alert> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     <div class="content"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       <el-row v-for="(row, index) in item" :key="row.organId"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        <el-col :span="6"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <el-col :span="8"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           <el-form-item :label="branchsyId[row.organId] && branchsyId[row.organId].name"></el-form-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         </el-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        <el-col :span="12"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <el-col :span="16"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           <el-form-item 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             label="交接人" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             :prop="`${name}.${index}.transferUserId`" 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -14,17 +21,29 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				               required: true, message: '请选择交接人' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             }]" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           > 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            <remote-search :commit='"setTeachers"' @change="val => change(val, row)" :value="row.transferUserId" /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <el-select 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              @change="val => change(val, row)" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              :value="row.transferUserId" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              clearable 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              filterable 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            > 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <el-option 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                v-for="option in teachersByOrganId[row.organId]" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                :key="option.id" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                :value="option.id" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                :label="option.realName" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              ></el-option> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            </el-select> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           </el-form-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         </el-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        <el-col :span="6"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <!-- <el-col :span="6"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           <el-button 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             type="text" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             v-if="index == 0" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             :disabled="!row.transferUserId" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             @click="quickSetting(row.transferUserId)" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           >快速设置</el-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        </el-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        </el-col> --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       </el-row> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   </div> 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -32,14 +51,14 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 <script> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 import { employeeLevelDetail, employeeLevel } from '../api' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  props: ['item', 'name', 'branchsyId'], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  props: ['item', 'name', 'branchsyId', 'teachersByOrganId'], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   computed: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     formatName() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       const types = { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        repairOrgans: '维修技师', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        directorOrgans: '乐队指导', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        educationOrgans: '教务老师', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        teamTeacherOrgans: '运营主管', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        repair: '维修技师', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        director: '乐队指导', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        education: '教务老师', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        teamTeacher: '运营主管', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       return types[this.name] 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     } 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -54,11 +73,26 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     change(val, row) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       row.transferUserId = val 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    clear() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.item.forEach(row => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        row.transferUserId = '' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 }; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 </script> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 <style lang="less" scoped> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+.alert{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  /deep/ .el-alert__content{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    width: 100%; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  .title{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    display: flex; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    align-items: center; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    justify-content: space-between; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 .content{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   padding: 0 24px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   padding-top: 24px; 
			 |