|
@@ -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}
|