Browse Source

图片放大

wangshan 7 years ago
parent
commit
11f2935c7d
1 changed files with 36 additions and 2 deletions
  1. 36 2
      core/src/web/templates/manage/openplatform/devel.html

+ 36 - 2
core/src/web/templates/manage/openplatform/devel.html

@@ -73,9 +73,9 @@ font-size:14px;
 		        </div>
 		        <div class="col-md-10 licence" id="row-cont">
 		        {{if .T.s_blicense}}
-				<img src="{{.T.s_blicense}}"/>
+				<img src="{{.T.s_blicense}}" onClick="showdiv(this);" style="cursor: pointer"/>
 				{{else}}
-		         <img src="/images/qfw_menu_liebiao.png"/>
+		         <img src="/images/qfw_menu_liebiao.png" onClick="showdiv(this);" style="cursor: pointer"/>
 				{{end}}
 		        </div>
 		    </div>
@@ -171,7 +171,41 @@ font-size:14px;
 </div>
 {{include "/common/bottom.html"}}
 
+<!--显示图片-->
+<div class="modal fade" id="myModal" tabindex="-1" role="dialog" 
+   aria-labelledby="myModalLabel" aria-hidden="true">
+   <div class="modal-dialog mimg">
+      <div class="modal-content">
+         <div class="modal-header">
+            <button type="button" class="close" data-dismiss="modal" 
+               aria-hidden="true">×
+            </button>
+         </div>
+         <div class="modal-body" id="imgshow" style="cursor:pointer;width:100%;" >
+
+         </div>
+         <div class="modal-footer">
+            <button type="button" class="btn btn-default" 
+               data-dismiss="modal">关闭
+            </button>
+         </div>
+      </div><!-- /.modal-content -->
+   </div><!-- /.modal-dialog -->
+</div><!-- /.modal -->
+
 <script type="text/javascript">
+//显示图片的方法
+function showdiv(f) { 
+	var ht = "";
+	ht = $(f).attr("src")
+	$('#myModal').modal({
+   		keyboard: true
+	});	
+	ht= ht.replace("s_","");
+	$("#imgshow").html("<img style='width:100%' src='"+ht+"'/>")
+	
+ }
+
 $(function(){
 	var stl = {{.T.stl}}
 	if(stl=="DT"){