第四十三天 layui弹出可编辑框

由于审核信息需要弹出框，而且弹出框里面又要添加审核信息说明还要添加一个radion选择。
思路：先在jsp拼写好需要展示的代码；
然后通过LayUi展示，
最后根据显示调整位置。
代码：

 <div style="display: none;" id="changeArea" class="change-pas-box">
    <form id="fromChangeArea" action="${ctx}/railway/oil-inventory!audit.do">
        <table width="80%" border="0" cellspacing="0" cellpadding="0">
            <tr>
            <td width="80px" style="line-height:35px;">审核状态：</td>
            <td style="text-align:left;">
                <label style="padding-right:10px;"> <input id="auditState" name="auditState" type="radio" value="002"  checked="checked" style="position: relative;top: 5px;" />&nbsp;通过</label>
                <label>                             <input id="auditState" name="auditState" type="radio" value="003" style="position: relative;top: 5px;"/>不通过</label>
            </td>
            </tr>
            
            <tr>
                <td align="left"  style="text-align:left;padding-top: 10px;">审核意见：</td>
            </tr>
            
            <tr>    
                <td colspan="2"><textarea id="auditContent" style="width:340px;height:170px;resize:none;margin-top:5px;"  name="content" class="layui-textarea" >审核通过</textarea></td>
            </tr>               
        </table>
    </form>
    </div>
    <script src="${ctx}/res/js/plugin/layui/layui.js" charset="utf-8"></script>
    <!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
    <script>
layui.use(['form', 'layedit', 'laypage','laydate','layer'], function(){
                var form = layui.form()
                    ,layer = layui.layer
                    ,layedit = layui.layedit
                    ,laypage = layui.laypage
                    ,laydate = layui.laydate;
  )];
function changeArea(chk_value) {
             layer.open({
                    type: 1,
                    btnAlign: 'c',
                    area: ['400px', '400px'],
                    title: '审核',
                    content: $("#changeArea"), 
                    btn:['提交','取消'],
                    btn1: function() {
                                         },
                                        btn2:function() {
                                        }
                    })
};