<?xml version="1.0" encoding="UTF-8"?>
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
<html xmlns="http://www.w3.org/1999/xhtml"
|
xmlns:c="http://java.sun.com/jsp/jstl/core"
|
xmlns:h="http://java.sun.com/jsf/html"
|
xmlns:f="http://java.sun.com/jsf/core"
|
xmlns:ui="http://java.sun.com/jsf/facelets">
|
<ui:composition template="/template/nit/tmp_brief.xhtml">
|
<ui:define name="acss">
|
<style>
|
#searchBtn {
|
height: 34px;
|
}
|
p.error {
|
color: #D9534F
|
}
|
input.error {
|
border: 1px solid #D9534F;
|
}
|
#listTable input{
|
width: 100%;
|
height: 100%;
|
border: 0px;
|
padding: 0px
|
}
|
#simple-table th,#simple-table td{
|
text-align: center;
|
padding: 2px 8px;
|
}
|
.bigger-95{
|
font-size: 95% !important;
|
}
|
.btn-xs, .btn-group-xs > .btn{
|
padding-top: 0px;
|
padding-bottom: 0px;
|
}
|
#form .control-label {
|
margin-right: -14px
|
}
|
.t-error{
|
color: red;
|
position: relative;
|
right: 2px;
|
top: 3px;
|
}
|
.table-responsive {
|
overflow-x: visible
|
}
|
#listTable th,#listTable td{
|
padding: 2px 8px !important;
|
text-align: center;
|
}
|
.twitter-typeahead {
|
width: 100%
|
}
|
.gai-name{
|
width:26%;
|
float:left;
|
text-align: right;
|
padding-right: 10px;
|
}
|
.gai-info{
|
width:72%;
|
float:left;
|
text-align: center;
|
line-height:20px;
|
min-height:28px;
|
/*border:1px solid #ddd;*/
|
}
|
.tt-menu {
|
width: 472px;
|
padding: 0px;
|
}
|
.bh, .mc, .gg, .dw {
|
text-align: center;
|
height: 30px;
|
border: 1px solid #CCC;
|
display: block;
|
float: left;
|
border-left: none;
|
}
|
.bh {
|
border-left: 1px solid #CCC;
|
width: 80px;
|
}
|
.mc, .gg {
|
width: 170px;
|
}
|
.dw {
|
width: 50px
|
}
|
.tt-suggestion{
|
overflow: hidden;
|
padding: 0px;
|
font-size: 14px
|
}
|
#bx {
|
background: #F7F7F7;
|
color: #707070;
|
overflow: hidden;
|
font-size: 14px;
|
font-weight: bold;
|
height: 25px;
|
}
|
</style>
|
</ui:define>
|
<ui:define name="acontent">
|
<input type="hidden" value="#{param.page}" id="p" />
|
<input type="hidden" value="#{param.keyword}" id="k" />
|
<div class="row">
|
<div class="col-md-12">
|
<form class="form-horizontal">
|
<div class="form-body">
|
<div class="form-group gai-wrap col-md-3 col-sm-6 col-xs-12">
|
<label class=" control-label gai-name">类型</label>
|
<div class="gai-info">
|
<!--<input type="text" class="form-control" placeholder="输入编号或名称查询" name="numberplates" data-bindd="value: o().numberplates, enable: canEdit" />-->
|
<select name="" id="" class="form-control" data-bind="value: type, options: tList, optionsText: 'key', optionsValue: 'value'"></select>
|
</div>
|
</div>
|
<div class="form-group gai-wrap col-md-3 col-sm-6 col-xs-12">
|
<label class=" control-label gai-name">一卡通</label>
|
<div class="gai-info">
|
<input type="text" class="form-control" placeholder="输入编号或名称查询" name="numberplates" data-bind="value: skeyword" />
|
</div>
|
</div>
|
<div class="form-group gai-wrap col-md-3 col-sm-6 col-xs-12">
|
<label class=" control-label gai-name">ERP</label>
|
<div class="gai-info">
|
<input type="text" class="form-control" placeholder="输入编号或名称查询" name="numberplates" data-bind="value: ckeyword" />
|
</div>
|
</div>
|
<div class="form-group gai-wrap col-md-3 col-sm-6 col-xs-12">
|
<button class="btn btn-sm btn-default" type="button" id="searchBtn">
|
<i class="ace-icon fa fa-search bigger-110"></i>
|
搜索
|
</button>
|
</div>
|
</div>
|
</form>
|
</div>
|
<!--<div class="col-xs-5">
|
<div class="input-group">
|
<input class="form-control input-mask-date" type="text" value="#{param.keyword}" id="keyword" placeholder="输入名称搜索" data-bind="value: keyword, valueUpdate: 'afterkeydown'" />
|
<span class="input-group-btn">
|
<button class="btn btn-sm btn-default" type="button" id="searchBtn">
|
<i class="ace-icon fa fa-search bigger-110"></i>
|
搜索
|
</button>
|
</span>
|
</div>
|
</div>
|
<div class="col-xs-7" style="text-align: right;">
|
<button class="btn btn-sm btn-success" type="button" id="save">
|
<i class="ace-icon fa fa-save bigger-110"></i>
|
保存
|
</button>
|
<button class="btn btn-sm btn-info" type="button" id="newObj">
|
<i class="ace-icon fa fa-plus bigger-110"></i>
|
添加
|
</button>
|
</div>-->
|
<div class="col-xs-12 table-responsive" style="margin-top: 8px;">
|
<table id="listTable" class="table table-bordered table-hover">
|
<thead>
|
<tr>
|
<th class="detail-col" style="min-width: 48px">序号</th>
|
<th style="min-width: 255px">一卡通物料名称</th>
|
<th class="hidden-480" style="min-width: 48px">一卡通物料规格</th>
|
<th class="hidden-480" style="min-width: 48px">一卡通物料编号</th>
|
<th style="min-width: 255px">ERP物料名称</th>
|
<th class="hidden-480" style="min-width: 48px">ERP物料规格</th>
|
<th class="hidden-480" style="min-width: 48px">ERP物料编号</th>
|
<th class="hidden-480" style="min-width: 48px">ERP物料计量单位</th>
|
<th style="min-width: 100px">换算</th>
|
<th style="min-width: 100px">操作</th>
|
</tr>
|
</thead>
|
|
<tbody data-bind="foreach: list">
|
<tr>
|
<td class="center">
|
<span data-bind="text: $index() + 1"></span>
|
</td>
|
|
<td class="hidden-480" data-bind="text: sysname"></td>
|
<td class="hidden-480" data-bind="text: sysnorms"></td>
|
<td class="hidden-480" data-bind="text: sysMaterielNo"></td>
|
<td>
|
<input type="text" class="mtableTypeahead name" data-bind="value: cname"/>
|
</td>
|
<td class="hidden-480" data-bind="text: cnorms"></td>
|
<td class="hidden-480" data-bind="text: cMaterielNo"></td>
|
<td class="hidden-480" data-bind="text: cunitname"></td>
|
<td>
|
<input type="text" class="name" data-bind="value: num, event: {blur: $parent.bind}"/>
|
</td>
|
<td>
|
<div class="btn-group">
|
<button class="btn btn-xs btn-danger" title="解绑" data-bind="click: $parent.unbind">
|
<!--<i class="ace-icon fa fa-pencil bigger-95"></i>-->
|
解绑
|
</button>
|
</div>
|
</td>
|
</tr>
|
</tbody>
|
</table>
|
<div id="pagdiv" style="margin-bottom: 400px"></div>
|
</div>
|
</div>
|
<div id="dialog-confirm" class="hide">
|
<div class="alert alert-info bigger-110" id="modalContent">
|
</div>
|
</div>
|
</ui:define>
|
<ui:define name="myscript">
|
<script src="#{request.contextPath}/business/js/typeahead.bundle.js"></script>
|
<script src="js/mapMaterial.js"></script>
|
</ui:define>
|
</ui:composition>
|
</html>
|
