更新打包

dist/assets/index.17c17024.css

@@ -1 +0,0 @@
-._userDetail_v5418_1 ._banner_v5418_1{width:100%;height:5.6rem;overflow:hidden;vertical-align:middle}._userDetail_v5418_1 ._userInfo_v5418_7{overflow:hidden}._userDetail_v5418_1 ._userInfo_v5418_7 ._avatar_v5418_10{width:.64rem;height:.64rem;border-radius:50%;overflow:hidden}._userDetail_v5418_1 ._userInfo_v5418_7 ._name_v5418_16{padding-left:.21333rem;font-size:.42667rem;font-weight:500;color:#333;line-height:.58667rem;display:flex;align-items:center}._userDetail_v5418_1 ._userInfo_v5418_7 ._buyNum_v5418_25{color:#ff802c;font-size:.37333rem;display:flex;align-items:center}._userDetail_v5418_1 ._userInfo_v5418_7 ._buyNum_v5418_25:before{content:" ";display:inline-block;width:.02667rem;height:.32rem;margin:0 .21333rem;background:#d3d3d3}._userDetail_v5418_1 ._userInfo_v5418_7 ._buyNumInfo_v5418_39{font-size:.32rem;color:#6a6a6a;display:flex;align-items:center}._userDetail_v5418_1 ._userInfo_v5418_7 ._buyNumInfo_v5418_39 ._iconBuy_v5418_45{margin-right:.13333rem}._userDetail_v5418_1 ._userInfo_v5418_7 ._info_v5418_48{font-size:.42667rem;font-weight:400;color:var(--van-primary);line-height:.45333rem}._userDetail_v5418_1 ._userInfo_v5418_7 ._userTitle_v5418_54{font-size:.48rem;color:#1a1a1a;font-weight:500;display:block!important}._userDetail_v5418_1 ._userInfo_v5418_7 .van-cell{padding:.37333rem}._userDetail_v5418_1 ._userInfo_v5418_7 .van-cell__title,._userDetail_v5418_1 ._userInfo_v5418_7 .van-cell__value{display:flex;align-items:center}._userDetail_v5418_1 ._userInfo_v5418_7 .van-cell__value{justify-content:flex-end}

dist/assets/index.6d1cb00d.js

@@ -1 +0,0 @@
-import{d as l,a as e,j as c,I as i,u as p}from"./vendor.f57b7239.js";/* empty css               */import{v as n}from"./icon_video_stop.7b2f3665.js";const d="_stepSection_d52g9_43",_="_stepTitle_d52g9_43",a="_stepTitleNum_d52g9_50",r="_active_d52g9_54",v="_stepContent_d52g9_57",u="_videoImg_d52g9_63",m="_videoStop_d52g9_75";var s={"col-steps":"_col-steps_d52g9_1","col-step":"_col-step_d52g9_1","col-step__line":"_col-step__line_d52g9_16","col-step_circle":"_col-step_circle_d52g9_19",stepSection:d,stepTitle:_,stepTitleNum:a,active:r,stepContent:v,videoImg:u,videoStop:m},S=l({name:"CoursePlanStep",props:{courseId:{type:Number,default:0},courseInfo:{type:Array,default:[]}},mounted(){console.log(this.courseId,"courseId")},render(){return e("div",{class:s["col-steps"]},[e("div",{class:s["col-steps__items"]},[this.courseInfo.map((t,o)=>e("div",{class:s["col-step"]},[e("div",{class:s["col-step__title"]},[this.$slots.content?this.$slots.content():e("div",{class:s.stepSection},[e("div",{class:s.stepTitle},[e("span",{class:[s.stepTitleNum,(this.courseId===0||this.courseId===t.id)&&s.active]},[c("\u7B2C "),o+1,c(" \u8BFE\u65F6")]),e("span",{class:s.stepTitleText},[t.courseTime])]),e("div",{class:s.stepContent},[e("p",null,[t.coursePlan]),t.videoPosterUrl&&e("div",{class:s.videoImg},[e(i,{src:t.videoPosterUrl,fit:"cover"},null),e(p,{class:s.videoStop,name:n,size:32},null)])])])]),e("div",{class:s["col-step_circle"]},[o+1]),e("div",{class:s["col-step__line"]},null)]))])])}});export{S as C};

dist/assets/index.a2ca1556.css

@@ -0,0 +1 @@
+._userDetail_7uvdq_1 ._banner_7uvdq_1{width:100%;height:5.6rem;overflow:hidden;vertical-align:middle}._userDetail_7uvdq_1 ._userInfo_7uvdq_7{overflow:hidden}._userDetail_7uvdq_1 ._userInfo_7uvdq_7 ._avatar_7uvdq_10{width:.64rem;height:.64rem;border-radius:50%;overflow:hidden}._userDetail_7uvdq_1 ._userInfo_7uvdq_7 ._name_7uvdq_16{padding-left:.21333rem;font-size:.42667rem;font-weight:500;color:#333;line-height:.58667rem;display:flex;align-items:center}._userDetail_7uvdq_1 ._userInfo_7uvdq_7 ._buyNum_7uvdq_25{color:#ff802c;font-size:.37333rem;display:flex;align-items:center}._userDetail_7uvdq_1 ._userInfo_7uvdq_7 ._buyNum_7uvdq_25:before{content:" ";display:inline-block;width:.02667rem;height:.32rem;margin:0 .21333rem;background:#d3d3d3}._userDetail_7uvdq_1 ._userInfo_7uvdq_7 ._buyNumInfo_7uvdq_39{font-size:.32rem;color:#6a6a6a;display:flex;align-items:center}._userDetail_7uvdq_1 ._userInfo_7uvdq_7 ._buyNumInfo_7uvdq_39 ._iconBuy_7uvdq_45{margin-right:.13333rem}._userDetail_7uvdq_1 ._userInfo_7uvdq_7 ._info_7uvdq_48{font-size:.42667rem;font-weight:400;color:var(--van-primary);line-height:.45333rem}._userDetail_7uvdq_1 ._userInfo_7uvdq_7 ._userTitle_7uvdq_54{font-size:.48rem;color:#1a1a1a;font-weight:500;display:block!important}._userDetail_7uvdq_1 ._userInfo_7uvdq_7 .van-cell{padding:.37333rem}._userDetail_7uvdq_1 ._userInfo_7uvdq_7 .van-cell__title{flex-basis:30%}._userDetail_7uvdq_1 ._userInfo_7uvdq_7 .van-cell__title,._userDetail_7uvdq_1 ._userInfo_7uvdq_7 .van-cell__value{display:flex;align-items:center}._userDetail_7uvdq_1 ._userInfo_7uvdq_7 .van-cell__value{justify-content:flex-end}

dist/assets/index.ac09ff6b.js

@@ -0,0 +1 @@
+import{d as l,a as e,j as c,I as i,u as p}from"./vendor.f57b7239.js";/* empty css               */import{v as n}from"./icon_video_stop.7b2f3665.js";const d="_stepSection_d52g9_43",_="_stepTitle_d52g9_43",a="_stepTitleNum_d52g9_50",r="_active_d52g9_54",v="_stepContent_d52g9_57",u="_videoImg_d52g9_63",m="_videoStop_d52g9_75";var s={"col-steps":"_col-steps_d52g9_1","col-step":"_col-step_d52g9_1","col-step__line":"_col-step__line_d52g9_16","col-step_circle":"_col-step_circle_d52g9_19",stepSection:d,stepTitle:_,stepTitleNum:a,active:r,stepContent:v,videoImg:u,videoStop:m},S=l({name:"CoursePlanStep",props:{courseId:{type:Number,default:0},courseInfo:{type:Array,default:[]}},mounted(){console.log(this.courseId,"courseId 121212")},render(){return e("div",{class:s["col-steps"]},[e("div",{class:s["col-steps__items"]},[this.courseInfo.map((t,o)=>e("div",{class:s["col-step"]},[e("div",{class:s["col-step__title"]},[this.$slots.content?this.$slots.content():e("div",{class:s.stepSection},[e("div",{class:s.stepTitle},[e("span",{class:[s.stepTitleNum,(this.courseId===0||this.courseId===t.id)&&s.active]},[c("\u7B2C "),o+1,c(" \u8BFE\u65F6")]),e("span",{class:s.stepTitleText},[t.courseTime])]),e("div",{class:s.stepContent},[e("p",null,[t.coursePlan]),t.videoPosterUrl&&e("div",{class:s.videoImg},[e(i,{src:t.videoPosterUrl,fit:"cover"},null),e(p,{class:s.videoStop,name:n,size:32},null)])])])]),e("div",{class:s["col-step_circle"]},[o+1]),e("div",{class:s["col-step__line"]},null)]))])])}});export{S as C};

dist/index.html

@@ -35,12 +35,12 @@
     <meta name="msapplication-tap-highlight" content="no" />
     <title>酷乐秀</title>
     <script src="./flexible.js" charset="UTF-8"></script>
-    <script type="module" crossorigin src="./assets/index.d3bcfaa5.js"></script>
+    <script type="module" crossorigin src="./assets/index.ec00ea77.js"></script>
     <link rel="modulepreload" href="./assets/vendor.f57b7239.js">
     <link rel="modulepreload" href="./assets/index.ec559b5a.js">
     <link rel="stylesheet" href="./assets/vendor.0f0cf986.css">
     <link rel="stylesheet" href="./assets/index.8a670858.css">
-    <link rel="stylesheet" href="./assets/index.5062a520.css">
+    <link rel="stylesheet" href="./assets/teacher.a6c9550a.css">
     <script type="module">!function(){try{new Function("m","return import(m)")}catch(o){console.warn("vite: loading legacy build because dynamic import is unsupported, syntax error above should be ignored");var e=document.getElementById("vite-legacy-polyfill"),n=document.createElement("script");n.src=e.src,n.onload=function(){System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))},document.body.appendChild(n)}}();</script>
   </head>
 
@@ -49,7 +49,7 @@
     
     <!-- <script type="module" src="/src/teacher/main.ts"></script> -->
     <script nomodule>!function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",(function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()}),!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();</script>
-    <script nomodule id="vite-legacy-polyfill" src="./assets/polyfills-legacy.6aa1fdef.js"></script>
-    <script nomodule id="vite-legacy-entry" data-src="./assets/index-legacy.1c955ad1.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>
+    <script nomodule id="vite-legacy-polyfill" src="./assets/polyfills-legacy.58fe70e7.js"></script>
+    <script nomodule id="vite-legacy-entry" data-src="./assets/index-legacy.85418df0.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>
   </body>
 </html>

dist/teacher.html

@@ -35,12 +35,12 @@
     <meta name="msapplication-tap-highlight" content="no" />
     <title>酷乐秀</title>
     <script src="./flexible.js" charset="UTF-8"></script>
-    <script type="module" crossorigin src="./assets/teacher.172373fb.js"></script>
+    <script type="module" crossorigin src="./assets/teacher.3102d41b.js"></script>
     <link rel="modulepreload" href="./assets/vendor.f57b7239.js">
     <link rel="modulepreload" href="./assets/index.ec559b5a.js">
     <link rel="stylesheet" href="./assets/index.8a670858.css">
     <link rel="stylesheet" href="./assets/vendor.0f0cf986.css">
-    <link rel="stylesheet" href="./assets/index.5062a520.css">
+    <link rel="stylesheet" href="./assets/teacher.a6c9550a.css">
     <script type="module">!function(){try{new Function("m","return import(m)")}catch(o){console.warn("vite: loading legacy build because dynamic import is unsupported, syntax error above should be ignored");var e=document.getElementById("vite-legacy-polyfill"),n=document.createElement("script");n.src=e.src,n.onload=function(){System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))},document.body.appendChild(n)}}();</script>
   </head>
 
@@ -48,7 +48,7 @@
     <div id="app"></div>
     
     <script nomodule>!function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",(function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()}),!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();</script>
-    <script nomodule id="vite-legacy-polyfill" src="./assets/polyfills-legacy.6aa1fdef.js"></script>
-    <script nomodule id="vite-legacy-entry" data-src="./assets/teacher-legacy.7433b1ce.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>
+    <script nomodule id="vite-legacy-polyfill" src="./assets/polyfills-legacy.58fe70e7.js"></script>
+    <script nomodule id="vite-legacy-entry" data-src="./assets/teacher-legacy.5c70e20c.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>
   </body>
 </html>

package-lock.json

@@ -16,6 +16,7 @@
         "clean-deep": "^3.4.0",
         "dayjs": "^1.10.7",
         "html-to-image": "^1.9.0",
+        "html2canvas": "^1.4.1",
         "loaders.css": "^0.1.2",
         "mitt": "^3.0.0",
         "normalize.css": "^8.0.1",
@@ -4076,6 +4077,14 @@
       "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
       "dev": true
     },
+    "node_modules/base64-arraybuffer": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmmirror.com/base64-arraybuffer/-/base64-arraybuffer-1.0.2.tgz",
+      "integrity": "sha512-I3yl4r9QB5ZRY3XuJVEPfc2XhZO6YweFPI+UovAzn+8/hb3oJ6lnysaFcjVpkCPfVWFUDvoZ8kmVDP7WyRtYtQ==",
+      "engines": {
+        "node": ">= 0.6.0"
+      }
+    },
     "node_modules/base64-js": {
       "version": "1.5.1",
       "resolved": "https://registry.npmmirror.com/base64-js/-/base64-js-1.5.1.tgz",
@@ -4547,6 +4556,14 @@
         "node": ">= 8"
       }
     },
+    "node_modules/css-line-break": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmmirror.com/css-line-break/-/css-line-break-2.1.0.tgz",
+      "integrity": "sha512-FHcKFCZcAha3LwfVBhCQbW2nCNbkZXn7KVUJcsT5/P8YmfsVja0FMPJr0B903j/E69HUphKiV9iQArX8SDYA4w==",
+      "dependencies": {
+        "utrie": "^1.0.2"
+      }
+    },
     "node_modules/csstype": {
       "version": "2.6.20",
       "resolved": "https://registry.npmmirror.com/csstype/-/csstype-2.6.20.tgz",
@@ -6016,6 +6033,18 @@
       "resolved": "https://registry.npmmirror.com/html-to-image/-/html-to-image-1.9.0.tgz",
       "integrity": "sha512-9gaDCIYg62Ek07F2pBk76AHgYZ2gxq2YALU7rK3gNCqXuhu6cWzsOQqM7qGbjZiOzxGzrU1deDqZpAod2NEwbA=="
     },
+    "node_modules/html2canvas": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmmirror.com/html2canvas/-/html2canvas-1.4.1.tgz",
+      "integrity": "sha512-fPU6BHNpsyIhr8yyMpTLLxAbkaK8ArIBcmZIRiBLiDhjeqvXolaEmDGmELFuX9I4xDcaKKcJl+TKZLqruBbmWA==",
+      "dependencies": {
+        "css-line-break": "^2.1.0",
+        "text-segmentation": "^1.0.3"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
     "node_modules/htmlparser2": {
       "version": "7.2.0",
       "resolved": "https://registry.npmmirror.com/htmlparser2/-/htmlparser2-7.2.0.tgz",
@@ -8525,6 +8554,14 @@
       "integrity": "sha512-hqTN6kW+pN6/qro6G9OZ7ceDQOcYno020zBQKpZQLsJhYTDMCMNfXi/Y8duF5iW+4WWZr42ry0MMkcRGpbwG2A==",
       "dev": true
     },
+    "node_modules/text-segmentation": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmmirror.com/text-segmentation/-/text-segmentation-1.0.3.tgz",
+      "integrity": "sha512-iOiPUo/BGnZ6+54OsWxZidGCsdU8YbE4PSpdPinp7DeMtUJNJBoJ/ouUSTJjHkh1KntHaltHl/gDs2FC4i5+Nw==",
+      "dependencies": {
+        "utrie": "^1.0.2"
+      }
+    },
     "node_modules/text-table": {
       "version": "0.2.0",
       "resolved": "https://registry.npmmirror.com/text-table/-/text-table-0.2.0.tgz",
@@ -8774,6 +8811,14 @@
       "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
       "dev": true
     },
+    "node_modules/utrie": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmmirror.com/utrie/-/utrie-1.0.2.tgz",
+      "integrity": "sha512-1MLa5ouZiOmQzUbjbu9VmjLzn1QLXBhwpUa7kdLUQK+KQ5KA9I1vk5U4YHe/X2Ch7PYnJfWuWT+VbuxbGwljhw==",
+      "dependencies": {
+        "base64-arraybuffer": "^1.0.2"
+      }
+    },
     "node_modules/v8-compile-cache": {
       "version": "2.3.0",
       "resolved": "https://registry.npmmirror.com/v8-compile-cache/-/v8-compile-cache-2.3.0.tgz",
@@ -12351,6 +12396,11 @@
       "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
       "dev": true
     },
+    "base64-arraybuffer": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmmirror.com/base64-arraybuffer/-/base64-arraybuffer-1.0.2.tgz",
+      "integrity": "sha512-I3yl4r9QB5ZRY3XuJVEPfc2XhZO6YweFPI+UovAzn+8/hb3oJ6lnysaFcjVpkCPfVWFUDvoZ8kmVDP7WyRtYtQ=="
+    },
     "base64-js": {
       "version": "1.5.1",
       "resolved": "https://registry.npmmirror.com/base64-js/-/base64-js-1.5.1.tgz",
@@ -12754,6 +12804,14 @@
         }
       }
     },
+    "css-line-break": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmmirror.com/css-line-break/-/css-line-break-2.1.0.tgz",
+      "integrity": "sha512-FHcKFCZcAha3LwfVBhCQbW2nCNbkZXn7KVUJcsT5/P8YmfsVja0FMPJr0B903j/E69HUphKiV9iQArX8SDYA4w==",
+      "requires": {
+        "utrie": "^1.0.2"
+      }
+    },
     "csstype": {
       "version": "2.6.20",
       "resolved": "https://registry.npmmirror.com/csstype/-/csstype-2.6.20.tgz",
@@ -13867,6 +13925,15 @@
       "resolved": "https://registry.npmmirror.com/html-to-image/-/html-to-image-1.9.0.tgz",
       "integrity": "sha512-9gaDCIYg62Ek07F2pBk76AHgYZ2gxq2YALU7rK3gNCqXuhu6cWzsOQqM7qGbjZiOzxGzrU1deDqZpAod2NEwbA=="
     },
+    "html2canvas": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmmirror.com/html2canvas/-/html2canvas-1.4.1.tgz",
+      "integrity": "sha512-fPU6BHNpsyIhr8yyMpTLLxAbkaK8ArIBcmZIRiBLiDhjeqvXolaEmDGmELFuX9I4xDcaKKcJl+TKZLqruBbmWA==",
+      "requires": {
+        "css-line-break": "^2.1.0",
+        "text-segmentation": "^1.0.3"
+      }
+    },
     "htmlparser2": {
       "version": "7.2.0",
       "resolved": "https://registry.npmmirror.com/htmlparser2/-/htmlparser2-7.2.0.tgz",
@@ -15893,6 +15960,14 @@
       "integrity": "sha512-hqTN6kW+pN6/qro6G9OZ7ceDQOcYno020zBQKpZQLsJhYTDMCMNfXi/Y8duF5iW+4WWZr42ry0MMkcRGpbwG2A==",
       "dev": true
     },
+    "text-segmentation": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmmirror.com/text-segmentation/-/text-segmentation-1.0.3.tgz",
+      "integrity": "sha512-iOiPUo/BGnZ6+54OsWxZidGCsdU8YbE4PSpdPinp7DeMtUJNJBoJ/ouUSTJjHkh1KntHaltHl/gDs2FC4i5+Nw==",
+      "requires": {
+        "utrie": "^1.0.2"
+      }
+    },
     "text-table": {
       "version": "0.2.0",
       "resolved": "https://registry.npmmirror.com/text-table/-/text-table-0.2.0.tgz",
@@ -16088,6 +16163,14 @@
       "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
       "dev": true
     },
+    "utrie": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmmirror.com/utrie/-/utrie-1.0.2.tgz",
+      "integrity": "sha512-1MLa5ouZiOmQzUbjbu9VmjLzn1QLXBhwpUa7kdLUQK+KQ5KA9I1vk5U4YHe/X2Ch7PYnJfWuWT+VbuxbGwljhw==",
+      "requires": {
+        "base64-arraybuffer": "^1.0.2"
+      }
+    },
     "v8-compile-cache": {
       "version": "2.3.0",
       "resolved": "https://registry.npmmirror.com/v8-compile-cache/-/v8-compile-cache-2.3.0.tgz",

package.json

@@ -28,6 +28,7 @@
     "clean-deep": "^3.4.0",
     "dayjs": "^1.10.7",
     "html-to-image": "^1.9.0",
+    "html2canvas": "^1.4.1",
     "loaders.css": "^0.1.2",
     "mitt": "^3.0.0",
     "normalize.css": "^8.0.1",

src/business-components/course-plan-step/index.tsx

@@ -24,7 +24,7 @@ export default defineComponent({
     }
   },
   mounted() {
-    console.log(this.courseId, 'courseId')
+    console.log(this.courseId, 'courseId 121212')
   },
   render() {
     return (

src/business-components/user-detail/index.module.less

@@ -68,7 +68,9 @@
       .van-cell {
         padding: 14px;
       }
-
+      .van-cell__title {
+        flex-basis: 30%;
+      }
       .van-cell__title,
       .van-cell__value {
         display: flex;

src/student/live-class/live-detail.tsx

@@ -171,10 +171,12 @@ export default defineComponent({
           icon="courseList"
           contentStyle={{ paddingTop: '0' }}
         >
-          <CoursePlanStep
-            courseInfo={this.courseInfo}
-            courseId={Number(this.courseId) || 0}
-          />
+          {this.courseInfo.length > 0 && (
+            <CoursePlanStep
+              courseInfo={this.courseInfo}
+              courseId={Number(this.courseId) || 0}
+            />
+          )}
         </SectionDetail>
 
         <div class={styles.tips}>

src/teacher/piano-room/index.tsx

@@ -74,7 +74,10 @@ export default defineComponent({
       studentConfirm: false,
       studentChangeObject: {} as any,
       background: 'transparent',
-      setLoading: false
+      setLoading: false,
+      startClassTime: '',
+      endClassTime: '',
+      minDate: new Date()
     }
   },
   async mounted() {
@@ -104,6 +107,30 @@ export default defineComponent({
           studentCount: studentCount || 0
         }
         this.teacherId = teacherId
+
+        const result = await request.get(
+          '/api-teacher/sysConfig/queryByParamNameList',
+          {
+            params: {
+              paramNames: 'course_start_setting,course_end_setting'
+            }
+          }
+        )
+        console.log(result)
+        const tempResult = result.data
+        for (let i = 0, len = tempResult.length; i < len; i++) {
+          if (tempResult[i].paramName === 'course_start_setting') {
+            this.startClassTime = tempResult[i].paramValue
+              ? tempResult[i].paramValue.split(':')
+              : []
+          }
+          if (tempResult[i].paramName === 'course_end_setting') {
+            this.endClassTime = tempResult[i].paramValue
+              ? tempResult[i].paramValue.split(':')
+              : []
+          }
+        }
+        console.log(this.startClassTime, this.endClassTime)
       } catch {}
     },
     onSearch() {
@@ -216,6 +243,29 @@ export default defineComponent({
       } else {
         this.$router.push('/teacherCert')
       }
+    },
+    filterDate(type: string, options: any) {
+      let value = 0
+      if ((this as any).$refs.datetime) {
+        const picker = (this as any).$refs.datetime.getPicker()
+        value = picker.getValues()[3]?.split('时')[0] || 0
+      }
+      if (type == 'hour') {
+        return options.filter(
+          (option: any) =>
+            Number(this.startClassTime[0]) <= Number(option) &&
+            Number(this.endClassTime[0]) >= Number(option)
+        )
+      }
+      if (type === 'minute') {
+        return options.filter(
+          (option: any) =>
+            (Number(this.startClassTime[1]) <= Number(option) &&
+              Number(this.endClassTime[1]) >= Number(option)) ||
+            value != Number(this.endClassTime[0])
+        )
+      }
+      return options
     }
   },
   render() {
@@ -396,7 +446,10 @@ export default defineComponent({
             <DatetimePicker
               v-model={this.timeUpdateTimer}
               type="datetime"
+              minDate={this.minDate}
               formatter={formatterDate}
+              filter={this.filterDate}
+              ref="datetime"
               onConfirm={(item: any) => {
                 this.onTimeUpdateChange(item)
               }}

src/teacher/piano-room/model/share/index.tsx

@@ -3,7 +3,8 @@ import { defineComponent } from 'vue'
 import styles from './index.module.less'
 import { postMessage } from '@/helpers/native-message'
 import QrCodeVue from 'qrcode.vue'
-import { toPng } from 'html-to-image'
+// import { toPng } from 'html-to-image'
+import html2canvas from 'html2canvas'
 
 import iconTeacher from '@/common/images/icon_teacher.png'
 import logo from '../../images/logo.png'
@@ -28,9 +29,14 @@ export default defineComponent({
 
     this.$nextTick(async () => {
       const container: any = document.getElementById('share-preview-container')
-      let image = await toPng(container)
-      image = await toPng(container)
-      this.image = image
+      html2canvas(container).then(canvas => {
+        let url = canvas.toDataURL('image/png')
+        this.image = url
+      })
+
+      // let image = await toPng(container)
+      // image = await toPng(container)
+      // this.image = image
     })
   },
   methods: {

yarn.lock

@@ -1816,6 +1816,11 @@
   "resolved" "https://registry.npmmirror.com/balanced-match/-/balanced-match-1.0.2.tgz"
   "version" "1.0.2"
 
+"base64-arraybuffer@^1.0.2":
+  "integrity" "sha512-I3yl4r9QB5ZRY3XuJVEPfc2XhZO6YweFPI+UovAzn+8/hb3oJ6lnysaFcjVpkCPfVWFUDvoZ8kmVDP7WyRtYtQ=="
+  "resolved" "https://registry.npmmirror.com/base64-arraybuffer/-/base64-arraybuffer-1.0.2.tgz"
+  "version" "1.0.2"
+
 "base64-js@^1.3.1":
   "integrity" "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA=="
   "resolved" "https://registry.npmmirror.com/base64-js/-/base64-js-1.5.1.tgz"
@@ -2172,6 +2177,13 @@
     "shebang-command" "^2.0.0"
     "which" "^2.0.1"
 
+"css-line-break@^2.1.0":
+  "integrity" "sha512-FHcKFCZcAha3LwfVBhCQbW2nCNbkZXn7KVUJcsT5/P8YmfsVja0FMPJr0B903j/E69HUphKiV9iQArX8SDYA4w=="
+  "resolved" "https://registry.npmmirror.com/css-line-break/-/css-line-break-2.1.0.tgz"
+  "version" "2.1.0"
+  dependencies:
+    "utrie" "^1.0.2"
+
 "csstype@^2.6.8":
   "integrity" "sha512-/WwNkdXfckNgw6S5R125rrW8ez139lBHWouiBvX8dfMFtcn6V81REDqnH7+CRpRipfYlyU1CmOnOxrmGcFOjeA=="
   "resolved" "https://registry.npmmirror.com/csstype/-/csstype-2.6.20.tgz"
@@ -2957,6 +2969,14 @@
   "resolved" "https://registry.npmmirror.com/html-to-image/-/html-to-image-1.9.0.tgz"
   "version" "1.9.0"
 
+"html2canvas@^1.4.1":
+  "integrity" "sha512-fPU6BHNpsyIhr8yyMpTLLxAbkaK8ArIBcmZIRiBLiDhjeqvXolaEmDGmELFuX9I4xDcaKKcJl+TKZLqruBbmWA=="
+  "resolved" "https://registry.npmmirror.com/html2canvas/-/html2canvas-1.4.1.tgz"
+  "version" "1.4.1"
+  dependencies:
+    "css-line-break" "^2.1.0"
+    "text-segmentation" "^1.0.3"
+
 "htmlparser2@^7.1.2":
   "integrity" "sha512-H7MImA4MS6cw7nbyURtLPO1Tms7C5H602LRETv95z1MxO/7CP7rDVROehUYeYBUYEON94NXXDEPmZuq+hX4sog=="
   "resolved" "https://registry.npmmirror.com/htmlparser2/-/htmlparser2-7.2.0.tgz"
@@ -4590,6 +4610,13 @@
   "resolved" "https://registry.npmmirror.com/systemjs/-/systemjs-6.12.1.tgz"
   "version" "6.12.1"
 
+"text-segmentation@^1.0.3":
+  "integrity" "sha512-iOiPUo/BGnZ6+54OsWxZidGCsdU8YbE4PSpdPinp7DeMtUJNJBoJ/ouUSTJjHkh1KntHaltHl/gDs2FC4i5+Nw=="
+  "resolved" "https://registry.npmmirror.com/text-segmentation/-/text-segmentation-1.0.3.tgz"
+  "version" "1.0.3"
+  dependencies:
+    "utrie" "^1.0.2"
+
 "text-table@^0.2.0":
   "integrity" "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw=="
   "resolved" "https://registry.npmmirror.com/text-table/-/text-table-0.2.0.tgz"
@@ -4757,6 +4784,13 @@
   "resolved" "https://registry.npmmirror.com/util-deprecate/-/util-deprecate-1.0.2.tgz"
   "version" "1.0.2"
 
+"utrie@^1.0.2":
+  "integrity" "sha512-1MLa5ouZiOmQzUbjbu9VmjLzn1QLXBhwpUa7kdLUQK+KQ5KA9I1vk5U4YHe/X2Ch7PYnJfWuWT+VbuxbGwljhw=="
+  "resolved" "https://registry.npmmirror.com/utrie/-/utrie-1.0.2.tgz"
+  "version" "1.0.2"
+  dependencies:
+    "base64-arraybuffer" "^1.0.2"
+
 "v8-compile-cache@^2.0.3":
   "integrity" "sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA=="
   "resolved" "https://registry.npmmirror.com/v8-compile-cache/-/v8-compile-cache-2.3.0.tgz"