账号停用新增自定义提示功能

css/main.css

@@ -440,4 +440,17 @@ body.login-body{
     font-size:0.9rem;
     background-color: #dee2e6;
     margin:0 1px;
+}
+.modal-header{
+  padding:.5rem 1rem;
+  cursor: move;
+}
+.modal-title{
+  font-size:16px;
+}
+.modal-footer {
+  padding:.5rem 1rem
+}
+.modal-body h6,.modal-body h5{
+  font-size:12px;
 }

poj-list-detail.html

@@ -310,6 +310,9 @@
                 <div class="tab-pane" id="account" role="tabpanel">
                   <div class="form-inline mb-2 d-flex justify-content-end">
                     <div class="input-group">
+                      <a href="#tips" class="ml-1" data-toggle="modal" data-placement="top" title="设置"><i class="fa fa-cog"></i></a>
+                    </div>                    
+                    <div class="input-group ml-2">
                       <select class="form-control form-control-sm"><option>所有组</option><option>建设单位</option><option>监理单位</option><option>施工单位</option><option>设计单位</option></select>
                     </div>
                     <div class="input-group ml-2">
@@ -671,7 +674,47 @@
                 </div>
             </div>
         </div>
-    </div>   
+    </div>  
+  <!--设置-->
+    <div class="modal fade" id="tips" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
+        <div class="modal-dialog" role="document">
+          <div class="modal-content">
+              <div class="modal-header">
+                <h5 class="modal-title">设置</h5>
+              </div>
+              <div class="modal-body">
+                <h5 class="card-title">自定义停用提示</h5>  
+                <div class="input-group input-group-sm  mb-3 ">
+                  <div class="input-group-prepend">
+                    <div class="input-group-text">
+                      <input type="radio" aria-label="Radio button for following text input">
+                    </div>
+                  </div>
+                  <input type="text" class="form-control form-control-sm" placeholder="请输入原因1" aria-label="Text input with radio button">
+                  <a href="" class="text-danger ml-2" name="del-value">删除</a>
+                </div> 
+                <div class="input-group input-group-sm mb-3">
+                  <div class="input-group-prepend">
+                    <div class="input-group-text">
+                      <input type="radio" aria-label="Radio button for following text input">
+                    </div>
+                  </div>
+                  <input type="text" class="form-control form-control-sm" placeholder="请输入原因2" aria-label="Text input with radio button">
+                  <a href="" class="text-danger ml-2" name="del-value">删除</a>
+                </div>
+                <div>
+                  <p><a class="btn btn-primary btn-sm" href="#" role="button" title="新增原因"><b class="fa fa-plus"></b></a></p>
+                  <input type="text" class="form-control form-control-sm" placeholder="请输入停用提示">
+                </div>                
+                <div class="alert alert-warning mt-3" role="alert">提示示例：登录失败 该账号<strong>因XXXX</strong>已被停用，请联系销售人员</div>
+              </div>
+              <div class="modal-footer">
+                  <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
+                  <a type="button" class="btn btn-sm btn-primary" href="#">确定</a>
+              </div>
+          </div>
+        </div>
+    </div>
 </body>
 <script src="js/jquery/jquery-3.2.1.min.js" type="text/javascript"></script>
 <script src="js/popper/popper.min.js" type="text/javascript"></script>