http://aqvatarius.com/themes/atlant/html/ui-icons.html

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="SignOrder.aspx.cs" Inherits="MIRService.SignOrder" %>

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8" />

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

<title>订单签收</title>

<META HTTP-EQUIV="pragma" CONTENT="no-cache">

<META HTTP-EQUIV="Cache-Control" CONTENT="no-store, must-revalidate">

<meta name="description" content="" />

<meta name="author" content="Administrator" />

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

<link href="css/bootstrap/bootstrap.min.css" rel="stylesheet" type="text/css" />

</head>

<body>

<form id="form1" runat="server" action="val02.aspx" method="post" class="form-inline">

  <div class="container-fluid">

      <div class="page-header">

        <h2 class="text-center"><small>订单号：</small><%=ht["SOURCEBILLNO"] %></h2>

    </div>

    <div class="panel panel-default">

      <div class="panel-heading">订单基本信息</div>

      <div class="panel-body">

          <ul class="list-group">

          <li class="list-group-item list-group-item-success"><small>联系人：</small><%=ht["CONTACTNAME"] %></li>

          <li class="list-group-item list-group-item-info">

            <small>地址：</small><%=ht["SENDADDRESS"] %>

          </li>

          <li class="list-group-item list-group-item-danger">

              <small>总金额：</small><strong><%=ht["TOTALMONEY"] %></strong>

          </li>

        </ul>

      </div>

    </div>

    <table class="table table-condensed">

      <thead>

          <tr>

            <th>物料名称</th>

            <th>数量</th>

        </tr>

      </thead>

      <tbody>

        <%

                    foreach(Hashtable t in list)

                    {

                        %>

        <tr>

          <td><%=t["PRODUCTNAME"] %></td>

          <td><%=t["QUANTITY"] %></td>

        </tr>

        <%

                    }

                %>

      </tbody>

    </table>

    <div class="well text-center">

        <div class="form-group">

            <input name="loginid" type="text" class="form-control" placeholder="工号"/>

            <input type="hidden" name="orderid" value="<%=ht["FROMSTORE"] %>" />

        </div>

        <button class="btn btn-success">签收</button>

    </div>

  </div>

</form>

</body>

</html>

bootstrap简单的签收页面的更多相关文章

  1. 利用Bootstrap框架制作查询页面的界面

    UI设计实战篇——利用Bootstrap框架制作查询页面的界面   Bootstrap框架是一个前端UI设计的框架,它提供了统一的UI界面,简化了设计界面UI的过程(缺点是定制了界面,调整的余地不是太 ...

  2. Bootstrap简单入门

    Bootstrap简单入门 BootStrap基本模板 <!DOCTYPE html> <html> <head> <meta charset="U ...

  3. Bootstrap <基础二十三>页面标题（Page Header）

    页面标题(Page Header)是个不错的功能,它会在网页标题四周添加适当的间距.当一个网页中有多个标题且每个标题之间需要添加一定的间距时,页面标题这个功能就显得特别有用.如需使用页面标题(Page ...

  4. FineUI小技巧（1）简单的购物车页面

    起因 最初是一位 FineUI 网友对购物车功能的需求,需要根据产品单价和数量来计算所有选中商品的总价. 这个逻辑最好在前台使用JavaScript实现,如果把这个逻辑移动到后台C#实现,则会导致过多 ...

  5. 基于Bootstrap简单实用的tags标签插件

    http://www.htmleaf.com/jQuery/ jQuery之家 自由分享jQuery.html5和css3的插件库 基于Bootstrap简单实用的tags标签插件

  6. Bootstrap做的HTML页面在本地IE打开正常，放到服务器上显示就不正常了

    <meta name="renderer" content="webkit"> <meta http-equiv="X-UA-Com ...

  7. tkinter做一个简单的登陆页面

    做一个简单的登陆页面 import tkinter wuya = tkinter.Tk() wuya.title("wuya") wuya.geometry("900x3 ...

  8. tkinter做一个简单的登陆页面（十六）

    做一个简单的登陆页面 import tkinter wuya = tkinter.Tk() wuya.title("wuya") wuya.geometry("900x3 ...

  9. PWA 入门: 写个非常简单的 PWA 页面

    Progressive Web Apps 是 Google 提出的用前沿的 Web 技术为网页提供 App 般使用体验的一系列方案. 这篇文章里我们来完成一个非常简单的 PWA 页面. 一个 PWA ...

随机推荐

  1. INSPIRED启示录 读书笔记 - 第38章 打造企业级产品的经验

    十大要点 1.可用性:很少有企业开发这类软件时会进行交互设计.视觉设计.可用性测试,因此产品才会表现得如此糟糕 2.产品正常工作:多数企业级产品根本没法使用,或者还需花大量的时间和资金开发临时补丁,产 ...

  2. 在Visual Studio中使用VueJS时，不可以用 v-bind 的简写 ： 及 v-on的简写 @

    在Visual Studio中使用VueJS时,不可以用 v-bind 的简写 : 及 v-on的简写 @ 一方面 @符号和 Razor引擎冲突, 另外,当使用VS的格式化代码功能时, 会把 html ...

  3. IDEA: 遇到问题Error during artifact deployment. See server log for details.详解

    IDEA 的配置确实有些烦人,完整的配置我之前发过,现在有个著名的报错: Error during artifact deployment. See server log for details. 这 ...

  4. /var/spool/clientmqueue 爆满问题

    当你使用简单的sendmail发邮件的时候,或者系统默认要发一些邮件(比如cron发的邮件)的时候,首先会把邮件拷贝到这个目录里,然后等待MTA(mail transfer agent) 来处理,MT ...

  5. QPixmap显示图片 并 修改图片

    http://hi.baidu.com/eygaqurchnbhsyq/item/2b9624006120f2edff240d42 QPixmap显示图片 现在我们来实现在窗口上显示图片,并学习怎样将 ...

  6. 根据图片名字在drawable中得到图片

    int imageId = context.getResources().getIdentifier("图片的名字","drawable", "包名& ...

  7. shitf+tab

    在eclipse中,shitf+tab可以使代码向左移动.

  8. review02

    位运算符 按为与运算符和按位或运算符都是二目运算符 按位非运算符是单目运算符 按位异或运算符的法则有: a^a=0; a^0=a; a^b^b=a; instanceof是二目运算符,左边的操作是一个 ...

  9. docker安装 之 ---CentOS 7 系统脚本自动安装

    [使用脚本自动安装] 在测试或开发环境中Docker官方为了简化安装流程,提供了一套便捷的安装脚本,CentOS系统上可以使用这套脚本安装: $ curl -fsSL get.docker.com - ...

  10. Linux脚本基础

    1.文本编辑 命令模式快捷键命令 命令 作用 dd 删除(剪切)光标所在整行. 5dd 删除(剪切)从光标处开始的5行. yy 复制光标所在整行. 5yy 复制从光标处开始的5行. n 显示搜索命令定 ...