1

src/view/chat-view/chat-view.vue

@@ -25,320 +25,49 @@
       <Input />
     </div>
     <div class="left_conent">
-
-      <div class="category-title">
-        <svg t="1755739745317" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="68972" width="16" height="16"><path d="M381.8496 477.4912H206.3872c-59.4944 0-107.776-48.2304-107.776-107.776V206.2336c0-59.4944 48.2304-107.776 107.776-107.776h175.4624c59.4944 0 107.776 48.2304 107.776 107.776v163.4816c-0.0512 59.5456-48.2816 107.776-107.776 107.776zM381.8496 932.7104H206.3872c-59.4944 0-107.776-48.2304-107.776-107.776v-163.4816c0-59.4944 48.2304-107.776 107.776-107.776h175.4624c59.4944 0 107.776 48.2304 107.776 107.776v163.4816c-0.0512 59.4944-48.2816 107.776-107.776 107.776zM835.0208 932.7104h-175.4624c-59.4944 0-107.776-48.2304-107.776-107.776v-163.4816c0-59.4944 48.2304-107.776 107.776-107.776h175.4624c59.4944 0 107.776 48.2304 107.776 107.776v163.4816c0 59.4944-48.2816 107.776-107.776 107.776z" fill="#8C7BFD" p-id="68973"></path><path d="M747.3152 288m-182.3744 0a182.3744 182.3744 0 1 0 364.7488 0 182.3744 182.3744 0 1 0-364.7488 0Z" fill="#FFE37B" p-id="68974"></path></svg>
-        <span>资源生成</span>
-      </div>
-      <div class="left_conent_row">
-       <div class="left_conent_row_col">
-          <div class="image-container" @click="openPage(17)">
-            <img src="./17.png" width="68" height="68">
-            <div class="tooltip">教学视频AI生成智能体</div>
-          </div>         
+      <div
+        v-for="category in leftContentData"
+        :key="category.classify"
+        class="category-section"
+      >
+        <div class="category-title">
+          <svg
+            t="1755739745317"
+            class="icon"
+            viewBox="0 0 1024 1024"
+            version="1.1"
+            xmlns="http://www.w3.org/2000/svg"
+            p-id="68972"
+            width="16"
+            height="16"
+          >
+            <path
+              d="M381.8496 477.4912H206.3872c-59.4944 0-107.776-48.2304-107.776-107.776V206.2336c0-59.4944 48.2304-107.776 107.776-107.776h175.4624c59.4944 0 107.776 48.2304 107.776 107.776v163.4816c-0.0512 59.5456-48.2816 107.776-107.776 107.776zM381.8496 932.7104H206.3872c-59.4944 0-107.776-48.2304-107.776-107.776v-163.4816c0-59.4944 48.2304-107.776 107.776-107.776h175.4624c59.4944 0 107.776 48.2304 107.776 107.776v163.4816c-0.0512 59.4944-48.2816 107.776-107.776 107.776zM835.0208 932.7104h-175.4624c-59.4944 0-107.776-48.2304-107.776-107.776v-163.4816c0-59.4944 48.2304-107.776 107.776-107.776h175.4624c59.4944 0 107.776 48.2304 107.776 107.776v163.4816c0 59.4944-48.2816 107.776-107.776 107.776z"
+              fill="#8C7BFD"
+              p-id="68973"
+            ></path>
+            <path
+              d="M747.3152 288m-182.3744 0a182.3744 182.3744 0 1 0 364.7488 0 182.3744 182.3744 0 1 0-364.7488 0Z"
+              fill="#FFE37B"
+              p-id="68974"
+            ></path>
+          </svg>
+          <span>{{ category.classify }}</span>
         </div>
-        <div class="left_conent_row_col">
-          <div class="image-container" @click="openPage(18)">
-            <img src="./18.png" width="68" height="68">
-            <div class="tooltip">教学音乐AI生成助手</div>
-          </div>         
-        </div> 
-        <div class="left_conent_row_col">
-          <div class="image-container" @click="openPage(22)">
-            <img src="./22.png" width="68" height="68">
-            <div class="tooltip">AI图片生成</div>
-          </div>         
-        </div> 
-        <div class="left_conent_row_col">
-          <div class="image-container" @click="openPage(39)">
-            <img src="./39.png" width="68" height="68">
-            <div class="tooltip">LibLib文生图</div>
-          </div>         
-        </div> 
-        <div class="left_conent_row_col">
-          <div class="image-container" @click="openPage(40)">
-            <img src="./40.png" width="68" height="68">
-            <div class="tooltip">LibLib人像换脸</div>
-          </div>         
-        </div> 
-         <div class="left_conent_row_col">
-          <div class="image-container" @click="openPage(23)">
-            <img src="./23.png" width="68" height="68">
-            <div class="tooltip">千问生图</div>
-          </div>         
-        </div> 
-        <div class="left_conent_row_col">
-          <div class="image-container" @click="openPage(24)">
-            <img src="./24.png" width="68" height="68">
-            <div class="tooltip">千问改图</div>
-          </div>         
-        </div> 
-        <div class="left_conent_row_col">
-          <div class="image-container" @click="openPage(36)">
-            <img src="./36.png" width="68" height="68">
-            <div class="tooltip">文本生语音</div>
-          </div>         
-        </div> 
-        <div class="left_conent_row_col">
-          <div class="image-container" @click="openPage(37)">
-            <img src="./37.png" width="68" height="68">
-            <div class="tooltip">图片说话</div>
-          </div>         
-        </div> 
-             
-      </div>
-
-      <div class="category-title">
-        <svg t="1755739745317" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="68972" width="16" height="16"><path d="M381.8496 477.4912H206.3872c-59.4944 0-107.776-48.2304-107.776-107.776V206.2336c0-59.4944 48.2304-107.776 107.776-107.776h175.4624c59.4944 0 107.776 48.2304 107.776 107.776v163.4816c-0.0512 59.5456-48.2816 107.776-107.776 107.776zM381.8496 932.7104H206.3872c-59.4944 0-107.776-48.2304-107.776-107.776v-163.4816c0-59.4944 48.2304-107.776 107.776-107.776h175.4624c59.4944 0 107.776 48.2304 107.776 107.776v163.4816c-0.0512 59.4944-48.2816 107.776-107.776 107.776zM835.0208 932.7104h-175.4624c-59.4944 0-107.776-48.2304-107.776-107.776v-163.4816c0-59.4944 48.2304-107.776 107.776-107.776h175.4624c59.4944 0 107.776 48.2304 107.776 107.776v163.4816c0 59.4944-48.2816 107.776-107.776 107.776z" fill="#8C7BFD" p-id="68973"></path><path d="M747.3152 288m-182.3744 0a182.3744 182.3744 0 1 0 364.7488 0 182.3744 182.3744 0 1 0-364.7488 0Z" fill="#FFE37B" p-id="68974"></path></svg>
-        <span>理想软件系列</span>
-      </div>
-      <div class="left_conent_row">
-       <div class="left_conent_row_col">
-          <div class="image-container" @click="openPage(32)">
-            <img src="./32.png" width="68" height="68">
-            <div class="tooltip">教学平台</div>
-          </div>         
-        </div>
-        <div class="left_conent_row_col">
-          <div class="image-container" @click="openPage(33)">
-            <img src="./33.png" width="68" height="68">
-            <div class="tooltip">项目化学习</div>
-          </div>         
-        </div>
-        <div class="left_conent_row_col">
-          <div class="image-container" @click="openPage(34)">
-            <img src="./34.png" width="68" height="68">
-            <div class="tooltip">虚拟仿真实验室</div>
+        <div class="left_conent_row">
+          <div
+            v-for="item in category.items"
+            :key="item.id"
+            class="left_conent_row_col"
+          >
+            <div class="image-container" @click="openPage(item.url)">
+              <img :src="getImageUrl(item.id)" width="68" height="68" />
+              <div class="tooltip">{{ item.tooltip }}</div>
+            </div>
           </div>
         </div>
       </div>
-
-
-
-      <div class="category-title">
-        <svg t="1755739745317" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="68972" width="16" height="16"><path d="M381.8496 477.4912H206.3872c-59.4944 0-107.776-48.2304-107.776-107.776V206.2336c0-59.4944 48.2304-107.776 107.776-107.776h175.4624c59.4944 0 107.776 48.2304 107.776 107.776v163.4816c-0.0512 59.5456-48.2816 107.776-107.776 107.776zM381.8496 932.7104H206.3872c-59.4944 0-107.776-48.2304-107.776-107.776v-163.4816c0-59.4944 48.2304-107.776 107.776-107.776h175.4624c59.4944 0 107.776 48.2304 107.776 107.776v163.4816c-0.0512 59.4944-48.2816 107.776-107.776 107.776zM835.0208 932.7104h-175.4624c-59.4944 0-107.776-48.2304-107.776-107.776v-163.4816c0-59.4944 48.2304-107.776 107.776-107.776h175.4624c59.4944 0 107.776 48.2304 107.776 107.776v163.4816c0 59.4944-48.2816 107.776-107.776 107.776z" fill="#8C7BFD" p-id="68973"></path><path d="M747.3152 288m-182.3744 0a182.3744 182.3744 0 1 0 364.7488 0 182.3744 182.3744 0 1 0-364.7488 0Z" fill="#FFE37B" p-id="68974"></path></svg>
-        <span>文史类图谱助手</span>
-      </div>
-      <div class="left_conent_row">
-       <div class="left_conent_row_col">
-          <div class="image-container" @click="openPage(12)">
-            <img src="./12.png" width="68" height="68">
-            <div class="tooltip">少年读史记</div>
-          </div>         
-        </div>
-        <div class="left_conent_row_col">
-          <div class="image-container" @click="openPage(13)">
-            <img src="./13.png" width="68" height="68">
-            <div class="tooltip">人物关系图谱</div>
-          </div>         
-        </div>
-        <div class="left_conent_row_col">
-          <div class="image-container" @click="openPage(14)">
-            <img src="./14.png" width="68" height="68">
-            <div class="tooltip">苏轼专题</div>
-          </div>         
-        </div>
-      </div>
-
-
-      <div class="category-title">
-        <svg t="1755739745317" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="68972" width="16" height="16"><path d="M381.8496 477.4912H206.3872c-59.4944 0-107.776-48.2304-107.776-107.776V206.2336c0-59.4944 48.2304-107.776 107.776-107.776h175.4624c59.4944 0 107.776 48.2304 107.776 107.776v163.4816c-0.0512 59.5456-48.2816 107.776-107.776 107.776zM381.8496 932.7104H206.3872c-59.4944 0-107.776-48.2304-107.776-107.776v-163.4816c0-59.4944 48.2304-107.776 107.776-107.776h175.4624c59.4944 0 107.776 48.2304 107.776 107.776v163.4816c-0.0512 59.4944-48.2816 107.776-107.776 107.776zM835.0208 932.7104h-175.4624c-59.4944 0-107.776-48.2304-107.776-107.776v-163.4816c0-59.4944 48.2304-107.776 107.776-107.776h175.4624c59.4944 0 107.776 48.2304 107.776 107.776v163.4816c0 59.4944-48.2816 107.776-107.776 107.776z" fill="#8C7BFD" p-id="68973"></path><path d="M747.3152 288m-182.3744 0a182.3744 182.3744 0 1 0 364.7488 0 182.3744 182.3744 0 1 0-364.7488 0Z" fill="#FFE37B" p-id="68974"></path></svg>
-        <span>虚拟仿真实验室</span>
-      </div>
-      <div class="left_conent_row">
-        <div class="left_conent_row_col">
-          <div class="image-container" @click="openPage(38)">
-            <img src="./38.png" width="68" height="68">
-            <div class="tooltip">Algodoo 实验室</div>
-          </div>         
-        </div>
-       <div class="left_conent_row_col">
-          <div class="image-container" @click="openPage(9)">
-            <img src="./9.png" width="68" height="68">
-            <div class="tooltip">【光学】AI答疑</div>
-          </div>         
-        </div>        
-        <div class="left_conent_row_col">
-          <div class="image-container" @click="openPage(10)">
-            <img src="./10.png" width="68" height="68">
-            <div class="tooltip">【浮力】AI答疑</div>
-          </div>         
-        </div>
-
-        <div class="left_conent_row_col">
-          <div class="image-container" @click="openPage(26)">
-            <img src="./26.png" width="68" height="68">
-            <div class="tooltip">【密度】AI答疑</div>
-          </div>         
-        </div>
-        <div class="left_conent_row_col">
-          <div class="image-container" @click="openPage(27)">
-            <img src="./27.png" width="68" height="68">
-            <div class="tooltip">【欧姆定律】AI答疑</div>
-          </div>         
-        </div>
-        <div class="left_conent_row_col">
-          <div class="image-container" @click="openPage(28)">
-            <img src="./28.png" width="68" height="68">
-            <div class="tooltip">【交流电路】AI答疑</div>
-          </div>         
-        </div>
-        <div class="left_conent_row_col">
-          <div class="image-container" @click="openPage(29)">
-            <img src="./29.png" width="68" height="68">
-            <div class="tooltip">【能量守恒】AI答疑</div>
-          </div>         
-        </div>
-        <div class="left_conent_row_col">
-          <div class="image-container" @click="openPage(30)">
-            <img src="./30.png" width="68" height="68">
-            <div class="tooltip">【动能势能】AI答疑</div>
-          </div>         
-        </div>
-        <div class="left_conent_row_col">
-          <div class="image-container" @click="openPage(31)">
-            <img src="./31.png" width="68" height="68">
-            <div class="tooltip">【运动】AI答疑</div>
-          </div>         
-        </div>
-
-
-        <div class="left_conent_row_col">
-          <div class="image-container" @click="openPage(11)">
-            <img src="./11.png" width="68" height="68">
-            <div class="tooltip">化学氯化钠晶胞结构交互课件</div>
-          </div>         
-        </div>
-      </div>
-      <div class="category-title">
-        <svg t="1755739745317" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="68972" width="16" height="16"><path d="M381.8496 477.4912H206.3872c-59.4944 0-107.776-48.2304-107.776-107.776V206.2336c0-59.4944 48.2304-107.776 107.776-107.776h175.4624c59.4944 0 107.776 48.2304 107.776 107.776v163.4816c-0.0512 59.5456-48.2816 107.776-107.776 107.776zM381.8496 932.7104H206.3872c-59.4944 0-107.776-48.2304-107.776-107.776v-163.4816c0-59.4944 48.2304-107.776 107.776-107.776h175.4624c59.4944 0 107.776 48.2304 107.776 107.776v163.4816c-0.0512 59.4944-48.2816 107.776-107.776 107.776zM835.0208 932.7104h-175.4624c-59.4944 0-107.776-48.2304-107.776-107.776v-163.4816c0-59.4944 48.2304-107.776 107.776-107.776h175.4624c59.4944 0 107.776 48.2304 107.776 107.776v163.4816c0 59.4944-48.2816 107.776-107.776 107.776z" fill="#8C7BFD" p-id="68973"></path><path d="M747.3152 288m-182.3744 0a182.3744 182.3744 0 1 0 364.7488 0 182.3744 182.3744 0 1 0-364.7488 0Z" fill="#FFE37B" p-id="68974"></path></svg>
-        <span>数学课件制作工具</span>
-      </div>
-      <div class="left_conent_row">
-       <div class="left_conent_row_col">
-          <div class="image-container" @click="openPage(3)">
-            <img src="./3.png" width="68" height="68">
-            <div class="tooltip">GeoGebra助手</div>
-          </div>         
-        </div>
-        <div class="left_conent_row_col">
-          <div class="image-container" @click="openPage(21)">
-            <img src="./21.png" width="68" height="68">
-            <div class="tooltip">GeoGebra演示</div>
-          </div>         
-        </div>
-        <div class="left_conent_row_col">
-          <div class="image-container" @click="openPage(4)">
-            <img src="./4.png" width="68" height="68">
-            <div class="tooltip">数学动画AI制作平台</div>
-          </div>         
-        </div>
-        <div class="left_conent_row_col">
-          <div class="image-container" @click="openPage(5)">
-            <img src="./5.png" width="68" height="68">
-            <div class="tooltip">几何题图形交互3D</div>
-          </div>         
-        </div>
-      </div>
-      <div class="category-title">
-        <svg t="1755739745317" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="68972" width="16" height="16"><path d="M381.8496 477.4912H206.3872c-59.4944 0-107.776-48.2304-107.776-107.776V206.2336c0-59.4944 48.2304-107.776 107.776-107.776h175.4624c59.4944 0 107.776 48.2304 107.776 107.776v163.4816c-0.0512 59.5456-48.2816 107.776-107.776 107.776zM381.8496 932.7104H206.3872c-59.4944 0-107.776-48.2304-107.776-107.776v-163.4816c0-59.4944 48.2304-107.776 107.776-107.776h175.4624c59.4944 0 107.776 48.2304 107.776 107.776v163.4816c-0.0512 59.4944-48.2816 107.776-107.776 107.776zM835.0208 932.7104h-175.4624c-59.4944 0-107.776-48.2304-107.776-107.776v-163.4816c0-59.4944 48.2304-107.776 107.776-107.776h175.4624c59.4944 0 107.776 48.2304 107.776 107.776v163.4816c0 59.4944-48.2816 107.776-107.776 107.776z" fill="#8C7BFD" p-id="68973"></path><path d="M747.3152 288m-182.3744 0a182.3744 182.3744 0 1 0 364.7488 0 182.3744 182.3744 0 1 0-364.7488 0Z" fill="#FFE37B" p-id="68974"></path></svg>
-        <span>知识库训练</span>
-      </div>
-      <div class="left_conent_row">
-         <div class="left_conent_row_col">
-          <div class="image-container" @click="openPage(20)">
-            <img src="./20.png" width="68" height="68">
-            <div class="tooltip">AI教育垂直领域大模型</div>
-          </div>         
-        </div>
-       <div class="left_conent_row_col">
-          <div class="image-container" @click="openPage(6)">
-            <img src="./6.png" width="68" height="68">
-            <div class="tooltip">史校长著作【小学数学】</div>
-          </div>         
-        </div>
-        <div class="left_conent_row_col">
-          <div class="image-container" @click="openPage(7)">
-            <img src="./7.png" width="68" height="68">
-            <div class="tooltip">史校长著作【初中数学】</div>
-          </div>         
-        </div>
-       
-        <!-- <div class="left_conent_row_col">
-          <div class="image-container" @click="openPage(8)">
-            <img src="./temp.png" width="68" height="68">
-            <div class="tooltip">专题知识学习情况梳理</div>
-          </div>         
-        </div> -->
-      </div>
-      <div class="category-title">
-        <svg t="1755739745317" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="68972" width="16" height="16"><path d="M381.8496 477.4912H206.3872c-59.4944 0-107.776-48.2304-107.776-107.776V206.2336c0-59.4944 48.2304-107.776 107.776-107.776h175.4624c59.4944 0 107.776 48.2304 107.776 107.776v163.4816c-0.0512 59.5456-48.2816 107.776-107.776 107.776zM381.8496 932.7104H206.3872c-59.4944 0-107.776-48.2304-107.776-107.776v-163.4816c0-59.4944 48.2304-107.776 107.776-107.776h175.4624c59.4944 0 107.776 48.2304 107.776 107.776v163.4816c-0.0512 59.4944-48.2816 107.776-107.776 107.776zM835.0208 932.7104h-175.4624c-59.4944 0-107.776-48.2304-107.776-107.776v-163.4816c0-59.4944 48.2304-107.776 107.776-107.776h175.4624c59.4944 0 107.776 48.2304 107.776 107.776v163.4816c0 59.4944-48.2816 107.776-107.776 107.776z" fill="#8C7BFD" p-id="68973"></path><path d="M747.3152 288m-182.3744 0a182.3744 182.3744 0 1 0 364.7488 0 182.3744 182.3744 0 1 0-364.7488 0Z" fill="#FFE37B" p-id="68974"></path></svg>
-        <span>作文批阅助手</span>
-      </div>
-      <div class="left_conent_row">
-       <div class="left_conent_row_col">
-          <div class="image-container" @click="openPage(1)">
-            <img src="./1.png" width="68" height="68">
-            <div class="tooltip">中小学作文批阅助手</div>
-          </div>         
-        </div>
-       <div class="left_conent_row_col">
-          <div class="image-container" @click="openPage(2)">
-            <img src="./2.png" width="68" height="68">
-            <div class="tooltip">中小学英语作文批阅助手</div>
-          </div>         
-        </div>
-      </div>
-
-      <div class="category-title">
-        <svg t="1755739745317" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="68972" width="16" height="16"><path d="M381.8496 477.4912H206.3872c-59.4944 0-107.776-48.2304-107.776-107.776V206.2336c0-59.4944 48.2304-107.776 107.776-107.776h175.4624c59.4944 0 107.776 48.2304 107.776 107.776v163.4816c-0.0512 59.5456-48.2816 107.776-107.776 107.776zM381.8496 932.7104H206.3872c-59.4944 0-107.776-48.2304-107.776-107.776v-163.4816c0-59.4944 48.2304-107.776 107.776-107.776h175.4624c59.4944 0 107.776 48.2304 107.776 107.776v163.4816c-0.0512 59.4944-48.2816 107.776-107.776 107.776zM835.0208 932.7104h-175.4624c-59.4944 0-107.776-48.2304-107.776-107.776v-163.4816c0-59.4944 48.2304-107.776 107.776-107.776h175.4624c59.4944 0 107.776 48.2304 107.776 107.776v163.4816c0 59.4944-48.2816 107.776-107.776 107.776z" fill="#8C7BFD" p-id="68973"></path><path d="M747.3152 288m-182.3744 0a182.3744 182.3744 0 1 0 364.7488 0 182.3744 182.3744 0 1 0-364.7488 0Z" fill="#FFE37B" p-id="68974"></path></svg>
-        <span>其他</span>
-      </div>
-      <div class="left_conent_row">
-        <div class="left_conent_row_col">
-          <div class="image-container" @click="openPage(25)">
-            <img src="./25.png" width="68" height="68">
-            <div class="tooltip">长春云校答疑</div>
-          </div>         
-        </div>
-        <!-- <div class="left_conent_row_col">
-          <div class="image-container" @click="openPage(19)">
-            <img src="./19.png" width="68" height="68">
-            <div class="tooltip">学伴小智</div>
-          </div>         
-        </div> -->
-       <div class="left_conent_row_col">
-          <div class="image-container" @click="openPage(15)">
-            <img src="./15.png" width="68" height="68">
-            <div class="tooltip">长春教育资讯</div>
-          </div>         
-        </div>
-        <div class="left_conent_row_col">
-          <div class="image-container" @click="openPage(16)">
-            <img src="./16.png" width="68" height="68">
-            <div class="tooltip">例题训练</div>
-          </div>         
-        </div>      
-        <div class="left_conent_row_col">
-          <div class="image-container" @click="openPage(35)">
-            <img src="./35.png" width="68" height="68">
-            <div class="tooltip">教育场景识别</div>
-          </div>         
-        </div>  
-      </div>
-
-
-
-
-
     </div>
-    <!-- <div
-      v-if="GlobalConfig.displayShape === DisplayShape.Immersive"
-      :class="['toggle-wrapper', !commonStore.isExpand && 'not-expand']"
-      @click="onToggle"
-    >
-      <ExpandIcon />
-    </div> -->
   </div>
 </template>
 
@@ -365,6 +94,389 @@ const chatMessageStore = useChatMessageStore();
 const chatStatusStore = useChatStatusStore();
 const commonStore = useCommonStore();
 
+// 动态获取图片URL的函数
+const getImageUrl = (iconName: number) => {
+  return new URL(`../../assets/${iconName}.png`, import.meta.url).href;
+};
+
+const leftContentData = [
+  {
+    classify: "学科大模型",
+    items: [
+      {
+        id: 20,
+        tooltip: "教育模型",
+        url: "http://www.hzkjai.com:27008/",
+      },
+      {
+        id: 6,
+        tooltip: "小学数学大模型",
+        url: "http://www.hzkjai.com:27002/static/Math.html",
+      },
+      {
+        id: 7,
+        tooltip: "初中数学大模型",
+        url: "http://www.hzkjai.com:27002/static/Math2.html",
+      },
+    ],
+  },
+  {
+    classify: "作文批改",
+    items: [
+      {
+        id: 1,
+        tooltip: "中小学作文批阅助手",
+        url: "http://www.hzkjai.com:27002/essaycn",
+      },
+      {
+        id: 2,
+        tooltip: "中小学英语作文批阅助手",
+        url: "http://www.hzkjai.com:27002/essayen",
+      },
+    ],
+  },
+  {
+    classify: "教学准备",
+    items: [
+      {
+        id: 31,
+        tooltip: "智能会话",
+        url: "",
+      },
+      {
+        id: 32,
+        tooltip: "项目式学习活动设计",
+        url: "",
+      },
+      {
+        id: 33,
+        tooltip: "大单元教学设计",
+        url: "",
+      },
+      {
+        id: 34,
+        tooltip: "单元学历案",
+        url: "",
+      },
+      {
+        id: 35,
+        tooltip: "实验教学设计",
+        url: "",
+      },
+      {
+        id: 36,
+        tooltip: "科创活动设计",
+        url: "",
+      },
+      {
+        id: 37,
+        tooltip: "单元作业设计",
+        url: "",
+      },
+      {
+        id: 38,
+        tooltip: "学科命题",
+        url: "",
+      },
+      {
+        id: 39,
+        tooltip: "优质资源检索",
+        url: "",
+      },
+      {
+        id: 40,
+        tooltip: "精品课程检索",
+        url: "",
+      },
+      {
+        id: 41,
+        tooltip: "寓言故事",
+        url: "",
+      },
+      {
+        id: 42,
+        tooltip: "文言文",
+        url: "",
+      },
+      {
+        id: 43,
+        tooltip: "创意写作",
+        url: "",
+      },
+      {
+        id: 11,
+        tooltip: "化学结构课件",
+        url: "http://www.hzkjai.com:27002/static/deepseek_huaxue_iframe.html",
+      },
+      {
+        id: 4,
+        tooltip: "数学动画制作",
+        url: "http://www.hzkjai.com:27002/manim",
+      },
+      {
+        id: 3,
+        tooltip: "GeoGebra助手",
+        url: "http://www.hzkjai.com:27002/math",
+      },
+      {
+        id: 21,
+        tooltip: "GeoGebra演示",
+        url: "http://www.hzkjai.com:27002/static/ggb_draw.html",
+      },
+      {
+        id: 5,
+        tooltip: "几何图形3D制作",
+        url: "http://www.hzkjai.com:27002/ggb3d",
+      },
+    ],
+  },
+  {
+    classify: "创意资源",
+    items: [
+      {
+        id: 17,
+        tooltip: "教学视频AI生成",
+        url: "http://www.hzkjai.com:27002/static/JiMeng/index.html",
+      },
+      {
+        id: 18,
+        tooltip: "教学音乐AI生成",
+        url: "http://www.hzkjai.com:27002/static/Suno/index.html",
+      },
+      {
+        id: 22,
+        tooltip: "AI图片生成",
+        url: "http://www.hzkjai.com:27002/static/Midjourney/mj.html",
+      },
+      {
+        id: 39,
+        tooltip: "LibLib文生图",
+        url: "http://www.hzkjai.com:27002/static/LibLib/WenShengTu.html",
+      },
+      {
+        id: 40,
+        tooltip: "LibLib人像换脸",
+        url: "http://www.hzkjai.com:27002/static/LibLib/copyface.html",
+      },
+      {
+        id: 23,
+        tooltip: "千问生图",
+        url: "http://www.hzkjai.com:27002/static/QwenImage/qwen-image.html",
+      },
+      {
+        id: 24,
+        tooltip: "千问改图",
+        url: "http://www.hzkjai.com:27002/static/QwenImage/qwen-image-edit.html",
+      },
+      {
+        id: 36,
+        tooltip: "文本生语音",
+        url: "http://www.hzkjai.com:27002/static/text-to-speech.html",
+      },
+      {
+        id: 37,
+        tooltip: "图片说话",
+        url: "http://www.hzkjai.com:27002/static/video-retalk.html",
+      },
+      {
+        id: 41,
+        tooltip: "教学资源生成",
+        url: "http://www.hzkjai.com:27002/static/teacherHelper/index.html",
+      },
+    ],
+  },
+  {
+    classify: "探究工具",
+    items: [
+      {
+        id: 38,
+        tooltip: "Algodoo实验室",
+        url: "http://www.hzkjai.com:27002/static/algodoo.html",
+      },
+      {
+        id: 9,
+        tooltip: "光学探究",
+        url: "http://www.hzkjai.com:27002/static/optics_chat.html",
+      },
+      {
+        id: 10,
+        tooltip: "浮力探究",
+        url: "http://www.hzkjai.com:27002/static/deepseek_fulishiyanshi_iframe.html",
+      },
+      {
+        id: 26,
+        tooltip: "密度探究",
+        url: "http://www.hzkjai.com:27002/static/xnfzsy_density.html",
+      },
+      {
+        id: 27,
+        tooltip: "欧姆定律探究",
+        url: "http://www.hzkjai.com:27002/static/xnfzsy_ohm.html",
+      },
+      {
+        id: 28,
+        tooltip: "电学电路探究",
+        url: "http://www.hzkjai.com:27002/static/xnfzsy_jl.html",
+      },
+      {
+        id: 29,
+        tooltip: "能量守恒探究",
+        url: "http://www.hzkjai.com:27002/static/xnfzsy_nlsh.html",
+      },
+      {
+        id: 30,
+        tooltip: "动能势能探究",
+        url: "http://www.hzkjai.com:27002/static/xnfzsy_dnsn.html",
+      },
+      {
+        id: 31,
+        tooltip: "运动规律探究",
+        url: "http://www.hzkjai.com:27002/static/xnfzsy_yd.html",
+      },
+      {
+        id: 12,
+        tooltip: "少年读史记",
+        url: "http://www.hzkjai.com:27002/static/ShiJi.html",
+      },
+      {
+        id: 13,
+        tooltip: "人物关系图谱",
+        url: "http://www.hzkjai.com:27002/static/temp/relation_28969a75f3de4ea8abbda9c99b77e216.html",
+      },
+      {
+        id: 14,
+        tooltip: "苏轼专题",
+        url: "http://www.hzkjai.com:27002/static/SuShi.html",
+      },
+      {
+        id: 16,
+        tooltip: "例题训练",
+        url: "http://www.hzkjai.com:27002/static/training/index.html",
+      },
+      {
+        id: 42,
+        tooltip: "中文语音朗读评测",
+        url: "http://www.hzkjai.com:27002/static/XunFei/audio_evaluation_cn.html",
+      },
+      {
+        id: 43,
+        tooltip: "英文语音朗读评测",
+        url: "http://www.hzkjai.com:27002/static/XunFei/audio_evaluation_en.html",
+      },
+    ],
+  },
+  {
+    classify: "教学研究",
+    items: [
+      {
+        id: 1,
+        tooltip: "课题研究",
+        url: "",
+      },
+      {
+        id: 2,
+        tooltip: "教学反思",
+        url: "",
+      },
+      {
+        id: 3,
+        tooltip: "说课稿",
+        url: "",
+      },
+      {
+        id: 4,
+        tooltip: "质量分析",
+        url: "",
+      },
+      {
+        id: 5,
+        tooltip: "学生评语",
+        url: "",
+      },
+      {
+        id: 6,
+        tooltip: "课标解读",
+        url: "",
+      },
+      {
+        id: 7,
+        tooltip: "政策纲要",
+        url: "",
+      },
+    ],
+  },
+  {
+    classify: "教育管理",
+    items: [
+      {
+        id: 16,
+        tooltip: "主题班会",
+        url: "",
+      },
+      {
+        id: 9,
+        tooltip: "校园活动策划",
+        url: "",
+      },
+      {
+        id: 10,
+        tooltip: "德育活动设计",
+        url: "",
+      },
+      {
+        id: 11,
+        tooltip: "心理健康辅导",
+        url: "",
+      },
+      {
+        id: 12,
+        tooltip: "家校沟通",
+        url: "",
+      },
+      {
+        id: 13,
+        tooltip: "发言稿",
+        url: "",
+      },
+      {
+        id: 14,
+        tooltip: "使用指导",
+        url: "",
+      },
+      {
+        id: 15,
+        tooltip: "教育资讯",
+        url: "http://www.hzkjai.com:27002/static/ChangChun.html",
+      },
+      {
+        id: 35,
+        tooltip: "教育场景识别",
+        url: "http://www.hzkjai.com:27002/static/RecognizeEduQuestionOcr.html",
+      },
+    ],
+  },
+  {
+    classify: "系统融合",
+    items: [
+      {
+        id: 32,
+        tooltip: "教学平台",
+        url: "https://cloud.edusoa.com/PadClassPlatform/index.html#/app/home",
+      },
+      {
+        id: 33,
+        tooltip: "项目化学习",
+        url: "https://cloud.edusoa.com/PadClassPlatform/index.html#/app/homeProjectNew",
+      },
+      {
+        id: 34,
+        tooltip: "虚拟仿真实验室",
+        url: "https://subtool.edusoa.com/",
+      },
+    ],
+  },
+];
+
 const onNewConvo = () => {
   chatHistoryStore.setActiveHistoryId("");
   chatStatusStore.startChat = false;
@@ -375,103 +487,14 @@ const onToggle = () => {
   commonStore.isExpand = !commonStore.isExpand;
 };
 
-const openPage = (id) => {
-  if(id === 1) {
-    window.open('http://www.hzkjai.com:27002/essaycn', '_blank');
-  } else if(id === 2) {
-    window.open('http://www.hzkjai.com:27002/essayen', '_blank');
-  } else if(id === 3) {
-    window.open('http://www.hzkjai.com:27002/math', '_blank');
-  } else if(id === 4) {
-    window.open('http://www.hzkjai.com:27002/manim', '_blank');
-  }else if(id === 5) {
-    window.open('http://www.hzkjai.com:27002/ggb3d', '_blank');
-  } else if(id === 6) {
-    window.open('http://www.hzkjai.com:27002/static/Math.html', '_blank');
-  } else if(id === 7) {
-    window.open('http://www.hzkjai.com:27002/static/Math2.html', '_blank');
-  } else if(id === 8) {
-    window.open('http://www.hzkjai.com:27002/static/mind_map.html', '_blank');
-  } else if(id === 9) {
-    window.open('http://www.hzkjai.com:27002/static/optics_chat.html', '_blank');
-  }else if(id === 10) {
-    window.open('http://www.hzkjai.com:27002/static/deepseek_fulishiyanshi_iframe.html', '_blank');
-  } else if(id === 11) {
-    window.open('http://www.hzkjai.com:27002/static/deepseek_huaxue_iframe.html', '_blank');
-  } else if(id === 12) {
-    window.open('http://www.hzkjai.com:27002/static/ShiJi.html', '_blank');
-  } else if(id === 13) {
-    window.open('http://www.hzkjai.com:27002/static/temp/relation_28969a75f3de4ea8abbda9c99b77e216.html', '_blank');
-  } else if(id === 14) {
-    window.open('http://www.hzkjai.com:27002/static/SuShi.html', '_blank');
-  } else if(id === 15) {
-    window.open('http://www.hzkjai.com:27002/static/ChangChun.html', '_blank');
-  } else if(id === 10) {
-    window.open('http://www.hzkjai.com:27002/static/deepseek_fulishiyanshi_iframe.html', '_blank');
-  } else if(id === 11) {
-    window.open('http://www.hzkjai.com:27002/static/deepseek_huaxue_iframe.html', '_blank');
-  } else if(id === 12) {
-    window.open('http://www.hzkjai.com:27002/static/ShiJi.html', '_blank');
-  } else if(id === 13) {
-    window.open('http://www.hzkjai.com:27002/static/temp/relation_28969a75f3de4ea8abbda9c99b77e216.html', '_blank');
-  } else if(id === 14) {
-    window.open('http://www.hzkjai.com:27002/static/SuShi.html', '_blank');
-  } else if(id === 15) {
-    window.open('http://www.hzkjai.com:27002/static/ChangChun.html', '_blank');
-  } else if(id === 16) {
-    window.open('http://www.hzkjai.com:27002/static/training/index.html', '_blank');
-  } else if(id === 17) {
-    window.open('http://www.hzkjai.com:27002/static/JiMeng/index.html', '_blank');
-  } else if(id === 18) {
-    window.open('http://www.hzkjai.com:27002/static/Suno/index.html', '_blank');
-  } else if(id === 19) {
-    window.open('http://www.hzkjai.com:27002/static/XueBan.html', '_blank');
-  } else if(id === 20) {
-    window.open('http://www.hzkjai.com:27008/', '_blank');
-  } else if(id === 21) {
-    window.open('http://www.hzkjai.com:27002/static/ggb_draw.html', '_blank');
-  } else if(id === 22) {
-    window.open('http://www.hzkjai.com:27002/static/Midjourney/mj.html', '_blank');
-  } else if(id === 23) {
-    window.open('http://www.hzkjai.com:27002/static/QwenImage/qwen-image.html', '_blank');
-  } else if(id === 24) {
-    window.open('http://www.hzkjai.com:27002/static/QwenImage/qwen-image-edit.html', '_blank');
-  } else if(id === 25) {
-    window.open('http://www.hzkjai.com:27002/static/YunXiao/course_page.html', '_blank');
-  } else if(id === 26) {
-    window.open('http://www.hzkjai.com:27002/static/xnfzsy_density.html', '_blank');
-  } else if(id === 27) {
-    window.open('http://www.hzkjai.com:27002/static/xnfzsy_ohm.html', '_blank');
-  } else if(id === 28) {
-    window.open('http://www.hzkjai.com:27002/static/xnfzsy_jl.html', '_blank');
-  } else if(id === 29) {
-    window.open('http://www.hzkjai.com:27002/static/xnfzsy_nlsh.html', '_blank');
-  } else if(id === 30) {
-    window.open('http://www.hzkjai.com:27002/static/xnfzsy_dnsn.html', '_blank');
-  } else if(id === 31) {
-    window.open('http://www.hzkjai.com:27002/static/xnfzsy_yd.html', '_blank');
-  } else if(id === 32) {
-    window.open('https://cloud.edusoa.com/PadClassPlatform/index.html#/app/home', '_blank');
-  } else if(id === 33) {
-    window.open('https://cloud.edusoa.com/PadClassPlatform/index.html#/app/homeProjectNew', '_blank');
-  } else if(id === 34) {
-    window.open('https://subtool.edusoa.com/', '_blank');
-  } else if(id === 35) {
-    window.open('http://www.hzkjai.com:27002/static/RecognizeEduQuestionOcr.html', '_blank');
-  } else if(id === 36) {
-    window.open('http://www.hzkjai.com:27002/static/text-to-speech.html', '_blank');
-  } else if(id === 37) {
-    window.open('http://www.hzkjai.com:27002/static/video-retalk.html', '_blank');
-  } else if(id === 38) {
-    window.open('http://www.hzkjai.com:27002/static/algodoo.html', '_blank');
-  } else if(id === 39) {
-    window.open('http://www.hzkjai.com:27002/static/LibLib/WenShengTu.html', '_blank');
-  } else if(id === 40) {
-    window.open('http://www.hzkjai.com:27002/static/LibLib/copyface.html', '_blank');
+const openPage = (url) => {
+  if(url!==""){
+    window.open(url, "_blank");
+  }else{
+    alert("建设中！")
   }
   
-  
-}
+};
 </script>
 
 <style>
@@ -539,7 +562,7 @@ const openPage = (id) => {
   display: flex;
   /* justify-content: space-around; */
   margin-bottom: 10px;
-  flex-wrap: wrap
+  flex-wrap: wrap;
 }
 .left_conent_row_col {
   width: 80px;
@@ -575,7 +598,7 @@ const openPage = (id) => {
 }
 
 .tooltip::after {
-  content: '';
+  content: "";
   position: absolute;
   top: 100%;
   left: 50%;