From a108e2c9fd3e80b8301313215b15afce96d969b5 Mon Sep 17 00:00:00 2001
From: schangxiang@126.com <schangxiang@126.com>
Date: 周六, 30 11月 2024 14:11:28 +0800
Subject: [PATCH] 22
---
LA24030_LuLiPackageLine_Web/src/views/main/WmsOrder/manualFeedKitting/index.vue | 261 +++++++++++++++++++++++++--------------------------
1 files changed, 127 insertions(+), 134 deletions(-)
diff --git a/LA24030_LuLiPackageLine_Web/src/views/main/WmsOrder/manualFeedKitting/index.vue b/LA24030_LuLiPackageLine_Web/src/views/main/WmsOrder/manualFeedKitting/index.vue
index 55d7381..bd0662c 100644
--- a/LA24030_LuLiPackageLine_Web/src/views/main/WmsOrder/manualFeedKitting/index.vue
+++ b/LA24030_LuLiPackageLine_Web/src/views/main/WmsOrder/manualFeedKitting/index.vue
@@ -4,15 +4,14 @@
<el-form :model="queryParams" @submit.native.prevent ref="queryForm" labelWidth="100">
<el-row>
<el-col :xs="24" :sm="12" :md="12" :lg="10" :xl="4" class="mb10">
- <el-form-item label="閮ㄤ欢鏉＄爜" size="large">
+ <el-form-item label="鍖呰鍙�" size="large">
<el-input
size="large"
- v-model="queryParams.upi"
+ v-model="queryParams.packageCode"
ref="materialCodeInput"
clearable=""
- placeholder="璇锋壂閮ㄤ欢鏉＄爜"
- @input="handleChange"
- @keyup.enter.prevent="handleEnter"
+ placeholder="璇锋壂鍖呰鍙�"
+ @keyup.enter.prevent="handleEnter"
@confirm.enter.prevent="handleEnter"
/>
</el-form-item>
@@ -33,17 +32,30 @@
</el-row>
</el-form>
<br />
- <div class="detailBox">
+ <div class="detailBox" style="height: calc(65vh)">
+ <div class="titleTip">
+ <div class="" v-show="isSuccess == '鎴愬姛'">
+ <svg t="1732788314050" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11359" width="100" height="100">
+ <path
+ d="M874.119618 149.859922A510.816461 510.816461 0 0 0 511.997 0.00208a509.910462 509.910462 0 0 0-362.119618 149.857842c-199.817789 199.679789-199.817789 524.581447 0 724.260236a509.969462 509.969462 0 0 0 362.119618 149.857842A508.872463 508.872463 0 0 0 874.119618 874.120158c199.836789-199.679789 199.836789-524.581447 0-724.260236zM814.94268 378.210681L470.999043 744.132295a15.359984 15.359984 0 0 1-5.887994 4.095996c-1.751998 1.180999-2.913997 2.362998-5.276994 2.913997a34.499964 34.499964 0 0 1-13.469986 2.914997 45.547952 45.547952 0 0 1-12.897986-2.303998l-4.095996-2.363997a45.291952 45.291952 0 0 1-7.009992-4.095996l-196.902793-193.789796a34.126964 34.126964 0 0 1-10.555989-25.186973c0-9.37399 3.583996-18.74698 9.98399-25.186974a36.429962 36.429962 0 0 1 50.372947 0l169.98382 167.423824L763.389735 330.220732a37.059961 37.059961 0 0 1 50.371947-1.732998 33.647965 33.647965 0 0 1 11.165988 25.186973 35.544963 35.544963 0 0 1-9.98399 24.575974v-0.04z m0 0"
+ fill="#52C41A"
+ p-id="11360"
+ ></path>
+ </svg>
+ <p class="okText">鑾峰彇鏍囩淇℃伅鎴愬姛锛�</p>
+ </div>
+ <div class="" v-show="isSuccess && isSuccess != '鎴愬姛'">
+ <svg t="1732842594517" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4303" width="100" height="100">
+ <path
+ d="M549.044706 512l166.189176-166.249412a26.383059 26.383059 0 0 0 0-36.98447 26.383059 26.383059 0 0 0-37.044706 0L512 475.015529l-166.249412-166.249411a26.383059 26.383059 0 0 0-36.98447 0 26.383059 26.383059 0 0 0 0 37.044706L475.015529 512l-166.249411 166.249412a26.383059 26.383059 0 0 0 0 36.98447 26.383059 26.383059 0 0 0 37.044706 0L512 548.984471l166.249412 166.249411a26.383059 26.383059 0 0 0 36.98447 0 26.383059 26.383059 0 0 0 0-37.044706L548.984471 512zM512 1024a512 512 0 1 1 0-1024 512 512 0 0 1 0 1024z"
+ fill="#E84335"
+ p-id="4304"
+ ></path>
+ </svg>
+ <p class="okText">{{ isSuccess }}</p>
+ </div>
+ </div>
<ul>
- <!-- <li>
- <span class="text_left">鏄惁榻愬寘:</span>
- <span class="text_rt"></span>
- </li>
- <li>
- <span class="text_left">鏄惁榻愬:</span>
- <span class="text_rt"></span>
- </li> -->
-
<li>
<span class="text_left">閮ㄤ欢鏉＄爜:</span>
<span class="text_rt">{{ tableData.upi }}</span>
@@ -62,40 +74,52 @@
<span class="text_left">璁㈠崟鍙�:</span>
<span class="text_rt">{{ tableData.orderId }}</span>
</li>
- <br /> <br /> <br /> <br /> <br /> <br />
- <br /> <br /> <br /> <br /> <br />
- <br /> <br /> <br /> <br /> <br /> <br />
+ <li>
+ <span class="text_left">绾哥闀�:</span>
+ <span class="text_rt">{{ tableData.info1 }}</span>
+ </li>
+ <li>
+ <span class="text_left">绾哥瀹�:</span>
+ <span class="text_rt">{{ tableData.info2 }}</span>
+ </li>
+ <li>
+ <span class="text_left">绾哥楂�:</span>
+ <span class="text_rt">{{ tableData.info3 }}</span>
+ </li>
-
- <!-- <li>
+ <li>
+ <span class="text_left">閿�鍞悎鍚屽崟鍙�:</span>
+ <span class="text_rt">{{ tableData.info4 }}</span>
+ </li>
+ <li>
+ <span class="text_left">绗嚑鍖�:</span>
+ <span class="text_rt">{{ tableData.info6 }}</span>
+ </li>
+ <li>
+ <span class="text_left">缁忛攢搴楀悕绉�:</span>
+ <span class="text_rt">{{ tableData.info7 }}</span>
+ </li>
+ <li>
+ <span class="text_left">浜у搧鍚嶇О:</span>
+ <span class="text_rt">{{ tableData.info8 }}</span>
+ </li>
+ <li>
<span class="text_left">瀹㈡埛鍚嶇О:</span>
- <span class="text_rt">{{ tableData.Info10 }}</span>
- </li> -->
-
- <!-- <li>
- <span class="text_left">闀�:</span>
- <span class="text_rt">{{ tableData.length }}</span>
+ <span class="text_rt">{{ tableData.info10 }}</span>
</li>
<li>
- <span class="text_left">瀹�:</span>
- <span class="text_rt">{{ tableData.width }}</span>
+ <span class="text_left">鑷彁鎴栧彂璐�:</span>
+ <span class="text_rt">{{ tableData.info11 }}</span>
</li>
<li>
- <span class="text_left">鍘�:</span>
- <span class="text_rt">{{ tableData.thk }}</span>
+ <span class="text_left">鍖呰閮ㄤ欢鎬绘暟閲�:</span>
+ <span class="text_rt">{{ tableData.info12 }}</span>
</li>
<li>
- <span class="text_left">閮ㄤ欢绾圭悊:</span>
- <span class="text_rt">{{ tableData.matgrid }}</span>
+ <span class="text_left">鍖呰闈㈢Н:</span>
+ <span class="text_rt">{{ tableData.info13 }}</span>
</li>
- <li>
- <span class="text_left">鏄惁灏佽竟:</span>
- <span class="text_rt">{{ tableData.isEB }}</span>
- </li>
- <li>
- <span class="text_left">鎵撳瓟璁惧缂栧彿:</span>
- <span class="text_rt">{{ tableData.dRNum }}</span>
- </li> -->
+
</ul>
</div>
<!-- 鐢熸垚form 榻愬 榻愬寘 璁剧疆ng鍖� -->
@@ -128,7 +152,7 @@
</template>
<script lang="ts" setup="" name="wmsSubstituteGood">
-import { onMounted, ref } from 'vue';
+import { onBeforeUnmount, onMounted, ref } from 'vue';
import { ElMessageBox, ElMessage } from 'element-plus';
import { auth } from '/@/utils/authFunction';
import { getDictDataItem as di, getDictDataList as dl } from '/@/utils/dict-utils';
@@ -137,7 +161,7 @@
import printDialog from '/@/views/system/print/component/hiprint/preview.vue';
import editDialog from '/@/views/main/WmsBase/wmsSubstituteGood/component/editDialog.vue';
import { pageWmsSubstituteGood, deleteWmsSubstituteGood } from '/@/api/main/WmsBase/wmsSubstituteGood';
-import { ShortageList } from '/@/api/main/ReportCenter/wmsStockQuan';
+import { ShortageList, ValdateQiTao } from '/@/api/main/ReportCenter/wmsStockQuan';
const showAdvanceQueryUI = ref(false);
const printDialogRef = ref();
@@ -145,7 +169,7 @@
const loading = ref(false);
const tableData = ref<any>([]);
const queryParams = ref<any>({
- upi: '',
+ packageCode: '',
});
const tableParams = ref({
page: 1,
@@ -169,112 +193,69 @@
const changeAdvanceQueryUI = () => {
showAdvanceQueryUI.value = !showAdvanceQueryUI.value;
};
-// 鐢ㄤ簬寮曠敤杈撳叆妗�
-const materialCodeInput = ref(null);
+
+//=======================榧犳爣瀹氫綅 鐢ㄤ簬寮曠敤杈撳叆妗�=====================
+let materialCodeInput = ref(null);
+let inactivityTimer = null;
+
+// 澶勭悊鐢ㄦ埛娲诲姩鐨勫嚱鏁�
+const handleUserActivity = () => {
+ if (inactivityTimer) {
+ clearTimeout(inactivityTimer);
+ }
+ inactivityTimer = setTimeout(() => {
+ // 娓呯┖杈撳叆妗嗙殑鍊�
+ materialCodeInput.value.$el.querySelector('input').value = '';
+ materialCodeInput.value.$el.querySelector('input').focus();
+ }, 2000); // 璁惧畾2绉掓湭鎿嶄綔鍒欒嚜鍔ㄨ仛鐒�
+};
onMounted(() => {
// 鍦ㄧ粍浠舵寕杞藉悗杩涜鑱氱劍
materialCodeInput.value.$el.querySelector('input').focus();
+ document.addEventListener('mousemove', handleUserActivity);
+ document.addEventListener('keydown', handleUserActivity);
});
+onBeforeUnmount(() => {
+ clearTimeout(inactivityTimer);
+ document.removeEventListener('mousemove', handleUserActivity);
+ document.removeEventListener('keydown', handleUserActivity);
+});
+
+//=======================end榧犳爣瀹氫綅 鐢ㄤ簬寮曠敤杈撳叆妗�=====================
+const isSuccess = ref('');
// 鏌ヨ鎿嶄綔 888888888
const handleQuery = async () => {
console.log('8888888杩涘叆鏂规硶', queryParams.value);
- if (!queryParams.value.upi) {
+ if (!queryParams.value.packageCode) {
return;
}
console.log('鏌ヨ');
loading.value = true;
- var res = await ShortageList(Object.assign(queryParams.value, tableParams.value));
- if (res.data.result.length != 1) {
- ElMessage.warning('姝ゆ潯鐮佷笉瀛樺湪鎴栦笉鍦ㄧ己鏂欐竻鍗曚腑锛�');
- tableData.value = [];
+ var res = await ValdateQiTao(Object.assign(queryParams.value, tableParams.value));
+ queryParams.value.packageCode = '';
+ handleResponse(res);
+
+};
+function handleResponse(res: any) {
+ tableData.value = res.data.result ?? {};
+ materialCodeInput.value.$el.querySelector('input').value = '';
+ materialCodeInput.value.$el.querySelector('input').focus();
+ if (res.data.code == 200) {
+ isSuccess.value = res.data.result ? '鎴愬姛' : res.data.message || '鏈煡璇㈠埌鏁版嵁';
+ } else if (res.data.code == 400) {
+ loading.value = false;
+ isSuccess.value = res.data.message || '鏈煡璇㈠埌鏁版嵁';
+ return;
+ } else {
+ loading.value = false;
+ isSuccess.value = '';
+ ElMessage.warning('缃戠粶寮傚父 璇锋眰澶辫触');
return;
}
- tableData.value = res.data.result[0] ?? [];
- loading.value = false;
-};
+}
-// 鍒楁帓搴�
-const sortChange = async (column: any) => {
- queryParams.value.field = column.prop;
- queryParams.value.order = column.order;
- await handleQuery();
-};
-
-// 鎵撳紑鏂板椤甸潰
-const openAddWmsSubstituteGood = () => {
- editWmsSubstituteGoodTitle.value = '娣诲姞鏇夸唬鍝佺鐞�';
- editDialogRef.value.openDialog({});
-};
-
-// 鎵撳紑鎵撳嵃椤甸潰
-const openPrintWmsSubstituteGood = async (row: any) => {
- printWmsSubstituteGoodTitle.value = '鎵撳嵃鏇夸唬鍝佺鐞�';
-};
-
-// 鎵撳紑缂栬緫椤甸潰
-const openEditWmsSubstituteGood = (row: any) => {
- editWmsSubstituteGoodTitle.value = '缂栬緫鏇夸唬鍝佺鐞�';
- editDialogRef.value.openDialog(row);
-};
-
-// 鍒犻櫎
-const delWmsSubstituteGood = (row: any) => {
- ElMessageBox.confirm(`纭畾瑕佸垹闄ゅ悧?`, '鎻愮ず', {
- confirmButtonText: '纭畾',
- cancelButtonText: '鍙栨秷',
- type: 'warning',
- })
- .then(async () => {
- var ret = await deleteWmsSubstituteGood(row);
- if (ret.data.type == 'success') {
- handleQuery();
- ElMessage.success('鍒犻櫎鎴愬姛');
- }
- })
- .catch(() => {});
-};
-
-// 鏀瑰彉椤甸潰瀹归噺
-const handleSizeChange = (val: number) => {
- tableParams.value.pageSize = val;
- handleQuery();
-};
-
-// 鏀瑰彉椤电爜搴忓彿
-const handleCurrentChange = (val: number) => {
- tableParams.value.page = val;
- handleQuery();
-};
-
-// handleQuery();
-
-const rules = {
- // 杩欓噷瀹氫箟琛ㄥ崟楠岃瘉瑙勫垯
- completeSet: [{ required: true, message: '璇烽�夋嫨榻愬', trigger: 'change' }],
- packageSetup: [{ required: true, message: '璇疯緭鍏ラ綈鍖呰缃�', trigger: 'blur' }],
- ngPackage: [{ required: true, message: '璇疯緭鍏g鍖�', trigger: 'blur' }],
-};
-
-const ruleForm = ref({
- id: '',
- completeSet: '',
- packageSetup: '',
- ngPackage: '',
-});
-
-const sourceEnum: any = ref([
- {
- value: 'id',
- text: 'ID',
- },
-]);
-
-const handleChange = (event: Event) => {
- console.log('77777777777');
- handleQuery();
-};
const handleEnter = (event: Event) => {
event.preventDefault(); // 闃绘榛樿浜嬩欢
@@ -301,7 +282,8 @@
line-height: 30px;
text-align: left;
list-style-type: none;
- width: 25%;
+ width: 48%;
+ display: inline-block;
word-wrap: break-word;
}
}
@@ -309,4 +291,15 @@
.text_left {
font-weight: 700;
}
+.my-icon {
+ font-size: 36px; /* 璋冩暣瀛椾綋澶у皬 */
+ color: #00ff11; /* 璁剧疆鍥炬爣棰滆壊 */
+}
+.titleTip {
+ text-align: center;
+ font-size: 36px; /* 璋冩暣瀛椾綋澶у皬 */
+ .okText {
+ margin-bottom: 20px;
+ }
+}
</style>
--
Gitblit v1.9.3