138 lines
		
	
	
		
			7.0 KiB
		
	
	
	
		
			Plaintext
		
	
	
	
			
		
		
	
	
			138 lines
		
	
	
		
			7.0 KiB
		
	
	
	
		
			Plaintext
		
	
	
	
| <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="TestRunMonthSummaryReportEdit.aspx.cs" Inherits="FineUIPro.Web.ZHGL.TestRunPerformance.TestRunMonthSummaryReportEdit" %>
 | |
| 
 | |
| <!DOCTYPE html>
 | |
| 
 | |
| <html xmlns="http://www.w3.org/1999/xhtml">
 | |
| <head runat="server">
 | |
|     <title></title>
 | |
|     <script src="~/res/js/jquery-3.4.1.min.js"></script>
 | |
|     <style type="text/css">
 | |
|         .f-grid-row.noEdit {
 | |
|             pointer-events: none;
 | |
|         }
 | |
| 
 | |
|         .f-grid-colheader-text {
 | |
|             white-space: normal;
 | |
|             word-break: break-all;
 | |
|         }
 | |
| 
 | |
|         .imgPreview {
 | |
|             display: none;
 | |
|             top: 0;
 | |
|             left: 0;
 | |
|             width: 100%; /*容器占满整个屏幕*/
 | |
|             height: 100%;
 | |
|             position: fixed;
 | |
|             background: rgba(0, 0, 0, 0.5);
 | |
|         }
 | |
| 
 | |
|             .imgPreview img {
 | |
|                 z-index: 100;
 | |
|                 width: 60%;
 | |
|                 position: fixed;
 | |
|                 top: 50%;
 | |
|                 left: 50%;
 | |
|                 transform: translate(-50%,-50%);
 | |
|             }
 | |
|         /*添加鼠标移入图片效果*/
 | |
|         .img {
 | |
|             cursor: url("ico/放大镜.png"), auto;
 | |
|         }
 | |
|     </style>
 | |
| </head>
 | |
| <body>
 | |
|     <form id="form1" runat="server">
 | |
|         <f:PageManager ID="PageManager1" AutoSizePanelID="Panel1" runat="server" />
 | |
|         <f:Panel ID="Panel1" runat="server" Margin="5px" BodyPadding="5px" ShowBorder="false"
 | |
|             ShowHeader="false" Layout="VBox" BoxConfigAlign="Stretch">
 | |
|             <Items>
 | |
|                 <f:Grid ID="Grid1" ShowBorder="true" ShowHeader="false" Title="" BoxFlex="1" AllowColumnLocking="true"
 | |
|                     runat="server" EnableCollapse="true" DataKeyNames="Id" EnableTree="true" EnableColumnLines="true"
 | |
|                     DataIDField="Id">
 | |
|                     <Toolbars>
 | |
|                         <f:Toolbar ID="Toolbar2" Position="Top" runat="server">
 | |
|                             <Items>
 | |
|                                 <f:DropDownList runat="server" ID="drpUser" Label="开车人员" LabelWidth="100px" LabelAlign="Right" AutoPostBack="true" OnSelectedIndexChanged="drpUser_SelectedIndexChanged"></f:DropDownList>
 | |
|                                 <f:DatePicker runat="server" Label="年份" ID="txtYear" LabelWidth="100px" LabelAlign="Right" DisplayType="Year" DateFormatString="yyyy" AutoPostBack="true" OnTextChanged="drpUser_SelectedIndexChanged"></f:DatePicker>
 | |
|                                 <f:TextBox runat="server" ID="hdId" Hidden="true"></f:TextBox>
 | |
|                                 <f:ToolbarFill runat="server"></f:ToolbarFill>
 | |
|                                 <f:Button ID="btnSave" Icon="SystemSave" runat="server" ToolTip="保存"
 | |
|                                     OnClick="btnSave_Click">
 | |
|                                 </f:Button>
 | |
|                             </Items>
 | |
|                         </f:Toolbar>
 | |
|                     </Toolbars>
 | |
|                     <Columns>
 | |
|                         <f:BoundField Width="60px" ColumnID="Code" DataField="Code" HeaderTextAlign="Center" EnableLock="true" Locked="true"
 | |
|                             HeaderText="序号" />
 | |
|                         <f:RenderField Width="200px" ColumnID="ProjectName" DataField="ProjectName" EnableLock="true" Locked="true"
 | |
|                             FieldType="String" HeaderText="项目名称" HeaderTextAlign="Center" TextAlign="Center">
 | |
|                         </f:RenderField>
 | |
|                         <f:RenderField Width="100px" ColumnID="RaiseDate" DataField="RaiseDate"
 | |
|                             FieldType="Date" Renderer="Date" RendererArgument="yyyy-MM-dd" HeaderText="填报日期"
 | |
|                             HeaderTextAlign="Center" TextAlign="Center">
 | |
|                         </f:RenderField>
 | |
|                         <f:RenderField Width="100px" ColumnID="Major" DataField="Major"
 | |
|                             FieldType="String" HeaderText="填报专业" HeaderTextAlign="Center" TextAlign="Center">
 | |
|                         </f:RenderField>
 | |
|                         <f:RenderField Width="120px" ColumnID="ProcessName" DataField="ProcessName"
 | |
|                             FieldType="String" HeaderText="装置" HeaderTextAlign="Center" TextAlign="Center">
 | |
|                         </f:RenderField>
 | |
|                         <f:RenderField Width="400px" ColumnID="ProblemDescription" DataField="ProblemDescription"
 | |
|                             FieldType="String" HeaderText="案例描述" HeaderTextAlign="Center" TextAlign="Center">
 | |
|                         </f:RenderField>
 | |
|                         <f:RenderField Width="400px" ColumnID="HandleMethod" DataField="HandleMethod"
 | |
|                             FieldType="String" HeaderText="案例分析及解决方案" HeaderTextAlign="Center" TextAlign="Center">
 | |
|                         </f:RenderField>
 | |
|                         <f:TemplateField ColumnID="tfImageUrl1" Width="180px" HeaderText="问题图片" HeaderTextAlign="Center"
 | |
|                             TextAlign="Left">
 | |
|                             <ItemTemplate>
 | |
|                                 <asp:Label ID="lbImageUrl1" runat="server" Text='<%# ConvertImageUrlByImage(Eval("Id")) %>'></asp:Label>
 | |
|                             </ItemTemplate>
 | |
|                         </f:TemplateField>
 | |
|                         <f:TemplateField ColumnID="tfImageUrl2" Width="180px" HeaderText="处理后图片" HeaderTextAlign="Center"
 | |
|                             TextAlign="Left">
 | |
|                             <ItemTemplate>
 | |
|                                 <asp:Label ID="lbImageUrl2" runat="server" Text='<%# ConvertImageUrlByImage2(Eval("Id")) %>'></asp:Label>
 | |
|                             </ItemTemplate>
 | |
|                         </f:TemplateField>
 | |
|                         <f:RenderField Width="400px" ColumnID="ExperienceOrSuggestion" DataField="ExperienceOrSuggestion"
 | |
|                             FieldType="String" HeaderText="体会或建议" HeaderTextAlign="Center" TextAlign="Center">
 | |
|                         </f:RenderField>
 | |
|                     </Columns>
 | |
|                 </f:Grid>
 | |
|             </Items>
 | |
|         </f:Panel>
 | |
|     </form>
 | |
|     <div class="imgPreview">
 | |
|         <img src="#" alt="" id="imgPreview" />
 | |
|     </div>
 | |
|     <script type="text/jscript">
 | |
|         var imgID = '<%=Grid1.ClientID %>';
 | |
|         F.ready(function () {
 | |
|             var $wrap = $("#" + imgID)
 | |
|             $wrap.find('img').on('click', function () {
 | |
|                 var src = $(this).attr('src');
 | |
|                 console.log(src);
 | |
|                 $('.imgPreview img').attr('src', src);
 | |
| 
 | |
|                 $('.imgPreview').show()
 | |
|             });
 | |
|             $('.imgPreview').on('click', function () {
 | |
|                 $('.imgPreview').hide()
 | |
|             });
 | |
|             /* $wrap.find('img').hover(function (e) {
 | |
|                  console.log($(this).offset())
 | |
|                  var top = $(this).offset().top;
 | |
|                  var left = $(this).offset().left - 200;
 | |
|                  var src = $(this).attr('src')
 | |
|                  console.log('src', src, top, left)
 | |
|                  $('#imgID1').css("left", left).css("top", top).show().find('img').attr('src', src)
 | |
|              }, function () {
 | |
|                  $('#imgID1').hide()
 | |
|              })*/
 | |
|         })
 | |
|     </script>
 | |
| </body>
 | |
| </html>
 |