项目管理中任务看板的侧边栏BUG已解决

fhKeeper/formulahousekeeper/timesheet/src/views/project/projectInside.vue

@@ -25,38 +25,41 @@
             </el-tab-pane>
             <el-tab-pane label="任务看板" name="projectInside">
                 <el-container style="padding: 0px;">
-                    <el-aside :style="'padding-left:10px;padding-right:5px;height:'+tableHeight+'px;width:'+groupWidth+'px;'">
-                        <el-input v-model="groupSearch" size="small" placeholder="搜索分组" @input="startSearchGroup" style="margin-top:10px"/>
-                        <p ><span class="heavyTxt">任务分组</span> <i class="el-icon-plus pull-right" style="color:#666;margin-right:10px;" @click="createGroup"></i></p>
-                        <el-menu :default-active="defaultGroupId"  class="el-menu-vertical-demo" @select="groupChange" style="border-right:none;">
-                            <el-menu-item :index="item.id" v-for="item in groupList" :key="item.id"  class="group_style">
-                                <div slot="title">
-                                <span >{{item.name}}</span>
-                                <el-dropdown trigger="click" style="float:right;margin-right:-10px;">
-                                    <i class="iconfont firerock-iconcaidan" ></i>
-                                    <el-dropdown-menu slot="dropdown">
-                                        <el-dropdown-item @click.native="copyGroup(item)">
-                                            <i class="el-icon-document-copy"></i>
-                                            复制分组</el-dropdown-item>
-                                        <el-dropdown-item divided @click.native="renameGroup(item)">
-                                            <i class="el-icon-edit"></i>
-                                            修改组名</el-dropdown-item>
-                                        <el-dropdown-item divided @click.native="deleteGroup(item)">
-                                            <i class="el-icon-delete"></i>删除分组</el-dropdown-item>
-                                    </el-dropdown-menu>
-                                </el-dropdown>
-                                </div>
-                            </el-menu-item>
-                        </el-menu>
-                        <!--视图 -->
-                        <p ><span class="heavyTxt">视图</span></p>
-                        <el-menu :default-active="1"  class="el-menu-vertical-demo" @select="viewChange" style="border-right:none;">
-                            <el-menu-item :index="item.id" v-for="item in viewList" :key="item.id"  class="group_style">
-                                <div slot="title">
-                                <span >{{item.name}}</span>
-                                </div>
-                            </el-menu-item>
-                        </el-menu>
+                    <!-- <el-aside :style="'padding-left:10px;padding-right:5px;height:'+tableHeight+'px;width:'+groupWidth+'px;'"> -->
+                    <el-aside :style="'height:'+tableHeight+'px;width:'+groupWidth+'px;'">
+                        <div class="task">
+                            <el-input v-model="groupSearch" size="small" placeholder="搜索分组" @input="startSearchGroup" style="margin-top:10px"/>
+                            <p ><span class="heavyTxt">任务分组</span> <i class="el-icon-plus pull-right" style="color:#666;margin-right:10px;" @click="createGroup"></i></p>
+                            <el-menu :default-active="defaultGroupId"  class="el-menu-vertical-demo" @select="groupChange" style="border-right:none;">
+                                <el-menu-item :index="item.id" v-for="item in groupList" :key="item.id"  class="group_style">
+                                    <div slot="title">
+                                    <span >{{item.name}}</span>
+                                    <el-dropdown trigger="click" style="float:right;margin-right:-10px;">
+                                        <i class="iconfont firerock-iconcaidan" ></i>
+                                        <el-dropdown-menu slot="dropdown">
+                                            <el-dropdown-item @click.native="copyGroup(item)">
+                                                <i class="el-icon-document-copy"></i>
+                                                复制分组</el-dropdown-item>
+                                            <el-dropdown-item divided @click.native="renameGroup(item)">
+                                                <i class="el-icon-edit"></i>
+                                                修改组名</el-dropdown-item>
+                                            <el-dropdown-item divided @click.native="deleteGroup(item)">
+                                                <i class="el-icon-delete"></i>删除分组</el-dropdown-item>
+                                        </el-dropdown-menu>
+                                    </el-dropdown>
+                                    </div>
+                                </el-menu-item>
+                            </el-menu>
+                            <!--视图 -->
+                            <p ><span class="heavyTxt">视图</span></p>
+                            <el-menu :default-active="1"  class="el-menu-vertical-demo" @select="viewChange" style="border-right:none;">
+                                <el-menu-item :index="item.id" v-for="item in viewList" :key="item.id"  class="group_style">
+                                    <div slot="title">
+                                    <span >{{item.name}}</span>
+                                    </div>
+                                </el-menu-item>
+                            </el-menu>
+                        </div>
                     </el-aside>
                     <span :style="'background:#f0f0f0;width:1px;height:'+tableHeight+'px;'" @click="toggleGroup">
                         
@@ -1466,4 +1469,11 @@ toolbar: 'bold italic underline strikethrough | fontsizeselect | forecolor backc
     padding-left: 15%;
     font-weight: bold;
 }
+
+/* bug问题 */
+.task {
+    box-sizing: border-box;
+    padding-left: 10px;
+    padding-right: 5px;
+}
 </style>