From c13c2bb15b501c74fe4270b0ae763e5c9422ee39 Mon Sep 17 00:00:00 2001
From: spring <2396852758@qq.com>
Date: 星期三, 19 十一月 2025 10:02:52 +0800
Subject: [PATCH] fix: 重构绞线报工功能
---
src/pages/production/index.vue | 104 ++++++++++++++++++++++++++++++++++++++++++++++++---
1 files changed, 97 insertions(+), 7 deletions(-)
diff --git a/src/pages/production/index.vue b/src/pages/production/index.vue
index 16dc0c3..1fbe803 100644
--- a/src/pages/production/index.vue
+++ b/src/pages/production/index.vue
@@ -2,33 +2,81 @@
<view>
<wd-row>
<wd-col :span="21">
- <wd-search placeholder-left hide-cancel></wd-search>
+ <wd-search
+ v-model="searchKeyword"
+ placeholder="璇疯緭鍏ヨ鏍煎瀷鍙�"
+ placeholder-left
+ hide-cancel
+ @search="handleSearch"
+ @clear="handleClear"
+ ></wd-search>
</wd-col>
<wd-col :span="3">
- <view class="scan_box">
+ <view class="scan_box" @click="openScan">
<wd-icon name="scan" size="24px" color="#0D867F"></wd-icon>
</view>
</wd-col>
</wd-row>
<wd-tabs v-model="tab" auto-line-width>
<wd-tab :title="`寰呯敓浜�(${total.wait})`" class="tab_bg">
- <ProductList :api="ManageApi.getProductList" state="寰呭畬鎴�" @ok="changeWait" />
+ <ProductList
+ ref="waitRef"
+ :key="`wait-${searchKey}`"
+ :api="ManageApi.getProductList"
+ state="寰呭畬鎴�"
+ :model="searchKeyword"
+ @ok="changeWait"
+ />
+ </wd-tab>
+ <wd-tab :title="`閮ㄥ垎瀹屾垚(${total.partial})`" class="tab_bg">
+ <ProductList
+ ref="partialRef"
+ :key="`partial-${searchKey}`"
+ :api="ManageApi.getProductList"
+ state="閮ㄥ垎瀹屾垚"
+ :model="searchKeyword"
+ @ok="changePartial"
+ />
</wd-tab>
<wd-tab :title="`宸茬敓浜�(${total.already})`" class="tab_bg">
- <ProductList :api="ManageApi.getProductList" state="宸插畬鎴�" @ok="changeAlready" />
+ <ProductList
+ ref="alreadyRef"
+ :key="`already-${searchKey}`"
+ :api="ManageApi.getProductList"
+ state="宸插畬鎴�"
+ :model="searchKeyword"
+ @ok="changeAlready"
+ />
</wd-tab>
</wd-tabs>
+ <Scan ref="scanRef" emitName="scan" />
+ <wd-toast />
</view>
</template>
<script lang="ts" setup>
import ManageApi from "@/api/product/manage";
-import { onMounted, ref } from "vue";
+import { ref } from "vue";
import ProductList from "./list/index.vue";
+import Scan from "@/components/scan/index.vue";
+import { useUserStore } from "@/store/modules/user";
+import reportApi from "@/api/work/report";
+import { useToast } from "wot-design-uni";
+const scanRef = ref();
+const userStore = useUserStore();
+const userInfo: any = computed(() => userStore.userInfo);
+const toast = useToast();
+
+const waitRef = ref();
+const partialRef = ref();
+const alreadyRef = ref();
const tab = ref<number>(0);
+const searchKeyword = ref("");
+const searchKey = ref(0);
const total = reactive({
wait: 0,
+ partial: 0,
already: 0,
});
@@ -36,11 +84,53 @@
total.wait = num;
};
+const changePartial = (num: number) => {
+ total.partial = num;
+};
+
const changeAlready = (num: number) => {
total.already = num;
};
-onMounted(() => {});
+const handleSearch = () => {
+ searchKey.value++;
+};
+
+const handleClear = () => {
+ searchKeyword.value = "";
+ handleSearch();
+};
+
+const openScan = () => {
+ scanRef.value.triggerScan();
+};
+
+const getScanCode = async () => {
+ console.log("鐢熶骇绠＄悊鎵爜鍥炶皟");
+ const { code } = await reportApi.sendWorkTime({
+ userName: userInfo.value.userName,
+ });
+ if (code == 200) {
+ toast.success("鎵爜鎴愬姛");
+ }
+};
+
+// 纭繚鍏堢Щ闄ゅ啀娣诲姞鐩戝惉
+const setupScanListener = () => {
+ uni.$off("scan", getScanCode); // 鍏堢Щ闄ゆ棫鐨�
+ uni.$on("scan", getScanCode); // 鍐嶆坊鍔犳柊鐨�
+};
+
+onMounted(() => {
+ // 寮�鍚箍鎾洃鍚簨浠�
+ setupScanListener();
+ console.log("鏄剧ず1");
+});
+onUnmounted(() => {
+ // 寮�鍚箍鎾洃鍚簨浠�
+ uni.$off("scan", getScanCode);
+ console.log("绂诲紑1");
+});
</script>
<style lang="scss" scoped>
@@ -48,12 +138,12 @@
border-radius: unset;
}
.scan_box {
- padding: 6px;
display: flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
+ padding: 6px;
background: #fff;
}
::v-deep .wd-tabs__line {
--
Gitblit v1.9.3