安装BookUi

package.json

@@ -18,7 +18,7 @@
     "@ztree/ztree_v3": "^3.5.46",
     "awe-dnd": "^0.3.4",
     "axios": "0.18.1",
-    "book-ui": "file:../GCLS-Book-question-ui/book-ui-0.1.8.tgz",
+    "book-ui": "file:../GCLS-Book-question-ui/book-ui-0.1.10.tgz",
     "cnchar": "^3.0.1",
     "cnchar-all": "^3.0.1",
     "cnchar-order": "^3.0.1",
@@ -29,6 +29,7 @@
     "js-audio-recorder": "^1.0.7",
     "js-base64": "^3.6.1",
     "js-cookie": "2.2.0",
+    "jsplumb": "^2.15.6",
     "normalize.css": "7.0.0",
     "nprogress": "0.2.0",
     "path-to-regexp": "2.4.0",
@@ -84,4 +85,4 @@
     "npm": ">= 3.0.0"
   },
   "license": "MIT"
-}
+}

src/components/inputModules/common/Nav.vue

@@ -38,6 +38,8 @@ export default {
 <style lang='scss' scoped>
 //@import url(); 引入公共css类
 .nav {
+  position: relative;
+  z-index: 999;
   width: 100%;
   height: 60px;
   display: flex;

src/main.js

@@ -25,6 +25,10 @@ import '@/permission' // permission control
 import VueDND from 'awe-dnd'
 Vue.use(VueDND)
 
+// 连线
+import jsPlumb from 'jsplumb'
+Vue.prototype.$jsPlumb = jsPlumb.jsPlumb
+
 import vcolorpicker from 'vcolorpicker'
 Vue.use(vcolorpicker)
 

src/views/courseView.vue

@@ -21,7 +21,7 @@
             src="../assets/common/icon-treelist.png"
             @click="treeShow"
           />
-          <h2 class="title">{{ chapterName }}</h2>
+          <!-- <h2 class="title">{{ chapterName }}</h2> -->
           <el-switch
             v-if="!treeFlag"
             v-model="switchvalue"
@@ -202,12 +202,19 @@ export default {
       overflow: auto;
       padding: 20px 0px;
       border-right: 1px solid #d9d9d9;
+      position: fixed;
+      top: 0px;
+      left: 0;
+      padding-top: 124px;
+      background: #fff;
     }
     .inner {
       // border-left: 1px solid #d9d9d9;
       width: 1000px;
-      flex: 1;
       margin: 0 auto;
+      margin-left: 340px;
+      flex: 1;
+
       box-sizing: border-box;
       padding: 20px;
       position: relative;