标段管理操作

settings-data.html

@@ -79,73 +79,192 @@
                 <thead class="text-center">
                   <th>名称</th>
                   <th width="200">成员</th>
-                  <th width="200">操作</th>
+                  <th width="80">操作</th>
                 </thead>
                 <tr>
                   <td class="in-1"><span class="fold-switch mr-1" title="展开"><i class="fal fa-plus-square"></i></span><i class="fal fa-folder"></i>&nbsp;文件夹1</td>
                   <td></td>
-                  <td></td>
+                  <td>
+                    <div class="dropdown">
+                      <button class="btn btn-outline-primary btn-sm dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                        <i class="fa fa-align-justify "></i>
+                      </button>
+                      <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
+                        <a class="dropdown-item text-primary" href="#rename" data-toggle="modal" data-target="#rename"><i class="fas fa-edit"></i> 重命名</a>
+                        <a class="dropdown-item text-primary" href="#move" data-toggle="modal" data-target="#move"><i class="fas fa-exchange-alt fa-rotate-90"></i> 移动</a>
+                        <a class="dropdown-item text-muted" href="#" data-toggle="tooltip" data-placement="left" title="请先移除所有数据"><i class="fas fa-times"></i> 删除</a>
+                        <div class="dropdown-divider"></div>
+                        <a class="dropdown-item text-primary" href="#add-bd" data-toggle="modal" data-target="#add-bd"><i class="fas fa-plus"></i> 新建标段</a>
+                        <a class="dropdown-item text-muted" href="#" data-toggle="tooltip" data-placement="left" title="文件夹无法与标段同层"><i class="fas fa-folder"></i> 新建文件夹</a>
+                      </div>
+                    </div>
+                  </td>
+                </tr>
+                <tr>
+                  <td class="in-2"><span class="text-muted mr-2">└</span><a href="biaoduan-panel.html">WWUJ-0</a></td>
+                    <td>3 成员 <a href="settings-data-member.html" class="btn btn-outline-primary btn-sm">成员管理</a></td>
+                    <td>
+                      <div class="dropdown">
+                        <button class="btn btn-outline-primary btn-sm dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                          <i class="fa fa-align-justify "></i>
+                        </button>
+                        <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
+                          <a class="dropdown-item text-primary" href="#rename" data-toggle="modal" data-target="#rename"><i class="fas fa-edit"></i> 重命名</a>
+                          <a class="dropdown-item text-primary" href="#move" data-toggle="modal" data-target="#move"><i class="fas fa-exchange-alt fa-rotate-90"></i> 移动</a>
+                          <a class="dropdown-item text-muted" href="#" data-toggle="tooltip" data-placement="bottom" title="请先移除所有数据"><i class="fas fa-times"></i> 删除</a>
+                        </div>
+                      </div>
+                    </td>
                 </tr>
                 <tr>
                   <td class="in-1"><span class="fold-switch mr-1" title="收起"><i class="fal fa-minus-square"></i></span><i class="fal fa-folder-open"></i>&nbsp;文件夹2</td>
                   <td></td>
-                  <td></td>
+                  <td>
+                    <div class="dropdown">
+                      <button class="btn btn-outline-primary btn-sm dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                        <i class="fa fa-align-justify "></i>
+                      </button>
+                      <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
+                        <a class="dropdown-item text-primary" href="#rename" data-toggle="modal" data-target="#rename"><i class="fas fa-edit"></i> 重命名</a>
+                        <a class="dropdown-item text-primary" href="#move" data-toggle="modal" data-target="#move"><i class="fas fa-exchange-alt fa-rotate-90"></i> 移动</a>
+                        <a class="dropdown-item text-muted" href="#" data-toggle="tooltip" data-placement="left" title="请先移除所有数据"><i class="fas fa-times"></i> 删除</a>
+                        <div class="dropdown-divider"></div>
+                        <a class="dropdown-item text-muted" href="#" data-toggle="tooltip" data-placement="left" title="标段无法与文件夹同层"><i class="fas fa-plus"></i> 新建标段</a>
+                        <a class="dropdown-item text-primary" href="#add-folder" data-toggle="modal" data-target="#add-folder"><i class="fas fa-folder"></i> 新建文件夹</a>
+                      </div>
+                    </div>
+                  </td>
                 </tr>
                 <tr>
                   <td class="in-2"><span class="fold-switch mr-1" title="收起"><i class="fal fa-minus-square"></i></span><i class="fal fa-folder-open"></i>&nbsp;文件夹2.1</td>
                   <td></td>
-                  <td><a href="#move-folder" data-toggle="modal" data-target="#move-folder" class="btn btn-outline-primary btn-sm"><i class="fas fa-exchange-alt fa-rotate-90"></i> 移动</a></td>
+                  <td>
+                    <div class="dropdown">
+                      <button class="btn btn-outline-primary btn-sm dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                        <i class="fa fa-align-justify "></i>
+                      </button>
+                      <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
+                        <a class="dropdown-item text-primary" href="#rename" data-toggle="modal" data-target="#rename"><i class="fas fa-edit"></i> 重命名</a>
+                        <a class="dropdown-item text-primary" href="#move" data-toggle="modal" data-target="#move"><i class="fas fa-exchange-alt fa-rotate-90"></i> 移动</a>
+                        <a class="dropdown-item text-muted" href="#" data-toggle="tooltip" data-placement="bottom" title="请先移除所有数据"><i class="fas fa-times"></i> 删除</a>
+                        <div class="dropdown-divider"></div>
+                        <a class="dropdown-item text-primary" href="#add-bd" data-toggle="modal" data-target="#add-bd"><i class="fas fa-plus"></i> 新建标段</a>
+                      </div>
+                    </div>
+                  </td>
                 </tr>
                 <tr>
                   <td class="in-3"><span class="text-muted mr-2">├</span><a href="biaoduan-panel.html">WWUJ-1</a></td>
                     <td>3 成员 <a href="settings-data-member.html" class="btn btn-outline-primary btn-sm">成员管理</a></td>
                     <td>
-                      <a href="#add-bd" data-toggle="modal" data-target="#add-bd" class="btn btn-outline-primary btn-sm">编辑</a>
-                      <button class="btn btn-outline-secondary btn-sm ml-1 disabled" data-toggle="tooltip" data-placement="top" title="请先移除所有数据">删除</button>
+                      <div class="dropdown">
+                        <button class="btn btn-outline-primary btn-sm dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                          <i class="fa fa-align-justify "></i>
+                        </button>
+                        <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
+                          <a class="dropdown-item text-primary" href="#rename" data-toggle="modal" data-target="#rename"><i class="fas fa-edit"></i> 重命名</a>
+                          <a class="dropdown-item text-primary" href="#move" data-toggle="modal" data-target="#move"><i class="fas fa-exchange-alt fa-rotate-90"></i> 移动</a>
+                          <a class="dropdown-item text-muted" href="#" data-toggle="tooltip" data-placement="bottom" title="请先移除所有数据"><i class="fas fa-times"></i> 删除</a>
+                        </div>
+                      </div>
                     </td>
                 </tr>
                 <tr>
                   <td class="in-3"><span class="text-muted mr-2">└</span><a href="biaoduan-panel.html">WWUJ-4</a></td>
                     <td>3 成员 <a href="settings-data-member.html" class="btn btn-outline-primary btn-sm">成员管理</a></td>
                     <td>
-                      <a href="#add-bd" data-toggle="modal" data-target="#add-bd" class="btn btn-outline-primary btn-sm">编辑</a>
-                      <button class="btn btn-outline-secondary btn-sm ml-1 disabled" data-toggle="tooltip" data-placement="top" title="请先移除所有数据">删除</button>
+                      <div class="dropdown">
+                        <button class="btn btn-outline-primary btn-sm dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                          <i class="fa fa-align-justify "></i>
+                        </button>
+                        <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
+                          <a class="dropdown-item text-primary" href="#rename" data-toggle="modal" data-target="#rename"><i class="fas fa-edit"></i> 重命名</a>
+                          <a class="dropdown-item text-primary" href="#move" data-toggle="modal" data-target="#move"><i class="fas fa-exchange-alt fa-rotate-90"></i> 移动</a>
+                          <a class="dropdown-item text-muted" href="#" data-toggle="tooltip" data-placement="bottom" title="请先移除所有数据"><i class="fas fa-times"></i> 删除</a>
+                        </div>
+                      </div>
                     </td>
                 </tr>
                 <tr>
                   <td class="in-2"><span class="fold-switch mr-1" title="收起"><i class="fal fa-minus-square"></i></span><i class="fal fa-folder-open"></i>&nbsp;文件夹2.2</td>
                   <td></td>
-                  <td><a href="#move-folder" data-toggle="modal" data-target="#move-folder" class="btn btn-outline-primary btn-sm"><i class="fas fa-exchange-alt fa-rotate-90"></i> 移动</a></td>
+                  <td>
+                    <div class="dropdown">
+                      <button class="btn btn-outline-primary btn-sm dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                        <i class="fa fa-align-justify "></i>
+                      </button>
+                      <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
+                        <a class="dropdown-item text-primary" href="#rename" data-toggle="modal" data-target="#rename"><i class="fas fa-edit"></i> 重命名</a>
+                        <a class="dropdown-item text-primary" href="#move" data-toggle="modal" data-target="#move"><i class="fas fa-exchange-alt fa-rotate-90"></i> 移动</a>
+                        <a class="dropdown-item text-muted" href="#" data-toggle="tooltip" data-placement="left" title="请先移除所有数据"><i class="fas fa-times"></i> 删除</a>
+                        <div class="dropdown-divider"></div>
+                        <a class="dropdown-item text-primary" href="#add-bd" data-toggle="modal" data-target="#add-bd"><i class="fas fa-plus"></i> 新建标段</a>
+                      </div>
+                    </div>
+                  </td>
                 </tr>
                 <tr>
                   <td class="in-3"><span class="text-muted mr-2">├</span><a href="#">WWUJ-2</a></td>
                     <td>1 成员 <a href="settings-data-member.html" class="btn btn-outline-primary btn-sm">成员管理</a></td>
                     <td>
-                      <a href="#add-bd" data-toggle="modal" data-target="#add-bd" class="btn btn-outline-primary btn-sm">编辑</a>
-                      <button class="btn btn-outline-secondary btn-sm ml-1 disabled" data-toggle="tooltip" data-placement="top" title="请先移除所有数据">删除</button>
+                      <div class="dropdown">
+                        <button class="btn btn-outline-primary btn-sm dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                          <i class="fa fa-align-justify "></i>
+                        </button>
+                        <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
+                          <a class="dropdown-item text-primary" href="#rename" data-toggle="modal" data-target="#rename"><i class="fas fa-edit"></i> 重命名</a>
+                          <a class="dropdown-item text-primary" href="#move" data-toggle="modal" data-target="#move"><i class="fas fa-exchange-alt fa-rotate-90"></i> 移动</a>
+                          <a class="dropdown-item text-muted" href="#" data-toggle="tooltip" data-placement="bottom" title="请先移除所有数据"><i class="fas fa-times"></i> 删除</a>
+                        </div>
+                      </div>
                     </td>
                 </tr>
                 <tr>
-                  <td class="in-3"><span class="text-muted mr-2">└</span><a href="biaoduan-panel.html">WWUJ-3</a></td>
+                  <td class="in-3"><span class="text-muted mr-2">├</span><a href="biaoduan-panel.html">WWUJ-3</a></td>
                     <td><a href="settings-data-member.html" class="btn btn-outline-primary btn-sm">成员管理</a></td>
                     <td>
-                      <a href="#add-bd" data-toggle="modal" data-target="#add-bd" class="btn btn-outline-primary btn-sm">编辑</a>
-                      <a href="#del-bd" data-toggle="modal" data-target="#del-bd" class="btn btn-outline-danger btn-sm ml-1">删除</a>
+                      <div class="dropdown">
+                        <button class="btn btn-outline-primary btn-sm dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                          <i class="fa fa-align-justify "></i>
+                        </button>
+                        <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
+                          <a class="dropdown-item text-primary" href="#rename" data-toggle="modal" data-target="#rename"><i class="fas fa-edit"></i> 重命名</a>
+                          <a class="dropdown-item text-primary" href="#move" data-toggle="modal" data-target="#move"><i class="fas fa-exchange-alt fa-rotate-90"></i> 移动</a>
+                          <a class="dropdown-item text-danger" href="#del-bd" data-toggle="modal" data-target="#del-bd"><i class="fas fa-times"></i> 删除</a>
+                        </div>
+                      </div>
                     </td>
                 </tr>
                 <tr>
                   <td class="in-3"><span class="text-muted mr-2">└</span><a href="biaoduan-panel.html">WWUJ-5</a></td>
                     <td><a href="settings-data-member.html" class="btn btn-outline-primary btn-sm">成员管理</a></td>
                     <td>
-                      <a href="#add-bd" data-toggle="modal" data-target="#add-bd" class="btn btn-outline-primary btn-sm">编辑</a>
-                      <a href="#del-bd" data-toggle="modal" data-target="#del-bd" class="btn btn-outline-danger btn-sm ml-1">删除</a>
+                      <div class="dropdown">
+                        <button class="btn btn-outline-primary btn-sm dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                          <i class="fa fa-align-justify "></i>
+                        </button>
+                        <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
+                          <a class="dropdown-item text-primary" href="#rename" data-toggle="modal" data-target="#rename"><i class="fas fa-edit"></i> 重命名</a>
+                          <a class="dropdown-item text-primary" href="#move" data-toggle="modal" data-target="#move"><i class="fas fa-exchange-alt fa-rotate-90"></i> 移动</a>
+                          <a class="dropdown-item text-danger" href="#del-bd" data-toggle="modal" data-target="#del-bd"><i class="fas fa-times"></i> 删除</a>
+                        </div>
+                      </div>
                     </td>
                 </tr>
                 <tr>
                   <td class="in-1"><span class="fold-switch mr-1" title="展开"><i class="fal fa-minus-square"></i></span><i class="fal fa-folder-open"></i>&nbsp;文件夹3</td>
                   <td></td>
                   <td>
-                      <a href="#del-bd" data-toggle="modal" data-target="#del-bd" class="btn btn-outline-danger btn-sm ml-1">删除</a></td>
+                      <div class="dropdown">
+                        <button class="btn btn-outline-primary btn-sm dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                          <i class="fa fa-align-justify "></i>
+                        </button>
+                        <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
+                          <a class="dropdown-item text-primary" href="#rename" data-toggle="modal" data-target="#rename"><i class="fas fa-edit"></i> 重命名</a>
+                          <a class="dropdown-item text-primary" href="#move" data-toggle="modal" data-target="#move"><i class="fas fa-exchange-alt fa-rotate-90"></i> 移动</a>
+                          <a class="dropdown-item text-danger" href="#del-bd" data-toggle="modal" data-target="#del-bd"><i class="fas fa-times"></i> 删除</a>
+                        </div>
+                      </div>
                 </tr>
               </table>
               </div>
@@ -263,8 +382,8 @@
                 </div>
               </div>
               <div class="modal-footer">
-                <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
-                <button type="button" class="btn btn-primary">确定修改</button>
+                <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
+                <button type="button" class="btn btn-sm btn-primary">确定修改</button>
               </div>
           </div>
       </div>
@@ -288,15 +407,15 @@
       </div>
   </div>
   <!--弹出移动文件夹-->
-  <div class="modal fade" id="move-folder" data-backdrop="static">
+  <div class="modal fade" id="move" data-backdrop="static">
       <div class="modal-dialog" role="document">
           <div class="modal-content">
               <div class="modal-header">
-                  <h5 class="modal-title">移动文件夹</h5>
+                  <h5 class="modal-title">移动</h5>
               </div>
               <div class="modal-body">
                 <div class="form-group">
-                  <label>文件夹父级<b class="text-danger">*</b></label>
+                  <label>移动至<b class="text-danger">*</b></label>
                   <input class="form-control form-control-sm"  placeholder="选择文件夹父级录" type="text"  data-toggle="dropdown" >
                   <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                       <div class="modal-height-300">
@@ -308,8 +427,25 @@
                 </div>
               </div>
               <div class="modal-footer">
-                <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
-                <button type="button" class="btn btn-primary">确定修改</button>
+                <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
+                <button type="button" class="btn btn-sm btn-primary">确定修改</button>
+              </div>
+          </div>
+      </div>
+  </div>
+  <!--弹出重命名-->
+  <div class="modal fade" id="rename" data-backdrop="static">
+      <div class="modal-dialog" role="document">
+          <div class="modal-content">
+              <div class="modal-header">
+                  <h5 class="modal-title">重命名</h5>
+              </div>
+              <div class="modal-body">
+                <input class="form-control form-control-sm">
+              </div>
+              <div class="modal-footer">
+                <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
+                <button type="button" class="btn btn-sm btn-primary">确定修改</button>
               </div>
           </div>
       </div>