美文网首页
[xx项目前端静态页面三]库存主页

[xx项目前端静态页面三]库存主页

作者: 丿沧海一粟丿 | 来源:发表于2017-08-21 15:19 被阅读0次
image.png

···
@{
ViewBag.Title = "userinfo";
Layout = "../Shared/_LayoutIndex.cshtml";
}
<link href="~/scripts/lf/style.lf.css" rel="stylesheet" />

<div class="u-container">

<div class="row top_margin">
    <div class="col-md-1">
        <button class="btn disabled btn-default">产品</button>
    </div>
    <div class="col-md-11">
        <button class="btn btn-primary">全部</button>
        <button class="btn btn-default">上架商品</button>
        <button class="btn btn-default">下架商品</button>
    </div>
</div>

<div class="row top_margin">
    <div class="col-md-1">
        <button class="btn disabled btn-default">类别</button>
    </div>
    <div class="col-md-11">
        <button class="btn btn-primary">不锈钢带材</button>
        <button class="btn btn-default">不锈钢棒</button>
        <button class="btn btn-default">铜材</button>
    </div>
</div>

<div class="row top_margin">
    <div class="col-md-1">
        <button class="btn disabled btn-default">材质</button>
    </div>
    <div class="col-md-11">
        <button class="btn btn-primary">全部</button>
        <button class="btn btn-default">SUS301</button>
        <button class="btn btn-default">SUS304</button>
    </div>
</div>

<div class="row top_margin">
    <div class="col-md-1">
        <button class="btn disabled btn-default">硬度</button>
    </div>
    <div class="col-md-11">
        <button class="btn btn-primary">全部</button>
        <button class="btn btn-default">1/2H</button>
        <button class="btn btn-default">3/4H</button>
        <button class="btn btn-default">H</button>
    </div>
</div>

<div class="row top_margin">
    <div class="col-md-1">
        <button class="btn disabled btn-default">厚度</button>
    </div>
    <div class="col-md-11">
        <button class="btn btn-primary">全部</button>
        <button class="btn btn-default"><0.05</button>
        <button class="btn btn-default">0.05~0.2</button>
        <button class="btn btn-default">0.2~0.5</button>
        <button class="btn btn-default">0.5~0.8</button>
        <button class="btn btn-default">>0.8</button>
        <div class="sto-thickness">
            自定义查询
            <input type="text" class="sto-thickness-lowest"/>
            --
            <input type="text" class="sto-thickness-highest" />
            <button class="btn btn-warning">查询</button>
            <button class="btn btn-danger">重置</button>
        </div>
    </div>
</div>

<div class="row top_margin">
    <div class="col-md-1">
        <button class="btn disabled btn-default">宽度</button>
    </div>
    <div class="col-md-11">
        <button class="btn btn-primary">全部</button>
        <button class="btn btn-default"><0.05</button>
        <button class="btn btn-default">0.05~0.2</button>
        <button class="btn btn-default">0.2~0.5</button>
        <button class="btn btn-default">0.5~0.8</button>
        <button class="btn btn-default">>0.8</button>
        <div class="sto-thickness">
            自定义查询
            <input type="text" class="sto-thickness-lowest" />
            --
            <input type="text" class="sto-thickness-highest" />
            <button class="btn btn-warning">查询</button>
            <button class="btn btn-danger">重置</button>
        </div>
    </div>
</div>
@*  *@
<div class="row top_margin left_margin title sto-total-count-view">
    共:<span class="count">16</span>
    数量:<span class="count">103047.12kg</span>
    <button class="btn btn-default pull-right sto-total-download">格式下载</button>
    <button class="btn btn-default pull-right sto-total-upload">批量上传</button>
    <button class="btn btn-default pull-right sto-total-add">单条添加</button>
</div>
<div class="row top_margin left_margin">
    <table class="table">
        <thead class="align-items-center ord-title-bg">
            <tr>
                <td><input type="checkbox" /></td>
                <td>材料名称</td>
                <td>厂家</td>
                <td>厚度↓</td>
                <td>宽度↓</td>
                <td>单价</td>
                <td>仓位</td>
                <td>数量↓</td>
                <td>备注</td>
                <td>上下架</td>
                <td>操作</td>
            </tr>
        </thead>
        <tbody>
            <tr class="ord-body-1">
                <td><input type="checkbox" /></td>
                <td>SUS301-1/2H </td>
                <td>太钢</td>
                <td>0.6</td>
                <td>52</td>
                <td>17</td>
                <td>深圳</td>
                <td>5629</td>
                <td>2017.3新料,公差偏小</td>
                <td>1</td>
                <td>
                    <button class="btn btn-warning">编辑</button>
                    <button class="btn btn-danger">删除</button>
                </td>
            </tr>
            <tr class="ord-body-2">
                <td><input type="checkbox" /></td>
                <td>SUS301-1/2H </td>
                <td>太钢</td>
                <td>0.6</td>
                <td>52</td>
                <td>17</td>
                <td>深圳</td>
                <td>5629</td>
                <td>2017.3新料,公差偏小</td>
                <td>1</td>
                <td>
                    <button class="btn btn-warning">编辑</button>
                    <button class="btn btn-danger">删除</button>
                </td>
            </tr>
        </tbody>
    </table>
</div>
<div class="top_margin">
    <button class="btn btn-danger">删除</button>
    <button class="btn btn-success">上架</button>
    <button class="btn btn-warning">下架</button>
</div>
<div class="top_margin text-center">
    <button class="btn btn-default">共<span class="count">233</span>条数据,点击显示更多...</button>
</div>

</div>

<script src="~/scripts/lf/order.lf.js"></script>
···

相关文章

网友评论

      本文标题:[xx项目前端静态页面三]库存主页

      本文链接:https://www.haomeiwen.com/subject/fnocdxtx.html