Parcourir la source

培训活动二维码打印

lizhen_gitee il y a 6 mois
Parent
commit
d0e74e8104

+ 1 - 0
application/admin/controller/Trainactive.php

@@ -101,6 +101,7 @@ class Trainactive extends Backend
         $pingjiaren = Db::name('user')->where('id',$info['pingjia_uid'])->value('nickname');
         $this->assign('pingjiaren',$pingjiaren);
 
+        $this->view->engine->layout(false);
         return $this->view->fetch();
     }
 

+ 74 - 34
application/admin/view/trainactive/qrcode.html

@@ -1,42 +1,82 @@
-<form id="add-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">
+<!DOCTYPE html>
+<html>
+<head>
+    <title>{$row.name}</title>
+    {include file="common/meta" /}
+</head>
+<style>
+    /* 默认情况下,屏幕上显示 */
+    .hide-on-print {
+        display: block;
+        text-align: right;
+        margin-bottom: 20px;
+        padding-top: 20px;
+    }
 
+    .table-bordered {
+        border: 1px solid #ddd;
+    }
+    .panel-heading {
+        padding: 10px 0px;
+    }
 
-    <div class="form-group">
-        <label class="control-label col-xs-12 col-sm-2">{:__('Name')}:</label>
-        <div class="col-xs-12 col-sm-8">
-            <input id="c-name" disabled class="form-control" name="row[name]" type="text" value="{$row.name|htmlentities}">
-        </div>
-    </div>
+    .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
+        border: 1px solid #ddd;
+    }
 
-    <!--<div class="form-group">
-        <label class="control-label col-xs-12 col-sm-2">{:__('Endtime')}:</label>
-        <div class="col-xs-12 col-sm-8">
-            <input id="c-endtime" disabled class="form-control datetimepicker" data-date-format="YYYY-MM-DD HH:mm:ss" data-use-current="true" name="row[endtime]" type="text" value="{:$row.endtime?datetime($row.endtime):''}">
-        </div>
-    </div>-->
-
-    <div class="form-group">
-        <label class="control-label col-xs-12 col-sm-2">{:__('Sign_endtime')}:</label>
-        <div class="col-xs-12 col-sm-8">
-            <input id="c-sign_endtime" disabled class="form-control datetimepicker" data-date-format="YYYY-MM-DD HH:mm:ss" data-use-current="true" name="row[sign_endtime]" type="text" value="{:$row.sign_endtime?datetime($row.sign_endtime):''}">
-        </div>
-    </div>
+    /* 打印时隐藏 */
+    @media print {
+        .hide-on-print {
+            display: none;
+        }
+    }
+</style>
 
-    <div class="form-group">
-        <label class="control-label col-xs-12 col-sm-2">签到二维码:</label>
-        <div class="col-xs-12 col-sm-8">
-            <img width="200px" height="200px" src="{$row.sign_qrcode}">
-            <span style="display: block; width:200px;text-align: center">签到截止:{$row.sign_endtime|date="Y-m-d H:i",###}</span>
-        </div>
-    </div>
+<body  style="width: 760px;margin: 0 auto">
 
-    <div class="form-group">
-        <label class="control-label col-xs-12 col-sm-2">评价二维码:</label>
-        <div class="col-xs-12 col-sm-8">
-            <img width="200px" height="200px" src="{$row.pingjia_qrcode}">
-            <span style="display: block; width:200px;text-align: center">评价人:{$pingjiaren}</span>
-        </div>
+    <div class="hide-on-print">
+        <button type="button" onclick="printPage()" class="btn btn-primary dropdown-toggle">打印</button>
+        <button type="button" onclick="printPage()" class="btn btn-primary dropdown-toggle">导出PDF</button>
     </div>
 
+    <table class="table table-striped table-bordered table-hover table-nowrap">
+
+
+        <tr>
+            <td>{:__('Name')}</td>
+            <td>{$row.name}</td>
+
+        </tr>
+
+        <tr>
+            <td>签到二维码</td>
+            <td>
+                <img width="200px" height="200px" src="{$row.sign_qrcode}">
+            </td>
+        </tr>
+        <tr>
+            <td>签到截止时间</td>
+            <td>
+               {$row.sign_endtime|date="Y-m-d H:i",###}
+            </td>
+        </tr>
+        <tr>
+            <td>评价二维码</td>
+            <td>
+                <img width="200px" height="200px" src="{$row.pingjia_qrcode}">
+            </td>
+
+        </tr>
+        <tr>
+            <td>评价人</td>
+            <td>
+                <span>{$pingjiaren}</span>
+            </td>
+
+        </tr>
+
+    </table>
 
-</form>
+    {include file="common/script" /}
+</body>
+</html>

+ 2 - 1
public/assets/js/backend/trainactive.js

@@ -95,7 +95,7 @@ define(['jquery', 'bootstrap', 'backend', 'table', 'form', 'jstree'], function (
                                     text:'二维码',
                                     title:'二维码',
                                     icon:'fa fa-exclamation-circle',
-                                    classname:'btn btn-xs btn-info btn-dialog',
+                                    classname:'btn btn-xs btn-info btn-dialog bt-qrcode',
                                     url:'trainactive/qrcode/id/{ids}?dialog=1',
                                     target:'_self',
                                 },
@@ -124,6 +124,7 @@ define(['jquery', 'bootstrap', 'backend', 'table', 'form', 'jstree'], function (
                 onLoadSuccess:function(){
                     // 这里就是数据渲染结束后的回调函数
                     $(".btn-selectuser").data("area", ['80%','80%']);
+                    $(".bt-qrcode").data("area", ['50%','90%']);
                 }
             });