| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <meta content="yes" name="apple-mobile-web-app-capable">
- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,minimum-scale=1.0,user-scalable=0" />
- <title>最奇葩的请假理由</title>
- <script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
- <script type="text/javascript" src="public/dateRange.js?v=6"></script>
- <link rel="stylesheet" type="text/css" href="public/dateRange.css?v=6"/>
- <link rel="stylesheet" type="text/css" href="public/public_css.css?v=6"/>
- <link rel="stylesheet" type="text/css" href="public/leaveInfo.css?v=6.2"/>
- <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
- <script src="public/weChatShare.js?v=3"></script>
- <script type="text/javascript">
- document.documentElement.style.fontSize = 100 * (document.documentElement.clientWidth/375) + "px";
- window.onresize = function(){
- document.documentElement.style.fontSize = 100 * (document.documentElement.clientWidth/375) + "px";
- }
- </script>
- </head>
- <body>
- <!--表单页面-->
- <div class="container" style="">
- <div class="top"><img src="images/jinniu.png" alt="" /><span>金牛记账</span></div>
- <form class="user_info">
- <div class="item"><span class="title">姓名:</span><input type="text" id="name" placeholder="请输入1到5个字"/></div>
- <div class="item"><span class="title">部门:</span><input type="text" id="department" placeholder="请输入2到5个字" /></div>
- <div class="item"><span class="title">公司:</span><input type="text" id="company" placeholder="请输入3到16个字" /></div>
- <div class="item"><span class="title">时间:</span>
- <div class="ta_date" id="div_date1">
- <span class="date_title" id="date1"></span>
- </div>
- </div>
- <div class="item"><span class="title">性别:</span>
- <label><input type="radio" value="man" name="sex"><img src="images/man.png" class="man" style="margin-right: 0.22rem;"/></label>
- <label><input type="radio" value="women" name="sex"><img src="images/women.png" alt="" class="women" /></label>
- </div>
- </form>
- <div class="leaveInfo_submit"></div>
- </div>
- <!--变成图片-->
- <div class="leaveImgwarp">
- <div class="leaveImg" style="">
- <div class="tran">
- <div class="top" style="margin-top: 0.1rem;padding-top: 0.3rem;"><img src="images/jinniu.png" alt="" /><span>金牛记账</span></div>
- <div class="leave_info" style="width: 2.9rem;height: 4.1rem; margin:auto;padding-top: 0.02rem;">
- <div class="leave_title" style="font-size: 0.3rem;font-size: 0.3rem;margin-bottom: 0.1rem;">请假条</div>
- <div class="leave_name" style=" height: 0.5rem; margin-bottom: 0.05rem;">
- <div><i style="width: 0.48rem;">姓名</i><span class="userName" style="width: 0.88rem;font-size: 0.13rem;"></span></div>
- <div><i style="width: 0.42rem;">部门</i><span class="userDepartment"style="width: 0.88rem;font-size: 0.13rem;"></span></div>
- </div>
- <div class="leave_time">
- <div>请假时间：</div>
- <div>
- <p class="timeForm">自<span class="timeStart"></span></p>
- <p class="timeTo">至<span class="timeEnd"></span></p>
- </div>
- <div><!--共<span>1</span>天--></div>
- </div>
- <div class="leave_reason" style="height: 2.2rem;">
- <div class="leave_reason_top"><span>请假理由：</span><img src="images/no.png" alt="" /></div>
- <div class="leave_reason_img" style="height: 1.64rem;">
- <span class="reason" style="font-size: 0.16rem;"></span>
- <span class="ok" style="top: 4.3rem;left: 2.2rem;font-size: 0.16rem;">老板意见:<i>同意</i></span>
- <canvas class="canvas" width="110" height="110"style="position: absolute; top: 3.65rem; left: 2.2rem;"></canvas>
- </div>
- </div>
- </div>
- </div>
- <div class="bottom" style="padding-top: 0.58rem;">
- <div class="code"><img src="images/jinniucode1.png" alt="" /></div>
- <div class="txet">
- <p>金牛记账</p>
- <p>妥妥安排你的十一黄金周账单</p>
- <p>赶紧扫码请假吧</p>
- </div>
- </div>
- </div>
- </div>
- <img src="" id="curTpl" style=" display: none;height: 70%;">
-
- <!--表单完成页面-->
- <div class="container2">
- <div class="top"><img src="images/jinniu.png" alt="" /><span>金牛记账</span></div>
- <div class="leave_info">
- <div class="leave_title">请假条</div>
- <div class="leave_name">
- <div><i>姓名</i><span class="userName"></span></div>
- <div><i>部门</i><span class="userDepartment"></span></div>
- </div>
- <div class="leave_time">
- <div>请假时间：</div>
- <div>
- <p class="timeForm">自<span class="timeStart"></span></p>
- <p class="timeTo">至<span class="timeEnd"></span></p>
- </div>
- <div>
- <!--共<span>1</span>天-->
- </div>
- </div>
- <div class="leave_reason">
- <div class="leave_reason_top"><span>请假理由：</span><img src="images/no.png" alt="" /></div>
- <div class="leave_reason_img">
- <span class="reason"></span>
- <span class="ok">老板意见:<i>同意</i></span>
- <canvas class="canvas" width="110" height="110"style="position: absolute; top: 4rem; left: 2.3rem;"></canvas>
- </div>
- </div>
- </div>
- <div class="long">长按保存图片</div>
- <div class="tip">这个假请完，怕就是回不来了。你敢不敢用！</div>
- <div class="btn">
- <div class="leave_change">换个理由</div>
- <div class="leave_share">分享</div>
- </div>
- </div>
- <!--分享-->
- <div class="shareMask">
- <div class="weixin">
- <div class="weixins">
- <div class="weixinShare" onclick="shareWeixin()">
- <img src="../H5/weixin.png" />
- <span>微信</span>
- </div>
- <div class="pengyouquan" onclick="sharePengyouquan()">
- <img src="../H5/weixinQuan.png"/>
- <span>朋友圈</span>
- </div>
- </div>
- <div class="cancel">取消分享</div>
- </div>
- </div>
-
- <div class="alert-info" style="display: none;">
- <!-- tip提示,3s后消失 -->
- <p></p>
- </div>
- </body>
- </html>
- <script type="text/javascript" src="public/jquery-2.1.0.js"></script>
- <script src="public/leaveInfo.js?v=6.2"></script>
- <script src="public/html2canvas.js"></script>
- <script type="text/javascript">
-
- </script>
|
