总部检查图片预览功能实现
This commit is contained in:
@@ -5,9 +5,8 @@
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head runat="server">
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>隐患整改</title>
|
||||
<link href="../../res/css/common.css" rel="stylesheet" type="text/css" />
|
||||
<script type="text/javascript" src="../../Controls/My97DatePicker/WdatePicker.js"></script>
|
||||
<title></title>
|
||||
<script type="text/javascript" src="../../Controls/My97DatePicker/WdatePicker.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<form id="form1" runat="server">
|
||||
@@ -48,6 +47,107 @@
|
||||
</f:DropDownList>--%>
|
||||
</Items>
|
||||
</f:FormRow>
|
||||
<f:FormRow>
|
||||
<Items>
|
||||
<f:Grid ID="Grid1" ShowBorder="true" ShowHeader="false" AllowCellEditing="true" ClicksToEdit="1"
|
||||
EnableCollapse="true" EnableColumnLines="true" EnableColumnMove="true" runat="server" BoxFlex="1"
|
||||
DataKeyNames="RectifyItemId,IsRectify" DataIDField="RectifyItemId" AllowSorting="true" SortField="RectifyItemId"
|
||||
SortDirection="ASC" EnableTextSelection="True" MinHeight="240px" PageSize="500"
|
||||
EnableRowDoubleClickEvent="true" OnRowCommand="Grid1_RowCommand" OnRowDataBound="Grid1_RowDataBound">
|
||||
<Toolbars>
|
||||
<f:Toolbar ID="toolAdd" Position="Top" ToolbarAlign="Right" runat="server">
|
||||
<Items>
|
||||
<f:Button ID="btnAdd" Icon="Add" runat="server" OnClick="btnAdd_Click" ToolTip="新增">
|
||||
</f:Button>
|
||||
</Items>
|
||||
</f:Toolbar>
|
||||
</Toolbars>
|
||||
<Columns>
|
||||
<f:RenderField HeaderText="主键" ColumnID="RectifyItemId" DataField="RectifyItemId"
|
||||
SortField="RectifyItemId" FieldType="String" HeaderTextAlign="Center" TextAlign="Center"
|
||||
Hidden="true">
|
||||
</f:RenderField>
|
||||
<f:RenderField Width="550px" ColumnID="WrongContent" DataField="WrongContent" FieldType="string"
|
||||
HeaderText="具体位置及隐患内容">
|
||||
<Editor>
|
||||
<f:TextBox ID="tWrongContent" runat="server" MaxLength="800" ShowRedStar="true" Required="true">
|
||||
</f:TextBox>
|
||||
</Editor>
|
||||
</f:RenderField>
|
||||
<f:TemplateField ColumnID="HiddenHazardType" HeaderText="隐患类别" HeaderTextAlign="Center" TextAlign="Center" Width="100px">
|
||||
<ItemTemplate>
|
||||
<asp:DropDownList ID="drpHiddenHazardType" runat="server">
|
||||
<asp:ListItem Text="一般" Value="1" Selected="True" />
|
||||
<asp:ListItem Text="较大" Value="2" />
|
||||
<asp:ListItem Text="重大" Value="3" />
|
||||
</asp:DropDownList>
|
||||
<f:HiddenField ID="hdHiddenHazardType" runat="server" Text='<%# Eval("HiddenHazardType") %>'></f:HiddenField>
|
||||
</ItemTemplate>
|
||||
</f:TemplateField>
|
||||
<f:RenderField Width="220px" ColumnID="Requirement" DataField="Requirement" FieldType="string" HeaderTextAlign="Center"
|
||||
HeaderText="整改要求">
|
||||
<Editor>
|
||||
<f:TextBox ID="tRequirement" runat="server" MaxLength="800" ShowRedStar="true" Required="true">
|
||||
</f:TextBox>
|
||||
</Editor>
|
||||
</f:RenderField>
|
||||
<f:TemplateField ColumnID="LimitTime" Width="120px" HeaderText="整改期限" HeaderTextAlign="Center"
|
||||
TextAlign="Left">
|
||||
<ItemTemplate>
|
||||
<asp:TextBox ID="txtLimitTimes" runat="server" Text='<%# Eval("LimitTime")!=null? ConvertDate(Eval("LimitTime")):"" %>'
|
||||
Width="98%" CssClass="Wdate" Style="width: 98%; cursor: hand" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd',skin:'whyGreen'})"
|
||||
BorderStyle="None">
|
||||
</asp:TextBox>
|
||||
</ItemTemplate>
|
||||
</f:TemplateField>
|
||||
<f:LinkButtonField HeaderText="整改前" ConfirmTarget="Top" Width="80" CommandName="AttachUrl"
|
||||
TextAlign="Center" ToolTip="整改照片" Text="编辑" />
|
||||
<f:TemplateField ColumnID="tfImageUrl1" Width="120px" HeaderText="整改前" HeaderTextAlign="Center"
|
||||
TextAlign="Left">
|
||||
<ItemTemplate>
|
||||
<asp:Label ID="lbImageUrl" runat="server" Text='<%# ConvertImageUrlByImage(Eval("FileUrlId")) %>'></asp:Label>
|
||||
</ItemTemplate>
|
||||
</f:TemplateField>
|
||||
<f:RenderField Width="200px" ColumnID="RectifyResults" DataField="RectifyResults" FieldType="string" HeaderTextAlign="Center"
|
||||
HeaderText="整改结果">
|
||||
<Editor>
|
||||
<f:TextBox ID="txtRectifyResults" runat="server" MaxLength="800">
|
||||
</f:TextBox>
|
||||
</Editor>
|
||||
</f:RenderField>
|
||||
<f:LinkButtonField ColumnID="ReAttachUrl" HeaderText="整改后" ConfirmTarget="Top" Width="80" CommandName="ReAttachUrl"
|
||||
TextAlign="Center" ToolTip="整改照片" Text="详细" />
|
||||
<f:TemplateField ColumnID="tfImageUrl2" Width="120px" HeaderText="整改后" HeaderTextAlign="Center"
|
||||
TextAlign="Left">
|
||||
<ItemTemplate>
|
||||
<asp:Label ID="Label2" runat="server" Text='<%# ConvertImageUrlByImage2(Eval("FileUrlId")) %>'></asp:Label>
|
||||
</ItemTemplate>
|
||||
</f:TemplateField>
|
||||
<f:TemplateField ColumnID="IsRectify" HeaderText="合格" HeaderTextAlign="Center" TextAlign="Center" Width="60px">
|
||||
<ItemTemplate>
|
||||
<asp:DropDownList ID="drpIsRectify" runat="server">
|
||||
<asp:ListItem Value="false">否</asp:ListItem>
|
||||
<asp:ListItem Value="true">是</asp:ListItem>
|
||||
</asp:DropDownList>
|
||||
<f:HiddenField ID="hdIsRectify" runat="server" Text='<%# Eval("IsRectify") %>'></f:HiddenField>
|
||||
</ItemTemplate>
|
||||
</f:TemplateField>
|
||||
<f:LinkButtonField ID="del" ColumnID="del" HeaderText="删除" Width="50px" CommandName="delete"
|
||||
Icon="Delete" />
|
||||
<f:RenderField HeaderText="报告明细id" ColumnID="hdCheckReportItemId" DataField="CheckReportItemId" FieldType="String" Hidden="true">
|
||||
</f:RenderField>
|
||||
</Columns>
|
||||
</f:Grid>
|
||||
</Items>
|
||||
</f:FormRow>
|
||||
<f:FormRow runat="server" ID="next">
|
||||
<Items>
|
||||
<f:DropDownList ID="drpSignPerson" runat="server" Label="整改责任人：项目安全经理" LabelWidth="200px"
|
||||
LabelAlign="Right" EnableEdit="true" ShowRedStar="true">
|
||||
</f:DropDownList>
|
||||
<f:Label runat="server"></f:Label>
|
||||
</Items>
|
||||
</f:FormRow>
|
||||
</Rows>
|
||||
<Toolbars>
|
||||
<f:Toolbar ID="Toolbar1" Position="Top" ToolbarAlign="Right" runat="server">
|
||||
@@ -66,111 +166,31 @@
|
||||
</f:Toolbar>
|
||||
</Toolbars>
|
||||
</f:Form>
|
||||
<f:Form ID="Form2" ShowBorder="true" ShowHeader="false" Title="安全隐患及整改要求" AutoScroll="true"
|
||||
runat="server" RedStarPosition="BeforeText" LabelAlign="Right">
|
||||
<Rows>
|
||||
<f:FormRow>
|
||||
<Items>
|
||||
<f:Grid ID="Grid1" ShowBorder="true" ShowHeader="false" AllowCellEditing="true" ClicksToEdit="1"
|
||||
ForceFit="true" EnableCollapse="true" EnableColumnLines="true" EnableColumnMove="true" runat="server" BoxFlex="1"
|
||||
DataKeyNames="RectifyItemId,IsRectify" DataIDField="RectifyItemId" AllowSorting="true" SortField="RectifyItemId"
|
||||
SortDirection="ASC" EnableTextSelection="True" MinHeight="240px" PageSize="500"
|
||||
EnableRowDoubleClickEvent="true" OnRowCommand="Grid1_RowCommand" OnRowDataBound="Grid1_RowDataBound">
|
||||
<Toolbars>
|
||||
<f:Toolbar ID="toolAdd" Position="Top" ToolbarAlign="Right" runat="server">
|
||||
<Items>
|
||||
<f:Button ID="btnAdd" Icon="Add" runat="server" OnClick="btnAdd_Click" ToolTip="新增">
|
||||
</f:Button>
|
||||
</Items>
|
||||
</f:Toolbar>
|
||||
</Toolbars>
|
||||
<Columns>
|
||||
<f:RenderField HeaderText="主键" ColumnID="RectifyItemId" DataField="RectifyItemId"
|
||||
SortField="RectifyItemId" FieldType="String" HeaderTextAlign="Center" TextAlign="Center"
|
||||
Hidden="true">
|
||||
</f:RenderField>
|
||||
<f:RenderField Width="300px" ColumnID="WrongContent" DataField="WrongContent" FieldType="string"
|
||||
HeaderText="具体位置及隐患内容">
|
||||
<Editor>
|
||||
<f:TextBox ID="tWrongContent" runat="server" MaxLength="800" ShowRedStar="true" Required="true">
|
||||
</f:TextBox>
|
||||
</Editor>
|
||||
</f:RenderField>
|
||||
<f:TemplateField ColumnID="HiddenHazardType" HeaderText="隐患类别" HeaderTextAlign="Center" TextAlign="Center" Width="60px">
|
||||
<ItemTemplate>
|
||||
<asp:DropDownList ID="drpHiddenHazardType" runat="server">
|
||||
<asp:ListItem Text="一般" Value="1" Selected="True" />
|
||||
<asp:ListItem Text="较大" Value="2" />
|
||||
<asp:ListItem Text="重大" Value="3" />
|
||||
</asp:DropDownList>
|
||||
<f:HiddenField ID="hdHiddenHazardType" runat="server" Text='<%# Eval("HiddenHazardType") %>'></f:HiddenField>
|
||||
</ItemTemplate>
|
||||
</f:TemplateField>
|
||||
<f:RenderField Width="100px" ColumnID="Requirement" DataField="Requirement" FieldType="string" HeaderTextAlign="Center"
|
||||
HeaderText="整改要求">
|
||||
<Editor>
|
||||
<f:TextBox ID="tRequirement" runat="server" MaxLength="800" ShowRedStar="true" Required="true">
|
||||
</f:TextBox>
|
||||
</Editor>
|
||||
</f:RenderField>
|
||||
<f:TemplateField ColumnID="LimitTime" Width="100px" HeaderText="整改期限" HeaderTextAlign="Center"
|
||||
TextAlign="Left">
|
||||
<ItemTemplate>
|
||||
<asp:TextBox ID="txtLimitTimes" runat="server" Text='<%# Eval("LimitTime")!=null? ConvertDate(Eval("LimitTime")):"" %>'
|
||||
Width="98%" CssClass="Wdate" Style="width: 98%; cursor: hand" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd',skin:'whyGreen'})"
|
||||
BorderStyle="None">
|
||||
</asp:TextBox>
|
||||
</ItemTemplate>
|
||||
</f:TemplateField>
|
||||
<f:LinkButtonField HeaderText="整改前" ConfirmTarget="Top" Width="80" CommandName="AttachUrl"
|
||||
TextAlign="Center" ToolTip="整改照片" Text="详细" />
|
||||
<f:RenderField Width="100px" ColumnID="RectifyResults" DataField="RectifyResults" FieldType="string"
|
||||
HeaderText="整改结果">
|
||||
<Editor>
|
||||
<f:TextBox ID="txtRectifyResults" runat="server" MaxLength="800" LabelWidth="160px">
|
||||
</f:TextBox>
|
||||
</Editor>
|
||||
</f:RenderField>
|
||||
<f:LinkButtonField ColumnID="ReAttachUrl" HeaderText="整改后" ConfirmTarget="Top" Width="80" CommandName="ReAttachUrl"
|
||||
TextAlign="Center" ToolTip="整改照片" Text="整改后" />
|
||||
<f:TemplateField ColumnID="IsRectify" HeaderText="合格" HeaderTextAlign="Center" TextAlign="Center" Width="60px">
|
||||
<ItemTemplate>
|
||||
<asp:DropDownList ID="drpIsRectify" runat="server">
|
||||
<asp:ListItem Value="false">否</asp:ListItem>
|
||||
<asp:ListItem Value="true">是</asp:ListItem>
|
||||
</asp:DropDownList>
|
||||
<f:HiddenField ID="hdIsRectify" runat="server" Text='<%# Eval("IsRectify") %>'></f:HiddenField>
|
||||
</ItemTemplate>
|
||||
</f:TemplateField>
|
||||
<f:LinkButtonField ID="del" ColumnID="del" HeaderText="删除" Width="60px" CommandName="delete"
|
||||
Icon="Delete" />
|
||||
<f:RenderField HeaderText="报告明细id" ColumnID="hdCheckReportItemId" DataField="CheckReportItemId" FieldType="String" Hidden="true">
|
||||
</f:RenderField>
|
||||
</Columns>
|
||||
</f:Grid>
|
||||
</Items>
|
||||
</f:FormRow>
|
||||
</Rows>
|
||||
</f:Form>
|
||||
<f:Form ID="Form3" ShowBorder="false" ShowHeader="false" AutoScroll="true"
|
||||
BodyPadding="10px" runat="server" RedStarPosition="BeforeText" LabelAlign="Right">
|
||||
<Rows>
|
||||
<f:FormRow runat="server" ID="next">
|
||||
<Items>
|
||||
<f:DropDownList ID="drpSignPerson" runat="server" Label="整改责任人：项目安全经理" LabelWidth="200px"
|
||||
LabelAlign="Right" EnableEdit="true" ShowRedStar="true">
|
||||
</f:DropDownList>
|
||||
<f:Label runat="server"></f:Label>
|
||||
</Items>
|
||||
</f:FormRow>
|
||||
</Rows>
|
||||
</f:Form>
|
||||
</Items>
|
||||
</f:Panel>
|
||||
<f:Window ID="WindowAtt" Title="弹出窗体" Hidden="true" EnableIFrame="true" EnableMaximize="true"
|
||||
Target="Parent" EnableResize="false" runat="server" IsModal="true" Width="700px"
|
||||
Height="500px">
|
||||
</f:Window>
|
||||
<div id="imgID1" style="position: absolute; left: 0; top: 0; width: 300px; height: 300px; z-index: 99999999;">
|
||||
<img src="" alt="Alternate Text" style="width: 100%; height: auto;" />
|
||||
</div>
|
||||
</form>
|
||||
<script type="text/javascript">
|
||||
var imgID = '<%=Grid1.ClientID %>';
|
||||
F.ready(function () {
|
||||
var $wrap = $("#" + imgID)
|
||||
$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>
|
||||
|
||||
Reference in New Issue
Block a user