From a839d3319fa44a950f09f158ab7e9a686fbd0e87 Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期一, 08 六月 2020 14:48:46 +0800
Subject: [PATCH] #
---
src/main/webapp/views/matCode/matCode.html | 123 ++++++++++++++++++++++++++++++----------
1 files changed, 92 insertions(+), 31 deletions(-)
diff --git a/src/main/webapp/views/matCode/matCode.html b/src/main/webapp/views/matCode/matCode.html
index 88e0b25..64d98ae 100644
--- a/src/main/webapp/views/matCode/matCode.html
+++ b/src/main/webapp/views/matCode/matCode.html
@@ -28,13 +28,13 @@
.contain {
- border: 1px solid #000;
+ /*border: 1px solid #000;*/
/*width: 100%;*/
}
.contain td {
border: 1px solid #000;
/*line-height: 46px;*/
- text-align: center;
+ /*text-align: center;*/
}
/*.qrcode {*/
/* margin: 3px;*/
@@ -132,15 +132,15 @@
<hr>
<!--鍗曢�夋-->
<div class="layui-form-item" style="display: inline-block; margin-bottom: 10px">
- <input type="radio" name="selectTemplate" value="1" title="妯℃澘涓�" checked="">
- <input type="radio" name="selectTemplate" value="2" title="妯℃澘浜�">
- <input type="radio" name="selectTemplate" value="3" title="妯℃澘涓�">
+ <input type="radio" name="selectTemplate" value="1" title="妯℃澘涓�" lay-filter="selectTemplateRadio" checked="">
+ <input type="radio" name="selectTemplate" value="2" title="妯℃澘浜�" lay-filter="selectTemplateRadio">
+ <input type="radio" name="selectTemplate" value="3" title="妯℃澘涓�" lay-filter="selectTemplateRadio">
</div>
<fieldset class="layui-elem-field site-demo-button" style="margin-top: 30px;text-align: left;">
<legend>鎵撳嵃棰勮</legend>
<div id="template-container" style="margin: 20px;text-align: center">
<!-- 棰勮鍥� 1 -->
- <div id="template-preview-1" class="template-preview">
+ <div id="template-preview-1" class="template-preview" style="display: none">
<!-- <table class="contain" height="317" width="317" style="overflow: hidden">-->
<!-- <tr>-->
<!-- <td width="20%" align="right" scope="col">瀹㈡埛</td>-->
@@ -174,30 +174,61 @@
<!-- </table>-->
<table class="contain" height="217" width="317" style="overflow: hidden;font-size: xx-small">
<tr>
- <td colspan="1" align="right" scope="col">鏉＄爜</td>
- <td class="barcode"colspan="3" align="left" scope="col">
+ <td colspan="1" align="center" scope="col">鏉＄爜</td>
+ <td class="barcode" colspan="3" align="center" scope="col">
<img class="template-qrcode" src="" width="80%">
- <div style="letter-spacing: 2px;margin-top: 3px">xxxxxx</div>
+ <div style="letter-spacing: 2px;margin-top: 3px; text-align: center">
+ <span>xxxxxx</span>
+ </div>
</td>
</tr>
<tr>
- <td align="right" width="25%">鐗╂枡缂栫爜</td>
- <td align="right" width="25%">xxxxxx-xx/xx</td>
- <td align="right" width="25%">鐗╂枡鍚嶇О</td>
- <td align="right" width="25%">xxxxxxx</td>
+ <td align="center" width="25%">鐗╂枡缂栫爜</td>
+ <td align="center" width="25%">xxxxxx-xx/xx</td>
+ <td align="center" width="25%">鐗╂枡鍚嶇О</td>
+ <td align="center" width="25%">xxxxxxx</td>
</tr>
<tr>
- <td align="right" width="25%">鐗╂枡鍗曚綅</td>
- <td align="right" width="25%">xxxxxxxx</td>
- <td align="right" width="25%">鐗╂枡瑙勬牸</td>
- <td align="right" width="25%">xxxxxxx</td>
+ <td align="center" width="25%">鐗╂枡鍗曚綅</td>
+ <td align="center" width="25%">xxxxxxxx</td>
+ <td align="center" width="25%">鐗╂枡瑙勬牸</td>
+ <td align="center" width="25%">xxxxxxx</td>
</tr>
</table>
</div>
+
<!-- 棰勮鍥� 2 -->
- <div class="template-preview"></div>
+ <div id="template-preview-2" class="template-preview" style="display: inline-block">
+ <table class="contain" height="217" width="317" style="overflow: hidden;font-size: xx-small">
+ <tr>
+ <td align="center" scope="col" width="20%" colspan="1">鐗╂枡缂栫爜</td>
+ <td align="center" scope="col" width="80%" colspan="5">xxxxxx-xx/xx</td>
+ </tr>
+ <tr>
+ <td align="center" colspan="1">鐗╂枡鍚嶇О</td>
+ <td align="center" colspan="5">xxxxxxx</td>
+ </tr>
+ <tr>
+ <td align="center" colspan="1">鐗╂枡鍗曚綅</td>
+ <td align="center" colspan="5">xxxxxxxx</td>
+ </tr>
+ <tr>
+ <td align="center" colspan="1">鐗╂枡瑙勬牸</td>
+ <td align="center" colspan="5">xxxxxxx</td>
+ </tr>
+ <tr>
+ <td align="center" colspan="6" style="border: none">
+ <img class="template-qrcode" src="" width="80%">
+ <div style="letter-spacing: 2px;margin-top: 3px; text-align: center">
+ <span>xxxxxx</span>
+ </div>
+ </td>
+ </tr>
+ </table>
+ </div>
+
<!-- 棰勮鍥� 3 -->
- <div class="template-preview"></div>
+ <div id="template-preview-3" class="template-preview"></div>
</div>
</fieldset>
@@ -218,29 +249,59 @@
{{#each data}}
<table class="contain" height="217" width="317" style="overflow: hidden;font-size: xx-small">
<tr>
- <td colspan="1" align="right" scope="col">鏉＄爜</td>
- <td class="barcode"colspan="3" align="left" scope="col">
- <img class="qrcode" src="/macCode/barcode/auth?param={{this.barcodeUrl}}" width="80%">
- <div style="letter-spacing: 2px;margin-top: 3px">{{this.barcode}}</div>
+ <td align="center" colspan="1" scope="col">鏉＄爜</td>
+ <td align="center" class="barcode" colspan="3" scope="col">
+ <img class="qrcode" src="{{this.barcodeUrl}}" width="80%">
+ <div style="letter-spacing: 2px;margin-top: 3px; text-align: center">
+ <span>{{this.barcode}}</span>
+ </div>
</td>
</tr>
<tr>
- <td align="right" width="25%">鐗╂枡缂栫爜</td>
- <td align="right" width="25%">{{this.matNo}}</td>
- <td align="right" width="25%">鐗╂枡鍚嶇О</td>
- <td align="right" width="25%">{{this.matName}}</td>
+ <td align="center" width="25%">鐗╂枡缂栫爜</td>
+ <td align="center" width="25%">{{this.matNo}}</td>
+ <td align="center" width="25%">鐗╂枡鍚嶇О</td>
+ <td align="center" width="25%">{{this.matName}}</td>
</tr>
<tr>
- <td align="right" width="25%">鐗╂枡鍗曚綅</td>
- <td align="right" width="25%">{{this.str1}}</td>
- <td align="right" width="25%">鐗╂枡瑙勬牸</td>
- <td align="right" width="25%">{{this.str2}}</td>
+ <td align="center" width="25%">鐗╂枡鍗曚綅</td>
+ <td align="center" width="25%">{{this.str1}}</td>
+ <td align="center" width="25%">鐗╂枡瑙勬牸</td>
+ <td align="center" width="25%">{{this.str2}}</td>
</tr>
</table>
{{/each}}
</script>
<!-- 妯℃澘2 -->
<script type="text/template" id="templatePreview2">
+ {{#each data}}
+ <table class="contain" height="217" width="317" style="overflow: hidden;font-size: xx-small">
+ <tr>
+ <td align="center" scope="col" width="20%" colspan="1">鐗╂枡缂栫爜</td>
+ <td align="center" scope="col" width="80%" colspan="5">{{this.matNo}}</td>
+ </tr>
+ <tr>
+ <td align="center" colspan="1">鐗╂枡鍚嶇О</td>
+ <td align="center" colspan="5">{{this.matName}}</td>
+ </tr>
+ <tr>
+ <td align="center" colspan="1">鐗╂枡鍗曚綅</td>
+ <td align="center" colspan="5">{{this.str1}}</td>
+ </tr>
+ <tr>
+ <td align="center" colspan="1">鐗╂枡瑙勬牸</td>
+ <td align="center" colspan="5">{{this.str2}}</td>
+ </tr>
+ <tr>
+ <td align="center" colspan="6" style="border: none">
+ <img class="template-qrcode" src="{{this.barcodeUrl}}" width="80%">
+ <div style="letter-spacing: 2px;margin-top: 3px; text-align: center">
+ <span>{{this.matNo}}</span>
+ </div>
+ </td>
+ </tr>
+ </table>
+ {{/each}}
</script>
<!-- 妯℃澘3 -->
<script type="text/template" id="templatePreview3">
--
Gitblit v1.9.1