课堂观察修改

src/assets/icon/classroomObservation/Group9101.svg

@@ -0,0 +1,12 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 9.52167 2.56645 10.911 3.5 11.9687V14L5.67315 13.5321C6.38868 13.8334 7.17489 14 8 14Z" fill="url(#paint0_linear_2231_1800)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6 6C6.27614 6 6.5 6.22386 6.5 6.5V7.5C6.5 7.77614 6.27614 8 6 8C5.72386 8 5.5 7.77614 5.5 7.5V6.5C5.5 6.22386 5.72386 6 6 6Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10 6C10.2761 6 10.5 6.22386 10.5 6.5V7.5C10.5 7.77614 10.2761 8 10 8C9.72386 8 9.5 7.77614 9.5 7.5V6.5C9.5 6.22386 9.72386 6 10 6Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.27393 9.12885C6.46165 8.92633 6.77801 8.91433 6.98053 9.10206C7.24852 9.35047 7.60599 9.50164 7.9999 9.50164C8.3938 9.50164 8.75127 9.35047 9.01926 9.10206C9.22178 8.91433 9.53814 8.92633 9.72586 9.12885C9.91358 9.33137 9.90159 9.64773 9.69907 9.83545C9.25349 10.2485 8.6557 10.5016 7.9999 10.5016C7.3441 10.5016 6.7463 10.2485 6.30073 9.83545C6.0982 9.64773 6.08621 9.33137 6.27393 9.12885Z" fill="white"/>
+<defs>
+<linearGradient id="paint0_linear_2231_1800" x1="2" y1="14" x2="14" y2="14" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3673E8"/>
+<stop offset="1" stop-color="#AD88FD"/>
+</linearGradient>
+</defs>
+</svg>

src/assets/icon/classroomObservation/Group9102.svg

@@ -0,0 +1,6 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 9.52167 2.56645 10.911 3.5 11.9687V14L5.67315 13.5321C6.38868 13.8334 7.17489 14 8 14Z" fill="#41506D" fill-opacity="0.8"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6 6C6.27614 6 6.5 6.22386 6.5 6.5V7.5C6.5 7.77614 6.27614 8 6 8C5.72386 8 5.5 7.77614 5.5 7.5V6.5C5.5 6.22386 5.72386 6 6 6Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10 6C10.2761 6 10.5 6.22386 10.5 6.5V7.5C10.5 7.77614 10.2761 8 10 8C9.72386 8 9.5 7.77614 9.5 7.5V6.5C9.5 6.22386 9.72386 6 10 6Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.27393 9.12885C6.46165 8.92633 6.77801 8.91433 6.98053 9.10206C7.24852 9.35047 7.60599 9.50164 7.9999 9.50164C8.3938 9.50164 8.75127 9.35047 9.01926 9.10206C9.22178 8.91433 9.53814 8.92633 9.72586 9.12885C9.91358 9.33137 9.90159 9.64773 9.69907 9.83545C9.25349 10.2485 8.6557 10.5016 7.9999 10.5016C7.3441 10.5016 6.7463 10.2485 6.30073 9.83545C6.0982 9.64773 6.08621 9.33137 6.27393 9.12885Z" fill="white"/>
+</svg>

src/assets/icon/classroomObservation/Syan.svg

@@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 9.62765C9.08782 9.62765 10.101 9.10218 11.0595 8.00156C10.0997 6.90094 9.08782 6.37548 8 6.37548C6.91218 6.37548 5.89902 6.90094 4.94051 8.00156C5.89902 9.10218 6.91218 9.62765 8 9.62765ZM8 10.4016C6.59623 10.4016 5.31511 9.73572 4.15397 8.40529C3.94868 8.17051 3.94868 7.83386 4.15397 7.59908C5.31511 6.2674 6.59623 5.60156 8 5.60156C9.40377 5.60156 10.6849 6.2674 11.846 7.59784C12.0513 7.83262 12.0513 8.16926 11.846 8.40405C10.6849 9.73572 9.40377 10.4016 8 10.4016Z" fill="#3681FC"/>
+<path d="M8.0001 8.44631C8.24807 8.44631 8.44805 8.24601 8.44805 7.99764C8.44805 7.75087 8.24807 7.54896 8.0001 7.54896C7.75213 7.54896 7.55216 7.74926 7.55216 7.99764C7.55216 8.24441 7.75213 8.44631 8.0001 8.44631ZM8.0001 9.59844C7.42897 9.59844 6.90104 9.29398 6.61468 8.79884C6.32831 8.30369 6.32831 7.69318 6.61468 7.19804C6.90104 6.70289 7.42897 6.39844 8.0001 6.39844C8.88319 6.39844 9.5999 7.11471 9.5999 7.99924C9.5999 8.88216 8.88319 9.59844 8.0001 9.59844Z" fill="#3681FC"/>
+<path d="M2.62867 13.373V11.3301C2.62867 11.0458 2.39867 10.8158 2.11438 10.8158C1.8301 10.8158 1.6001 11.0458 1.6001 11.3301V13.5444C1.6001 14.0173 1.98438 14.4016 2.45724 14.4016H4.67153C4.95581 14.4016 5.18581 14.1716 5.18581 13.8873C5.18581 13.603 4.95581 13.373 4.67153 13.373H2.62867ZM2.62867 2.63013H4.67153C4.95581 2.63013 5.18581 2.40013 5.18581 2.11585C5.18581 1.83156 4.95581 1.60156 4.67153 1.60156H2.45724C1.98438 1.60156 1.6001 1.98585 1.6001 2.45871V4.67299C1.6001 4.95728 1.8301 5.18728 2.11438 5.18728C2.39867 5.18728 2.62867 4.95728 2.62867 4.67299V2.63013ZM13.3715 2.63013V4.67299C13.3715 4.95728 13.6015 5.18728 13.8858 5.18728C14.1701 5.18728 14.4001 4.95728 14.4001 4.67299V2.45871C14.4001 1.98585 14.0158 1.60156 13.543 1.60156H11.3287C11.0444 1.60156 10.8144 1.83156 10.8144 2.11585C10.8144 2.40013 11.0444 2.63013 11.3287 2.63013H13.3715ZM13.3715 13.373H11.3287C11.0444 13.373 10.8144 13.603 10.8144 13.8873C10.8144 14.1716 11.0444 14.4016 11.3287 14.4016H13.543C14.0158 14.4016 14.4001 14.0173 14.4001 13.5444V11.3301C14.4001 11.0458 14.1701 10.8158 13.8858 10.8158C13.6015 10.8158 13.3715 11.0458 13.3715 11.3301V13.373Z" fill="black" fill-opacity="0.9"/>
+</svg>

src/assets/icon/classroomObservation/Union.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.025 12.975V18.75H12.975V12.975H18.75V11.025H12.975V5.25H11.025V11.025H5.25V12.975H11.025Z" fill="black" fill-opacity="0.9"/>
+</svg>

src/assets/icon/classroomObservation/Vector.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.4801 13.0878C13.4801 13.5278 13.1441 13.8717 12.6961 13.8717H12.5361C12.6401 13.6637 12.6961 13.4557 12.6961 13.2157V2.78375C12.6961 2.55175 12.6401 2.31175 12.5361 2.12775H12.6961C13.1361 2.12775 13.4801 2.46375 13.4801 2.91175V13.0878ZM4.59214 4.97575C4.31214 4.97575 4.07214 4.79175 4.07214 4.58375C4.07214 4.37575 4.31214 4.19175 4.59214 4.19175H10.1441C10.4241 4.19175 10.6641 4.37575 10.6641 4.58375C10.6641 4.79175 10.4241 4.97575 10.1441 4.97575H4.59214ZM4.45614 7.60775C4.24814 7.60775 4.06414 7.42375 4.06414 7.21575C4.06414 7.00775 4.24814 6.82375 4.45614 6.82375H8.63214C8.84014 6.82375 9.02414 7.00775 9.02414 7.21575C9.02414 7.42375 8.84014 7.60775 8.63214 7.60775H4.45614ZM4.45614 9.98375C4.24814 9.98375 4.06414 9.79975 4.06414 9.59175C4.06414 9.38375 4.24814 9.19975 4.45614 9.19975H6.80814C7.01614 9.19975 7.20014 9.38375 7.20014 9.59175C7.20014 9.79975 7.01614 9.98375 6.80814 9.98375H4.45614ZM3.17614 1.35175C2.39214 1.35175 1.74414 2.00775 1.74414 2.78375V13.1918C1.74414 13.9998 2.40014 14.6237 3.17614 14.6237H12.6961C13.5601 14.6237 14.2641 13.9198 14.2641 13.0557V2.91175C14.2641 2.04775 13.5601 1.34375 12.6961 1.34375H3.17614V1.35175Z" fill="black" fill-opacity="0.26"/>
+</svg>

src/assets/icon/classroomObservation/Vector2.svg

@@ -0,0 +1,9 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.4799 13.0878C13.4799 13.5278 13.1439 13.8717 12.6959 13.8717H12.5359C12.6399 13.6637 12.6959 13.4557 12.6959 13.2157V2.78375C12.6959 2.55175 12.6399 2.31175 12.5359 2.12775H12.6959C13.1359 2.12775 13.4799 2.46375 13.4799 2.91175V13.0878ZM4.5919 4.97575C4.3119 4.97575 4.0719 4.79175 4.0719 4.58375C4.0719 4.37575 4.3119 4.19175 4.5919 4.19175H10.1439C10.4239 4.19175 10.6639 4.37575 10.6639 4.58375C10.6639 4.79175 10.4239 4.97575 10.1439 4.97575H4.5919ZM4.4559 7.60775C4.2479 7.60775 4.0639 7.42375 4.0639 7.21575C4.0639 7.00775 4.2479 6.82375 4.4559 6.82375H8.6319C8.8399 6.82375 9.0239 7.00775 9.0239 7.21575C9.0239 7.42375 8.8399 7.60775 8.6319 7.60775H4.4559ZM4.4559 9.98375C4.2479 9.98375 4.0639 9.79975 4.0639 9.59175C4.0639 9.38375 4.2479 9.19975 4.4559 9.19975H6.8079C7.0159 9.19975 7.1999 9.38375 7.1999 9.59175C7.1999 9.79975 7.0159 9.98375 6.8079 9.98375H4.4559ZM3.1759 1.35175C2.3919 1.35175 1.7439 2.00775 1.7439 2.78375V13.1918C1.7439 13.9998 2.3999 14.6237 3.1759 14.6237H12.6959C13.5599 14.6237 14.2639 13.9198 14.2639 13.0557V2.91175C14.2639 2.04775 13.5599 1.34375 12.6959 1.34375H3.1759V1.35175Z" fill="url(#paint0_linear_655_6834)"/>
+<defs>
+<linearGradient id="paint0_linear_655_6834" x1="1.7439" y1="14.6237" x2="14.2639" y2="14.6237" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3673E8"/>
+<stop offset="1" stop-color="#AD88FD"/>
+</linearGradient>
+</defs>
+</svg>

src/assets/icon/classroomObservation/back.svg

@@ -0,0 +1,4 @@
+<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect y="0.495605" width="20" height="20" rx="3" fill="#F0F2F5"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9231 5.49561L15.5385 8.27487L10.9231 11.0541V8.75625H7.69231C6.1629 8.75625 4.92308 10.0494 4.92308 11.6445C4.92308 13.2397 6.1629 14.5328 7.69231 14.5328H15.5385C15.7934 14.5328 16 14.7484 16 15.0142C16 15.2801 15.7934 15.4956 15.5385 15.4956H7.69231C5.6531 15.4956 4 13.7714 4 11.6445C4 9.51766 5.6531 7.79349 7.69231 7.79349H10.9231V5.49561Z" fill="black" fill-opacity="0.9"/>
+</svg>

src/assets/icon/classroomObservation/copy.svg

@@ -0,0 +1,4 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1.85645 2.28599C1.85645 2.0493 2.04832 1.85742 2.28502 1.85742H8.71359C8.95028 1.85742 9.14216 2.0493 9.14216 2.28599C9.14216 2.52269 8.95028 2.71456 8.71359 2.71456H2.71359V8.71456C2.71359 8.95126 2.52171 9.14314 2.28502 9.14314C2.04832 9.14314 1.85645 8.95126 1.85645 8.71456V2.28599Z" fill="black" fill-opacity="0.6"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.42871 4.85631C4.42871 4.61961 4.62059 4.42773 4.85728 4.42773H11.7144C11.9511 4.42773 12.143 4.61961 12.143 4.85631V11.7134C12.143 11.9501 11.9511 12.142 11.7144 12.142H4.85728C4.62059 12.142 4.42871 11.9501 4.42871 11.7134V4.85631ZM5.28585 5.28488V11.2849H11.2859V5.28488H5.28585Z" fill="black" fill-opacity="0.6"/>
+</svg>

src/assets/icon/classroomObservation/daoChu.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13 7C14.1046 7 15 6.10457 15 5C15 3.89543 14.1046 3 13 3C11.8954 3 11 3.89543 11 5C11 5.34248 11.0861 5.66486 11.2378 5.94667L8.07902 8.31575C7.76772 8.1159 7.3974 8 7 8C5.89543 8 5 8.89543 5 10C5 11.1046 5.89543 12 7 12C7.39739 12 7.76772 11.8841 8.07901 11.6843L11.2378 14.0533C11.0861 14.3351 11 14.6575 11 15C11 16.1046 11.8954 17 13 17C14.1046 17 15 16.1046 15 15C15 13.8954 14.1046 13 13 13C12.6026 13 12.2323 13.1159 11.921 13.3157L8.76221 10.9467C8.91392 10.6648 9 10.3425 9 10C9 9.65753 8.91392 9.33516 8.76222 9.05335L11.921 6.68426C12.2323 6.8841 12.6026 7 13 7ZM13 6C13.5523 6 14 5.55228 14 5C14 4.44772 13.5523 4 13 4C12.4477 4 12 4.44772 12 5C12 5.55228 12.4477 6 13 6ZM13 16C13.5523 16 14 15.5523 14 15C14 14.4477 13.5523 14 13 14C12.4477 14 12 14.4477 12 15C12 15.5523 12.4477 16 13 16ZM8 10C8 10.5523 7.55228 11 7 11C6.44772 11 6 10.5523 6 10C6 9.44772 6.44772 9 7 9C7.55228 9 8 9.44772 8 10Z" fill="black" fill-opacity="0.9"/>
+</svg>

src/assets/icon/classroomObservation/del.svg

@@ -0,0 +1,6 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.25 3.125C6.25 2.77982 6.52982 2.5 6.875 2.5H13.125C13.4702 2.5 13.75 2.77982 13.75 3.125C13.75 3.47018 13.4702 3.75 13.125 3.75H6.875C6.52982 3.75 6.25 3.47018 6.25 3.125Z" fill="black" fill-opacity="0.6"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.5 5.625C2.5 5.26481 2.77982 5 3.125 5H16.875C17.2202 5 17.5 5.26481 17.5 5.625C17.5 6.03952 17.2202 6.25 16.875 6.25L15.625 6.30435V17.5H4.375V6.25H3.125C2.77982 6.25 2.5 6.03952 2.5 5.625ZM5.625 6.25V16.1957L14.375 16.25V6.30435L5.625 6.25Z" fill="black" fill-opacity="0.6"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.125 8.06838C8.47018 8.06838 8.75 8.32276 8.75 8.63656V13.7502C8.75 14.064 8.47018 14.3184 8.125 14.3184C7.77982 14.3184 7.5 14.064 7.5 13.7502V8.63656C7.5 8.32276 7.77982 8.06838 8.125 8.06838Z" fill="black" fill-opacity="0.6"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.875 8.06838C12.2202 8.06838 12.5 8.32276 12.5 8.63656V13.7502C12.5 14.064 12.2202 14.3184 11.875 14.3184C11.5298 14.3184 11.25 14.064 11.25 13.7502V8.63656C11.25 8.32276 11.5298 8.06838 11.875 8.06838Z" fill="black" fill-opacity="0.6"/>
+</svg>

src/assets/icon/classroomObservation/digImg.svg

@@ -0,0 +1,3 @@
+<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.84531 12.1422H5.59375C5.00937 12.1422 4.53125 11.6594 4.53125 11.0656V5.74844C4.53125 5.15469 5.00937 4.67188 5.59375 4.67188H9.84531C10.4297 4.67188 10.9078 5.15469 10.9078 5.74844V11.0656C10.9078 11.6578 10.4313 12.1422 9.84531 12.1422ZM16.6625 6.39531H13.9844C13.5234 6.39531 13.1469 6.01406 13.1469 5.54688V5.52031C13.1469 5.05313 13.5234 4.67188 13.9844 4.67188H16.6625C17.1234 4.67188 17.5 5.05313 17.5 5.52031V5.54688C17.4984 6.01406 17.1203 6.39531 16.6625 6.39531ZM16.6625 9.24687H13.9844C13.5234 9.24687 13.1469 8.86562 13.1469 8.39844V8.37187C13.1469 7.90469 13.5234 7.52344 13.9844 7.52344H16.6625C17.1234 7.52344 17.5 7.90469 17.5 8.37187V8.39844C17.4984 8.86562 17.1203 9.24687 16.6625 9.24687ZM16.6625 12.1016H13.9844C13.5234 12.1016 13.1469 11.7203 13.1469 11.2531V11.2266C13.1469 10.7594 13.5234 10.3781 13.9844 10.3781H16.6625C17.1234 10.3781 17.5 10.7594 17.5 11.2266V11.2531C17.4984 11.7203 17.1203 12.1016 16.6625 12.1016ZM16.4359 17.6406H5.59375C5.00937 17.6406 4.53125 17.1578 4.53125 16.5641V15.0234C4.53125 14.4297 5.00937 13.9469 5.59375 13.9469H16.4359C17.0203 13.9469 17.4984 14.4297 17.4984 15.0234V16.5641C17.4984 17.1578 17.0203 17.6406 16.4359 17.6406Z" fill="#3681FC"/>
+</svg>

src/assets/icon/classroomObservation/edit.svg

@@ -0,0 +1,11 @@
+<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect y="0.495605" width="20" height="20" rx="3" fill="#F0F2F5"/>
+<g clip-path="url(#clip0_642_3749)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.204 3.65395L5.70942 3.49561L5.56106 4.03504L5.70942 4.57447L5.204 4.41613L4.69859 4.57447L4.84694 4.03504L4.69859 3.49561L5.204 3.65395ZM7.75496 7.54939L9.42081 6.57788L7.75496 5.60637L6.84471 3.82839L5.93446 5.60637L4.26987 6.57788L5.93446 7.54939L6.84471 9.32603L7.75496 7.54939ZM10.1349 3.9921L9.45979 4.20277L8.78464 3.9921L8.98329 4.71268L8.78464 5.43327L9.45979 5.22125L10.1349 5.43327L9.93754 4.71268L10.1349 3.9921ZM13.6015 6.28148L14.2749 6.95097C14.8171 7.4899 14.8228 8.36975 14.272 8.91307L7.02396 16.1192C6.51914 16.6211 5.70061 16.6211 5.19575 16.1192L4.37863 15.3069C3.87381 14.8051 3.87379 13.9915 4.37857 13.4896L11.6286 6.28153C12.1733 5.74007 13.0568 5.74002 13.6015 6.28148ZM6.26218 15.362L13.5122 8.15389C13.6372 8.03163 13.6372 7.83147 13.5132 7.70822L12.8397 7.03872C12.7157 6.91547 12.5144 6.91547 12.3904 7.03872L5.14035 14.2468C5.05622 14.3305 5.05623 14.4661 5.14036 14.5497L5.95748 15.362C6.04162 15.4456 6.17804 15.4456 6.26218 15.362ZM16 10.9919L15.5811 11.1134L15.1621 10.9919L15.2857 11.4083L15.1621 11.8248L15.5811 11.7019L16 11.8248L15.8777 11.4083L16 10.9919Z" fill="black" fill-opacity="0.9"/>
+</g>
+<defs>
+<clipPath id="clip0_642_3749">
+<rect width="14" height="14" fill="white" transform="translate(3 3.49561)"/>
+</clipPath>
+</defs>
+</svg>

src/assets/icon/classroomObservation/examine.svg

@@ -0,0 +1,8 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.5 4C3.5 3.72386 3.72386 3.5 4 3.5H15C15.2761 3.5 15.5 3.72386 15.5 4V7C15.5 7.27614 15.2761 7.5 15 7.5C14.7239 7.5 14.5 7.27614 14.5 7V4.5H4.5V15.5H7.5C7.77614 15.5 8 15.7239 8 16C8 16.2761 7.77614 16.5 7.5 16.5H4C3.72386 16.5 3.5 16.2761 3.5 16V4Z" fill="black" fill-opacity="0.9"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6 6.5C6 6.22386 6.22386 6 6.5 6H12C12.2761 6 12.5 6.22386 12.5 6.5C12.5 6.77614 12.2761 7 12 7H6.5C6.22386 7 6 6.77614 6 6.5Z" fill="black" fill-opacity="0.9"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6 9C6 8.72386 6.22386 8.5 6.5 8.5H9C9.27614 8.5 9.5 8.72386 9.5 9C9.5 9.27614 9.27614 9.5 9 9.5H6.5C6.22386 9.5 6 9.27614 6 9Z" fill="black" fill-opacity="0.9"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6 11.5C6 11.2239 6.22386 11 6.5 11H8.5C8.77614 11 9 11.2239 9 11.5C9 11.7761 8.77614 12 8.5 12H6.5C6.22386 12 6 11.7761 6 11.5Z" fill="black" fill-opacity="0.9"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13 15.5C14.3807 15.5 15.5 14.3807 15.5 13C15.5 11.6193 14.3807 10.5 13 10.5C11.6193 10.5 10.5 11.6193 10.5 13C10.5 14.3807 11.6193 15.5 13 15.5ZM13 16.5C14.933 16.5 16.5 14.933 16.5 13C16.5 11.067 14.933 9.5 13 9.5C11.067 9.5 9.5 11.067 9.5 13C9.5 14.933 11.067 16.5 13 16.5Z" fill="black" fill-opacity="0.9"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13 11C13.2761 11 13.5 11.2239 13.5 11.5V12.691L14.2236 13.0528C14.4706 13.1763 14.5707 13.4766 14.4472 13.7236C14.3237 13.9706 14.0234 14.0707 13.7764 13.9472L12.7764 13.4472C12.607 13.3625 12.5 13.1894 12.5 13V11.5C12.5 11.2239 12.7239 11 13 11Z" fill="black" fill-opacity="0.9"/>
+</svg>

src/assets/icon/classroomObservation/home.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.70591 4.09563C9.88124 3.96812 10.1188 3.96812 10.2941 4.09563L15.7941 8.09563C15.9235 8.18972 16 8.34003 16 8.5V15.5C16 15.7761 15.7761 16 15.5 16H11.5C11.2239 16 11 15.7761 11 15.5V12H9V15.5C9 15.7761 8.77614 16 8.5 16H4.5C4.22386 16 4 15.7761 4 15.5V8.5C4 8.34003 4.07654 8.18972 4.20591 8.09563L9.70591 4.09563ZM5 8.75461V15H8V11.5C8 11.2239 8.22386 11 8.5 11H11.5C11.7761 11 12 11.2239 12 11.5V15H15V8.75461L10 5.11825L5 8.75461Z" fill="black" fill-opacity="0.9"/>
+</svg>

src/assets/icon/classroomObservation/isTape.svg

@@ -0,0 +1,20 @@
+<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_f_596_1430)">
+<circle cx="28" cy="28" r="28" fill="#6AAFF2" fill-opacity="0.12"/>
+</g>
+<circle cx="28" cy="28" r="23" fill="#6AAFF2" fill-opacity="0.2"/>
+<circle cx="28" cy="28" r="20" fill="#5E9AFC"/>
+<path d="M38.9422 25.6226H41.0004V29.4645H38.9422V25.6226Z" fill="white"/>
+<path d="M32.7677 24.6622H34.8259V30.425H32.7677V24.6622Z" fill="white"/>
+<path d="M26.5933 22.7412H28.6514V32.346H26.5933V22.7412Z" fill="white"/>
+<path d="M17.3664 25.6226H15.3082V29.4645H17.3664V25.6226Z" fill="white"/>
+<path d="M23.5409 24.6622H21.4827V30.425H23.5409V24.6622Z" fill="white"/>
+<path d="M29.7153 22.7412H27.6572V32.346H29.7153V22.7412Z" fill="white"/>
+<defs>
+<filter id="filter0_f_596_1430" x="-4" y="-4" width="64" height="64" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="2" result="effect1_foregroundBlur_596_1430"/>
+</filter>
+</defs>
+</svg>

src/assets/icon/classroomObservation/lyStart.svg

@@ -0,0 +1,3 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.5 1C1.5 0.447715 1.94772 0 2.5 0H3.46667C4.01895 0 4.46667 0.447715 4.46667 1V11C4.46667 11.5523 4.01895 12 3.46667 12H2.5C1.94772 12 1.5 11.5523 1.5 11V1ZM7.5 1C7.5 0.447715 7.94772 0 8.5 0H9.5C10.0523 0 10.5 0.447715 10.5 1V11C10.5 11.5523 10.0523 12 9.5 12H8.5C7.94772 12 7.5 11.5523 7.5 11V1Z" fill="black" fill-opacity="0.6"/>
+</svg>

src/assets/icon/classroomObservation/lyStop.svg

@@ -0,0 +1,3 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="12" height="12" rx="0.857143" fill="#EE3E3E"/>
+</svg>

src/assets/icon/classroomObservation/mai1.svg

@@ -0,0 +1,3 @@
+<svg width="11" height="16" viewBox="0 0 11 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.2915 10.2743C7.12318 10.2743 8.59869 8.76141 8.59869 6.8833V4.27482C8.59869 2.39671 7.12318 0.883789 5.2915 0.883789C3.45983 0.883789 1.98431 2.39671 1.98431 4.27482V6.8833C1.98431 8.76141 3.45983 10.2743 5.2915 10.2743ZM3.00191 4.27482C3.00191 2.97058 4.01951 1.92718 5.2915 1.92718C6.5635 1.92718 7.5811 2.97058 7.5811 4.27482V6.8833C7.5811 8.18754 6.5635 9.23094 5.2915 9.23094C4.01951 9.23094 3.00191 8.18754 3.00191 6.8833V4.27482ZM10.583 7.66579C10.583 7.37885 10.354 7.14409 10.0742 7.14409C9.81981 7.14409 9.59085 7.35277 9.56541 7.61362C9.20925 9.72649 7.42846 11.3177 5.2915 11.3177C3.15455 11.3177 1.37376 9.72649 1.0176 7.61362C0.992157 7.35277 0.763198 7.14409 0.508798 7.14409C0.228959 7.14409 0 7.37885 0 7.66579V7.74404C0.407039 10.196 2.36591 12.1002 4.78271 12.335V14.5871H2.57782C2.27809 14.5871 2.0351 14.8362 2.0351 15.1436C2.0351 15.4509 2.27809 15.7001 2.57782 15.7001H8.005C8.30474 15.7001 8.54772 15.4509 8.54772 15.1436C8.54772 14.8362 8.30474 14.5871 8.005 14.5871H5.8003V12.335C8.21709 12.1002 10.176 10.196 10.5576 7.77013C10.5576 7.75709 10.5639 7.73753 10.5703 7.71797L10.5703 7.71796C10.5766 7.69839 10.583 7.67883 10.583 7.66579Z" fill="white"/>
+</svg>

src/assets/icon/classroomObservation/mai2.svg

@@ -0,0 +1,3 @@
+<svg width="10" height="14" viewBox="0 0 10 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5 8.87319C6.73077 8.87319 8.125 7.44362 8.125 5.66899V3.20421C8.125 1.42957 6.73077 0 5 0C3.26923 0 1.875 1.42957 1.875 3.20421V5.66899C1.875 7.44362 3.26923 8.87319 5 8.87319ZM2.83654 3.20421C2.83654 1.97182 3.79808 0.985911 5 0.985911C6.20192 0.985911 7.16346 1.97182 7.16346 3.20421V5.66899C7.16346 6.90137 6.20192 7.88728 5 7.88728C3.79808 7.88728 2.83654 6.90137 2.83654 5.66899V3.20421ZM10 6.40832C10 6.13719 9.78365 5.91536 9.51923 5.91536C9.27884 5.91536 9.0625 6.11255 9.03846 6.35902C8.70192 8.35549 7.01923 9.85901 5 9.85901C2.98077 9.85901 1.29808 8.35549 0.961538 6.35902C0.9375 6.11255 0.721154 5.91536 0.480769 5.91536C0.216346 5.91536 0 6.13719 0 6.40832V6.48226C0.384615 8.79915 2.23558 10.5984 4.51923 10.8203V12.9482H2.43616C2.15294 12.9482 1.92334 13.1836 1.92334 13.474C1.92334 13.7644 2.15294 13.9998 2.43616 13.9998H7.56437C7.84759 13.9998 8.07719 13.7644 8.07719 13.474C8.07719 13.1836 7.84759 12.9482 7.56437 12.9482H5.48077V10.8203C7.76442 10.5984 9.61538 8.79915 9.97596 6.50691C9.97596 6.49459 9.98197 6.4761 9.98798 6.45762C9.99399 6.43913 10 6.42064 10 6.40832Z" fill="black" fill-opacity="0.4"/>
+</svg>

src/assets/icon/classroomObservation/newcon.svg

@@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.00003 4C2.00003 3.72386 2.22389 3.5 2.50003 3.5H4C4.27614 3.5 4.5 3.72386 4.5 4C4.5 4.27614 4.27614 4.5 4 4.5H3.00003L3 14H11V11C11 10.7239 11.2239 10.5 11.5 10.5C11.7762 10.5 12 10.7239 12 11V14.5C12 14.7761 11.7762 15 11.5 15H2.5C2.36739 15 2.24021 14.9473 2.14645 14.8536C2.05268 14.7598 2 14.6326 2 14.5L2.00003 4Z" fill="#3681FC"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5 5.5C5 5.22386 5.22386 5 5.5 5H13.5C13.7761 5 14 5.22386 14 5.5C14 5.77614 13.7761 6 13.5 6H5.5C5.22386 6 5 5.77614 5 5.5Z" fill="#3681FC"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.5 1C9.77614 1 10 1.22386 10 1.5V9.5C10 9.77614 9.77614 10 9.5 10C9.22386 10 9 9.77614 9 9.5V1.5C9 1.22386 9.22386 1 9.5 1Z" fill="#3681FC"/>
+</svg>

src/assets/icon/classroomObservation/right.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.69058 18.689L8.31172 17.3101L13.6223 11.9995L8.31172 6.68896L9.69058 5.31011L16.38 11.9995L9.69058 18.689Z" fill="black" fill-opacity="0.9"/>
+</svg>

src/assets/icon/classroomObservation/six.svg

@@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.0328 15H4.88877C4.36002 15 3.928 14.5347 3.928 13.9653V13.1181H2.96077C2.43203 13.1181 2 12.6528 2 12.0833V2.04167C2 1.47222 2.43203 1 2.96722 1H11.1048C11.6335 1 12.0656 1.46528 12.0656 2.03472V2.88194H13.0392C13.568 2.88194 14 3.34722 14 3.91667V13.9583C13.9936 14.5347 13.5615 15 13.0328 15ZM4.89522 3.85417C4.86298 3.85417 4.83074 3.88194 4.83074 3.92361V13.9583C4.83074 13.9931 4.85653 14.0278 4.89522 14.0278H13.0392C13.0715 14.0278 13.0973 14 13.0973 13.9653V3.92361C13.0973 3.88889 13.0715 3.86111 13.0392 3.86111H4.89522V3.85417ZM2.96077 1.97222C2.92853 1.97222 2.89629 2 2.89629 2.04167V12.0764C2.89629 12.1111 2.92208 12.1389 2.95433 12.1389H3.92155V3.92361C3.92155 3.35417 4.35357 2.88194 4.88877 2.88194H11.1564V2.04167C11.1564 2.00694 11.1306 1.97222 11.0919 1.97222H2.96077Z" fill="white"/>
+<path d="M9.34915 11.9588H6.52376C6.36503 11.9588 6.21423 11.8874 6.11106 11.7684C6.00788 11.6493 5.96026 11.4906 5.97614 11.3318C6.00788 11.0541 6.25391 10.8477 6.54756 10.8477H9.34915C9.65074 10.8477 9.90471 11.0938 9.90471 11.4033C9.90471 11.7128 9.65868 11.9588 9.34915 11.9588ZM11.9126 9.28423H6.52376C6.36503 9.28423 6.21423 9.2128 6.11106 9.09375C6.00788 8.9747 5.96026 8.81597 5.97614 8.65724C6.00788 8.37946 6.25391 8.17312 6.54756 8.17312H11.9365C12.0952 8.17312 12.246 8.24454 12.3492 8.36359C12.4523 8.48264 12.4999 8.64137 12.4841 8.8001C12.4523 9.06994 12.2063 9.28423 11.9126 9.28423ZM11.9126 6.70486H6.52376C6.36503 6.70486 6.21423 6.63343 6.11106 6.51438C6.00788 6.39534 5.96026 6.23661 5.97614 6.07788C6.00788 5.8001 6.25391 5.59375 6.54756 5.59375H11.9365C12.0952 5.59375 12.246 5.66518 12.3492 5.78423C12.4523 5.90327 12.4999 6.062 12.4841 6.22073C12.4523 6.49058 12.2063 6.70486 11.9126 6.70486Z" fill="white" fill-opacity="0.9"/>
+</svg>

src/assets/icon/classroomObservation/startPagewen.svg

@@ -0,0 +1,48 @@
+<svg width="128" height="128" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_194_3748)">
+<g filter="url(#filter0_ii_194_3748)">
+<path d="M0 24.8637H121.252C123.064 24.8637 124.802 25.5834 126.083 26.8645C127.364 28.1456 128.083 29.8831 128.083 31.6948V110.537C128.083 112.349 127.364 114.086 126.083 115.367C124.802 116.648 123.064 117.368 121.252 117.368H6.83111C5.01939 117.368 3.28187 116.648 2.00079 115.367C0.719704 114.086 0 112.349 0 110.537L0 24.8637Z" fill="#F0F5FF"/>
+</g>
+<path d="M0.5 25.3637H121.252C122.931 25.3637 124.542 26.0307 125.729 27.218C126.916 28.4054 127.583 30.0157 127.583 31.6948V110.537C127.583 112.216 126.916 113.826 125.729 115.014C124.542 116.201 122.931 116.868 121.252 116.868H6.83111C5.152 116.868 3.54165 116.201 2.35434 115.014C1.16703 113.826 0.5 112.216 0.5 110.537V25.3637Z" stroke="#5E9AFC"/>
+<g filter="url(#filter1_dd_194_3748)">
+<path d="M76.2 58.8C77.9 58.8 79.25 60.2 79.25 61.85V80.15C79.4 81.85 78.1 83.3 76.45 83.45C74.75 83.6 73.3 82.3 73.15 80.65V61.85C73.15 60.15 74.55 58.8 76.2 58.8ZM88.45 64.9C90.15 64.9 91.5 66.25 91.5 67.95V74.05C91.65 75.75 90.35 77.2 88.7 77.35C87 77.5 85.55 76.2 85.4 74.55V67.95C85.4 66.25 86.75 64.9 88.45 64.9ZM39.55 64.9C41.25 64.9 42.6 66.3 42.6 67.95V74.05C42.75 75.75 41.45 77.2 39.8 77.35C38.1 77.45 36.65 76.2 36.5 74.5V67.95C36.5 66.25 37.9 64.9 39.55 64.9ZM51.8 58.8C53.5 58.8 54.85 60.15 54.85 61.85V80.15C55 81.85 53.7 83.3 52.05 83.45C50.35 83.6 48.9 82.3 48.75 80.65V61.85C48.75 60.15 50.1 58.8 51.8 58.8ZM64 49.6C65.7 49.6 67.05 50.95 67.05 52.65V89.3C67.05 91 65.7 92.35 64 92.35C62.3 92.35 60.95 91 60.95 89.3V52.65C60.95 51 62.3 49.6 64 49.6Z" fill="#5E9AFC"/>
+</g>
+<path d="M8.53889 10.6319H46.87C50.3465 10.6319 53.7403 11.6928 56.5977 13.6731C59.4551 15.6533 61.6401 18.4585 62.8608 21.7137L64.0417 24.8637H0V19.1708C0 14.4548 3.82286 10.6319 8.53889 10.6319Z" fill="#5E9AFC"/>
+</g>
+<defs>
+<filter id="filter0_ii_194_3748" x="-4" y="20.8637" width="136.083" height="100.504" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="4" dy="4"/>
+<feGaussianBlur stdDeviation="6"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.211765 0 0 0 0 0.45098 0 0 0 0 0.909804 0 0 0 0.12 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_194_3748"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="-4" dy="-4"/>
+<feGaussianBlur stdDeviation="6"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.211765 0 0 0 0 0.45098 0 0 0 0 0.909804 0 0 0 0.12 0"/>
+<feBlend mode="normal" in2="effect1_innerShadow_194_3748" result="effect2_innerShadow_194_3748"/>
+</filter>
+<filter id="filter1_dd_194_3748" x="13.5" y="26.6" width="103.012" height="90.75" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="4"/>
+<feGaussianBlur stdDeviation="5"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.113725 0 0 0 0 0.223529 0 0 0 0 0.513726 0 0 0 0.08 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_194_3748"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feMorphology radius="4" operator="dilate" in="SourceAlpha" result="effect2_dropShadow_194_3748"/>
+<feOffset dx="1" dy="1"/>
+<feGaussianBlur stdDeviation="10"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.113177 0 0 0 0 0.224987 0 0 0 0 0.5125 0 0 0 0.05 0"/>
+<feBlend mode="normal" in2="effect1_dropShadow_194_3748" result="effect2_dropShadow_194_3748"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_194_3748" result="shape"/>
+</filter>
+<clipPath id="clip0_194_3748">
+<rect width="128" height="128" fill="white"/>
+</clipPath>
+</defs>
+</svg>

src/assets/icon/classroomObservation/wen1.svg

@@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2 2.5C2 2.22386 2.22386 2 2.5 2H13.5C13.7761 2 14 2.22386 14 2.5V13.5C14 13.7761 13.7761 14 13.5 14H2.5C2.22386 14 2 13.7761 2 13.5V2.5ZM3 3V13H13V3H3Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5 5C5 4.72386 5.22386 4.5 5.5 4.5H10.5C10.7761 4.5 11 4.72386 11 5V6C11 6.27614 10.7761 6.5 10.5 6.5C10.2239 6.5 10 6.27614 10 6V5.5H8.5V10.5H9C9.27614 10.5 9.5 10.7239 9.5 11C9.5 11.2761 9.27614 11.5 9 11.5H7C6.72386 11.5 6.5 11.2761 6.5 11C6.5 10.7239 6.72386 10.5 7 10.5H7.5V5.5H6V6C6 6.27614 5.77614 6.5 5.5 6.5C5.22386 6.5 5 6.27614 5 6V5Z" fill="white"/>
+</svg>

src/assets/icon/classroomObservation/wen2.svg

@@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2 2.5C2 2.22386 2.22386 2 2.5 2H13.5C13.7761 2 14 2.22386 14 2.5V13.5C14 13.7761 13.7761 14 13.5 14H2.5C2.22386 14 2 13.7761 2 13.5V2.5ZM3 3V13H13V3H3Z" fill="black" fill-opacity="0.4"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5 5C5 4.72386 5.22386 4.5 5.5 4.5H10.5C10.7761 4.5 11 4.72386 11 5V6C11 6.27614 10.7761 6.5 10.5 6.5C10.2239 6.5 10 6.27614 10 6V5.5H8.5V10.5H9C9.27614 10.5 9.5 10.7239 9.5 11C9.5 11.2761 9.27614 11.5 9 11.5H7C6.72386 11.5 6.5 11.2761 6.5 11C6.5 10.7239 6.72386 10.5 7 10.5H7.5V5.5H6V6C6 6.27614 5.77614 6.5 5.5 6.5C5.22386 6.5 5 6.27614 5 6V5Z" fill="black" fill-opacity="0.4"/>
+</svg>

src/assets/icon/classroomObservation/yuan.svg

@@ -0,0 +1,24 @@
+<svg width="128" height="128" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_ii_194_3741)">
+<path d="M0 64C-1.77114e-07 72.4046 1.65541 80.7269 4.87171 88.4917C8.08801 96.2566 12.8022 103.312 18.7452 109.255C24.6881 115.198 31.7434 119.912 39.5083 123.128C47.2731 126.345 55.5954 128 64 128C72.4046 128 80.7269 126.345 88.4917 123.128C96.2566 119.912 103.312 115.198 109.255 109.255C115.198 103.312 119.912 96.2566 123.128 88.4917C126.345 80.7269 128 72.4046 128 64C128 55.5954 126.345 47.2731 123.128 39.5083C119.912 31.7434 115.198 24.6881 109.255 18.7452C103.312 12.8022 96.2566 8.08801 88.4917 4.87171C80.7269 1.65541 72.4046 0 64 0C55.5954 0 47.2731 1.65541 39.5083 4.87171C31.7434 8.08801 24.6881 12.8022 18.7452 18.7452C12.8022 24.6881 8.08801 31.7434 4.87171 39.5083C1.65541 47.2731 -1.25238e-07 55.5954 0 64Z" fill="#F0F5FF"/>
+</g>
+<path d="M5.33365 88.3004C2.14248 80.5962 0.5 72.3389 0.5 64C0.5 55.6611 2.14248 47.4038 5.33365 39.6996C8.52482 31.9954 13.2022 24.9952 19.0987 19.0987C24.9952 13.2022 31.9954 8.52482 39.6996 5.33365C47.4038 2.14248 55.6611 0.5 64 0.5C72.339 0.5 80.5962 2.14248 88.3004 5.33365C96.0046 8.52482 103.005 13.2022 108.901 19.0987C114.798 24.9952 119.475 31.9954 122.666 39.6996C125.858 47.4038 127.5 55.6611 127.5 64C127.5 72.3389 125.858 80.5962 122.666 88.3004C119.475 96.0046 114.798 103.005 108.901 108.901C103.005 114.798 96.0046 119.475 88.3004 122.666C80.5962 125.858 72.339 127.5 64 127.5C55.6611 127.5 47.4038 125.858 39.6996 122.666C31.9954 119.475 24.9952 114.798 19.0987 108.901C13.2022 103.005 8.52482 96.0046 5.33365 88.3004Z" stroke="#5E9AFC"/>
+<defs>
+<filter id="filter0_ii_194_3741" x="-4" y="-4" width="136" height="136" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="4" dy="4"/>
+<feGaussianBlur stdDeviation="6"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.211765 0 0 0 0 0.45098 0 0 0 0 0.909804 0 0 0 0.12 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_194_3741"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="-4" dy="-4"/>
+<feGaussianBlur stdDeviation="6"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.211765 0 0 0 0 0.45098 0 0 0 0 0.909804 0 0 0 0.12 0"/>
+<feBlend mode="normal" in2="effect1_innerShadow_194_3741" result="effect2_innerShadow_194_3741"/>
+</filter>
+</defs>
+</svg>

src/assets/icon/classroomObservation/yuanYin.svg

@@ -0,0 +1,23 @@
+<svg width="92" height="92" viewBox="0 0 92 92" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_ii_194_3743)">
+<path d="M46.0001 0.193359C20.7053 0.193359 0.193359 20.6981 0.193359 46.0001C0.193359 71.2948 20.6981 91.8068 46.0001 91.8068C71.2948 91.8068 91.8068 71.302 91.8068 46.0001C91.8068 20.7053 71.3021 0.193359 46.0001 0.193359ZM32.6622 30.845C32.6622 23.4819 38.6297 17.5072 46.0001 17.5072C53.3632 17.5072 59.3379 23.4747 59.3379 30.845V44.51C59.3379 51.8731 53.3704 57.8479 46.0001 57.8479C38.637 57.8479 32.6622 51.8804 32.6622 44.51V30.845ZM70.3353 44.2774C70.3353 56.5541 61.3513 66.7592 49.6562 68.5763V75.2126C49.6562 77.2187 48.028 78.8469 46.0219 78.8469C44.0157 78.8469 42.3876 77.2187 42.3876 75.2126V68.6054C30.5834 66.8755 21.4831 56.6268 21.4831 44.2774V42.4603C21.4831 40.4541 23.1112 38.826 25.1174 38.826C27.1235 38.826 28.7517 40.4541 28.7517 42.4603V44.2774C28.7517 53.8283 36.4491 61.5985 45.9056 61.5985C55.3693 61.5985 63.0595 53.8283 63.0595 44.2774V42.4603C63.0595 40.4541 64.6876 38.826 66.6938 38.826C68.6999 38.826 70.3281 40.4541 70.3281 42.4603V44.2774H70.3353Z" fill="#F0F5FF"/>
+</g>
+<defs>
+<filter id="filter0_ii_194_3743" x="-3.80664" y="-3.80664" width="99.6133" height="99.6134" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="4" dy="4"/>
+<feGaussianBlur stdDeviation="6"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.211765 0 0 0 0 0.45098 0 0 0 0 0.909804 0 0 0 0.12 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_194_3743"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="-4" dy="-4"/>
+<feGaussianBlur stdDeviation="6"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.211765 0 0 0 0 0.45098 0 0 0 0 0.909804 0 0 0 0.12 0"/>
+<feBlend mode="normal" in2="effect1_innerShadow_194_3743" result="effect2_innerShadow_194_3743"/>
+</filter>
+</defs>
+</svg>

src/components/pages/classroomObservation/components/analysis.vue

@@ -7,7 +7,7 @@
 			</div>
 			<div class="a-h-right">
 				<div class="a-h-r-btn" @click.stop="addTemplate">
-					<img src="@/assets/icon/classroomObservation/newcon.png" alt="" />
+					<img src="@/assets/icon/classroomObservation/newcon.svg" alt="" />
 					添加模块
 				</div>
 			</div>
@@ -149,7 +149,7 @@ export default {
 .a-h-l-icon {
 	width: 16px;
 	height: 16px;
-	background: url("../../../../assets/icon/classroomObservation/right.png")
+	background: url("../../../../assets/icon/classroomObservation/right.svg")
 		no-repeat;
 	background-size: 100% 100%;
 	margin-right: 5px;

src/components/pages/classroomObservation/components/analysisItem.vue

@@ -30,7 +30,7 @@
 					>
 						<img
 							:src="
-								require('../../../../assets/icon/classroomObservation/del.png')
+								require('../../../../assets/icon/classroomObservation/del.svg')
 							"
 						/>
 					</el-tooltip>
@@ -49,7 +49,7 @@
 					>
 						<img
 							:src="
-								require('../../../../assets/icon/classroomObservation/back.png')
+								require('../../../../assets/icon/classroomObservation/back.svg')
 							"
 						/>
 					</el-tooltip>
@@ -70,7 +70,7 @@
 					>
 						<img
 							:src="
-								require('../../../../assets/icon/classroomObservation/back.png')
+								require('../../../../assets/icon/classroomObservation/back.svg')
 							"
 						/>
 					</el-tooltip>
@@ -85,7 +85,7 @@
 					>
 						<img
 							:src="
-								require('../../../../assets/icon/classroomObservation/edit.png')
+								require('../../../../assets/icon/classroomObservation/edit.svg')
 							"
 						/>
 					</el-tooltip>
@@ -131,8 +131,7 @@
 <script>
 import mdView from "./mdView.vue";
 import pieChart from "./pieChart.vue";
-// import { v4 as uuidv4 } from "uuid";
-// import MarkdownIt from "markdown-it";
+import { v4 as uuidv4 } from "uuid";
 export default {
 	emits: ["delItem", "editItem", "saveItem"],
 	components: {
@@ -423,7 +422,7 @@ export default {
 .ai-h-l-icon {
 	width: 16px;
 	height: 16px;
-	background: url("../../../../assets/icon/classroomObservation/right.png")
+	background: url("../../../../assets/icon/classroomObservation/right.svg")
 		no-repeat;
 	background-size: 100% 100%;
 	margin-right: 10px;
@@ -460,13 +459,13 @@ export default {
 }
 
 .ai-h-r-icon1 {
-	background: url("../../../../assets/icon/classroomObservation/back.png");
+	background: url("../../../../assets/icon/classroomObservation/back.svg");
 	/* 镜像 */
 	transform: scaleX(-1);
 }
 
 .ai-h-r-icon2 {
-	background: url("../../../../assets/icon/classroomObservation/back.png");
+	background: url("../../../../assets/icon/classroomObservation/back.svg");
 }
 
 .ai_h_r_iconOpacity {
@@ -475,8 +474,7 @@ export default {
 }
 
 .ai-h-r-icon3 {
-	background: url("../../../../assets/icon/classroomObservation/edit.png");
-	/* background: url("../../../../assets/icon/classroomObservation/del.png"); */
+	background: url("../../../../assets/icon/classroomObservation/edit.svg");
 	/* display: none; */
 }
 
@@ -485,7 +483,7 @@ export default {
 }
 
 .ai-h-r-icon4 {
-	background: url("../../../../assets/icon/classroomObservation/del.png");
+	background: url("../../../../assets/icon/classroomObservation/del.svg");
 	/* position: absolute; */
 	/* right: -40px; */
 	display: none;

src/components/pages/classroomObservation/components/baseMessage.vue

@@ -144,7 +144,7 @@
 								"
 							>
 								<img
-									src="../../../../assets/icon/classroomObservation/Union.png"
+									src="../../../../assets/icon/classroomObservation/Union.svg"
 									alt=""
 								/>
 								<div
@@ -195,7 +195,7 @@
 								"
 							>
 								<img
-									src="../../../../assets/icon/classroomObservation/Union.png"
+									src="../../../../assets/icon/classroomObservation/Union.svg"
 									alt=""
 								/>
 								<div
@@ -516,7 +516,7 @@ export default {
 .m-h-icon {
 	width: 16px;
 	height: 16px;
-	background: url("../../../../assets/icon/classroomObservation/right.png")
+	background: url("../../../../assets/icon/classroomObservation/right.svg")
 		no-repeat;
 	background-size: 100% 100%;
 	margin-right: 5px;
@@ -636,14 +636,14 @@ export default {
 	display: flex;
 }
 
-.m-m-fi-i-icon {
+/* .m-m-fi-i-icon {
 	width: 20px;
 	height: 20px;
 	background: url("../../../../assets/icon/classroomObservation/file.png")
 		no-repeat;
 	background-size: 100% 100%;
 	margin-right: 5px;
-}
+} */
 
 .m-m-fi-btn {
 	width: auto;

src/components/pages/classroomObservation/components/chatArea.vue

@@ -201,11 +201,11 @@
 								justify-content: center;
 								align-items: center;
 							"
-							@click="cutTape(2)"
+							@click="recordedStart()"
 						>
 							<img
 								style="width: 10px; height: 16px"
-								src="../../../../assets/icon/classroomObservation/blueMai.png"
+								src="../../../../assets/icon/classroomObservation/mai1.svg"
 								alt=""
 							/>
 						</div>
@@ -286,7 +286,7 @@
 						<div class="ca-b-o-m-i-left">
 							<img
 								style="height: 120%"
-								src="@/assets/icon/classroomObservation/isTape.png"
+								src="@/assets/icon/classroomObservation/isTape.svg"
 								alt=""
 							/>
 							<div>
@@ -314,7 +314,7 @@
 							<div class="lyStart" @click="stopRecorded()">
 								<img
 									style="width: 12px; height: 12px"
-									src="@/assets/icon/classroomObservation/lyStart.png"
+									src="@/assets/icon/classroomObservation/lyStart.svg"
 									alt=""
 									v-if="recordedForm.status == 1"
 								/>
@@ -328,7 +328,7 @@
 							<div class="lyStart" @click="finishRecorded()">
 								<img
 									style="width: 12px; height: 12px"
-									src="@/assets/icon/classroomObservation/lyStop.png"
+									src="@/assets/icon/classroomObservation/lyStop.svg"
 									alt=""
 								/>
 							</div>
@@ -509,29 +509,29 @@ export default {
 			// 语音文字list
 			tapeList: [
 				{
-					ico: require("@/assets/icon/classroomObservation/mai1.png"),
-					ico1: require("@/assets/icon/classroomObservation/mai2.png"),
+					ico: require("@/assets/icon/classroomObservation/mai1.svg"),
+					ico1: require("@/assets/icon/classroomObservation/mai2.svg"),
 				},
 				{
-					ico: require("@/assets/icon/classroomObservation/wen1.png"),
-					ico1: require("@/assets/icon/classroomObservation/wen2.png"),
+					ico: require("@/assets/icon/classroomObservation/wen1.svg"),
+					ico1: require("@/assets/icon/classroomObservation/wen2.svg"),
 				},
 			],
 			titBarList: [
 				{
 					title: "Al对话",
-					ico: require("@/assets/icon/classroomObservation/Group9101.png"),
-					ico1: require("@/assets/icon/classroomObservation/Group9102.png"),
+					ico: require("@/assets/icon/classroomObservation/Group9101.svg"),
+					ico1: require("@/assets/icon/classroomObservation/Group9102.svg"),
 				},
 				{
 					title: "原文速览",
-					ico1: require("@/assets/icon/classroomObservation/Vector.png"),
-					ico: require("@/assets/icon/classroomObservation/Vector2.png"),
+					ico1: require("@/assets/icon/classroomObservation/Vector.svg"),
+					ico: require("@/assets/icon/classroomObservation/Vector2.svg"),
 				},
 				{
 					title: "转录文稿",
-					ico1: require("@/assets/icon/classroomObservation/zhuanlu.png"),
-					ico: require("@/assets/icon/classroomObservation/zhuanlu2.png"),
+					ico1: require("@/assets/icon/classroomObservation/zhuanlu.svg"),
+					ico: require("@/assets/icon/classroomObservation/zhuanlu2.svg"),
 				},
 			],
 			transcriptionData: {
@@ -1808,7 +1808,7 @@ export default {
 	font-size: 14px; /* 修改placeholder字体大小 */
 	color: grey; /* 修改placeholder文字颜色 */
 }
-.ca-b-o-m-right > span {
+/* .ca-b-o-m-right > span {
 	width: 24px;
 	height: 24px;
 	background: url("../../../../assets/icon/classroomObservation/tapeIng.png")
@@ -1816,7 +1816,7 @@ export default {
 	background-size: 100% 100%;
 	cursor: pointer;
 	margin-right: 10px;
-}
+} */
 
 .ca-b-o-m-right > div {
 	width: 52px;

src/components/pages/classroomObservation/components/messageArea.vue

@@ -153,10 +153,7 @@
 					</div>
 				</div>
 				<div class="a-d-box">
-					<div class="a-d-b-subject">
-						<el-button :type="tagSubject==item?'primary':'default'" v-for="(item,index) in tagSubjectList" :key="index+'-'+tagIndex" @click.stop="tagSubject=item">{{ item }}</el-button>
-						<!-- {{ tagSubjectList }} -->
-					</div>
+					
 					<div
 						style="
 							font-family: PingFang SC;
@@ -170,6 +167,10 @@
 					>
 						推荐
 					</div>
+					<div class="a-d-b-subject">
+						<span :class="['a_d_b_s_btn',tagSubject==item?'a_d_b_s_ActiveBtn':'']" v-for="(item,index) in tagSubjectList" :key="index+'-'+tagIndex" @click.stop="tagSubject=item">{{ item }}</span>
+						<!-- <el-button :type="tagSubject==item?'primary':'default'" v-for="(item,index) in tagSubjectList" :key="index+'-'+tagIndex" @click.stop="tagSubject=item">{{ item }}</el-button> -->
+					</div>
 					<div style="display: flex; flex-wrap: wrap">
 						<div
 							class="a-d-b-item"
@@ -180,7 +181,7 @@
 								<img
 									style="height: 22px; width: 22px"
 									:src="
-										require('../../../../assets/icon/classroomObservation/digImg.png')
+										require('../../../../assets/icon/classroomObservation/digImg.svg')
 									"
 								/>
 								<div class="a-d-b-i-t-title">{{ item.title }}</div>
@@ -1258,4 +1259,30 @@ export default {
 	margin-bottom: 10px;
 	border-bottom: 1px #ccc solid;
 }
+
+.a-d-b-subject{
+	margin: 20px 0 20px 0;
+}
+
+.a_d_b_s_btn{
+	/* box-sizing: border-box; */
+	padding: 5px 10px;
+	border-radius: 4px;
+	border: solid 1px #3681FC;
+	color: #3681FC;
+	background-color: white;
+	margin-right: 10px;
+	cursor: pointer;
+	transition: .3s;
+}
+
+.a_d_b_s_ActiveBtn{
+	background-color: #3681FC;
+	color: white;
+}
+
+.a-d-b-i-t-btn:hover {
+	background-color: rgba(54, 129, 252, 1);
+	color: #fff;
+}
 </style>

src/components/pages/classroomObservation/components/startPage.vue

@@ -25,12 +25,12 @@
 					<div style="position: relative;margin-top: 20px;">
 						<img
 							class="img1"
-							src="../../../../assets/icon/classroomObservation/yuan.png"
+							src="../../../../assets/icon/classroomObservation/yuan.svg"
 							alt=""
 						/>
 						<img
 							class="img2"
-							src="../../../../assets/icon/classroomObservation/yuanYin.png"
+							src="../../../../assets/icon/classroomObservation/yuanYin.svg"
 							alt=""
 						/>
 					</div>
@@ -46,7 +46,7 @@
 				<div  class="sp-m-item3">
 					<img
 							class="img1"
-							src="../../../../assets/icon/classroomObservation/startPagewen.png"
+							src="../../../../assets/icon/classroomObservation/startPagewen.svg"
 							alt=""
 						/>
 				</div>
@@ -216,15 +216,15 @@ export default {
 	margin-bottom: 15px;
 }
 
-.sp-m-i-icon1 {
+/* .sp-m-i-icon1 {
 	background: url("../../../../assets/icon/classroomObservation/tape.png")
 		no-repeat;
-}
+} */
 
-.sp-m-i-icon2 {
+/* .sp-m-i-icon2 {
 	background: url("../../../../assets/icon/classroomObservation/file.png")
 		no-repeat;
 	background-size: 85% 85% !important;
 	background-position: center 10px;
-}
+} */
 </style>

src/components/pages/classroomObservation/components/tape.vue

@@ -56,7 +56,7 @@
 								/> -->
 								<!-- <img
 									:src="
-										require('../../../../assets/icon/classroomObservation/copy.png')
+										require('../../../../assets/icon/classroomObservation/copy.svg')
 									"
 									@click="copyContent(item.content)"
 								/> -->
@@ -95,7 +95,7 @@
 								/> -->
 								<img
 									:src="
-										require('../../../../assets/icon/classroomObservation/copy.png')
+										require('../../../../assets/icon/classroomObservation/copy.svg')
 									"
 									@click="copyContent(item.aiContent)"
 								/>
@@ -289,7 +289,7 @@ export default {
 	border-radius: 5px;
 }
 
-.t-t-h-l-i-icon {
+/* .t-t-h-l-i-icon {
 	width: 20px;
 	height: 20px;
 	background: url("../../../../assets/icon/classroomObservation/file.png")
@@ -297,7 +297,7 @@ export default {
 	background-size: 100% 100%;
 	margin-right: 5px;
 	background-position: center;
-}
+} */
 
 .t-t-h-l-Item:hover {
 	background-color: white;
@@ -312,7 +312,7 @@ export default {
 	cursor: pointer;
 }
 
-.t-t-h-r-icon {
+/* .t-t-h-r-icon {
 	width: 25px;
 	height: 25px;
 	background: url("../../../../assets/icon/classroomObservation/foldIcon.png")
@@ -320,9 +320,8 @@ export default {
 	background-size: 100% 100%;
 	margin-right: 10px;
 	background-position: center;
-	/* 水平镜像 */
 	transform: scaleY(-1);
-}
+} */
 
 .t-t-h-r-text {
 	font-size: 16px;

src/components/pages/classroomObservation/index.vue

@@ -30,15 +30,14 @@
 							:label="item.label"
 							:value="item.value"
 						>
-						<div class="selectBox">
-							<span style="float: left">{{ item.label }}</span>
-							<span
-								class="delSelect"
-								@click.stop="delCourse(item.value)"
-								style="float: right"
-							></span>
-						</div>
-							
+							<div class="selectBox">
+								<span style="float: left">{{ item.label }}</span>
+								<span
+									class="delSelect"
+									@click.stop="delCourse(item.value)"
+									style="float: right"
+								></span>
+							</div>
 						</el-option>
 					</el-select>
 				</span>
@@ -52,21 +51,21 @@
 			</div>
 			<div class="co-h2-right">
 				<div
-					:class="['co-h2-r-btn',fileId?'':'ca-h2-r-noActive']"
+					:class="['co-h2-r-btn', fileId ? '' : 'ca-h2-r-noActive']"
 					style="background: rgba(54, 129, 252, 1)"
 					@click.stop="getReport()"
 				>
 					<span class="co-h2-r-b-icon1"></span>
-					<div style="color:white">一键分析</div>
+					<div style="color: white">一键分析</div>
 				</div>
 
 				<div
-				:class="['co-h2-r-btn',fileId?'':'ca-h2-r-noActive']"
-					style="background: #FFFFFF"
+					:class="['co-h2-r-btn', fileId ? '' : 'ca-h2-r-noActive']"
+					style="background: #ffffff"
 					@click.stop="preview()"
 				>
 					<span class="co-h2-r-b-icon2"></span>
-					<div style="color:black">查看报告</div>
+					<div style="color: black">查看报告</div>
 				</div>
 				<!-- <div class="co-h2-r-btn2" @click.stop="preview()">
 					<el-tooltip class="item" effect="light" content="预览" placement="top">
@@ -79,15 +78,47 @@
 
 				<div :class="['co-h2-r-btn2']" @click.stop="shareBtn">
 					<!-- <span class="co-h2-r-b-icon3"></span> -->
-					<el-tooltip class="item" effect="light" content="分享" placement="top">
+					<el-tooltip
+						class="item"
+						effect="light"
+						content="分享"
+						placement="top"
+					>
 						<img
-						src="../../../assets/icon/classroomObservation/daoChu.png"
-						alt=""
-					/>
-    </el-tooltip>
-					
-					<!-- <div>分享</div> -->
+							src="../../../assets/icon/classroomObservation/daoChu.svg"
+							alt=""
+						/>
+					</el-tooltip>
+				</div>
+
+				<div :class="['co-h2-r-btn2']" @click.stop="examine">
+					<!-- <span class="co-h2-r-b-icon3"></span> -->
+					<el-tooltip
+						class="item"
+						effect="light"
+						content="审核"
+						placement="top"
+					>
+						<img
+							src="../../../assets/icon/classroomObservation/examine.svg"
+							alt=""
+						/>
+					</el-tooltip>
 				</div>
+
+				<!-- <div :class="['co-h2-r-btn2']" @click.stop="home">
+					<el-tooltip
+						class="item"
+						effect="light"
+						content="主页"
+						placement="top"
+					>
+						<img
+							src="../../../assets/icon/classroomObservation/home.svg"
+							alt=""
+						/>
+					</el-tooltip>
+				</div> -->
 			</div>
 		</div>
 		<div class="co-main">
@@ -120,7 +151,11 @@
 			@shareBtn="shareBtn"
 		></sharePdf>
 
-		<addNewCourseDialog :courseList="optionData" ref="addNewCourseDialogRef" @success="addNewCourse" />
+		<addNewCourseDialog
+			:courseList="optionData"
+			ref="addNewCourseDialogRef"
+			@success="addNewCourse"
+		/>
 	</div>
 </template>
 
@@ -161,11 +196,11 @@ export default {
 			});
 		},
 		addNewCourse(form) {
-			if(this.loading)return this.$message.info("请稍等")
+			if (this.loading) return this.$message.info("请稍等");
 			this.loading = true;
 			let params = {
 				tid: form.no,
-				name:form.name
+				name: form.name,
 			};
 			this.ajax
 				.post(
@@ -213,47 +248,12 @@ export default {
 		},
 		// 生成报告
 		getReport() {
-			if(!this.fileId)return;
+			if (!this.fileId) return;
 			this.$refs.messageAreaRef.getReport();
-			// let assistant_title = [
-			// 	"课堂观察",
-			// 	"教学阶段九事件分析",
-			// 	"OMO智慧课堂分析",
-			// 	"布鲁姆问题分类",
-			// 	"麦克锡问题分类",
-			// 	"学生回答统计",
-			// 	"课堂活动类型",
-			// 	"素养目标分析",
-			// 	"科学教育目标分析",
-			// 	"5E课程改编",
-			// 	"5EX课程改编",
-			// 	"UTOP课程观察",
-			// 	"RST模型",
-			// 	"RTOP模型",
-			// 	"课堂质量评价",
-			// 	"scop课堂观察",
-			// 	"rtop课堂观察",
-			// ]
-			// let _index = 0;
-			// let _this = this;
-			// function addValue(){
-			// 	_this.$refs.messageAreaRef.addAnalysisItem({title:assistant_title[_index]}).then(_=>{
-			// 		_index+=1;
-			// 		if(_index<assistant_title.length){
-			// 				addValue()
-			// 		}
-			// 	}).catch(_=>{
-			// 		_index+=1;
-			// 		if(_index<assistant_title.length){
-			// 			addValue()
-			// 		}
-			// 	})
-			// }
-			// addValue()
 		},
 		//预览
 		preview() {
-			if(!this.fileId)return;
+			if (!this.fileId) return;
 			window.parent.postMessage(
 				{
 					tools: "classroom_observation_board",
@@ -267,6 +267,21 @@ export default {
 			// if(!this.fileId)return;
 			this.dialogVisibleShare = !this.dialogVisibleShare;
 		},
+		// 审核
+		examine() {
+			if (!this.tid) return;
+			window.parent.postMessage(
+				{
+					tools: "classroom_observation_ob_comment",
+					type: this.tid,
+				},
+				"*"
+			);
+		},
+		// 主页
+		home() {
+			this.$message.info("主页");
+		},
 		delCourse(_value = this.tid) {
 			this.$confirm("此操作将永久删除该课程, 是否继续?", "提示", {
 				confirmButtonText: "确定",
@@ -349,11 +364,14 @@ export default {
 					});
 			});
 		},
-		updateTranscription({ transcriptionData, editorBarData },fn) {
-			this.$refs.messageAreaRef.updateMessageTranscription({
-				transcriptionData,
-				editorBarData,
-			},fn);
+		updateTranscription({ transcriptionData, editorBarData }, fn) {
+			this.$refs.messageAreaRef.updateMessageTranscription(
+				{
+					transcriptionData,
+					editorBarData,
+				},
+				fn
+			);
 		},
 		changeTranscription({ transcriptionData, editorBarData }) {
 			this.$refs.chatAreaRef.changeEditorBar({
@@ -361,18 +379,18 @@ export default {
 				editorBarData,
 			});
 		},
-		changeOptionData(_tid,_newObj){
-			let _index = this.optionData.findIndex(i=>i.value==_tid);
-			if(_index!=-1){
-				this.optionData[_index] = {...this.optionData[_index],..._newObj}
+		changeOptionData(_tid, _newObj) {
+			let _index = this.optionData.findIndex((i) => i.value == _tid);
+			if (_index != -1) {
+				this.optionData[_index] = { ...this.optionData[_index], ..._newObj };
 				this.$forceUpdate();
-			};
-			console.log(this.optionData)
+			}
+			console.log(this.optionData);
 		},
 	},
 	mounted() {
 		this.getCourseList().then((_) => {
-			if(!this.tid)return;
+			if (!this.tid) return;
 			this.getFileIdId();
 			this.$refs.messageAreaRef.getData();
 			this.$refs.chatAreaRef.getData();
@@ -509,8 +527,8 @@ export default {
 	border-radius: 5px;
 }
 
-.ca-h2-r-noActive{
-	opacity: .5 !important; 
+.ca-h2-r-noActive {
+	opacity: 0.5 !important;
 	cursor: not-allowed !important;
 }
 
@@ -537,12 +555,12 @@ export default {
 }
 
 .co-h2-r-b-icon1 {
-	background: url("../../../assets/icon/classroomObservation/six.png") no-repeat;
+	background: url("../../../assets/icon/classroomObservation/six.svg") no-repeat;
 	background-size: 100% 100%;
 }
 
-.co-h2-r-b-icon2{
-	background: url("../../../assets/icon/classroomObservation/Syan.png")
+.co-h2-r-b-icon2 {
+	background: url("../../../assets/icon/classroomObservation/Syan.svg")
 		no-repeat;
 	background-size: 100% 100%;
 }
@@ -612,7 +630,7 @@ export default {
 	display: flex;
 	justify-content: center;
 	align-items: center;
-	background: url("../../../assets/icon/classroomObservation/del.png") no-repeat;
+	background: url("../../../assets/icon/classroomObservation/del.svg") no-repeat;
 	background-size: 100% 100%;
 }
 
@@ -620,11 +638,11 @@ export default {
 	background-color: #eaeef1;
 }
 
-.selectBox{
+.selectBox {
 	width: 100%;
 	height: 100%;
 }
-.selectBox:hover .delSelect{
+.selectBox:hover .delSelect {
 	display: flex;
 }
 
@@ -634,7 +652,7 @@ export default {
 	display: none;
 	align-items: center;
 	justify-content: center;
-	background: url("../../../assets/icon/classroomObservation/del.png") no-repeat;
+	background: url("../../../assets/icon/classroomObservation/del.svg") no-repeat;
 	background-size: 100% 100%;
 	box-sizing: border-box;
 	transform: translateY(7px);