Merge branch 'newVersion' into dev

src/components/searchInput/index.module.less

@@ -22,6 +22,28 @@
   }
   .selectWrap {
     :global {
+      .hasVal {
+        .el-input__wrapper {
+          &:hover {
+            .el-input__suffix-inner {
+              position: relative;
+              .el-select__caret {
+                //箭头样式
+
+                // transform: rotateZ(0deg); //转动图片
+                appearance: none;
+                background: url('@{img}/closeIcon.png') no-repeat; //自定义图片
+                background-size: 16px 16px;
+                // width: 16px;
+                // height: 16px !important;
+                // position: absolute; //图片定位
+                top: -1px;
+                right: -1px;
+              }
+            }
+          }
+        }
+      }
       .el-input__wrapper {
         padding-right: 25px;
         font-size: 16px;
@@ -29,25 +51,6 @@
         line-height: 60px;
         height: 60px;
         position: relative;
-        &:hover{
-          .el-input__suffix-inner{
-            position: relative;
-            .el-select__caret {
-              //箭头样式
-
-              // transform: rotateZ(0deg); //转动图片
-              appearance: none;
-              background: url('@{img}/closeIcon.png') no-repeat;; //自定义图片
-              background-size: 16px 16px;
-              // width: 16px;
-              // height: 16px !important;
-              // position: absolute; //图片定位
-              top: -1px;
-              right: -1px;
-
-            }
-          }
-        }
       }
       .el-input__wrapper.is-focus {
         // font-size: 16px;

src/views/muiscDetial/index.tsx

@@ -36,6 +36,7 @@ import { useRoute, useRouter } from 'vue-router'
 import gou from './images/gou.png'
 import member from './images/member.png'
 import palyer from './images/palyer.png'
+import vipIcon from '../images/vipIcon.png'
 import {
   getUserType,
   vaildTeachingUrl,
@@ -104,26 +105,26 @@ export default defineComponent({
       imgUrl: '',
       showImg: ''
     })
-    //  nextTick(() => {
-    //     // 禁用右键
-    //      // @ts-ignore：无法被执行的代码的错误
-    //     document.oncontextmenu  = new Function('event.returnValue=false')
-    //      // @ts-ignore：无法被执行的代码的错误
-    //     // 禁用选择
-    //     document.onselectstart = new Function('event.returnValue=false')
-    //      // @ts-ignore：无法被执行的代码的错误
-    //     //禁止f12
-    //     document.οnkeydοwn  = new Function('event.returnValue=false')
-    //   })
+     nextTick(() => {
+        // 禁用右键
+         // @ts-ignore：无法被执行的代码的错误
+        document.oncontextmenu  = new Function('event.returnValue=false')
+         // @ts-ignore：无法被执行的代码的错误
+        // 禁用选择
+        document.onselectstart = new Function('event.returnValue=false')
+         // @ts-ignore：无法被执行的代码的错误
+        //禁止f12
+        document.οnkeydοwn  = new Function('event.returnValue=false')
+      })
 
-    //   // 上面的禁止f12那段代码没有生效，但是加了下面这段就能生效。
-    //   document.onkeydown = function (e) {
-    //     if (e && e.keyCode === 123) {
-    //       e.returnValue = false
-    //       // e.keyCode = 0   //去掉也可以的，倘若要写，则需要setter 以及 getter配合使用，不配合，会报错
-    //       return false
-    //     }
-    //   }
+      // 上面的禁止f12那段代码没有生效，但是加了下面这段就能生效。
+      document.onkeydown = function (e) {
+        if (e && e.keyCode === 123) {
+          e.returnValue = false
+          // e.keyCode = 0   //去掉也可以的，倘若要写，则需要setter 以及 getter配合使用，不配合，会报错
+          return false
+        }
+      }
     const print = ref()
     const getMusicList = async () => {
       try {
@@ -270,8 +271,8 @@ export default defineComponent({
           <div class={[classes.width1200]}>
             <div class={[classes.musicWrap]}>
               <div class={classes.left}>
-                <div class={classes.title}>
-                  <div class={classes.titleLeft}>
+              <div class={classes.title}>
+                  {/* <div class={classes.titleLeft}>
                     <p>声部：</p>
                     <ElSelect
                       class="w-full subjectChiose"
@@ -289,7 +290,7 @@ export default defineComponent({
                         />
                       ))}
                     </ElSelect>
-                  </div>
+                  </div> */}
                   <div class={classes.titleRight} onClick={() => printHander()}>
                     <img src={printIcon} alt="" />
                     <p>下载乐谱</p>