Explorar el Código

feat(pptEasy): 添加应用中心功能入口

在课程编辑页面新增应用中心功能入口,包括添加按钮和相关操作逻辑。应用中心工具类型为76,点击后跳转至指定URL,并支持删除操作。同时添加了对应的样式配置。
lsc hace 1 mes
padre
commit
d846c504b7
Se han modificado 1 ficheros con 38 adiciones y 0 borrados
  1. 38 0
      src/components/pages/pptEasy/addCourse.vue

+ 38 - 0
src/components/pages/pptEasy/addCourse.vue

@@ -269,6 +269,14 @@
                   <span>+</span>
                   <div>视频</div>
                 </div>
+                <div class="pta_ba_item pta_ba_item5" @click.stop="openApplicationCenter()">
+                  <svg width="19" height="19" viewBox="0 0 1024 1024" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" fill="#1890ff"/>
+                    <path d="M464 336a48 48 0 1 0 96 0 48 48 0 1 0-96 0zm120 368a48 48 0 1 0 96 0 48 48 0 1 0-96 0zm-120-96a48 48 0 1 0 96 0 48 48 0 1 0-96 0zm-120 96a48 48 0 1 0 96 0 48 48 0 1 0-96 0z" fill="#1890ff"/>
+                  </svg>
+                  <span>+</span>
+                  <div>应用中心</div>
+                </div>
               </div>
 
 
@@ -310,6 +318,7 @@
                         v-if="item.tool == 74 || item.tool == 75"
                         style="width: 40px; height: 40px;"
                       />
+                      <svg v-if="item.tool == 76" t="1755077646686" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7847" width="40" height="40"><path d="M232.727 139.636h558.546a93.09 93.09 0 0 1 93.09 93.091v372.364a93.09 93.09 0 0 1-93.09 93.09H232.727a93.09 93.09 0 0 1-93.09-93.09V232.727a93.09 93.09 0 0 1 93.09-93.09z m0 46.546a46.545 46.545 0 0 0-46.545 46.545v372.364a46.545 46.545 0 0 0 46.545 46.545h558.546a46.545 46.545 0 0 0 46.545-46.545V232.727a46.545 46.545 0 0 0-46.545-46.545H232.727z m256 512h46.546v139.636h-46.546V698.182zM279.273 837.818h465.454a23.273 23.273 0 0 1 0 46.546H279.273a23.273 23.273 0 0 1 0-46.546z" fill="#409EFF" p-id="7848"></path></svg>
                       <div>
                         <div>{{item.title}}</div>
                         <span>{{item.brief}}</span>
@@ -335,6 +344,12 @@
                           <span>删除</span>
                         </div>
                       </template>
+                      <template v-else-if="item.tool == 76">
+                        <div class="pta_tla_l_i_r_button delete" @click="toolBtn(2,item.id)">
+                          <svg t="1755224641218" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12953" width="200" height="200"><path d="M161.186909 205.591273h170.170182V126.277818C331.357091 74.519273 373.294545 32.581818 425.053091 32.581818h208.616727c51.758545 0 93.742545 41.937455 93.742546 93.696v79.313455h200.564363a30.254545 30.254545 0 1 1 0 60.509091h-30.021818v629.154909a93.742545 93.742545 0 0 1-93.742545 93.696H254.882909a93.742545 93.742545 0 0 1-93.696-93.696V266.100364h-41.146182a30.254545 30.254545 0 1 1 0-60.509091h41.146182z m676.305455 60.509091H221.649455v629.154909c0 18.338909 14.894545 33.186909 33.186909 33.186909h549.329454c18.385455 0 33.233455-14.894545 33.233455-33.186909V266.100364zM391.819636 204.148364h275.037091V126.277818A33.233455 33.233455 0 0 0 633.669818 93.090909H425.053091a33.233455 33.233455 0 0 0-33.186909 33.186909v77.870546z" fill="#32373B" p-id="12954"></path></svg>
+                          <span>删除</span>
+                        </div>
+                      </template>
                       <!-- 其他类型显示编辑、复制、删除 -->
                       <template v-else>
                         <div class="pta_tla_l_i_r_button edit" @click="toolBtn(0,item.id)">
@@ -8327,6 +8342,24 @@ export default {
     openVideoUploadDialog(){
       this.$refs.VideoUploadDialogRef.open();
     },
+    // 打开应用中心
+    openApplicationCenter(){
+      // 创建Cocorobo链接工具项
+      let cocoroboItem = {
+        id: new Date().getTime(),
+        tool: 76, // 新的应用中心工具类型
+        title: "应用中心",
+        brief: "应用中心",
+        json: {
+          title: "应用中心",
+          detail: "应用中心",
+          url: "https://app.cocorobo.cn"
+        },
+        url: "https://app.cocorobo.cn"
+      };
+      this.pptCourseJson.toolsList.push(cocoroboItem);
+      this.setPPtToolList();
+    },
     // 处理上传进度更新
     handleUploadProgress(progressData) {
       // progressData包含: id, fileName, progress, loaded, total, status
@@ -12573,6 +12606,11 @@ ol {
   border-color:#FBA31D;
 }
 
+.pta_ba_item5{
+  color:#1890ff;
+  border-color:#1890ff;
+}
+
 
 .pta_tooListArea{
   width:100%;