Ver código fonte

项目设置最大用户数交互调整

Chente 6 anos atrás
pai
commit
e0ac28fa03
2 arquivos alterados com 66 adições e 21 exclusões
  1. 44 20
      baobiao.html
  2. 22 1
      poj-list-detail.html

+ 44 - 20
baobiao.html

@@ -18,9 +18,12 @@
       <div class="nav d-flex justify-content-between">
           <h4 class="title"><i class="fa fa-wrench"></i> 工具 / 报表定制</h4>
           <div class="dropdown mt-3">
-            <a class="btn btn-primary btn-sm" href="#">
+            <a class="btn btn-outline-primary btn-sm mr" href="#">
               编辑通用报表
             </a>
+            <a class="btn btn-primary btn-sm" href="#addpoj" data-toggle="modal" data-target="#addpoj">
+              添加项目
+            </a>
           </div>
       </div>
     </div>
@@ -120,16 +123,34 @@
                       <th>项目编号</th>
                       <th>项目名称</th>
                       <th>办事处</th>
-                      <th>报表组</th>
+                      <th>报表组/报表数</th>
                       <th>销售负责人</th>
+                      <td></td>
                   </thead>
                   <tbody>
                     <tr>
-                      <td>170001</td>
+                      <td><a href="#">170001</a></td>
                       <td>XXXX项目</td>
                       <td>广东办</td>
-                      <td><a href="#group" data-toggle="modal" data-target="#group">5</a></td>
+                      <td><a href="#group" data-toggle="modal" data-target="#group">5组 / 30张</a></td>
                       <td>刘飞</td>
+                      <td></td>
+                    </tr>
+                    <tr>
+                      <td><a href="#">170002</a></td>
+                      <td>BBBBB项目</td>
+                      <td>广东办</td>
+                      <td><a href="#group" data-toggle="modal" data-target="#group">5组 / 0张</a></td>
+                      <td>刘飞</td>
+                      <td><a href="" class="text-danger">移除</a></td>
+                    </tr>
+                    <tr>
+                      <td><a href="#">170002</a></td>
+                      <td>CCCC项目</td>
+                      <td>广东办</td>
+                      <td><a href="#group" data-toggle="modal" data-target="#group">0组 / 0张</a></td>
+                      <td>刘飞</td>
+                      <td><a href="" class="text-danger">移除</a></td>
                     </tr>
                   </tbody>
                 </table>
@@ -164,15 +185,15 @@
           <div class="input-group input-group-sm mb-3">
               <input type="text" class="form-control" placeholder="输入组名添加" aria-label="Recipient's username" aria-describedby="button-addon2">
               <div class="input-group-append">
-                <button class="btn btn-secondary" type="button" id="button-addon2">添加新组</button>
+                <button class="btn btn-primary" type="button" id="button-addon2">添加新组</button>
               </div>
-            </div>
+          </div>
           <table class="table table-bordered">
-            <tr><th>报表组名</th><th>报表</th><th>提取码</th><th>创建时间</th><th>操作</th></tr>
-            <tr><td><a href="#">土建报表</a></td><td>13</td><td>XJDHG</td><td>2018-11-01</td><td><a href="#">编辑</a></td></tr>
-            <tr><td><a href="#">绿化报表</a></td><td>17</td><td>FU28G</td><td>2018-11-02</td><td><a href="#">编辑</a></td></tr>
-            <tr><td><a href="#">XX报表</a></td><td>0</td><td>OMH23</td><td>2018-11-02</td><td><a href="#">编辑</a> <a href="#" class="text-danger">删除</a></td></tr>
-            <tr><td colspan="4"><input type="text" class="form-control form-control-sm" value="YYY报表"></td><td><a href="#">确认</a> <a href="#" class="text-muted">取消</a></td></tr>
+            <tr><th>报表组名</th><th>报表</th><th>创建时间</th><th>操作</th></tr>
+            <tr><td>土建报表</td><td>13</td><td>2018-11-01</td><td><a href="#">编辑</a></td></tr>
+            <tr><td>绿化报表</td><td>17</td><td>2018-11-02</td><td><a href="#">编辑</a></td></tr>
+            <tr><td>XX报表</td><td>0</td><td>2018-11-02</td><td><a href="#">编辑</a> <a href="#" class="text-danger">删除</a></td></tr>
+            <tr><td colspan="3"><input type="text" class="form-control form-control-sm" value="YYY报表"></td><td><a href="#">确认</a> <a href="#" class="text-muted">取消</a></td></tr>
           </table>
         </div>
         <div class="modal-footer">
@@ -182,23 +203,26 @@
     </div>
   </div>
   <!--弹出删除-->
-  <div class="modal fade" id="del" data-backdrop="static">
+  <div class="modal fade" id="addpoj" 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">
-          <p class="h5">
-            确认删除 XXX项目?包含报表将全部删除;
-          </p>
-          <p class="h5">
-            已经添加该定制报表的用户也将不能继续使用报表。
-          </p>
+          <div class="form-group">
+            <label for="exampleInputEmail1">项目编号</label>
+            <input type="text" class="form-control" placeholder="输入项目编号添加">
+          </div>
+          <div class="form-group">
+            <label for="exampleInputEmail1">项目编号</label>
+            <input type="text" class="form-control is-invalid" placeholder="输入项目编号添加" value="KJ129">
+            <div class="invalid-feedback">项目不存在</div>
+          </div>
         </div>
         <div class="modal-footer">
           <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
-          <button type="button" class="btn btn-danger" >确认删除</button>
+          <button type="button" class="btn btn-primary " >确认</button>
         </div>
       </div>
     </div>

+ 22 - 1
poj-list-detail.html

@@ -159,7 +159,28 @@
                       <label class="col-sm-2 col-form-label text-right"><b class="text-danger">*</b>最大账号
                       数</label>
                       <div class="col-lg-4">
-                          <input class="form-control" type="text" placeholder="为空则不限制项目内的账号数量" required>
+                          <div class="input-group">
+                            <div class="input-group-prepend">
+                              <div class="input-group-text">
+                                <input type="checkbox" class="mr-2" checked=""> 不限制
+                              </div>
+                            </div>
+                            <input type="text" class="form-control" disabled="" value="项目内可以无限添加账号">
+                          </div>
+                      </div>
+                    </div>
+                    <div class="form-group row">
+                      <label class="col-sm-2 col-form-label text-right"><b class="text-danger">*</b>最大账号
+                      数</label>
+                      <div class="col-lg-4">
+                          <div class="input-group">
+                            <div class="input-group-prepend">
+                              <div class="input-group-text">
+                                <input type="checkbox" class="mr-2"> 不限制
+                              </div>
+                            </div>
+                            <input type="text" class="form-control" min="1" value="1" placeholder="请输入项目内可添加的最大账号数">
+                          </div>
                       </div>
                     </div>
                     <div class="form-group row">