Develop/maxcess-synergy-admin
9
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

版本修改

Browse Source
This commit is contained in:
刘晓鹏 2025-04-23 17:47:28 +08:00
parent 0fcc8c5cbb
commit 8fc15b10cd
7 changed files with 581 additions and 177 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
index.html
View File

@ -6,11 +6,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta <meta
name="keywords" name="keywords"
content="vue-next-admin，vue-prev-admin，vue-admin-wonderful，后台管理系统一站式平台模板，希望可以帮你完成快速开发。vue2.x，vue2.0，vue2，vue3，vue3.x，vue3.0，CompositionAPI，typescript，element plus，element，plus，admin，wonderful，wonderful-next，vue-next-admin，vite，vite-admin，快速，高效，后台模板，后台系统，管理系统" content="123"
/> />
<meta <meta
name="description" name="description"
content="vue-next-admin，基于 vue3 + CompositionAPI + typescript + vite + element plus，适配手机、平板、pc 的后台开源免费管理系统模板！vue-prev-admin，基于 vue2 + element ui，适配手机、平板、pc 的后台开源免费管理系统模板！" content="123"
/> />
<link rel="icon" href="/favicon.ico" /> <link rel="icon" href="/favicon.ico" />
<title>vue-next-admin</title> <title>vue-next-admin</title>
@ -18,7 +18,8 @@
<body> <body>
<div id="app"></div> <div id="app"></div>
<script type="module" src="/src/main.ts"></script> <script type="module" src="/src/main.ts"></script>
<script type="module" src="/lodop.js"></script>
<script src="https://cdn.staticfile.net/Sortable/1.10.0-rc2/Sortable.min.js"></script> <script src="https://cdn.staticfile.net/Sortable/1.10.0-rc2/Sortable.min.js"></script>
<!-- <script type="text/javascript" src="https://api.map.baidu.com/api?v=3.0&ak=wsijQt8sLXrCW71YesmispvYHitfG9gv&s=1"></script>-->
</body> </body>
</html> </html>

189
lodop.js Normal file
View File

@ -0,0 +1,189 @@
//==本JS是加载Lodop插件或Web打印服务CLodop/Lodop7的综合示例，可直接使用，建议理解后融入自己程序==
//用双端口加载主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
var CreatedOKLodopObject, CLodopIsLocal, LoadJsState;
//==判断是否需要CLodop(那些不支持插件的浏览器):==
function needCLodop() {
try {
var ua = navigator.userAgent;
if (ua.match(/Windows\sPhone/i) ||
ua.match(/iPhone|iPod|iPad/i) ||
ua.match(/Android/i) ||
ua.match(/Edge\D?\d+/i))
return true;
var verTrident = ua.match(/Trident\D?\d+/i);
var verIE = ua.match(/MSIE\D?\d+/i);
var verOPR = ua.match(/OPR\D?\d+/i);
var verFF = ua.match(/Firefox\D?\d+/i);
var x64 = ua.match(/x64/i);
if ((!verTrident) && (!verIE) && (x64)) return true;
else if (verFF) {
verFF = verFF[0].match(/\d+/);
if ((verFF[0] >= 41) || (x64)) return true;
} else if (verOPR) {
verOPR = verOPR[0].match(/\d+/);
if (verOPR[0] >= 32) return true;
} else if ((!verTrident) && (!verIE)) {
var verChrome = ua.match(/Chrome\D?\d+/i);
if (verChrome) {
verChrome = verChrome[0].match(/\d+/);
if (verChrome[0] >= 41) return true;
}
}
return false;
} catch (err) {
return true;
}
}
//==检查加载成功与否，如没成功则用http(s)再试==
//==低版本CLODOP6.561/Lodop7.043及前)用本方法==
function checkOrTryHttp() {
if (window.getCLodop) {
LoadJsState = "complete";
return true;
}
if (LoadJsState == "loadingB" || LoadJsState == "complete") return;
LoadJsState = "loadingB";
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.onload = JS2.onload = JS3.onload = JS2.onerror = JS3.onerror=function(){LoadJsState = "complete";}
JS1.onerror = function(e) {
if (window.location.protocol !== 'https:')
head.insertBefore(JS2, head.firstChild); else
head.insertBefore(JS3, head.firstChild);
}
head.insertBefore(JS1,head.firstChild);
}
//==加载Lodop对象的主过程:==
(function loadCLodop(){
if (!needCLodop()) return;
CLodopIsLocal = !!((URL_WS1 + URL_WS2).match(/\/\/localho|\/\/127.0.0./i));
LoadJsState = "loadingA";
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对象主过程,判断是否安装、需否升级:==
// eslint-disable-next-line @typescript-eslint/no-unused-vars,no-unused-vars
function getLodop(oOBJECT, oEMBED) {
var strFontTag = "<br><font color='#FF00FF'>打印控件";
var strLodopInstall = strFontTag + "未安装!点击这里<a href='http://58.252.252.77:8085/CLodop_Setup_for_Win32NT.exe' target='_self'>执行安装</a>";
var strLodopUpdate = strFontTag + "需要升级!点击这里<a href='http://58.252.252.77:8085/CLodop_Setup_for_Win32NT.exe' target='_self'>执行升级</a>";
var strLodop64Install = strFontTag + "未安装!点击这里<a href='http://58.252.252.77:8085/CLodop_Setup_for_Win32NT.exe' target='_self'>执行安装</a>";
var strLodop64Update = strFontTag + "需要升级!点击这里<a href='http://58.252.252.77:8085/CLodop_Setup_for_Win32NT.exe' target='_self'>执行升级</a>";
var strCLodopInstallA = "<br><font color='#FF00FF'>Web打印服务CLodop未安装启动，点击这里<a href='http://58.252.252.77:8085/CLodop_Setup_for_Win32NT.exe' target='_self'>下载执行安装</a>";
var strCLodopInstallB = "<br>（若此前已安装过，可<a href='CLodop.protocol:setup' target='_self'>点这里直接再次启动</a>）";
var strCLodopUpdate = "<br><font color='#FF00FF'>Web打印服务CLodop需升级!点击这里<a href='http://58.252.252.77:8085/CLodop_Setup_for_Win32NT.exe' target='_self'>执行升级</a>";
var strLodop7FontTag = "<br><font color='#FF00FF'>Web打印服务Lodop7";
var strLodop7HrefX86 = "点击这里<a href='http://58.252.252.77:8085/CLodop_Setup_for_Win32NT.exe' target='_self'>下载安装</a>(下载后解压，点击lodop文件开始执行)";
var strLodop7HrefARM = "点击这里<a href='http://58.252.252.77:8085/CLodop_Setup_for_Win32NT.exe' target='_self'>下载安装</a>(下载后解压，点击lodop文件开始执行)";
var strLodop7Install_X86 = strLodop7FontTag + "未安装启动，" + strLodop7HrefX86;
var strLodop7Install_ARM = strLodop7FontTag + "未安装启动，" + strLodop7HrefARM;
var strLodop7Update_X86 = strLodop7FontTag + "需升级，" + strLodop7HrefX86;
var strLodop7Update_ARM = strLodop7FontTag + "需升级，" + strLodop7HrefARM;
var strInstallOK = "，成功后请刷新本页面或重启浏览器。</font>";
var LODOP;
try {
var isWinIE = (/MSIE/i.test(navigator.userAgent)) || (/Trident/i.test(navigator.userAgent));
var isWinIE64 = isWinIE && (/x64/i.test(navigator.userAgent));
var isLinuxX86 = (/Linux/i.test(navigator.platform)) && (/x86/i.test(navigator.platform));
var isLinuxARM = (/Linux/i.test(navigator.platform)) && (/aarch/i.test(navigator.platform));
if (needCLodop() || isLinuxX86 || isLinuxARM) {
try {
LODOP = window.getCLodop();
} catch (err) { /* empty */ }
if (!LODOP && LoadJsState !== "complete") {
if (!LoadJsState)
alert("未曾加载Lodop主JS文件，请先调用loadCLodop过程."); else
alert("网页还没下载完毕，请稍等一下再操作.");
return;
}
var strAlertMessage;
if (!LODOP) {
if (isLinuxX86)
strAlertMessage = strLodop7Install_X86;
else if (isLinuxARM)
strAlertMessage = strLodop7Install_ARM;
else
strAlertMessage = strCLodopInstallA + (CLodopIsLocal ? strCLodopInstallB : "");
document.body.innerHTML = strAlertMessage + strInstallOK + document.body.innerHTML;
return;
} else {
if (isLinuxX86 && LODOP.CVERSION < "7.1.0.1")
strAlertMessage = strLodop7Update_X86;
else if (isLinuxARM && LODOP.CVERSION < "7.1.0.1")
strAlertMessage = strLodop7Update_ARM;
else if (CLODOP.CVERSION < "6.6.2.3")
strAlertMessage = strCLodopUpdate;
if (strAlertMessage)
document.body.innerHTML = strAlertMessage + strInstallOK + document.body.innerHTML;
}
} else {
//==如果页面有Lodop插件就直接使用,否则新建:==
if (oOBJECT || oEMBED) {
if (isWinIE)
LODOP = oOBJECT;
else
LODOP = oEMBED;
} else if (!CreatedOKLodopObject) {
LODOP = document.createElement("object");
LODOP.setAttribute("width", 0);
LODOP.setAttribute("height", 0);
LODOP.setAttribute("style", "position:absolute;left:0px;top:-100px;width:0px;height:0px;");
if (isWinIE)
LODOP.setAttribute("classid", "clsid:2105C259-1E0C-4534-8141-A753534CB4CA");
else
LODOP.setAttribute("type", "application/x-print-lodop");
document.documentElement.appendChild(LODOP);
CreatedOKLodopObject = LODOP;
} else
LODOP = CreatedOKLodopObject;
//==Lodop插件未安装时提示下载地址:==
if ((!LODOP) || (!LODOP.VERSION)) {
document.body.innerHTML = (isWinIE64 ? strLodop64Install : strLodopInstall) + strInstallOK + document.body.innerHTML;
return LODOP;
}
if (LODOP.VERSION < "6.2.2.6") {
document.body.innerHTML = (isWinIE64 ? strLodop64Update : strLodopUpdate) + strInstallOK + document.body.innerHTML;
}
}
//===如下空白位置适合调用统一功能(如注册语句、语言选择等):=======================
LODOP.SET_LICENSES("","EE0887D00FCC7D29375A695F728489A6","C94CEE276DB2187AE6B65D56B3FC2848","");
//===============================================================================
return LODOP;
} catch (err) {
alert("getLodop出错:" + err);
}
}

1
src/App.vue
View File

@ -49,7 +49,6 @@ onMounted(() => {
} else { } else {
Avue.locale.use(Local.get('langes') === 'zh-cn' ? zhLocale : enLocale) Avue.locale.use(Local.get('langes') === 'zh-cn' ? zhLocale : enLocale)
} }
// eslint-disable-next-line no-mixed-spaces-and-tabs // eslint-disable-next-line no-mixed-spaces-and-tabs
// 监听布局配'置弹窗点击打开 // 监听布局配'置弹窗点击打开
mittBus.on('openSetingsDrawer', () => { mittBus.on('openSetingsDrawer', () => {

88
src/views/materialReceiptNotice/barCode.vue
View File

@ -1,17 +1,10 @@
<template> <template>
<el-dialog :model-value="props.showes" @close="closeFun" width="600"> <el-dialog :model-value="state.show" @close="closeFun" width="600">
<div id="printTemplate" class="print-hide"> <div id="printTemplate" class="print-hide" ref="typefaceBoxRef">
<div class="typefaceBox" ref="typefaceBoxRef"> <div class="typefaceBox">
<VueQr :text="props.data.tiaoMa" :size="200"></VueQr> <VueQr text="props.data.tiaoMa" :size="200"></VueQr>
<div class="titleList"> <div class="titleList">
<div class="itemText">供应商：{{ props.data.supplierName }}</div> <div class="itemText">供应商：{{ state.data.supplierName }}</div>
<div class="itemText">物料编码：{{ props.data.materialCode }}</div>
<div class="itemText">包装数量：{{ props.data.qty }}</div>
<div class="itemText">美塞斯批号：{{ props.data.mssSupplierLot }}</div>
<div class="itemText">供应商批号：{{ props.data.fSupplierLot }}</div>
<div class="itemText">采购订单号：</div>
<div class="itemText">送货日期：{{ props.data.deliveryDate }}</div>
<div class="itemText">收料通知单单号：{{ props.data.fBillNo }}</div>
</div> </div>
</div> </div>
</div> </div>
@ -21,59 +14,56 @@
</el-dialog> </el-dialog>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { defineProps, reactive, ref, defineEmits } from 'vue'; import { reactive, ref, defineExpose } from 'vue';
import VueQr from 'vue-qr/src/packages/vue-qr.vue'; import VueQr from 'vue-qr/src/packages/vue-qr.vue';
import printJS from 'print-js'; import printJS from 'print-js';
import html2canvas from "html2canvas"; import html2canvas from 'html2canvas';
const LODOP = window.LODOP;
const typefaceBoxRef = ref(); const typefaceBoxRef = ref();
const emits = defineEmits(['close']);
const props = defineProps({
showes: {
type: Boolean,
default: true,
},
data: {
type: Object,
default: () => {
return {};
},
},
});
const state = reactive({ const state = reactive({
show: false,
data: {},
snapshotUrl: '', snapshotUrl: '',
printWidth: 100,
printHeight: 100,
}); });
const handlePrint = async () => {
const canvas = await html2canvas(typefaceBoxRef.value, { const openDataFun = (obj:object) => {
allowTaint: true, // 允许跨域图片 state.data = obj
useCORS: true, // 使用 CORS 加载图片 state.show = true
scale: 2, // 提高截图分辨率 }
width: typefaceBoxRef.value.clientWidth,
height: typefaceBoxRef.value.clientHeight, const handlePrintInitialization = () => {
}); LODOP.PRINT_INITA(0,0,0,0,"L4");
state.snapshotUrl = canvas.toDataURL('image/png'); LODOP.SET_PRINT_PAGESIZE(0,state.printWidth * 10,state.printHeight * 10,"A4");
// 获取打印模板的DOM元素 // LODOP.PREVIEW();
const printElement = document.getElementById('printTemplate'); LODOP.PRINT();
if (printElement) { }
printJS({
printable: state.snapshotUrl, //打印配置
type: 'image', const handlePrintZhuhai = async () => {
style: ` LODOP.ADD_PRINT_BARCODE(125,25,150,150,"QRCode","1234567890版本7的最大值是122个字符123123");
@page { size: 100mm 50mm landscapes; margin: 0; }
`,
});
}
}; };
const handlePrintTaiguo = () => {
}
const closeFun = () => { const closeFun = () => {
emits('close'); state.show = false
}; };
defineExpose({
openDataFun
})
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.typefaceBox { .typefaceBox {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
margin: 64px 0;
.titleList { .titleList {
flex: 1; flex: 1;
} }

279
src/views/materialReceiptNotice/componentPrinting.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<el-dialog :model-value="state.show" @close="closeFun" width="90%"> <el-dialog :model-value="state.show" @close="closeFun" width="95%">
<avue-crud ref="crudRef" :data="state.data" :option="state.option"> <avue-crud ref="crudRef" :data="state.data" :option="state.option">
<template #packagingQuantity="{ row }"> <template #packagingQuantity="{ row }">
<div style="display: flex; align-items: center; justify-content: center; width: 100%"> <div style="display: flex; align-items: center; justify-content: center; width: 100%">
@ -8,19 +8,19 @@
</template> </template>
<template #printBtn="{ row }"> <template #printBtn="{ row }">
<el-button type="text"> <el-button type="text">
<div style="display: flex; align-items: center">{{ row.printBtn }}</div> <div style="display: flex; align-items: center" @click="printThisFun(row)">{{ row.printBtn }}</div>
</el-button> </el-button>
<el-button type="text">打印样例</el-button> <el-button type="text" @click="printCheckCaseFun(row)">重新打印</el-button>
</template> </template>
<template #expand="{ row }"> <template #expand="{ row }">
<div class="expandListBox"> <div class="expandListBox">
<div class="expandItem" v-for="(item, index) of row.children" :key="index"> <div class="expandItem" v-for="(item, index) of row.children" :key="index">
<div class="expandItemCol" v-for="(itemCol,indexCol) in item" :key="indexCol"> <div class="expandItemCol" v-for="(itemCol, indexCol) in item" :key="indexCol">
<div v-if="itemCol != '打印此包装'">{{ itemCol }}</div> <div v-if="itemCol != '打印此包装'">{{ itemCol }}</div>
<el-button v-else type="text"> <el-button v-else type="text" @click="printPackingFun(item)">
<div style="display: flex; align-items: center">{{ itemCol }}</div> <div style="display: flex; align-items: center">{{ itemCol }}</div>
</el-button> </el-button>
</div> </div>
</div> </div>
</div> </div>
</template> </template>
@ -37,27 +37,40 @@
</el-input> </el-input>
</div> </div>
<div class="selectItem"> <div class="selectItem">
<el-select v-model="state.printSelection" clearable placeholder="请选择打印模板" size="default" style="width: 280px" > <el-input v-model="state.indexRow.fBillNo" style="width: 280px" size="default" disabled>
<el-option label="珠海" value="0" /> <template #prepend>收料通知单</template>
<el-option label="泰国" value="1" /> </el-input>
</el-select> </div>
<div class="selectItem">
<el-select v-model="state.printSelection" clearable placeholder="请选择打印模板" size="default" style="width: 150px">
<el-option label="珠海" value="0" />
<el-option label="泰国" value="1" />
</el-select>
</div> </div>
<el-button type="primary" size="default">整单打印</el-button> <el-button type="primary" size="default" @click="printCheckAllFun">整单打印</el-button>
<el-button type="danger" size="default" v-if="state.timer !== null" @click="printCheckDangerFun">取消打印</el-button>
</div> </div>
</template> </template>
</avue-crud> </avue-crud>
<barCode ref="barCodeRef" />
</el-dialog> </el-dialog>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { reactive, computed, defineExpose } from 'vue'; import { computed, defineExpose, reactive, ref } from 'vue';
import { useI18n } from 'vue-i18n'; import { useI18n } from 'vue-i18n';
import { listApi } from '/@/api/list'; import { listApi } from '/@/api/list';
import barCode from './barCode.vue'; import barCode from './barCode.vue';
import {ElMessage, ElMessageBox, ElNotification} from 'element-plus';
import { Session } from '/@/utils/storage';
const LODOP = window.LODOP;
const barCodeRef = ref();
const { t } = useI18n(); const { t } = useI18n();
const state: any = reactive({ const state: any = reactive({
data: [], data: [],
show: false, show: false,
printSelection: '', printSelection: '0',
printJQ: '',
printState:'0',
option: { option: {
expand: true, expand: true,
expandRowKeys: [1], expandRowKeys: [1],
@ -95,12 +108,159 @@ const state: any = reactive({
fmrpCloseStatus: '', fmrpCloseStatus: '',
}, },
indexRow: {}, indexRow: {},
printerList: [],
timer: null,
}); });
//打印校验
const printCheckFun = () => { const printVerification = () => {
state.printSelectionShow = false; if (state.printSelection === '') {
ElMessage.warning('请选择打印模板');
return false;
}
if (state.timer !== null) {
ElMessage.warning('打印机正在工作中');
return false;
}
return true;
}; };
//取消打印
const printCheckDangerFun = () => {
LODOP.SET_PRINT_MODE(`CONTROL_PRINTER:${state.printJQ}`, "PURGE");
clearInterval(state.timer);
state.timer = null;
}
//全部打印
const printCheckAllFun = () => {
if (printVerification()) {
ElMessageBox({
closeOnClickModal: false,
closeOnPressEscape: false,
title: t('message.index.prompt'),
message: '确定要打印整单吗？',
confirmButtonText: t('message.index.confirm'),
cancelButtonText: t('message.user.logOutCancel'),
showCancelButton: true,
buttonSize: 'default',
beforeClose: (action, instance, done) => {
if (action === 'confirm') {
let arr:any = []
state.data.forEach((item:any) => {
if(item.children.length){
arr = arr.concat(item.children)
console.log(arr)
} else {
for (let i = 0; i < item.qty; i++){
arr.push({...item,packagingQuantity:1,tiaoMa:item.tiaoMa})
}
}
})
dataExtractFun(arr);
done()
} else {
done();
}
},
});
}
};
//案例打印
const printCheckCaseFun = (row: any) => {
if (printVerification()) {
dataExtractFun([{ ...row,packagingQuantity:row.packagingQuantity }]);
}
};
//包装打印
const printPackingFun = (row:any) => {
if (printVerification()) {
dataExtractFun([{ ...row }]);
}
}
//此条打印
const printThisFun = (row:any) => {
if(row.children.length){
dataExtractFun(row.children);
} else {
ElMessageBox({
closeOnClickModal: false,
closeOnPressEscape: false,
title: t('message.index.prompt'),
message: '确定要进行不分包装打印吗？',
confirmButtonText: t('message.index.confirm'),
cancelButtonText: t('message.user.logOutCancel'),
showCancelButton: true,
buttonSize: 'default',
beforeClose: (action, instance, done) => {
if (action === 'confirm') {
instance.confirmButtonLoading = true;
let arr = []
for (let i = 0; i < row.qty; i++){
arr.push({...row,packagingQuantity:1,tiaoMa:row.tiaoMa})
}
dataExtractFun(arr);
done()
} else {
done();
}
},
});
}
}
//数据提取/打印
const dataExtractFun = (list: any = []) => {
let stepCounter = 0;
state.timer = setInterval(() => {
if (state.printSelection === '0') {
LODOP.PRINT_INITA(0, 0, 0, 0, 'L4');
LODOP.SET_PRINT_PAGESIZE(1, 1000, 1000, '');
AddPrintContentZhuhai(list[stepCounter]);
// LODOP.PREVIEW();
LODOP.PRINT();
} else {
LODOP.PRINT_INITA(0, 0, 0, 0, 'L4');
LODOP.SET_PRINT_PAGESIZE(1, 1000, 1000, '');
AddPrintContentTaiguo(list[stepCounter]);
LODOP.PRINT();
}
if (list.length - 1 == stepCounter) {
clearInterval(state.timer);
state.timer = null;
state.printState = '0'
}
stepCounter++
}, 2000);
};
const AddPrintContentZhuhai = (row: any) => {
let obj = row
state.data.forEach((item:any) => {
if(item.purchaseOrderFBillNo === obj.purchaseOrderFBillNo){
obj.tiaoMa = item.tiaoMa
}
})
LODOP.ADD_PRINT_BARCODE(125, 25, 150, 150, 'QRCode', obj.tiaoMa);
LODOP.ADD_PRINT_TEXT(125, 155, 300, 20, `供应商简称：${obj.supplierName}`);
LODOP.ADD_PRINT_TEXT(145, 155, 300, 20, `物料编码：${obj.materialCode}`);
LODOP.ADD_PRINT_TEXT(165, 155, 300, 20, `包装数量：${obj.packagingQuantity}`);
LODOP.ADD_PRINT_TEXT(185, 155, 300, 20, `美塞斯批号：${obj.mssSupplierLot}`);
LODOP.ADD_PRINT_TEXT(205, 155, 300, 20, `供应商批号：${obj.fSupplierLot}`);
LODOP.ADD_PRINT_TEXT(225, 155, 300, 20, `采购订单号：${obj.purchaseOrderFBillNo}`);
LODOP.ADD_PRINT_TEXT(245, 155, 300, 20, `送货日期：${state.indexRow.deliveryDate}`);
LODOP.ADD_PRINT_TEXT(265, 155, 300, 20, `收料通知单单号：${state.indexRow.fBillNo}`);
};
const AddPrintContentTaiguo = (row: any) => {
let obj = row
state.data.forEach((item:any) => {
if(item.purchaseOrderFBillNo === obj.purchaseOrderFBillNo){
obj.tiaoMa = item.tiaoMa
}
})
LODOP.ADD_PRINT_BARCODE(125, 25, 150, 150, 'QRCode', obj.tiaoMa);
LODOP.ADD_PRINT_TEXT(125, 155, 300, 20, `物料编码：${obj.materialCode}`);
LODOP.ADD_PRINT_TEXT(145, 155, 300, 20, `包装数量：${obj.packagingQuantity}`);
LODOP.ADD_PRINT_TEXT(165, 155, 300, 20, `美塞斯批号：${obj.mssSupplierLot}`);
LODOP.ADD_PRINT_TEXT(185, 155, 300, 20, `供应商批号：${obj.fSupplierLot}`);
};
//分包算法
const inputNumberFun = (e: any, row: any) => { const inputNumberFun = (e: any, row: any) => {
if (e <= 1 || e > row.packagingQuantity) { if (e <= 1 || e > row.packagingQuantity) {
state.data = state.data.map((item: any) => state.data = state.data.map((item: any) =>
@ -126,8 +286,10 @@ const inputNumberFun = (e: any, row: any) => {
}, },
{} as Record<string, any> {} as Record<string, any>
); );
child.quantityPerPackage = i + 1; child.quantityPerPackage = i + 1;
child.printBtn = '打印此包装'; child.printBtn = '打印此包装';
if (i === packages - 1 && item.qty % e !== 0) { if (i === packages - 1 && item.qty % e !== 0) {
child.packagingQuantity = item.qty % e; child.packagingQuantity = item.qty % e;
} else { } else {
@ -138,28 +300,52 @@ const inputNumberFun = (e: any, row: any) => {
return { ...item, children }; return { ...item, children };
}); });
}; };
//获取数据
const openShowDataFun = (row: any) => { const openShowDataFun = (row: any) => {
state.indexRow = row; if(LODOP === undefined){
state.formData.sheet = row.sheet; ElNotification({
listApi() title: '提示',
.invoiceOrderGetPageList({ condition: state.formData, pageSize: 100000, page: 1 }) message: '检测到无打印插件，正在下载',
.then((res: any) => { type: 'warning',
if (res.resultCode === 0) { duration: 0,
state.data = res.data.dataList; position:'top-left'
state.data.forEach((item: any) => { })
item.packagingQuantity = 1; const userAgent = window.navigator.userAgent.toLowerCase();
item.quantityPerPackage = item.qty; if (userAgent.includes('windows')) {
item.children = []; window.location.href ='http://58.252.252.77:8085/CLodop_Setup_for_Win64NT_6.623EN.exe'
item.printBtn = '打印此条'; } else if (userAgent.includes('mac')) {
}); ElNotification({
state.show = true; title: '提示',
} message: 'MAC无打印配置',
}); type: 'error',
}; duration: 0,
position:'top-left'
})
}
} else {
state.indexRow = row;
state.formData.sheet = row.sheet;
listApi()
.invoiceOrderGetPageList({ condition: state.formData, pageSize: 100000, page: 1 })
.then((res: any) => {
LODOP.SELECT_PRINTER();
if (res.resultCode === 0) {
state.data = res.data.dataList;
state.data.forEach((item: any) => {
item.packagingQuantity = 1;
item.quantityPerPackage = item.qty;
item.children = [];
item.printBtn = '打印条码';
});
state.show = true;
}
});
}
};
const closeFun = () => { const closeFun = () => {
state.show = false; state.show = false;
state.data = [];
}; };
defineExpose({ defineExpose({
@ -167,6 +353,15 @@ defineExpose({
}); });
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
:deep(.avue-crud__right) {
display: none;
}
:deep(.el-table__cell) {
width: calc(100% / 11) !important;
box-sizing: border-box !important;
}
.expandListBox { .expandListBox {
width: 100%; width: 100%;
box-sizing: border-box; box-sizing: border-box;
@ -177,8 +372,6 @@ defineExpose({
height: 30px; height: 30px;
//background-color: #3eaadc; //background-color: #3eaadc;
border-top: 1px solid #ebeef5; border-top: 1px solid #ebeef5;
border-right: 8px;
overflow: hidden;
display: flex; display: flex;
.expandItemCol { .expandItemCol {
@ -194,7 +387,7 @@ defineExpose({
} }
:deep(.el-card) { :deep(.el-card) {
padding: 0 !important; //padding: 0 !important;
//height: 56px !important; //height: 56px !important;
} }
@ -224,7 +417,7 @@ defineExpose({
display: flex; display: flex;
align-items: center; align-items: center;
box-sizing: border-box; box-sizing: border-box;
padding: 4px; //padding: 4px;
} }
.system-user-container { .system-user-container {
@ -282,7 +475,7 @@ defineExpose({
} }
:deep(.el-card) { :deep(.el-card) {
padding: 12px; //padding: 12px;
} }
:deep(.el-form) { :deep(.el-form) {
@ -307,6 +500,6 @@ defineExpose({
} }
:deep(.cell) { :deep(.cell) {
padding: 0 !important; //padding: 0 !important;
} }
</style> </style>

193
src/views/materialReceiptNotice/index.vue
View File

@ -14,8 +14,8 @@
<el-checkbox v-if="row.ifHidden === 0" v-model="row.checkboxBox" true-value="1" false-value="0" @change="selectionChange(row)" /> <el-checkbox v-if="row.ifHidden === 0" v-model="row.checkboxBox" true-value="1" false-value="0" @change="selectionChange(row)" />
</div> </div>
</template> </template>
<template #deliveryDate="{ row }">{{ row.ifHidden === 0 ? row.deliveryDate : '' }}</template> <template #deliveryDate="{ row }">{{ row.ifHidden === 0 ? row.deliveryDate : '' }}</template>
<!-- <template #purchaseOrderFBillNo="{ row }">{{ row.ifHidden === 0 ? row.purchaseOrderFBillNo : '' }}</template>--> <template #fBillNo="{ row }">{{ row.ifHidden === 0 ? row.fBillNo : '' }}</template>
<template #sheet="{ row }">{{ row.ifHidden === 0 ? row.sheet : '' }}</template> <template #sheet="{ row }">{{ row.ifHidden === 0 ? row.sheet : '' }}</template>
<template #materialName="{ row }"> <template #materialName="{ row }">
<el-tooltip :content="row.materialName" placement="top"> <el-tooltip :content="row.materialName" placement="top">
@ -26,52 +26,64 @@
<el-tooltip :content="row.supplierName" placement="top"> <el-tooltip :content="row.supplierName" placement="top">
<div class="multi-line-omit">{{ row.supplierName }}</div> <div class="multi-line-omit">{{ row.supplierName }}</div>
</el-tooltip> </el-tooltip>
</template>43 </template>
43
<template #menu-left> <template #menu-left>
<div class="selectBoxes"> <div class="selectBoxes">
<div class="selectItem"> <div class="selectItem">
<el-input v-model="state.formData.sheet" style="width: 240px" :placeholder="t('message.index.deliveryNote')" size="default" /> <el-input v-model="state.formData.sheet" style="width: 240px" :placeholder="t('message.index.deliveryNote')" size="default" />
</div> </div>
<div class="selectItem"> <div class="selectItem">
<el-date-picker <el-date-picker
v-model="state.elDatePicker" v-model="state.elDatePicker"
style="width: 25vw" style="width: 25vw"
type="daterange" type="daterange"
range-separator="-" range-separator="-"
:start-placeholder="t('message.index.startDate')" :start-placeholder="t('message.index.startDate')"
:end-placeholder="t('message.index.endDate')" :end-placeholder="t('message.index.endDate')"
size="default" size="default"
format="YYYY-MM-DD" format="YYYY-MM-DD"
value-format="YYYY-MM-DD" value-format="YYYY-MM-DD"
@change="elDatePickerFun" @change="elDatePickerFun"
/> />
</div> </div>
<el-button type="primary" size="default" @click="selectFun">{{ t('message.index.search') }}</el-button> <el-button type="primary" size="default" @click="selectFun">{{ t('message.index.search') }}</el-button>
<el-button size="default" @click="resetFun">{{ t('message.index.reset') }}</el-button> <el-button size="default" @click="resetFun">{{ t('message.index.reset') }}</el-button>
<el-button type="primary" size="default" @click="state.selectedDataShow = true"> <el-button type="primary" size="default" @click="state.selectedDataShow = true">
<span>{{ t('message.index.selected') }} {{ state.selectedData.length }} {{ t('message.index.items') }}，{{ t('message.index.print') }}</span> <span
>{{ t('message.index.selected') }} {{ state.selectedData.length }} {{ t('message.index.items') }}，{{
t('message.index.print')
}}</span
>
</el-button>
</div>
</template>
<template #print="{ row }">
<div class="btnList">
<el-button v-if="row.ifHidden === 0" type="text" @click="componentPrintingFunDataRow(row)">
{{ t('message.index.print') }}
</el-button>
</div>
</template>
<template #deleteText="{ row }">
<div class="btnList">
<el-button v-if="row.ifHidden === 0" type="text" @click="invoiceOrderDeleteOrderFun(row)">
{{ t('message.index.deleteText') }}
</el-button> </el-button>
</div> </div>
</template> </template>
<template #print="{ row }">
<div class="btnList">
<el-button v-if="row.ifHidden === 0" type="text" @click="componentPrintingFunDataRow(row)">{{ t('message.index.print') }}</el-button>
</div>
</template>
<template #deleteText="{ row }">
<div class="btnList">
<el-button v-if="row.ifHidden === 0" type="text" @click="invoiceOrderDeleteOrderFun(row)">{{ t('message.index.deleteText') }}</el-button>
</div>
</template>
</avue-crud> </avue-crud>
</el-card> </el-card>
<selectedData <selectedData
:listData="state.selectedData" :listData="state.selectedData"
:showes="state.selectedDataShow" :showes="state.selectedDataShow"
@close="() => { state.selectedDataShow = false; }" @close="
() => {
state.selectedDataShow = false;
}
"
/> />
<componentPrinting ref="componentPrintingRef"/> <componentPrinting ref="componentPrintingRef" />
</div> </div>
</template> </template>
@ -80,11 +92,13 @@ import { reactive, onMounted, computed, ref } from 'vue';
import { listApi } from '/@/api/list'; import { listApi } from '/@/api/list';
import { useI18n } from 'vue-i18n'; import { useI18n } from 'vue-i18n';
import SelectedData from '/@/views/materialReceiptNotice/selectedData.vue'; import SelectedData from '/@/views/materialReceiptNotice/selectedData.vue';
import componentPrinting from './componentPrinting.vue' import componentPrinting from './componentPrinting.vue';
import {ElMessage, ElMessageBox} from "element-plus"; import { ElMessage, ElMessageBox } from 'element-plus';
const LODOP = window.LODOP;
const { t } = useI18n(); const { t } = useI18n();
const crudRef = ref(); const crudRef = ref();
const componentPrintingRef = ref() const componentPrintingRef = ref();
const state = reactive({ const state = reactive({
page: { page: {
total: 0, total: 0,
@ -93,7 +107,7 @@ const state = reactive({
}, },
option: { option: {
height: computed(() => window.innerHeight - window.innerHeight * 0.25 + ''), height: computed(() => window.innerHeight - window.innerHeight * 0.25 + ''),
sortable: true, sortable: true,
tip: false, tip: false,
index: false, index: false,
menuWidth: 120, menuWidth: 120,
@ -104,24 +118,25 @@ const state = reactive({
selection: false, selection: false,
searchMenuSpan: 3, searchMenuSpan: 3,
addBtn: false, addBtn: false,
menu:false, menu: false,
column: [ column: [
{ label: '', prop: 'checkboxBox', width: 35 }, { label: '', prop: 'checkboxBox', width: 35 },
{ label: computed(()=> t('message.index.deliveryDate')), prop: 'deliveryDate' }, { label: computed(() => t('message.index.deliveryDate')), prop: 'deliveryDate' },
{ label: computed(()=> t('message.index.deliveryNote')), prop: 'sheet', width: '135' }, { label: computed(() => t('message.index.deliveryNote')), prop: 'sheet', width: '135' },
{ label: computed(()=> t('message.index.PO1')), prop: 'purchaseOrderFBillNo', width: '135' }, { label: '收料通知单单号', prop: 'fBillNo', width: '135' },
{ label: computed(()=> t('message.index.maxcessLot')), prop: 'mssSupplierLot' }, { label: computed(() => t('message.index.PO1')), prop: 'purchaseOrderFBillNo', width: '135' },
{ label: computed(()=> t('message.index.supplierLot')), prop: 'fSupplierLot' }, { label: computed(() => t('message.index.maxcessLot')), prop: 'mssSupplierLot' },
{ label: computed(()=> t('message.index.partNumber')), prop: 'materialCode', width: '120' }, { label: computed(() => t('message.index.supplierLot')), prop: 'fSupplierLot' },
{ label: computed(()=> t('message.index.materialName')), prop: 'materialName' }, { label: computed(() => t('message.index.partNumber')), prop: 'materialCode', width: '120' },
{ label: computed(() => t('message.index.materialName')), prop: 'materialName' },
{ label: computed(() => t('message.index.supplierCode')), prop: 'supplierId', width: '90' }, { label: computed(() => t('message.index.supplierCode')), prop: 'supplierId', width: '90' },
{ label: computed(() => t('message.index.supplierName')), prop: 'supplierName', width: '120' }, { label: computed(() => t('message.index.supplierName')), prop: 'supplierName', width: '120' },
// { label: computed(() => t('message.index.receivedQTY')), prop: 'sendedQty', width: '110' }, // { label: computed(() => t('message.index.receivedQTY')), prop: 'sendedQty', width: '110' },
{ label: computed(() => t('message.index.shipmentQTY')), prop: 'qty' }, { label: computed(() => t('message.index.shipmentQTY')), prop: 'qty' },
{ label: computed(() => t('message.index.POQTY')), prop: 'purchaseQty' }, { label: computed(() => t('message.index.POQTY')), prop: 'purchaseQty' },
{ label: computed(() => t('message.index.unit')), prop: 'unitName' }, { label: computed(() => t('message.index.unit')), prop: 'unitName' },
{ label: computed(() => t('message.index.print')), prop: 'print',width: 80 }, { label: computed(() => t('message.index.print')), prop: 'print', width: 80 },
{ label: computed(() => t('message.index.deleteText')), prop: 'deleteText',width: 80 }, { label: computed(() => t('message.index.deleteText')), prop: 'deleteText', width: 80 },
], ],
}, },
data: [], data: [],
@ -137,36 +152,37 @@ const state = reactive({
loading: false, loading: false,
}); });
const elDatePickerFun = (val: any) => { const elDatePickerFun = (val: any) => {
state.formData.fDateBegin = val[0]; state.formData.fDateBegin = val[0];
state.formData.fDateEmd = val[1]; state.formData.fDateEmd = val[1];
};
const invoiceOrderDeleteOrderFun = (row: any) => {
ElMessageBox({
closeOnClickModal: false,
closeOnPressEscape: false,
title: t('message.index.prompt'),
message: t('message.index.scqd'),
confirmButtonText: t('message.index.confirm'),
cancelButtonText: t('message.user.logOutCancel'),
showCancelButton: true,
buttonSize: 'default',
beforeClose: (action, instance, done) => {
if (action === 'confirm') {
instance.confirmButtonLoading = true;
listApi()
.invoiceOrderDeleteOrder({ id: row.id })
.then((res: any) => {
done();
getList();
if (res.resultCode === 0) {
ElMessage.success(t('message.index.success'));
}
});
} else {
done();
}
},
});
}; };
const invoiceOrderDeleteOrderFun = (row:any) => {
ElMessageBox({
closeOnClickModal: false,
closeOnPressEscape: false,
title: t('message.index.prompt'),
message: t('message.index.scqd'),
confirmButtonText: t('message.index.confirm'),
cancelButtonText: t('message.user.logOutCancel'),
showCancelButton: true,
buttonSize: 'default',
beforeClose: (action, instance, done) => {
if (action === 'confirm') {
instance.confirmButtonLoading = true;
listApi().invoiceOrderDeleteOrder({id:row.id}).then((res:any) => {
done()
getList()
if(res.resultCode === 0){
ElMessage.success(t('message.index.success'))
}
})
} else {
done();
}
},
});
}
const selectionChange = (row: any) => { const selectionChange = (row: any) => {
if (row.checkboxBox == '1') { if (row.checkboxBox == '1') {
state.data.forEach((item: any) => { state.data.forEach((item: any) => {
@ -195,9 +211,9 @@ const selectionChange = (row: any) => {
state.selectedData = []; state.selectedData = [];
} }
}; };
const componentPrintingFunDataRow = (row:any) => { const componentPrintingFunDataRow = (row: any) => {
componentPrintingRef.value.openShowDataFun(row) componentPrintingRef.value.openShowDataFun(row);
} };
//接口数据处理 //接口数据处理
const selectFun = () => { const selectFun = () => {
state.page.currentPage = 1; state.page.currentPage = 1;
@ -241,30 +257,31 @@ const getList = () => {
}); });
}; };
// 页面加载时 // 页面加载时
onMounted(() => {}); onMounted(() => {console.log( window.LODOP)});
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
:deep(.el-checkbox--default):nth-child(0) {
display: none !important;
}
:deep(.el-checkbox) { :deep(.el-checkbox) {
height: 15px !important; height: 15px !important;
} }
:deep(.cell) { :deep(.cell) {
padding: 0 !important; padding: 0 !important;
} }
:deep(.avue-crud__left) { :deep(.avue-crud__left) {
flex: 1; flex: 1;
} }
:deep(.el-button--text) { :deep(.el-button--text) {
padding: 0 !important; padding: 0 !important;
height: auto !important; height: auto !important;
} }
:deep(.avue-crud__gridBtn) { :deep(.avue-crud__gridBtn) {
display: none; display: none;
} }
.piliang { .piliang {
margin-left: 12px; margin-left: 12px;
border: 1px solid #d5d5d5; border: 1px solid #d5d5d5;
@ -275,9 +292,11 @@ onMounted(() => {});
box-sizing: border-box; box-sizing: border-box;
padding: 4px; padding: 4px;
} }
.system-user-container { .system-user-container {
padding: 0 !important; padding: 0 !important;
} }
.multi-line-omit { .multi-line-omit {
word-break: break-all; // 允许单词内自动换行，如果一个单词很长的话 word-break: break-all; // 允许单词内自动换行，如果一个单词很长的话
text-overflow: ellipsis; // 溢出用省略号显示 text-overflow: ellipsis; // 溢出用省略号显示
@ -286,45 +305,56 @@ onMounted(() => {});
-webkit-line-clamp: 1; // 显示的行 -webkit-line-clamp: 1; // 显示的行
-webkit-box-orient: vertical; // 设置伸缩盒子的子元素排列方式--从上到下垂直排列 -webkit-box-orient: vertical; // 设置伸缩盒子的子元素排列方式--从上到下垂直排列
} }
.selectBoxes { .selectBoxes {
display: flex; display: flex;
flex: 1; flex: 1;
.selectItem { .selectItem {
margin-right: 16px; margin-right: 16px;
display: flex; display: flex;
} }
} }
:deep(.avue-crud) { :deep(.avue-crud) {
height: 100%; height: 100%;
width: 100%; width: 100%;
} }
:deep(.avue-crud--card) { :deep(.avue-crud--card) {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
flex: 1; flex: 1;
} }
:deep(.avue-crud__body) { :deep(.avue-crud__body) {
flex: 1; flex: 1;
} }
:deep(.el-table__header) { :deep(.el-table__header) {
height: 40px; height: 40px;
} }
:deep(.el-card__body) { :deep(.el-card__body) {
width: 100% !important; width: 100% !important;
height: 100% !important; height: 100% !important;
overflow: hidden !important; overflow: hidden !important;
padding: 0 !important; padding: 0 !important;
} }
:deep(.el-table__cell) { :deep(.el-table__cell) {
padding: 0 !important; padding: 0 !important;
//height: 56px !important; //height: 56px !important;
} }
:deep(.el-card) { :deep(.el-card) {
padding: 12px; padding: 12px;
} }
:deep(.el-form) { :deep(.el-form) {
flex: 1; flex: 1;
} }
.system-user-container { .system-user-container {
:deep(.el-card__body) { :deep(.el-card__body) {
display: flex; display: flex;
@ -337,6 +367,7 @@ onMounted(() => {});
} }
} }
} }
:deep(.el-col) { :deep(.el-col) {
margin-bottom: 16px; margin-bottom: 16px;
} }

1
src/views/mssPurchaseOrder/index.vue
View File

@ -65,6 +65,7 @@
<span v-if="row.ifHidden === 0" @click="toPurchaseDetails(row)" style="cursor: pointer; color: #409eff">{{ row.fBillNo }}</span> <span v-if="row.ifHidden === 0" @click="toPurchaseDetails(row)" style="cursor: pointer; color: #409eff">{{ row.fBillNo }}</span>
</template> </template>
<template #fDate="{ row }">{{ row.ifHidden === 0 ? row.fDate : '' }}</template> <template #fDate="{ row }">{{ row.ifHidden === 0 ? row.fDate : '' }}</template>
<template #fPurchaseOrgName="{ row }">{{ row.ifHidden === 0 ? row.fPurchaseOrgName : '' }}</template>
<template #fCancelStatus="{ row }"> <template #fCancelStatus="{ row }">
{{ row.ifHidden === 0 ? (row.fCancelStatus === 'A' ? t('message.index.closed') : t('message.index.unclosed')) : '' }} {{ row.ifHidden === 0 ? (row.fCancelStatus === 'A' ? t('message.index.closed') : t('message.index.unclosed')) : '' }}
</template> </template>