| 
					
				 | 
			
			
				@@ -25,6 +25,9 @@ export default defineComponent({ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       bookVersionId: null, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       subjectId: null 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     }); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    const state = reactive({ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      tempSubjectId: null 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     const onSearch = () => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       emit('search', forms); 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -111,6 +114,8 @@ export default defineComponent({ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                 focusable={false} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                 onClick={() => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                   forms.type = item.value; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  forms.subjectId = null; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                   onSearch(); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                   nextTick(() => { 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -198,27 +203,18 @@ export default defineComponent({ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           <NFormItem label="声部:"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             <NSpace class={styles.spaceSection}> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              {/* {catchStore.getSubjectAllList.map((subject: any) => ( 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                <NButton 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                  secondary={forms.subjectId === subject.id} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                  quaternary={forms.subjectId !== subject.id} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                  strong 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                  focusable={false} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                  type={forms.subjectId === subject.id ? 'primary' : 'default'} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                  onClick={() => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                    forms.subjectId = subject.id; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                    onSearch(); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                  }}> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                  {subject.name} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                </NButton> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              ))} */} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				               {catchStore.getSubjectInstruments.map((subject: any) => 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                subject.instruments && subject.instruments.length > 1 ? ( 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                subject.instruments && 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                subject.instruments.length > 1 && 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                forms.type === 'MUSIC' ? ( 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                   <NPopselect 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                     options={subject.instruments} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                     trigger="hover" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                    v-model:value={forms.subjectId} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    v-model:value={state.tempSubjectId} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                     onUpdate:value={() => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                      if (forms.type === 'MUSIC') { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                        forms.subjectId = state.tempSubjectId; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                      } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                       onSearch(); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                     }} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                     key={subject.value} 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -237,10 +233,18 @@ export default defineComponent({ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                   <span 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                     class={[ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                       styles.textBtn, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                      forms.subjectId === subject.value && styles.textBtnActive 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                      (forms.type === 'MUSIC' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                        ? forms.subjectId === subject.value 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                        : forms.subjectId === subject.id) && 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                        styles.textBtnActive 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                     ]} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                     onClick={() => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                      forms.subjectId = subject.value; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                      if (forms.type === 'MUSIC') { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                        forms.subjectId = subject.value; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                      } else { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                        forms.subjectId = subject.id; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                      } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                      state.tempSubjectId = null; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                       onSearch(); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                     }}> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                     {subject.name} 
			 |