176 lines
9.5 KiB
Plaintext
176 lines
9.5 KiB
Plaintext
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="TestRunMonthSummary.aspx.cs" Inherits="FineUIPro.Web.Personal.TestRunMonthSummary" %>
|
||
|
||
<!DOCTYPE html>
|
||
|
||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||
<head runat="server">
|
||
<title>开车月技术总结</title>
|
||
<link href="~/res/css/common.css" rel="stylesheet" type="text/css" />
|
||
<script src="~/res/js/jquery-3.4.1.min.js"></script>
|
||
<style type="text/css">
|
||
.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="开车月技术总结" EnableCollapse="true"
|
||
runat="server" BoxFlex="1" DataKeyNames="TestRunMonthSummaryId" EnableColumnLines="true" DataIDField="TestRunMonthSummaryId"
|
||
AllowSorting="true" SortField="RaiseDate" SortDirection="DESC" OnSort="Grid1_Sort" ForceFit="true" EnableCheckBoxSelect="true"
|
||
AllowPaging="true" IsDatabasePaging="true" PageSize="10" OnPageIndexChange="Grid1_PageIndexChange"
|
||
EnableRowDoubleClickEvent="true" OnRowDoubleClick="Grid1_RowDoubleClick" EnableTextSelection="True">
|
||
<Toolbars>
|
||
<f:Toolbar ID="Toolbar2" Position="Top" runat="server">
|
||
<Items>
|
||
<f:TextBox runat="server" Label="姓名" ID="txtUserName" EmptyText="输入查询条件"
|
||
AutoPostBack="true" OnTextChanged="TextBox_TextChanged" Width="250px" LabelWidth="50px">
|
||
</f:TextBox>
|
||
<f:ToolbarFill ID="ToolbarFill1" runat="server"></f:ToolbarFill>
|
||
<f:Button ID="btnNew" ToolTip="新增" Icon="Add" EnablePostBack="true" OnClick="btnNew_Click" runat="server"
|
||
Hidden="true">
|
||
</f:Button>
|
||
<f:Button ID="btnOut" OnClick="btnOut_Click" runat="server" Text="" ToolTip="导出" Icon="FolderUp"
|
||
EnableAjax="false" DisableControlBeforePostBack="false">
|
||
</f:Button>
|
||
</Items>
|
||
</f:Toolbar>
|
||
</Toolbars>
|
||
<Columns>
|
||
<f:RowNumberField EnablePagingNumber="true" HeaderText="序号" Width="50px" HeaderTextAlign="Center" TextAlign="Center" />
|
||
<f:RenderField Width="100px" ColumnID="UserName" DataField="UserName"
|
||
FieldType="String" HeaderText="填报人" HeaderTextAlign="Center" TextAlign="Center">
|
||
</f:RenderField>
|
||
<f:RenderField Width="130px" ColumnID="RaiseDate" DataField="RaiseDate"
|
||
FieldType="Date" Renderer="Date" RendererArgument="yyyy-MM-dd" HeaderText="填报日期"
|
||
HeaderTextAlign="Center" TextAlign="Center">
|
||
</f:RenderField>
|
||
<f:RenderField Width="200px" ColumnID="ProjectName" DataField="ProjectName"
|
||
FieldType="String" HeaderText="项目名称" HeaderTextAlign="Center" TextAlign="Center">
|
||
</f:RenderField>
|
||
<f:RenderField Width="110px" ColumnID="Major" DataField="Major"
|
||
FieldType="String" HeaderText="填报专业" HeaderTextAlign="Center" TextAlign="Center">
|
||
</f:RenderField>
|
||
<f:RenderField Width="130px" 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("TestRunMonthSummaryId")) %>'></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("TestRunMonthSummaryId")) %>'></asp:Label>
|
||
</ItemTemplate>
|
||
</f:TemplateField>
|
||
<f:RenderField Width="400px" ColumnID="ExperienceOrSuggestion" DataField="ExperienceOrSuggestion"
|
||
FieldType="String" HeaderText="体会或建议" HeaderTextAlign="Center" TextAlign="Center">
|
||
</f:RenderField>
|
||
</Columns>
|
||
<Listeners>
|
||
<f:Listener Event="beforerowcontextmenu" Handler="onRowContextMenu" />
|
||
</Listeners>
|
||
<PageItems>
|
||
<f:ToolbarSeparator ID="ToolbarSeparator1" runat="server">
|
||
</f:ToolbarSeparator>
|
||
<f:ToolbarText ID="ToolbarText1" runat="server" Text="每页记录数：">
|
||
</f:ToolbarText>
|
||
<f:DropDownList runat="server" ID="ddlPageSize" Width="80px" AutoPostBack="true"
|
||
OnSelectedIndexChanged="ddlPageSize_SelectedIndexChanged">
|
||
</f:DropDownList>
|
||
</PageItems>
|
||
</f:Grid>
|
||
</Items>
|
||
</f:Panel>
|
||
<f:Window ID="Window1" Title="开车月技术总结" Hidden="true" EnableIFrame="true" EnableMaximize="true"
|
||
Target="Self" EnableResize="false" runat="server" IsModal="true" OnClose="Window1_Close"
|
||
Width="1300px" Height="600px">
|
||
</f:Window>
|
||
<f:Menu ID="Menu1" runat="server">
|
||
<f:MenuButton ID="btnMenuEdit" OnClick="btnMenuEdit_Click" EnablePostBack="true"
|
||
Hidden="true" runat="server" Text="编辑" Icon="Pencil">
|
||
</f:MenuButton>
|
||
<f:MenuButton ID="btnMenuDelete" OnClick="btnMenuDelete_Click" EnablePostBack="true"
|
||
Hidden="true" ConfirmText="删除选中行？" ConfirmTarget="Parent" runat="server" Text="删除"
|
||
Icon="Delete">
|
||
</f:MenuButton>
|
||
</f:Menu>
|
||
</form>
|
||
<div class="imgPreview">
|
||
<img src="#" alt="" id="imgPreview" />
|
||
</div>
|
||
<script type="text/jscript">
|
||
var menuID = '<%= Menu1.ClientID %>';
|
||
// 返回false，来阻止浏览器右键菜单
|
||
function onRowContextMenu(event, rowId) {
|
||
F(menuID).show(); //showAt(event.pageX, event.pageY);
|
||
return false;
|
||
}
|
||
|
||
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);
|
||
if (src.indexOf("/res/icon") != -1) {
|
||
return;
|
||
}
|
||
$('.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>
|