1

1

src/views/muiscDetial/index.tsx

@@ -184,15 +184,7 @@ export default defineComponent({
         )
         res.data.paymentType = res.data.paymentType.split(',')
         state.musicDetail = res.data
-        state.musicDetail.notation
-          ? (state.musicTypeList = [
-              { label: '五线谱', value: 'staff', image: staffDetafult },
-              { label: '首调', value: 'first', image: firstDefault },
-              { label: '固定调', value: 'fixed', image: fixedDefault }
-            ])
-          : (state.musicTypeList = [
-              { label: '五线谱', value: 'staff', image: staffDetafult }
-            ])
+
         // musicTypeList
         state.musicList = res.data.teacher.musicSheetList
         state.subjectList = res.data.background
@@ -258,7 +250,7 @@ export default defineComponent({
       router.push({
         query: { ...route.query, id: state.id }
       })
-      state.showImg = []
+
       getMusicList()
     }
     watch(
@@ -268,6 +260,8 @@ export default defineComponent({
       }
     )
     const setAccompanyUrl = (value: string) => {
+      console.log(value, 'setAccompanyUrl')
+      state.showImg = []
       if (value == 'staff') {
         state.showImg = state.staffList
       } else if (value == 'fixed') {
@@ -469,28 +463,31 @@ export default defineComponent({
               <div class={[classes.musicWrap]}>
                 <div class={classes.left}>
                   <div class={classes.title}>
-                    <div class={classes.titleLeft}>
-                      <p class={classes.titleStaff}>
-                        <img src={iconChangeStaff} alt="" /> 转谱
-                      </p>
-                      <ElSelect
-                        class="w-full subjectChiose"
-                        v-model={state.subjectId}
-                        placeholder="请选择曲谱模式"
-                        onChange={() => {
-                          setAccompanyUrl()
-                        }}
-                      >
-                        {state.musicTypeList.map((item: any) => (
-                          <ElOption
-                            disabled={item.disabled}
-                            key={item.value}
-                            value={item.value}
-                            label={item.label}
-                          />
-                        ))}
-                      </ElSelect>
-                    </div>
+                    {state.musicDetail.notation ? (
+                      <div class={classes.titleLeft}>
+                        <p class={classes.titleStaff}>
+                          <img src={iconChangeStaff} alt="" /> 转谱
+                        </p>
+                        <ElSelect
+                          class="w-full subjectChiose"
+                          v-model={state.subjectId}
+                          placeholder="请选择曲谱模式"
+                          onChange={val => {
+                            setAccompanyUrl(val)
+                          }}
+                        >
+                          {state.musicTypeList.map((item: any) => (
+                            <ElOption
+                              disabled={item.disabled}
+                              key={item.value}
+                              value={item.value}
+                              label={item.label}
+                            />
+                          ))}
+                        </ElSelect>
+                      </div>
+                    ) : null}
+
                     <div
                       class={classes.titleRight}
                       onClick={() => printHander()}