<%--
  Created by IntelliJ IDEA.
  User: AndyCai
  Date: 2015/11/26
  Time: 14:05
  To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="utf-8" %>
<%@include file="/WEB-INF/ehr/commons/jsp/commonInclude.jsp" %>
<style type="text/css">
    .pane-attribute-toolbar{
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 50px;
        padding: 6px 0 4px;
        background-color: #fff;
        border-top: 1px solid #ccc;
        text-align: right;
    }
    .close-toolbar{
        margin-right: 20px;
    }

    input{
        height: 28px;
        width: 240px;
    }

    .table{
        margin-left: 30px;
    }

    .modal-body .table tr td {
        font-size: 12px;
        border: solid 0;
        padding: 5px 3px 5px 3px;
    }
    .modal-body td label{float: right;font-family: SimSun;font-size: 12px;padding-top: 4px;}
    .modal-footer button {
        width: 84px;
    }
    .modal-footer {
        border-top: 0;
        background-color:#fff;
    }
    .msg-modal {
        border-radius: 2px;
    }

    .msg-dialog {
        width: 322px;
    }

    .msg-body {
        height: 116px;
    }
    .modal-body .table input{
        font-family: SimSun;
        font-size: 12px;
        height: 30px;
        width: 240px;
    }
    .modal-body .table input[type="checkbox"] {
        height: 20px;
        width: 20px;
        margin-top: 0;
        margin-left: 10px;
    }
    .modal-body .table select {
        font-family: SimSun;
        font-size: 12px;
        height: 30px;
        width: 240px;
    }
    .modal-body .table textarea {
        color: inherit;
    }
    .addDataSetImg{
        margin-left:340px;
        margin-top: -25px;
        width: 22px;
        height: 22px;
        background: url(../../../images/add_btn_pre.png);
    }
    .image-search{
        margin-left:210px;
        margin-top: -25px;
        width: 20px;
        height: 20px;
        background: url(../../../images/Search_btn.png);
    }
    .image-search:hover{
        margin-left:210px;
        margin-top: -25px;
        width: 20px;
        height: 20px;
        background: url(../../../images/Search_btn_pre.png);
    }
    .version{
        margin-top: -40px;
    }
    .left-gmenu {
        width:400px;
        border: 1px solid #d3d3d3;
        border-left:0 ;
        border-bottom: 0;
        margin-left: 0;
    }
    .right-gmenu{
        top:50px;
        position: absolute;
        border: 1px solid #d3d3d3;
        border-right:0 ;
        border-bottom: 0;
        margin-left: 420px;
    }

    .dataExplain{
        height: 180px;
        width: 240px;
    }
    .metaDataExplain{
        width: 576px;
        height: 120px;
    }
    .metaData-width{
        width: 660px;
    }
    .condition input,
    .condition select{
        font-family: SimSun;
        font-size: 12px;
        height: 30px;
        width: 240px;
    }
    .condition button {
        width: 84px;
    }
    .modal-body .table tr .split-line{
        border-top: 0;
    }
    .modal-body .table td .criterionDict{
        width: 250px;
    }
    .checkbox-title{
        line-height: 20px;
    }

    .chexkbox-null{
        margin-left: 150px;
        margin-top: -30px;
    }

    .btn-isnull:after{
        display: inline-block;
        content: '*';
        color: #FF0000;
    }
    .td-left{
        text-align: left;
    }
</style>
<%--<div id="div_set_info_form" data-role-form class="m-form-inline f-mt20">--%>
<div class="modal-dialog metaData-width" id="div_element_info_form" data-role-form>
    <div class="modal-content">
        <div class="modal-body f-tac">
            <table class="table">
                <tr>
                    <th colspan="4" class="f-fwb split-line" style="font-size: 15px;"><spring:message
                            code="title.basic.attribute"/></th>
                </tr>
                <tr>
                    <td>
                        <label><spring:message code="lbl.code"/><spring:message code="spe.colon"/></label>
                    </td>
                    <td class="btn-isnull td-left">
                        <input id="metaDataCode" class="required useTitle"  style="width: 227px;" required-title="不能为空" data-attr-scan="code"/>
                    </td>
                    <td>
                        <label><spring:message code="lbl.designation"/><spring:message code="spe.colon"/></label>
                    </td>
                    <td class="btn-isnull td-left">
                        <input id="metaDataName" class="required useTitle" style="width: 227px;" required-title="不能为空" data-attr-scan="name"/>
                    </td>
                </tr>
                <tr>
                    <td>
                        <label><spring:message code="lbl.inside.code"/><spring:message code="spe.colon"/></label>
                    </td>
                    <td class="btn-isnull td-left">
                        <input id="metaDataInnerCode" class="required useTitle"  style="width: 227px;" required-title="不能为空"
                               data-attr-scan="innerCode"/>
                    </td>
                    <td>
                        <label><spring:message code="lbl.metaData.type"/><spring:message code="spe.colon"/></label>
                    </td>
                    <td class="td-left">
                        <input id="metaDataType" class="required useTitle"  style="width: 227px;" data-attr-scan="type"/>
                    </td>
                </tr>
                <tr>
                    <td>
                        <label><spring:message code="lbl.verify.dict"/><spring:message code="spe.colon"/></label>
                    </td>
                    <td class="td-left">
                        <input type="text" id="criterionDict" style="width: 227px;" placeholder="请选择检验字典"/>
                        <%--<input id="metaDataDict"/>--%>
                        <%--<select id="criterionDict" data-type="select" data-placeholder="请选择检验字典" data-attr-scan="dictId"></select>--%>
                    </td>
                    <td>
                        <label><spring:message code="lbl.format"/><spring:message code="spe.colon"/></label>
                    </td>
                    <td class="td-left">
                        <input id="metaDataFormat" class="required useTitle"  style="width: 227px;"
                               data-attr-scan="formatType"/>
                    </td>
                </tr>
                <tr>
                    <td>
                        <label><spring:message code="lbl.definition"/><spring:message code="spe.colon"/></label>
                    </td>
                    <td colspan="3" class="td-left">
                        <textarea id="metaDataDefinition" class="metaDataExplain" style=" width: 563px;"
                                  data-attr-scan="definition"></textarea>
                    </td>
                </tr>
                <tr>
                    <th colspan="4" class="f-fwb" style="font-size: 15px;"><spring:message
                            code="title.database.attribute"/></th>
                </tr>
                <tr>
                    <td>
                        <label><spring:message code="lbl.field.name"/><spring:message code="spe.colon"/></label>
                    </td>
                    <td class="btn-isnull td-left">
                        <input id="fieldName" data-attr-scan="columnName"  style="width: 227px;"/>
                    </td>
                    <td >
                        <label><spring:message code="lbl.field.length"/><spring:message code="spe.colon"/></label>
                    </td>
                    <td class="td-left">
                        <input id="fieldLength" data-attr-scan="columnLength"  style="width: 227px;"/>
                    </td>
                </tr>
                <tr>
                    <td>
                        <label><spring:message code="lbl.data.type"/><spring:message code="spe.colon"/></label>
                    </td>
                    <td class="td-left">
                        <%-- <input id="datatype" />--%>
                        <select id="datatype" data-type="select" data-attr-scan="code"  style="width: 227px;">
                            <option value="VARCHAR">VARCHAR</option>
                            <option value="INT">INT</option>
                            <option value="FLOAT">FLOAT</option>
                            <option value="DOUBLE">DOUBLE</option>
                            <option value="CHAR">CHAR</option>
                            <option value="TEXT">TEXT</option>
                            <option value="DATE">DATE</option>
                        </select>
                    </td>
                    <th colspan="2" class="split-line">
                        <div class="f-fs12 f-ml5">
                            <div>
                                <label class="checkbox checkbox-title" style="width: 60px;"><spring:message
                                        code="lbl.whether.key"/><spring:message code="spe.colon"/>
                                </label>
                                <input type="checkbox" id="primaryKey" name="primaryKeyName" style="position: absolute;margin-top: -30px; margin-left: 70px;"/>
                            </div>
                        </div>
                        <div class="f-fs12 chexkbox-null">
                            <div>
                                <label class="checkbox checkbox-title" style="width: 60px;"><spring:message
                                        code="lbl.whether.null"/><spring:message code="spe.colon"/>
                                </label>
                                <input type="checkbox" id="whetherNull" name="whetherNullName" style="position: absolute;margin-top: -30px;margin-left: 70px;"/>
                            </div>
                        </div>
                    </th>
                </tr>
            </table>
        </div>
    </div>
    <div class="m-form-control pane-attribute-toolbar">
        <div class="l-button u-btn u-btn-primary u-btn-large f-ib f-vam" id="btn_save">
            <span>保存</span>
        </div>
        <div class="l-button u-btn u-btn-cancel u-btn-large f-ib f-vam close-toolbar" id="btn_close">
            <span>关闭</span>
        </div>
    </div>
</div>

<input type="hidden" id="hdId" value=""/>
<input type="hidden" id="hdsetid" value=""/>
<input type="hidden" id="hdversion" value=""/>
<input type="hidden" id="hd_url" value="${contextRoot}"/>

<%--</div>--%>
