cloud_apply_input.html 8.22 KB
<!DOCTYPE html>
<html>
<head>
    <title>云数据-各项申请</title>
    #parse("sys/header.html")
    <link href="${rc.contextPath}/statics/plugins/umeditor/themes/default/_css/umeditor.css" type="text/css"
          rel="stylesheet">
    <link href="${rc.contextPath}/js/jk/bootstrap-datetimepicker.min.css" type="text/css" rel="stylesheet">
    <script type="text/javascript"
            src="${rc.contextPath}/statics/plugins/umeditor/third-party/template.min.js"></script>
    <script type="text/javascript" charset="utf-8"
            src="${rc.contextPath}/statics/plugins/umeditor/umeditor.config.js"></script>
    <script type="text/javascript" charset="utf-8"
            src="${rc.contextPath}/statics/plugins/umeditor/_examples/editor_api.js"></script>
    <script type="text/javascript" src="${rc.contextPath}/statics/plugins/umeditor/lang/zh-cn/zh-cn.js"></script>
    <script src="${rc.contextPath}/statics/libs/ajaxupload.js"></script>
    <script src="${rc.contextPath}/js/jk/bootstrap-datetimepicker.js"></script>
    <script src="${rc.contextPath}/js/jk/bootstrap-datetimepicker.zh-CN.js"></script>

</head>
<body>
<div id="rrapp" v-cloak>
    <div v-show="showList">
        <div class="grid-btn">

            <a class="btn btn-primary" @click="add"><i class="fa fa-plus"></i>&nbsp;新增</a>

            <a class="btn btn-primary" @click="update"><i class="fa fa-pencil-square-o"></i>&nbsp;修改</a>

            <a class="btn btn-primary" @click="del"><i class="fa fa-trash-o"></i>&nbsp;删除</a>

        </div>
        <table id="jqGrid"></table>
        <div id="jqGridPager"></div>
    </div>

    <div v-show="!showList" class="panel panel-default">
        <div class="panel-heading">{{title}}</div>
        <form class="form-horizontal">


            <!--startprint1-->
            <div id="pri">

                <div class="container">
                    <div class="row">
                        <div class="col-sm-12">

                            <table class="table  table-bordered ">
                                <thead>
                                <tr>
                                    <th>
                                        各项申请

                                    </th>

                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <td>
                                        申请类型

                                    </td>
                                    <td>
                                        <select class="form-control" v-model="apply.type">
                                            <option value="1">推优入党</option>
                                            <option value="2">法律援助</option>
                                            <option value="3">信访接待</option>

                                        </select>

                                    </td>
                                    <td>
                                        申请时间
                                    </td>
                                    <td>
                                        <div class="input-group date form_date ">
                                            <input class="form-control" size="16" type="text" value=""
                                                   class="form-control"
                                                   placeholder="申请时间" id="pubDate" v-model="apply.apTime" readonly>
                                            <span class="input-group-addon">
                    	<span class="glyphicon glyphicon-remove"></span></span>
                                        </div>
                                    </td>

                                </tr>
                                <tr>
                                    <td>
                                        申请者姓名
                                    </td>
                                    <td>
                                        <input type="text" class="form-control" v-model="apply.apName"
                                               placeholder="申请者姓名"/>


                                    </td>
                                    <td>
                                        申请者手机号
                                    </td>
                                    <td>
                                        <input type="text" class="form-control" v-model="apply.apTel"
                                               placeholder="申请者手机号"/>

                                    </td>
                                    <td>
                                        申请者性别
                                    </td>
                                    <td>
                                        <label class="radio-inline">
                                            <input type="radio" name="sexual" value="1" v-model="apply.sexual"/>
                                        </label>
                                        <label class="radio-inline">
                                            <input type="radio" name="sexual" value="2" v-model="apply.sexual"/>
                                        </label>
                                    </td>



                                </tr>
                                <tr>
                                    <td>
                                        工作单位
                                    </td>
                                    <td>
                                        <input type="text" class="form-control" v-model="apply.work"
                                               placeholder="工作单位"/>

                                    </td>
                                    <td>
                                        职位
                                    </td>
                                    <td>
                                        <input type="text" class="form-control" v-model="apply.job" placeholder="职位"/>

                                    </td>
                                    <td>
                                        事由
                                    </td>
                                    <td>
                                        <textarea type="text" class="form-control" v-model="apply.reason"
                                                  placeholder="事由"></textarea>

                                    </td>

                                </tr>


                                </tbody>
                            </table>


                        </div>
                    </div>
                </div>

            </div>
            <!--endprint1-->


            <div class="form-group">

            </div>


            <div class="form-group">
                <div class="col-sm-2 control-label"></div>
                <input type="button" class="btn btn-primary" @click="saveOrUpdate" id="baseInfoSave" value="确定"/>
                &nbsp;&nbsp;<input v-show="showCancelButton" type="button" class="btn btn-warning" @click="reload"
                                   value="返回"/>
                &nbsp;&nbsp;<input type="button" class="btn btn-info" onclick="javascript:printit('pri');" value="打印"/>
            </div>
        </form>
    </div>
</div>

<script src="${rc.contextPath}/js/clouddata/cloudapplyinput.js?_${date.systemTime}"></script>
<script type="text/javascript">

    $('.form_date').datetimepicker({
        //年月日
        format: 'yyyy-mm-dd',
        language: 'fr',
        weekStart: 1,
        todayBtn: 1,
        autoclose: 1,
        todayHighlight: 1,
        startView: 2,
        minView: 2,
        forceParse: 0
    });

    function printit(MyDiv) {

        //var newstr = document.all.item(myDiv).innerHTML;
        var newstr = document.getElementById(MyDiv).innerHTML;
        //alert(newstr);
        var oldstr = document.body.innerHTML;
        document.body.innerHTML = newstr;
        window.print();
        document.body.innerHTML = oldstr;
        return false;

    };
    $('.form_date').datetimepicker()
        .on('hide', function (ev) {
            vm.apply.apTime = $("#pubDate").val();
        });

</script>
</body>
</html>