new

config/config.js

@@ -6,7 +6,7 @@ import proxy from "./proxy";
 import routes from "./routes";
 const { REACT_APP_ENV } = process.env;
 export default defineConfig({
-  outputPath: 'wms',
+  outputPath: "sr",
   hash: true,
   antd: {},
   dva: {
@@ -56,6 +56,7 @@ export default defineConfig({
   nodeModulesTransform: {
     type: "all",
   },
+  headScripts: [`alert(0)`, { src: "/LodopFuncs.js", defer: true }],
   //mfsu: {},
   //webpack5: {}
 });

config/proxy.js

@@ -11,7 +11,8 @@ export default {
     // localhost:8000/api/** -> https://preview.pro.ant.design/api/**
     "/wms/": {
       // 要代理的地址
-      target: "http://192.168.40.18/wms/", //39:28040    18/wms/  
+      // target: "http://192.168.40.18/wms/", //39:28040    18/wms/  
+      target: "http://192.168.40.203:28040", //39:28040    18/wms/  
       changeOrigin: true,
       pathRewrite: {
         "^/wms": "",

public/LodopFuncs.js

+//用双端口加载主JS文件Lodop.js(或CLodopfuncs.js兼容老版本)以防其中某端口被占:
+var MainJS = "CLodopfuncs.js",
+  URL_WS1 = "ws://localhost:8000/" + MainJS, //ws用8000/18000
+  URL_WS2 = "ws://localhost:18000/" + MainJS,
+  URL_HTTP1 = "http://localhost:8000/" + MainJS, //http用8000/18000
+  URL_HTTP2 = "http://localhost:18000/" + MainJS,
+  URL_HTTP3 = "https://localhost.lodop.net:8443/" + MainJS; //https用8000/8443
+
+//==检查加载成功与否，如没成功则用http(s)再试==
+//==低版本CLODOP6.561/Lodop7.043及前)用本方法==
+function checkOrTryHttp() {
+  if (window.getCLodop) return true;
+  var head =
+    document.head ||
+    document.getElementsByTagName("head")[0] ||
+    document.documentElement;
+  var JS1 = document.createElement("script"),
+    JS2 = document.createElement("script"),
+    JS3 = document.createElement("script");
+  JS1.src = URL_HTTP1;
+  JS2.src = URL_HTTP2;
+  JS3.src = URL_HTTP3;
+  JS1.onerror = function (e) {
+    if (window.location.protocol !== "https:")
+      head.insertBefore(JS2, head.firstChild);
+    else head.insertBefore(JS3, head.firstChild);
+  };
+  JS2.onerror = JS3.onerror = function () {
+    var JSelf = document.createElement("script");
+    JSelf.src = "/" + MainJS; //JSelf让其它电脑通过本机打印（仅适用CLodop自带例子）
+    document.head.insertBefore(JSelf, document.head.firstChild);
+  };
+  head.insertBefore(JS1, head.firstChild);
+}
+
+//==加载Lodop对象的主过程:==
+(function loadCLodop() {
+  if (!window.WebSocket && window.MozWebSocket)
+    window.WebSocket = window.MozWebSocket;
+  //ws方式速度快(小于200ms)且可避免CORS错误,但要求Lodop版本足够新:
+  try {
+    var WSK1 = new WebSocket(URL_WS1);
+    WSK1.onopen = function (e) {
+      setTimeout("checkOrTryHttp()", 200);
+    };
+    WSK1.onmessage = function (e) {
+      if (!window.getCLodop) eval(e.data);
+    };
+    WSK1.onerror = function (e) {
+      var WSK2 = new WebSocket(URL_WS2);
+      WSK2.onopen = function (e) {
+        setTimeout("checkOrTryHttp()", 200);
+      };
+      WSK2.onmessage = function (e) {
+        if (!window.getCLodop) eval(e.data);
+      };
+      WSK2.onerror = function (e) {
+        checkOrTryHttp();
+      };
+    };
+  } catch (e) {
+    checkOrTryHttp();
+  }
+})();
+
+//==获取LODOP对象的主过程:==
+function getLodop(oOBJECT, oEMBED) {
+  var LODOP;
+  try {
+    LODOP = window.getCLodop();
+    if (!LODOP && document.readyState !== "complete") {
+      alert("C-Lodop没准备好，请稍后再试！");
+      return;
+    }
+    //清理原例子内的object或embed元素，避免乱提示：
+    if (oEMBED && oEMBED.parentNode) oEMBED.parentNode.removeChild(oEMBED);
+    if (oOBJECT && oOBJECT.parentNode) oOBJECT.parentNode.removeChild(oOBJECT);
+    return LODOP;
+  } catch (err) {
+    alert("getLodop出错:" + err);
+  }
+}
+
+/* 
+ *             佛曰:
+ *                     写字楼里写字间，写字间里程序员;
+ *                     程序人员写程序，又拿程序换酒钱
+ *                     酒醒只在网上坐，酒醉还来网下眠
+ *                     酒醉酒醒日复日，网上网下年复年
+ *                     但愿老死电脑间，不愿鞠躬老板前
+ *                     奔驰宝马贵者趣，公交自行程序员
+ *                     别人笑我忒疯癫，我笑自己命太贱;
+ *                     不见满街漂亮妹，哪个归得程序员?
+ */

src/components/AutoTable/mtable.jsx

@@ -46,7 +46,7 @@ const Mtable = (props) => {
     }
     const result = await doFetch({ url: path, params: newparams });
     //分页结果
-    let data = result?.data?.page?.list,
+    let data = result?.data?.page?.records,
       success = true,
       total = result?.data?.page?.total;
     //不带分页获取结果

src/utils/mymodelhtml.js

+import src from "../../public/ewm.png";
+export const str = `<table
+ border="1"
+ width="100%"
+ height="100%"
+ style="border-collapse: collapse; border: solid 1px"
+ bordercolor="#000000"
+ cellpadding="0"
+>
+ <tr>
+   <td  colspan="6">卷料名称：剪切后硅钢片</td>
+ </tr>
+ <tr>
+ <td colspan="6">卷料编码：PDC010100093</td>
+ </tr>
+ <tr>
+ <td colspan="3">牌号：070片</td>
+ <td colspan="3">母卷编号：20SQC</td>
+ </tr>
+ <tr>
+ <td colspan="3">厂家：江苏南高</td>
+ <td colspan="3">母卷重量：100KG</td>
+ </tr>
+ <tr>
+ <td colspan="2" rowspan='4'><img src=${src} width='80%' /></td>
+ <td colspan="4">单边卷料厚度：200mm</td>
+ </tr>
+ <tr>
+  <td colspan="2">铁损：0.68w/kg</td>
+  <td colspan="2">批次：20230412</td>
+ </tr>
+ <tr>
+  <td colspan="2">宽度：188mm</td>
+  <td colspan="2">片厚：0.2mm</td>
+ </tr>
+ <tr>
+  <td colspan="2">重量：631KG</td>
+  <td colspan="2">米数2292M</td>
+ </tr>
+ <tr>
+  <td colspan="6">条码：1BR157846039401296</td>
+ </tr>
+</table>`;

src/utils/printHandle.js

+import { str } from '@/utils/mymodelhtml.js'
+export function start() {
+  if (!getLodop) {
+    alert("系统检测当前环境未安装相关插件，请先安装C-Lodop插件！");
+    return;
+  }
+  let LODOP = getLodop();
+
+  LODOP.PRINT_INIT("task1");
+  LODOP.ADD_PRINT_HTM(0,0,"100%","100%",str);
+  LODOP.SET_PRINT_PAGESIZE(0, 800, 600, "");
+    LODOP.PREVIEW();
+//   LODOP.PRINT();
+    
+}