工序打印

src/application/mk/basic-pages/list.vue

@@ -22,12 +22,18 @@
     <vxe-toolbar ref="xToolbar" custom>
       <template #buttons>
         <a-button type="primary" icon="delete" @click="pageDelete()">批量删除</a-button>
+        <a-button type="primary" style="margin-left: 5px;" icon="print" v-if="options.enabledPrint"
+          @click="pagePrint()">打印</a-button>
+
         <a-button type="primary" style="margin-left: 5px;" icon="export" v-if="options.enabledExport"
           @click="pageExport()">导出</a-button>
         <a-button type="primary" style="margin-left: 5px;" icon="import" v-if="options.enabledImport"
           @click="pageImport()">导入</a-button>
         <a-button type="default" style="margin-left: 5px;" v-if="options.enabledImportTemplate"
           @click="pageImportTemplate()">下载导入模板</a-button>
+
+
+
       </template>
     </vxe-toolbar>
     <!-- 表格区 -->
@@ -155,6 +161,11 @@ export default {
   // 动作
   methods: {
 
+    pagePrint(){
+      let tableData = JSON.parse(JSON.stringify(this.$refs.xGrid.getTableData().fullData));
+      this.$emit("print",{tableData:tableData});
+
+    },
     pageExport() {
       let jsonRows = [];
       let headerCells = [];

src/pages/Middle/Mes/MesProcesses/MesProcesses/List.vue

@@ -25,7 +25,7 @@
       </div>
       <div class="right">
 
-        <basic-page-list ref="listPage" :desc="desc" @importData="pageImport" :options="pageOptions"> 
+        <basic-page-list ref="listPage" :desc="desc" @importData="pageImport" @print="pagePrint" :options="pageOptions">
           <template v-slot:column2="{ row }">
             <vue-qr class="qr-code" :text="row.qr_code" :size="120" />
           </template>
@@ -122,6 +122,21 @@ export default {
       }
       return '';
     },
+    pagePrint({ tableData }) {
+ 
+      let hiprint = this.$hiPrint; // 获取打印组件
+      let tdata =  {}; 
+      tdata.table = JSON.parse(JSON.stringify(tableData)); 
+      tdata.table.forEach(item => { 
+       item.qrcode = item.qr_code; 
+      }) 
+      console.log(tdata); 
+      hiprint.init(); // 初始化打印组件
+      var hiprintTemplate = new hiprint.PrintTemplate({ // 创建打印模板
+        template: settings.printTemplate_processes // 模板内容
+      });
+      hiprintTemplate.print(tdata, { printer: '', title: '工序' }); // 打印
+    },
     pageImport({ data }) {
       let rows = [];
       data.forEach(item => {
@@ -169,6 +184,7 @@ export default {
         enabledExport: true,
         enabledImport: true,
         enabledImportTemplate: true,
+        enabledPrint: true,
         exportColumns: [
           { title: '编码', field: "code" },
           { title: '工序名称', field: "name" },

src/pages/Middle/Mes/basic/settings.js

@@ -72,6 +72,10 @@ var config = {
         { value: "6", label: '单选' },
         { value: "7", label: '布尔' },
     ],
+
+
+    printTemplate_processes: {"panels":[{"index":0,"name":1,"height":296.6,"width":210,"paperHeader":30,"paperFooter":804,"printElements":[{"options":{"left":18,"top":21,"height":135,"width":550,"tableFooterRepeat":"last","field":"table","tableHeaderRepeat":"first","fields":[{"field":"name","text":"名称"},{"field":"code","text":"编码"},{"field":"qrcode","text":"扫码"}],"right":568,"bottom":57,"vCenter":293,"hCenter":39,"coordinateSync":false,"widthHeightSync":false,"tableBodyRowHeight":28.5,"styler":"function(){ return  { padding: \"40px\" } }","columns":[[{"width":150,"title":"名称","field":"name","checked":true,"columnId":"name","fixed":false,"rowspan":1,"colspan":1,"align":"center","tableColumnHeight":30,"tableTextType":"text","tableBarcodeMode":"CODE128A","tableQRCodeLevel":0},{"width":150,"title":"编码","field":"code","checked":true,"columnId":"code","fixed":false,"rowspan":1,"colspan":1,"align":"center","tableColumnHeight":30,"tableTextType":"text","tableBarcodeMode":"CODE128A","tableQRCodeLevel":0},{"width":150,"title":"扫码","field":"qrcode","checked":true,"columnId":"qrcode","fixed":false,"rowspan":1,"colspan":1,"align":"center","tableColumnHeight":"300","tableTextType":"qrcode","tableBarcodeMode":"CODE128A","tableQRCodeLevel":0,"tableSummaryTitle":true,"tableSummary":""}]]},"printElementType":{"title":"通用表格","type":"table","editable":true,"columnDisplayEditable":true,"columnDisplayIndexEditable":true,"columnTitleEditable":true,"columnResizable":true,"columnAlignEditable":true,"isEnableEditField":true,"isEnableContextMenu":true,"isEnableInsertRow":true,"isEnableDeleteRow":true,"isEnableInsertColumn":true,"isEnableDeleteColumn":true,"isEnableMergeCell":true}}],"paperNumberLeft":571.5,"paperNumberTop":817.5,"watermarkOptions":{}}]}
+
 }
 
 module.exports = config