项目信息增加上传图片

poj-list-detail.html

@@ -171,6 +171,7 @@
                         <div class=" col-lg-6">
                           <select class="form-control"><option>张三</option></select>
                         </div>
+                        <div class="form-text text-muted pl-3">「项目信息」下会显示该负责人联系方式</div>
                       </div>
                     </div>
                     <div class="form-group row">
@@ -202,6 +203,21 @@
                       </div>
                     </div>
                     <div class="form-group row">
+                      <label class="col-sm-2 col-form-label text-right">成员交流群</label>
+                      <div class="col-lg-6">
+                          <a class="btn btn-outline-primary" href="#add-qrcode" data-toggle="modal" data-target="#add-qrcode" >上传交流群二维码</a>
+                      </div>
+                    </div>
+                    <div class="form-group row">
+                      <label class="col-sm-2 col-form-label"></label>
+                      <div class="col-lg-6">
+                          <div class="row">
+                            <div class="col-auto"><img src="http://smartcost.com.cn/global/images/xiamizaojia.jpg" width="100"><div class="text-center">QQ交流群</div></div>
+                            <div class="col-auto"><img src="http://smartcost.com.cn/global/images/xiamizaojia.jpg" width="100"><div class="text-center">微信交流群</div></div>
+                          </div>
+                      </div>
+                    </div>
+                    <div class="form-group row">
                       <label class="col-sm-2 col-form-label text-right">备注</label>
                       <div class="col-lg-6">
                           <input class="form-control" type="text" placeholder="">
@@ -356,6 +372,33 @@
     </div>
   </div>
 </div>
+    <!--上传二维码-->
+  <div class="modal" tabindex="-1" role="dialog" id="add-qrcode">
+    <div class="modal-dialog" role="document">
+      <div class="modal-content">
+        <div class="modal-header">
+          <h5 class="modal-title">上传交流群二维码</h5>
+          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+            <span aria-hidden="true">&times;</span>
+          </button>
+        </div>
+        <div class="modal-body">
+          <div class="form-group">
+            <input type="file">
+            <small class="form-text text-danger">最多上传两张图片</small>
+          </div>
+          <table class="table table-bordered">
+            <tr><th>文件名</th><th>前台名称显示</th><th width="70">操作</th></tr>
+            <tr><td>微信图片_20191121095651.jpg</td><td><input type="text" class="form-control" value="微信交流群"></td><td><a class="text-danger" href="#">删除</a></td></tr>
+            <tr><td>微信图片_20191121094519.jpg</td><td><input type="text" class="form-control" value="微信交流群2"></td><td><a class="text-danger" href="#">删除</a></td></tr>
+          </table>
+        </div>
+        <div class="modal-footer">
+          <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
+        </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>