修改

src/pages/course/chapterEditor.vue

 <template>
+  <!-- <div class="flex flex-start window-height" style="min-width:1300px;overflow-x:auto;"> -->
   <div class="flex flex-start window-height">
-    <q-splitter v-model="splitterModel" style="height: 100%;width:100%">
+    <q-splitter v-model="splitterModel" :limits="[30, 100]" style="height: 100%;width:100%">
       <template v-slot:before>
-        <div class="q-pa-lg full-height">
+        <div class="q-pa-lg full-height" style="min-width:380px;">
           <q-card class="q-pa-md bg-dark text-white q-mb-lg">
             <span>{{courseInfo.CourseName}}</span>
           </q-card>
@@ -13,7 +14,11 @@
               icon="iconfont icon-up"></q-btn>
             <q-btn color="primary" size="xs" title="向下移动" :disable="!canDown" @click="moveDown" outline
               icon="iconfont icon-down1"></q-btn>
-            <q-btn color="primary" size="xs" title="导入 ..." unelevated label="导入 ..."></q-btn>
+            <q-btn color="primary" size="xs" unelevated label="导入 ...">
+                <q-tooltip>
+                    此功能正在开发中。。。
+                </q-tooltip>
+            </q-btn>
           </div>
           <div class="q-mt-lg" style="height:calc(100% - 140px)">
             <q-scroll-area :thumb-style="thumbStyle" :content-style="contentStyle"
@@ -27,8 +32,8 @@
                 <div class="row chapter-node full-width" slot-scope="{ node, data }">
                   <div class="q-mr-md">{{ data.ChapterNo.length>1?data.ChapterNo:`0${data.ChapterNo}` }}</div>
                   <div class="col q-mr-xs" v-if="editorNodeId==data.ChapterId">
-                    <input type="text" @click.stop="" @blur="changeChapterName(data)" maxlength="100"
-                      @click.native="ChapterNameClick" class="tree-input" v-focus v-model="data.ChapterName"
+                    <input type="text" @blur="changeChapterName(data)" maxlength="100"
+                      draggable="true" class="tree-input" v-focus v-model="data.ChapterName"
                       @focus="selectValue($event)" />
                   </div>
                   <div class="col q-mr-md ellipsis" v-if="editorNodeId!=data.ChapterId">{{data.ChapterName}}</div>
@@ -49,7 +54,7 @@
         </div>
       </template>
       <template v-slot:after>
-        <div class="col full-height q-pa-lg chapter-content scroll">
+        <div class="col full-height q-pa-lg chapter-content scroll" style="min-width:900px;">
           <div v-if="chapter">
             <div class="text-h6 q-mb-md">章节学习内容</div>
             <div class="row q-mb-md">
@@ -82,7 +87,6 @@
             <!-- <div v-else class="text-center text-h5 text-grey-4 q-mt-lg">单元节点不支持编辑相关内容</div> -->
           </div>
         </div>
-
       </template>
     </q-splitter>
     <q-btn round padding="md" v-if="chapter && chapter.ChapterId>0" @click="saveChapterUpdate" :loading="submiting"
@@ -208,9 +212,6 @@
           this.rateList = r.Data
 
         })
-      },
-      ChapterNameClick() {
-
       },
       changeNode(data, node, ev) {
         if (this.chapter && this.chapter.ChapterId > 0) {
@@ -595,6 +596,7 @@
 
   .chapter-tree .el-tree-node__content {
     height: 32px !important;
+    padding-right:20px;
   }
 
   .chapter-tree .el-tree-node__content:hover,