调试二维码显示

application/jz/view/count/index.html

@@ -54,7 +54,7 @@
                 ],
                 series: [
                     {
-                        name: '基站总数:',
+                        name: '基站总数',
                         type: 'bar',
                         barWidth: '90%',
                         data: data[1]

application/jz/view/index/detail.html

@@ -27,7 +27,37 @@
                                     {if $data['tag'] == 1}
                                     <div class="layui-inline" id="qr" data-id="{$data.business_id}" style="cursor: pointer;line-height: 35px;margin-left: 24px; position: relative;">
                                         <span class="iconfont icon-qr-code"></span>
-                                        <div id="qrcode" style="position: absolute; left: 0; top: -15px;"></div>
+                                        <div id="qrcard">
+                                            <div class="qrhead">
+
+                                            </div>
+                                            <div class="qrinfo">
+                                                <div class="layui-inline-block">
+                                                    <span class="qrtitle">
+                                                        站点名称:
+                                                    </span>
+                                                    <span class="qrval">
+                                                        {$data.jz_name}
+                                                    </span>
+                                                </div>
+                                                <div class="layui-inline-block">
+                                                    <span class="qrtitle">
+                                                        站点编号:
+                                                    </span>
+                                                    <span class="qrval">{$data.project_code}</span>
+                                                </div>
+                                                <div class="layui-inline-block">
+                                                    <span class="qrtitle">
+                                                        资产编码:
+                                                    </span>
+                                                    <span class="qrval">
+                                                        {$data.business_id}
+                                                    </span>
+                                                </div>
+                                                <div class="qrcode"></div>
+
+                                            </div>
+                                        </div>
                                     </div>
                                     {/if}
                                 </div>
@@ -189,13 +219,8 @@
             $url = 'http://demojz.gonn.tech/jz_detail/' + $(this).data('id');
             var $qrcode = $('#qrcode')
             $qrcode.html('')
-            $qrcode.qrcode({width: 64, height: 64, correctLevel: 0, text: $url})
-            $qrcode.prev('i').hide()
-            $qrcode.show()
-        })
-        $('#qrcode').on('click',function () {
-            $(this).prev('i').show()
-            $(this).hide()
+            $qrcode.qrcode({width: 80, height: 80, correctLevel: 0, text: $url})
+            $('#qrcard').show()
         })
     })
 </script>

public/static/admin/css/style.css

@@ -98,4 +98,31 @@ ul.station_flow li.active>*{
 	.layui-form-label{min-width: 70px;width: auto;padding-left: 5px;}
 	.layui-table td, .layui-table th{min-width:auto;}
 	.devs_table{padding:0;}
+}
+
+#qrcard{
+	display: none;
+	position: absolute; left: 5px; top: -15px; width: 300px; height: 200px; background: url("http://demojz.gonn.tech/static/admin/image/qrbg.png")
+}
+#qrcard .qrinfo{
+	height: 60px;
+}
+#qrcard .qrinfo{
+	height: 100px;
+	padding: 0 20px;
+	font-size: 13px;
+	width: 190px;
+	position: relative;
+}
+#qrcard .qrinfo .qrtitle{
+	font-weight: 700;
+	color: #0C0C0C;
+}
+#qrcard .qrinfo .qrval{
+	color: #101010;
+}
+#qrcard .qrinfo #qrcode{
+	position: relative;
+	right: 10px;
+	height: 30px;
 }
\ No newline at end of file