faa6c766919da8ec31e41ab86cc1f686.php 9.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200
  1. <?php if (!defined('THINK_PATH')) exit(); /*a:4:{s:84:"D:\phpstudy_pro\WWW\minongyun\public/../application/admin\view\auth\admin\index.html";i:1661938313;s:72:"D:\phpstudy_pro\WWW\minongyun\application\admin\view\layout\default.html";i:1661938313;s:69:"D:\phpstudy_pro\WWW\minongyun\application\admin\view\common\meta.html";i:1661938313;s:71:"D:\phpstudy_pro\WWW\minongyun\application\admin\view\common\script.html";i:1662615560;}*/ ?>
  2. <!DOCTYPE html>
  3. <html>
  4. <head>
  5. <meta charset="utf-8">
  6. <title><?php echo (isset($title) && ($title !== '')?$title:''); ?></title>
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
  8. <meta name="renderer" content="webkit">
  9. <meta name="referrer" content="never">
  10. <meta name="robots" content="noindex, nofollow">
  11. <link rel="shortcut icon" href="/assets/img/favicon.ico" />
  12. <!-- Loading Bootstrap -->
  13. <link href="/assets/css/backend<?php echo \think\Config::get('app_debug')?'':'.min'; ?>.css?v=<?php echo \think\Config::get('site.version'); ?>" rel="stylesheet">
  14. <?php if(\think\Config::get('fastadmin.adminskin')): ?>
  15. <link href="/assets/css/skins/<?php echo \think\Config::get('fastadmin.adminskin'); ?>.css?v=<?php echo \think\Config::get('site.version'); ?>" rel="stylesheet">
  16. <?php endif; ?>
  17. <!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file. -->
  18. <!--[if lt IE 9]>
  19. <script src="/assets/js/html5shiv.js"></script>
  20. <script src="/assets/js/respond.min.js"></script>
  21. <![endif]-->
  22. <script type="text/javascript">
  23. var require = {
  24. config: <?php echo json_encode($config); ?>
  25. };
  26. </script>
  27. </head>
  28. <body class="inside-header inside-aside <?php echo defined('IS_DIALOG') && IS_DIALOG ? 'is-dialog' : ''; ?>">
  29. <div id="main" role="main">
  30. <div class="tab-content tab-addtabs">
  31. <div id="content">
  32. <div class="row">
  33. <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
  34. <section class="content-header hide">
  35. <h1>
  36. <?php echo __('Dashboard'); ?>
  37. <small><?php echo __('Control panel'); ?></small>
  38. </h1>
  39. </section>
  40. <?php if(!IS_DIALOG && !\think\Config::get('fastadmin.multiplenav') && \think\Config::get('fastadmin.breadcrumb')): ?>
  41. <!-- RIBBON -->
  42. <div id="ribbon">
  43. <ol class="breadcrumb pull-left">
  44. <?php if($auth->check('dashboard')): ?>
  45. <li><a href="dashboard" class="addtabsit"><i class="fa fa-dashboard"></i> <?php echo __('Dashboard'); ?></a></li>
  46. <?php endif; ?>
  47. </ol>
  48. <ol class="breadcrumb pull-right">
  49. <?php foreach($breadcrumb as $vo): ?>
  50. <li><a href="javascript:;" data-url="<?php echo $vo['url']; ?>"><?php echo $vo['title']; ?></a></li>
  51. <?php endforeach; ?>
  52. </ol>
  53. </div>
  54. <!-- END RIBBON -->
  55. <?php endif; ?>
  56. <div class="content">
  57. <div class="panel panel-default panel-intro">
  58. <?php echo build_heading(); ?>
  59. <div class="panel-body">
  60. <div id="myTabContent" class="tab-content">
  61. <div class="tab-pane fade active in" id="one">
  62. <div class="widget-body no-padding">
  63. <div id="toolbar" class="toolbar">
  64. <?php echo build_toolbar('refresh,add,delete'); ?>
  65. </div>
  66. <table id="table" class="table table-striped table-bordered table-hover table-nowrap"
  67. data-operate-edit="<?php echo $auth->check('auth/admin/edit'); ?>"
  68. data-operate-del="<?php echo $auth->check('auth/admin/del'); ?>"
  69. width="100%">
  70. </table>
  71. </div>
  72. </div>
  73. </div>
  74. </div>
  75. </div>
  76. </div>
  77. </div>
  78. </div>
  79. </div>
  80. </div>
  81. </div>
  82. <script src="/assets/js/require<?php echo \think\Config::get('app_debug')?'':'.min'; ?>.js" data-main="/assets/js/require-backend<?php echo \think\Config::get('app_debug')?'':'.min'; ?>.js?v=<?php echo htmlentities($site['version']); ?>"></script>
  83. <!--<input type="hidden" value="<?php echo \think\Session::get('admin.username'); ?>" name="" id="username">-->
  84. <input type="hidden" value="<?php echo \think\Session::get('admin.company'); ?>" name="" id="company">
  85. <script>
  86. function watermark(element, config) {
  87. // 获取元素的坐标
  88. function getOffset(el) {
  89. if (el.offsetParent) {
  90. return {
  91. x: el.offsetLeft + getOffset(el.offsetParent).x,
  92. y: el.offsetTop + getOffset(el.offsetParent).y,
  93. };
  94. }
  95. return {
  96. x: el.offsetLeft,
  97. y: el.offsetTop,
  98. };
  99. }
  100. if (!element) return;
  101. // 默认配置
  102. const _config = {
  103. text1: '张三', //文本1
  104. text2: '13868686868', // 文本2
  105. start_x: 0, // x轴起始位置
  106. start_y: 0, // y轴起始位置
  107. space_x: 100, // x轴间距
  108. space_y: 50, // y轴间距
  109. width: 210, // 宽度
  110. height: 80, // 长度
  111. fontSize: 14, // 字体
  112. color: '#aaa', // 字色
  113. alpha: 0.4, // 透明度
  114. rotate: 15, // 倾斜度
  115. };
  116. // 替换默认配置
  117. if (arguments.length === 2 && typeof arguments[1] === "object") {
  118. const src = arguments[1] || {};
  119. for (let key in src) {
  120. if (src[key] && _config[key] && src[key] === _config[key]) {
  121. continue;
  122. } else if (src[key]) {
  123. _config[key] = src[key];
  124. }
  125. }
  126. }
  127. // 节点的总宽度
  128. const total_width = element.scrollWidth;
  129. // 节点的总高度
  130. const total_height = element.scrollHeight;
  131. // 创建文本碎片,用于包含所有的插入节点
  132. const mark = document.createDocumentFragment();
  133. // 水印节点的起始坐标
  134. const position = getOffset(element);
  135. let x = position.x + _config.start_x, y = position.y + _config.start_y;
  136. // 先循环y轴插入水印
  137. do {
  138. // 再循环x轴插入水印
  139. do {
  140. // 创建单个水印节点
  141. const item = document.createElement('div');
  142. item.className = 'watermark-item';
  143. // 设置节点的样式
  144. item.style.position = "absolute";
  145. item.style.zIndex = 99999;
  146. item.style.left = `${x}px`;
  147. item.style.top = `${y}px`;
  148. item.style.width = `${_config.width}px`;
  149. item.style.height = `${_config.height}px`;
  150. item.style.fontSize = `${_config.fontSize}px`;
  151. item.style.color = _config.color;
  152. item.style.textAlign = 'center';
  153. item.style.opacity = _config.alpha;
  154. item.style.filter = `alpha(opacity=${_config.alpha * 100})`;
  155. // item.style.filter = `opacity(${_config.alpha * 100}%)`;
  156. item.style.webkitTransform = `rotate(-${_config.rotate}deg)`;
  157. item.style.MozTransform = `rotate(-${_config.rotate}deg)`;
  158. item.style.msTransform = `rotate(-${_config.rotate}deg)`;
  159. item.style.OTransform = `rotate(-${_config.rotate}deg)`;
  160. item.style.transform = `rotate(-${_config.rotate}deg)`;
  161. item.style.pointerEvents = 'none'; //让水印不遮挡页面的点击事件
  162. // 创建text1水印节点
  163. const text1 = document.createElement('div');
  164. text1.appendChild(document.createTextNode(_config.text1));
  165. item.append(text1);
  166. // 创建text2水印节点
  167. const text2 = document.createElement('div');
  168. text2.appendChild(document.createTextNode(_config.text2));
  169. item.append(text2);
  170. // 添加水印节点到文本碎片
  171. mark.append(item);
  172. // x坐标递增
  173. x = x + _config.width + _config.space_x;
  174. // 超出文本右侧坐标停止插入
  175. } while (total_width + position.x > x + _config.width);
  176. // 重置x初始坐标
  177. x = position.x + _config.start_x;
  178. // y坐标递增
  179. y = y + _config.height + _config.space_y;
  180. // 超出文本底部坐标停止插入
  181. } while (total_height + position.y > y + _config.height);
  182. // 插入文档碎片
  183. element.append(mark);
  184. }
  185. var username = document.getElementById('username');
  186. var company = document.getElementById('company');
  187. //找到存放水印的盒子
  188. const element = document.getElementsByTagName('body')[0];
  189. watermark(element,{text1:username.value,text2:company.value});
  190. </script>
  191. </body>
  192. </html>