应用中心修改

src/components/pages/aiAddCourse/addCourse.vue

@@ -4260,25 +4260,7 @@
                                           </div>
                                         </div>
                                       </div> -->
-                                  <div class="tool" :class="{
-                                    isToolChoose:
-                                      itemTool.tool.indexOf(72) != -1,
-                                  }" @click="
-                                    addTools(72, itemTaskIndex, toolIndex)
-                                    ">
-                                    <div class="whiteBIcon" @click.stop="
-                                      openTools(itemTaskIndex, 72, toolIndex)
-                                      ">
-                                      <img src="../../../assets/icon/firstToolList/appStore.png" alt />
-                                      <div style="margin: 5px 0">应用中心</div>
-                                    </div>
-                                    <div class="noCTool">
-                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
-                                    </div>
-                                    <div class="isCTool" v-if="itemTool.tool.indexOf(72) != -1">
-                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
-                                    </div>
-                                  </div>
+                                  
                                 </div>
                                 <div class="toolSort" v-if="itemTool.toolType == 1">
                                   <div class="tool" :class="{
@@ -4958,6 +4940,48 @@
                                       <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                     </div>
                                   </div>
+                                  <div class="tool" :class="{
+                                    isToolChoose:
+                                      itemTool.tool.indexOf(72) != -1,
+                                  }" @click="
+                                    addTools(72, itemTaskIndex, toolIndex)
+                                    ">
+                                    <div class="whiteBIcon" @click.stop="
+                                      openTools(itemTaskIndex, 72, toolIndex)
+                                      ">
+                                      <img 
+                                      style="object-fit: cover;height: 60px;"
+
+                                            :src="unitJson[unitIndex].chapterInfo[0].taskJson[itemTaskIndex].toolChoose[toolIndex].appJson ?
+                                            unitJson[unitIndex].chapterInfo[0].taskJson[itemTaskIndex].toolChoose[toolIndex].appJson.json.icon :
+                                            require('../../../assets/icon/firstToolList/appStore.png')"
+                                          alt />
+                                       
+                                        <div style="margin: 5px 0" >
+                                            <div 
+                                              v-if="unitJson[unitIndex].chapterInfo[0].taskJson[itemTaskIndex].toolChoose[toolIndex].appJson"
+                                              >
+                                              <el-tooltip class="item" effect="dark" 
+                                                :content="unitJson[unitIndex].chapterInfo[0].taskJson[itemTaskIndex].toolChoose[toolIndex].appJson.name" 
+                                                placement="top">
+                                                  <div class="Ovh">
+                                                    {{unitJson[unitIndex].chapterInfo[0].taskJson[itemTaskIndex].toolChoose[toolIndex].appJson.name}}
+                                                  </div>
+                                              </el-tooltip>
+                                            </div>
+                                          
+                                            <span v-else>
+                                              应用中心
+                                            </span>
+                                        </div>
+                                    </div>
+                                    <div class="noCTool">
+                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
+                                    </div>
+                                    <div class="isCTool" v-if="itemTool.tool.indexOf(72) != -1">
+                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
+                                    </div>
+                                  </div>
                                 </div>
                                 <div class="toolSort" v-if="itemTool.toolType == 7">
                                   <div class="tool" :class="{
@@ -14548,6 +14572,10 @@ ${_this.unitJson[0].chapterInfo[0].taskJson[index].taskDetail3.replaceAll('#',''
         this.$forceUpdate();
         this.$refs.appDialog.openG(appJson,this.unitIndex,itemTaskIndex,toolIndex);
       }
+      if(this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex].toolChoose[toolIndex].tool[0] != 72 
+          && !!this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex].toolChoose[toolIndex].appJson){
+            this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex].toolChoose[toolIndex].appJson = null
+      }
     },
     setEnglishVoiceJson(val) {
       this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
@@ -14827,6 +14855,11 @@ ${_this.unitJson[0].chapterInfo[0].taskJson[index].taskDetail3.replaceAll('#',''
           itemTaskIndex
         ].toolChoose[toolIndex].tool.push(i);
       }
+
+      if(this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex].toolChoose[toolIndex].tool[0] != 72 
+          && !!this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex].toolChoose[toolIndex].appJson){
+            this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex].toolChoose[toolIndex].appJson = null
+      }
       this.$forceUpdate();
     },
     addAskList(index) {
@@ -31001,4 +31034,13 @@ ol {
   align-items: center;
   cursor: pointer;
 }
+.Ovh{
+  width: 4em;
+  -webkit-line-clamp: 2;
+  text-align: center;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;           
+}
 </style>

src/components/pages/aiEasy/addCourse.vue

@@ -3818,25 +3818,7 @@
                                     </div>
                                   </div>
                                 </div> -->
-                                <div class="tool" :class="{
-                                      isToolChoose:
-                                        itemTool.tool.indexOf(72) != -1,
-                                    }" @click="
-                                      addTools(72, itemTaskIndex, toolIndex)
-                                      ">
-                                      <div class="whiteBIcon" @click.stop="
-                                        openTools(itemTaskIndex, 72, toolIndex)
-                                        ">
-                                        <img src="../../../assets/icon/firstToolList/appStore.png" alt />
-                                        <div style="margin: 5px 0">应用中心</div>
-                                      </div>
-                                      <div class="noCTool">
-                                        <img src="../../../assets/icon/new/isToolC.png" alt="" />
-                                      </div>
-                                      <div class="isCTool" v-if="itemTool.tool.indexOf(72) != -1">
-                                        <img src="../../../assets/icon/new/isToolC.png" alt="" />
-                                      </div>
-                                  </div>
+    
                                 </div>
                                 <div class="toolSort" v-if="itemTool.toolType == 1">
                                   <div class="tool" :class="{
@@ -4516,6 +4498,48 @@
                                       <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                     </div>
                                   </div>
+                                  <div class="tool" :class="{
+                                      isToolChoose:
+                                        itemTool.tool.indexOf(72) != -1,
+                                    }" @click="
+                                      addTools(72, itemTaskIndex, toolIndex)
+                                      ">
+                                      <div class="whiteBIcon" @click.stop="
+                                        openTools(itemTaskIndex, 72, toolIndex)
+                                        ">
+                                        <img 
+                                        style="object-fit: cover;height: 60px;"
+
+                                            :src="unitJson[unitIndex].chapterInfo[0].taskJson[itemTaskIndex].toolChoose[toolIndex].appJson ?
+                                            unitJson[unitIndex].chapterInfo[0].taskJson[itemTaskIndex].toolChoose[toolIndex].appJson.json.icon :
+                                            require('../../../assets/icon/firstToolList/appStore.png')"
+                                          alt />
+                                       
+                                        <div style="margin: 5px 0" >
+                                            <div 
+                                              v-if="unitJson[unitIndex].chapterInfo[0].taskJson[itemTaskIndex].toolChoose[toolIndex].appJson"
+                                              >
+                                              <el-tooltip class="item" effect="dark" 
+                                                :content="unitJson[unitIndex].chapterInfo[0].taskJson[itemTaskIndex].toolChoose[toolIndex].appJson.name" 
+                                                placement="top">
+                                                  <div class="Ovh">
+                                                    {{unitJson[unitIndex].chapterInfo[0].taskJson[itemTaskIndex].toolChoose[toolIndex].appJson.name}}
+                                                  </div>
+                                              </el-tooltip>
+                                            </div>
+                                          
+                                            <span v-else>
+                                              应用中心
+                                            </span>
+                                        </div>
+                                      </div>
+                                      <div class="noCTool">
+                                        <img src="../../../assets/icon/new/isToolC.png" alt="" />
+                                      </div>
+                                      <div class="isCTool" v-if="itemTool.tool.indexOf(72) != -1">
+                                        <img src="../../../assets/icon/new/isToolC.png" alt="" />
+                                      </div>
+                                  </div>
                                 </div>
                                 <div class="toolSort" v-if="itemTool.toolType == 7">
                                   <div class="tool" :class="{
@@ -13755,6 +13779,10 @@ ${_this.unitJson[0].chapterInfo[0].taskJson[index].taskDetail3.replaceAll('#',''
         this.$forceUpdate();
         this.$refs.appDialog.openG(appJson,this.unitIndex,itemTaskIndex,toolIndex);
       }
+      if(this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex].toolChoose[toolIndex].tool[0] != 72 
+          && !!this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex].toolChoose[toolIndex].appJson){
+            this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex].toolChoose[toolIndex].appJson = null
+      }
     },
     setEnglishVoiceJson(val) {
       this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
@@ -14034,6 +14062,10 @@ ${_this.unitJson[0].chapterInfo[0].taskJson[index].taskDetail3.replaceAll('#',''
           itemTaskIndex
         ].toolChoose[toolIndex].tool.push(i);
       }
+      if(this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex].toolChoose[toolIndex].tool[0] != 72 
+          && !!this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex].toolChoose[toolIndex].appJson){
+            this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex].toolChoose[toolIndex].appJson = null
+      }
       this.$forceUpdate();
     },
     addAskList(index) {
@@ -30265,4 +30297,13 @@ ol {
   /* right: 45px; */
   bottom: 20px;
 }
+.Ovh{
+  width: 4em;
+  -webkit-line-clamp: 2;
+  text-align: center;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;           
+}
 </style>

src/components/pages/easy/addCourse.vue

@@ -737,25 +737,7 @@
                                     </div>
                                   </div>
                                 </div> -->
-                                 <div class="tool" :class="{
-                                      isToolChoose:
-                                        itemTool.tool.indexOf(72) != -1,
-                                    }" @click="
-                                      addTools(72, itemTaskIndex, toolIndex)
-                                      ">
-                                      <div class="whiteBIcon" @click.stop="
-                                        openTools(itemTaskIndex, 72, toolIndex)
-                                        ">
-                                        <img src="../../../assets/icon/firstToolList/appStore.png" alt />
-                                        <div style="margin: 5px 0">应用中心</div>
-                                      </div>
-                                      <div class="noCTool">
-                                        <img src="../../../assets/icon/new/isToolC.png" alt="" />
-                                      </div>
-                                      <div class="isCTool" v-if="itemTool.tool.indexOf(72) != -1">
-                                        <img src="../../../assets/icon/new/isToolC.png" alt="" />
-                                      </div>
-                                  </div>
+                                
                               </div>
                               <div class="toolSort" v-if="itemTool.toolType == 1">
                                 <div class="tool" :class="{ isToolChoose: itemTool.tool.indexOf(7) != -1 }"
@@ -1347,6 +1329,47 @@
                                   <div class="isCTool" v-if="itemTool.tool.indexOf(71) != -1"><img
                                       src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                 </div>
+                                <div class="tool" :class="{
+                                      isToolChoose:
+                                        itemTool.tool.indexOf(72) != -1,
+                                    }" @click="
+                                      addTools(72, itemTaskIndex, toolIndex)
+                                      ">
+                                      <div class="whiteBIcon" @click.stop="
+                                        openTools(itemTaskIndex, 72, toolIndex)
+                                        ">
+                                          <img 
+                                            style="object-fit: cover;height: 80px;"
+                                            :src="unitJson[unitIndex].chapterInfo[0].taskJson[itemTaskIndex].toolChoose[toolIndex].appJson ?
+                                            unitJson[unitIndex].chapterInfo[0].taskJson[itemTaskIndex].toolChoose[toolIndex].appJson.json.icon :
+                                            require('../../../assets/icon/firstToolList/appStore.png')"
+                                          alt />
+                                       
+                                        <div style="margin: 5px 0" >
+                                            <div 
+                                              v-if="unitJson[unitIndex].chapterInfo[0].taskJson[itemTaskIndex].toolChoose[toolIndex].appJson"
+                                              >
+                                              <el-tooltip class="item" effect="dark" 
+                                                :content="unitJson[unitIndex].chapterInfo[0].taskJson[itemTaskIndex].toolChoose[toolIndex].appJson.name" 
+                                                placement="top">
+                                                  <div class="Ovh">
+                                                    {{unitJson[unitIndex].chapterInfo[0].taskJson[itemTaskIndex].toolChoose[toolIndex].appJson.name}}
+                                                  </div>
+                                              </el-tooltip>
+                                            </div>
+                                          
+                                            <span v-else>
+                                              应用中心
+                                            </span>
+                                        </div>
+                                      </div>
+                                      <div class="noCTool">
+                                        <img src="../../../assets/icon/new/isToolC.png" alt="" />
+                                      </div>
+                                      <div class="isCTool" v-if="itemTool.tool.indexOf(72) != -1">
+                                        <img src="../../../assets/icon/new/isToolC.png" alt="" />
+                                      </div>
+                                  </div>
                               </div>
                               <div class="toolSort" v-if="itemTool.toolType == 5">
                                 <div class="tool" :class="{ isToolChoose: itemTool.tool.indexOf(28) != -1 }"
@@ -7828,6 +7851,12 @@ export default {
         this.$forceUpdate();
         this.$refs.appDialog.openG(appJson,this.unitIndex,itemTaskIndex,toolIndex);
       }
+
+      if(this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex].toolChoose[toolIndex].tool[0] != 72 
+          && !!this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex].toolChoose[toolIndex].appJson){
+            this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex].toolChoose[toolIndex].appJson = null
+      }
+
     },
     setEnglishVoiceJson(val){
       this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount].toolChoose[this.toolIndex].englishVoiceJson = JSON.parse(JSON.stringify(val))
@@ -8103,6 +8132,11 @@ export default {
           itemTaskIndex
         ].toolChoose[toolIndex].tool.push(i);
       }
+
+      if(this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex].toolChoose[toolIndex].tool[0] != 72 
+          && !!this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex].toolChoose[toolIndex].appJson){
+            this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex].toolChoose[toolIndex].appJson = null
+      }
       this.$forceUpdate();
     },
     addAskList(index) {
@@ -14024,4 +14058,13 @@ ol {
 .text_panel >>> .text{
   height: 400px;
 }
+.Ovh{
+  width: 4em;
+  -webkit-line-clamp: 2;
+  text-align: center;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;           
+}
 </style>

src/components/pages/newCourse/addCourse.vue

@@ -2342,25 +2342,7 @@
                                           </div>
                                         </div>
                                       </div> -->
-                                  <div class="tool" :class="{
-                                    isToolChoose:
-                                      itemTool.tool.indexOf(72) != -1,
-                                  }" @click="
-                                    addTools(72, itemTaskIndex, toolIndex)
-                                    ">
-                                    <div class="whiteBIcon" @click.stop="
-                                      openTools(itemTaskIndex, 72, toolIndex)
-                                      ">
-                                      <img src="../../../assets/icon/firstToolList/appStore.png" alt />
-                                      <div style="margin: 5px 0">应用中心</div>
-                                    </div>
-                                    <div class="noCTool">
-                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
-                                    </div>
-                                    <div class="isCTool" v-if="itemTool.tool.indexOf(72) != -1">
-                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
-                                    </div>
-                                  </div>
+                                 
                                 </div>
                                 <div
                                   class="toolSort"
@@ -3451,6 +3433,47 @@
                                       />
                                     </div>
                                   </div>
+                                  <div class="tool" :class="{
+                                    isToolChoose:
+                                      itemTool.tool.indexOf(72) != -1,
+                                  }" @click="
+                                    addTools(72, itemTaskIndex, toolIndex)
+                                    ">
+                                    <div class="whiteBIcon" @click.stop="
+                                      openTools(itemTaskIndex, 72, toolIndex)
+                                      ">
+                                          <img 
+                                          style="object-fit: cover;height: 80px;"
+                                            :src="unitJson[unitIndex].chapterInfo[0].taskJson[itemTaskIndex].toolChoose[toolIndex].appJson ?
+                                            unitJson[unitIndex].chapterInfo[0].taskJson[itemTaskIndex].toolChoose[toolIndex].appJson.json.icon :
+                                            require('../../../assets/icon/firstToolList/appStore.png')"
+                                          alt />
+                                       
+                                        <div style="margin: 5px 0" >
+                                            <div 
+                                              v-if="unitJson[unitIndex].chapterInfo[0].taskJson[itemTaskIndex].toolChoose[toolIndex].appJson"
+                                              >
+                                              <el-tooltip class="item" effect="dark" 
+                                                :content="unitJson[unitIndex].chapterInfo[0].taskJson[itemTaskIndex].toolChoose[toolIndex].appJson.name" 
+                                                placement="top">
+                                                  <div class="Ovh">
+                                                    {{unitJson[unitIndex].chapterInfo[0].taskJson[itemTaskIndex].toolChoose[toolIndex].appJson.name}}
+                                                  </div>
+                                              </el-tooltip>
+                                            </div>
+                                          
+                                            <span v-else>
+                                              应用中心
+                                            </span>
+                                        </div>
+                                    </div>
+                                    <div class="noCTool">
+                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
+                                    </div>
+                                    <div class="isCTool" v-if="itemTool.tool.indexOf(72) != -1">
+                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
+                                    </div>
+                                  </div>
                                 </div>
                                 <div
                                   class="toolSort"
@@ -11505,6 +11528,10 @@ export default {
         this.$forceUpdate();
         this.$refs.appDialog.openG(appJson,this.unitIndex,itemTaskIndex,toolIndex);
       }
+      if(this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex].toolChoose[toolIndex].tool[0] != 72 
+          && !!this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex].toolChoose[toolIndex].appJson){
+            this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex].toolChoose[toolIndex].appJson = null
+      }
     },
     setEnglishVoiceJson(val) {
       this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
@@ -11784,6 +11811,11 @@ export default {
           itemTaskIndex
         ].toolChoose[toolIndex].tool.push(i);
       }
+
+      if(this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex].toolChoose[toolIndex].tool[0] != 72 
+          && !!this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex].toolChoose[toolIndex].appJson){
+            this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex].toolChoose[toolIndex].appJson = null
+      }
       this.$forceUpdate();
     },
     addAskList(index) {
@@ -18620,4 +18652,13 @@ ol {
 .text_panel >>> .text{
   height: 400px;
 }
+.Ovh{
+  width: 4em;
+  -webkit-line-clamp: 2;
+  text-align: center;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;           
+}
 </style>