cloud_committe_input.html 14.1 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="true" 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-responsive">

                            <table class="table  table-bordered "  style="border-spacing:0 0.5rem;">
                                <thead>
                                <tr>
                                    <th>
                                        基本情况

                                    </th>

                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <td>
                                        任期开始时间
                                    </td>
                                    <td>
                                        <div class="input-group date form_date ">
                                            <input class="form-control" size="16" type="text" value=""  class="form-control"
                                                   placeholder="任期开始时间" id="termStartDate" v-model="committeeinfo.termStartDate" readonly >
                                            <span class="input-group-addon">
                    	<span class="glyphicon glyphicon-remove"></span></span>
                                        </div>
                                    </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="termEndDate" v-model="committeeinfo.termEndDate" readonly >
                                        <span class="input-group-addon">
                    	<span class="glyphicon glyphicon-remove"></span></span>
                                        </div>
                                    </td>
                                    <td>
                                        是否建立女职工委员会
                                    </td>
                                    <td>
                                        <label class="radio-inline">
                                            <input type="radio" name="type1" value="1" v-model="committeeinfo.isBuildWomen"/>
                                        </label>
                                        <label class="radio-inline">
                                            <input type="radio" name="type1" value="0" v-model="committeeinfo.isBuildWomen"/>
                                        </label>

                                    </td>
                                </tr>
                                <tr>
                                    <td>

                                        是否建立经费审查委员会

                                    </td>
                                    <td>
                                        <label class="radio-inline">
                                            <input type="radio" name="type2" value="1" v-model="committeeinfo.isBuildFund"/>
                                        </label>
                                        <label class="radio-inline">
                                            <input type="radio" name="type2" value="0" v-model="committeeinfo.isBuildFund"/>
                                        </label>
                                    </td>
                                    <td>
                                        是否有工会印章
                                    </td>
                                    <td>
                                        <label class="radio-inline">
                                            <input type="radio" name="type5" value="1" v-model="committeeinfo.isHaveSeal"/>
                                        </label>
                                        <label class="radio-inline">
                                            <input type="radio" name="type5" value="0" v-model="committeeinfo.isHaveSeal"/>
                                        </label>
                                    </td>

                                    <td>
                                        是否成立劳动争议调解委员会
                                    </td>
                                    <td>
                                        <label class="radio-inline">
                                            <input type="radio" name="type10" value="1" v-model="committeeinfo.isBuildLabourDispute"/>
                                        </label>
                                        <label class="radio-inline">
                                            <input type="radio" name="type10" value="0" v-model="committeeinfo.isBuildLabourDispute"/>
                                        </label>
                                    </td>

                                </tr>
                                <tr>
                                    <td>

                                        是否有工会法人资格证

                                    </td>
                                    <td>
                                        <label class="radio-inline">
                                            <input type="radio" name="type6" value="1" v-model="committeeinfo.isHaveCorporate"/>
                                        </label>
                                        <label class="radio-inline">
                                            <input type="radio" name="type6" value="0" v-model="committeeinfo.isHaveCorporate"/>
                                        </label>
                                    </td>

                                    <td  v-show="committeeinfo.isHaveCorporate==1"  >
                                        工会法人资格证有效日期开始时间
                                    </td>
                                    <td  v-show="committeeinfo.isHaveCorporate==1">
                                        <div class="input-group date form_date ">
                                            <input class="form-control" size="16" type="text" value=""  class="form-control"
                                                   placeholder="开始时间" id="corporateStartDate" v-model="committeeinfo.corporateStartDate" readonly >
                                            <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
                                        </div>
                                    </td>
                                    <td v-show="committeeinfo.isHaveCorporate==1">
                                        工会法人资格证有效日期结束时间
                                    </td>
                                    <td  v-show="committeeinfo.isHaveCorporate==1">
                                        <div class="input-group date form_date ">
                                            <input class="form-control" size="16" type="text" value=""  class="form-control"
                                                   placeholder="结束时间" id="corporateEndDate" v-model="committeeinfo.corporateEndDate" readonly >
                                            <span class="input-group-addon">
                    				<span class="glyphicon glyphicon-remove"></span></span>
                                        </div>
                                    </td>



                                </tr>
                                <tr>
                                    <td>

                                        是否有工会组织机构代码证

                                    </td>
                                    <td>
                                        <label class="radio-inline">
                                            <input type="radio" name="type7" value="1" v-model="committeeinfo.isHaveUnionCode"/>
                                        </label>
                                        <label class="radio-inline">
                                            <input type="radio" name="type7" value="0" v-model="committeeinfo.isHaveUnionCode"/>
                                        </label>
                                    </td>
                                    <td v-show="committeeinfo.isHaveUnionCode==1">
                                        工会组织机构代码

                                    </td>
                                    <td v-show="committeeinfo.isHaveUnionCode==1">
                                        <input type="text" class="form-control" v-model="committeeinfo.codeNumber" placeholder="工会组织机构代码"/>

                                    </td>
                                    <td>
                                        是否有工会单独经费账户
                                    </td>
                                    <td>
                                        <label class="radio-inline">
                                            <input type="radio" name="type8" value="1" v-model="committeeinfo.isHaveSeparateAccount"/>
                                        </label>
                                        <label class="radio-inline">
                                            <input type="radio" name="type8" value="0" v-model="committeeinfo.isHaveSeparateAccount"/>
                                        </label>
                                    </td>


                                </tr>
                                <tr>
                                    <td>

                                        是否成立分会/小组

                                    </td>
                                    <td>
                                        <label class="radio-inline">
                                            <input type="radio" name="type9" value="1" v-model="committeeinfo.isBuildGroup"/>
                                        </label>
                                        <label class="radio-inline">
                                            <input type="radio" name="type9" value="0" v-model="committeeinfo.isBuildGroup"/>
                                        </label>
                                    </td>
                                    <td v-show="committeeinfo.isBuildGroup ==1">
                                        分会/小组个数
                                    </td>
                                    <td v-show="committeeinfo.isBuildGroup ==1">
                                        <input type="number" class="form-control" v-model="committeeinfo.groupCount" placeholder="分会/小组个数"/>



                                </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" value="确定"/>
                &nbsp;&nbsp;
                <input type="button" class="btn btn-warning" @click="reset" 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/committeinfo.js?_${date.systemTime}"></script>
<script type="text/javascript">

    $('.form_date').datetimepicker({
        //年月日
        format: 'yyyy-mm-dd',
        language: 'zh-CN',
        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;
        window.location.reload();
        return false;

    };
    $('.form_date').datetimepicker()
        .on('hide', function (ev) {
            vm.committeeinfo.termEndDate=$("#termEndDate").val();
            vm.committeeinfo.termStartDate=$("#termStartDate").val();
            vm.committeeinfo.corporateStartDate=$("#corporateStartDate").val();
            vm.committeeinfo.corporateEndDate=$("#corporateEndDate").val();

        });
</script>
</body>
</html>