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>
 |