UI包以及章节树

package.json

@@ -17,7 +17,7 @@
     "@tinymce/tinymce-vue": "^3.2.8",
     "awe-dnd": "^0.3.4",
     "axios": "0.18.1",
-    "book-ui": "file:../GCLS-Book-question-ui/book-ui-0.2.23.tgz",
+    "book-ui": "file:../GCLS-Book-question-ui/book-ui-0.2.25.tgz",
     "cnchar": "^3.0.1",
     "cnchar-all": "^3.0.1",
     "cnchar-order": "^3.0.1",

src/components/inputModules/common/TreeView.vue

@@ -13,7 +13,7 @@
               : '0px',
         }"
         class="tree_box"
-        slot-scope="{ node, index, path, tree }"
+        slot-scope="{ node, path, tree }"
       >
         <span
           @click="tree.toggleFold(node, path)"
@@ -45,6 +45,7 @@
           ]"
           @click="tree.toggleFold(node, path)"
           v-if="node.is_courseware === 'false'"
+          :title="node.name"
         >
           <!-- <template>
                         <i class="el-icon-folder-add"></i>
@@ -59,6 +60,7 @@
           ]"
           :style="{ paddingLeft: node.nodexIndex * 22 + 12 + 'px' }"
           @click="handleNodeClick(node, path)"
+          :title="node.name"
           v-else
         >
           <template>
@@ -303,7 +305,7 @@ export default {
   .tree_box_leaf {
     // padding-left: 80px !important;
     display: block;
-    width: 340px !important;
+    // width: 340px !important;
     font-weight: normal !important;
   }
 }

src/views/courseView.vue

@@ -26,6 +26,7 @@
           :changeTreeData="changeTreeData"
           :currentTreeID="chapterId"
         />
+        <div class="moveBtn-nnpe" v-move></div>
       </div>
       <div
         id="data-screen"
@@ -70,7 +71,7 @@
         <template v-if="category == 'NPC'">
           <Booknpc
             v-if="chapterId && context"
-            ref="previewAnswer"
+            ref="previewAnswerNPC"
             :context="context"
             :currentTreeID="chapterId"
             :FatherTreeData="FatherTreeData"
@@ -78,7 +79,7 @@
             :themeColor="themeColor"
             :isShowTitle="true"
             :TaskModel="TaskModel"
-            :isShowSave="false"
+            :isShowSave="true"
             @finishTaskMaterial="finishTaskMaterial"
             :bookAnswerContent="bookAnswerContent"
           />
@@ -86,7 +87,7 @@
         <template v-if="category == 'NNPE'">
           <Booknnpe
             v-if="chapterId && context"
-            ref="previewAnswer"
+            ref="previewAnswerNNPE"
             :context="context"
             :currentTreeID="chapterId"
             :FatherTreeData="FatherTreeData"
@@ -113,6 +114,23 @@ import Cookies from "js-cookie";
 import Preview from "@/components/Preview";
 export default {
   name: "CourseView",
+  directives:{
+      move(el,bindings){
+          el.onmousedown = function(e){
+              var init = e.clientX;
+              var parent = document.getElementById("content-tree")
+              var initWidth = parent.offsetWidth;
+              document.onmousemove = function(e){
+                  var end = e.clientX;
+                  var newWidth = end - init + initWidth;
+                  if(newWidth>=340&&newWidth<=680)  parent.style.width = newWidth + "px";
+              }
+              document.onmouseup = function(){
+                  document.onmousemove = document.onmouseup = null
+              }
+          }
+      }
+  },
   components: {
     Header,
     Nav,
@@ -173,6 +191,14 @@ export default {
           name: "新航标职业英语 英语视听说教程（入门级）1",
           id: "001-20211222-15-LXK64LQZST",
         },
+        {
+          name: "新航标职业英语 综合英语（提高级）学生用书2（第3版）",
+          id: "001-20220118-14-EZVO52PYXF",
+        },
+        {
+          name: "新航标职业英语 综合英语（基础级）学生用书2（修订版）",
+          id: "002-20220208-09-FDKUJJSLI8",
+        },
       ],
     };
   },
@@ -187,6 +213,8 @@ export default {
       }
     });
   },
+  mounted(){
+  },
   methods: {
     back() {
       this.$router.go(-1);
@@ -280,9 +308,10 @@ export default {
         document.getElementById("content-tree").style.display = "none";
       }
     },
-    finishTaskMaterial(data) {
+    finishTaskMaterial(data, duration) {
       console.log("保存答案：");
       console.log(data);
+      console.log(duration)
     },
   },
 };
@@ -330,11 +359,21 @@ export default {
       box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.25);
       border-radius: 4px;
     }
+    #content-tree{
+        position: relative;
+    }
+    .moveBtn-nnpe{
+        position: absolute;
+        height: 100%;
+        width: 10px;
+        right: 0;
+        top: 0;
+        cursor: col-resize;
+    }
     .inner {
       // border-left: 1px solid #d9d9d9;
       width: 1000px;
       margin: 0 auto;
-      margin-left: 340px;
       flex: 1;
 
       box-sizing: border-box;