From d3cff99cd833fedf7714cbe42e052f1402136a84 Mon Sep 17 00:00:00 2001
From: yyb <995253665@qq.com>
Date: 星期二, 24 六月 2025 17:29:05 +0800
Subject: [PATCH] 联调车间订单下发页面
---
pages/product/WorkshopOrderIssued/comp.vue | 622 +++++++++++++++++++++++++++++---------------------------
1 files changed, 324 insertions(+), 298 deletions(-)
diff --git a/pages/product/WorkshopOrderIssued/comp.vue b/pages/product/WorkshopOrderIssued/comp.vue
index 14549c2..02a23b7 100644
--- a/pages/product/WorkshopOrderIssued/comp.vue
+++ b/pages/product/WorkshopOrderIssued/comp.vue
@@ -1,325 +1,351 @@
<template>
- <view class="page">
- <view class="finishProductIn-locno-bg" />
- <u-navbar title="杞﹂棿璁㈠崟鐗╂枡" :background="background" :border-bottom="false" :title-bold="true" title-color="#000"
- back-icon-color="#000" />
- <view class="finishProductIn-locno-search">
- <u-search v-model="keywords" shape="square" bg-color="rgba(250,252,255,0.36)" :show-action="false"
- placeholder="璇疯緭鍏ラ浂浠跺彿" @clear="search" @custom="search" @search="search">
- </u-search>
- </view>
- <view class="wrap">
- <scroll-view class="finishProductIn-locno-scroll-list" scroll-y="true" @scrolltolower="getmoreList()">
- <u-cell-group class="finishProductIn-locno-scroll-list-group" :border="false">
- <view class="content" v-for="(item, index) in list" :key="item.locNo" :index="index"
- @click="selectNo(item)">
- <view class="content-header">
- <view class="content-header-title">{{ item.index }}</view>
- </view>
- <view class="content-body">
- <view class="row-list">
- <view class="_label">
- <view class="_label-icon-1">
- </view>
- <view class="_label-name">琛屽彿锛�</view>
- </view>
- <view class="_content">
- {{ item.value0 }}
- </view>
- </view>
- <view class="row-list">
- <view class="_label">
- <view class="_label-icon-2">
- </view>
- <view class="_label-name">涓嬪彂鑷冲簱浣嶏細</view>
- </view>
- <view class="_content">
- {{ item.value1 }}
- </view>
- </view>
- <view class="row-list">
- <view class="_label">
- <view class="_label-icon-1">
- </view>
- <view class="_label-name">闆朵欢鍙凤細</view>
- </view>
- <view class="_content">
- {{ item.value3 }}
- </view>
- </view>
- <view class="row-list">
- <view class="_label">
- <view class="_label-icon-3">
- </view>
- <view class="_label-name">闆朵欢鎻忚堪锛�</view>
- </view>
- <view class="_content">
- {{ item.value2 }}
- </view>
- </view>
- <view class="row-list">
- <view class="_label">
- <view class="_label-icon-2">
- </view>
- <view class="_label-name">闆朵欢涓嬪彂鏁伴噺锛�</view>
- </view>
- <view class="_content">
- {{ item.value4 }}
- </view>
- </view>
- <view class="row-list">
- <view class="_label">
- <view class="_label-icon-3">
- </view>
- <view class="_label-name">鐗╂枡琛岀姸鎬侊細</view>
- </view>
- <view class="_content">
- {{ item.value5 }}
- </view>
- </view>
- </view>
- </view>
- </u-cell-group>
- <view class="loadmore" @click="getmoreList()">
- <u-loadmore :status="status" :load-text="loadText" @loadmore="getmoreList()" />
- </view>
- </scroll-view>
- </view>
- </view>
+ <view class="page">
+ <view class="finishProductIn-locno-bg" />
+ <u-navbar
+ title="杞﹂棿璁㈠崟鐗╂枡"
+ :background="background"
+ :border-bottom="false"
+ :title-bold="true"
+ title-color="#000"
+ back-icon-color="#000"
+ />
+ <view class="finishProductIn-locno-search">
+ <u-search
+ v-model="keywords"
+ shape="square"
+ bg-color="rgba(250,252,255,0.36)"
+ :show-action="false"
+ placeholder="璇疯緭鍏ラ浂浠跺彿"
+ @clear="search"
+ @custom="search"
+ @search="search"
+ >
+ </u-search>
+ </view>
+ <view class="wrap">
+ <scroll-view
+ class="finishProductIn-locno-scroll-list"
+ scroll-y="true"
+ @scrolltolower="getmoreList()"
+ >
+ <u-cell-group
+ class="finishProductIn-locno-scroll-list-group"
+ :border="false"
+ >
+ <view
+ class="content"
+ v-for="(item, index) in list"
+ :key="item.locNo"
+ :index="index"
+ @click="selectNo(item)"
+ >
+ <view class="content-header">
+ <view class="content-header-title">{{ item.index }}</view>
+ </view>
+ <view class="content-body">
+ <view class="row-list">
+ <view class="_label">
+ <view class="_label-icon-1"> </view>
+ <view class="_label-name">琛屽彿锛�</view>
+ </view>
+ <view class="_content">
+ {{ item.value0 }}
+ </view>
+ </view>
+ <view class="row-list">
+ <view class="_label">
+ <view class="_label-icon-2"> </view>
+ <view class="_label-name">涓嬪彂鑷冲簱浣嶏細</view>
+ </view>
+ <view class="_content">
+ {{ item.value1 }}
+ </view>
+ </view>
+ <view class="row-list">
+ <view class="_label">
+ <view class="_label-icon-1"> </view>
+ <view class="_label-name">闆朵欢鍙凤細</view>
+ </view>
+ <view class="_content">
+ {{ item.partNo }}
+ </view>
+ </view>
+ <view class="row-list">
+ <view class="_label">
+ <view class="_label-icon-3"> </view>
+ <view class="_label-name">闆朵欢鎻忚堪锛�</view>
+ </view>
+ <view class="_content">
+ {{ item.partName }}
+ </view>
+ </view>
+ <view class="row-list">
+ <view class="_label">
+ <view class="_label-icon-2"> </view>
+ <view class="_label-name">闆朵欢涓嬪彂鏁伴噺锛�</view>
+ </view>
+ <view class="_content">
+ {{ item.qpa }}
+ </view>
+ </view>
+ <view class="row-list">
+ <view class="_label">
+ <view class="_label-icon-3"> </view>
+ <view class="_label-name">鐗╂枡琛岀姸鎬侊細</view>
+ </view>
+ <view class="_content">
+ {{ item.value5 }}
+ </view>
+ </view>
+ </view>
+ </view>
+ </u-cell-group>
+ <view class="loadmore" @click="getmoreList()">
+ <u-loadmore
+ :status="status"
+ :load-text="loadText"
+ @loadmore="getmoreList()"
+ />
+ </view>
+ </scroll-view>
+ </view>
+ </view>
</template>
<script>
- import content_bg from '@/static/custom/finishProductIn/locNoBg.png'
- export default {
- data() {
- return {
- background: {
- backgroundImage: `url(${content_bg})`,
- backgroundAttachment: 'fixed',
- backgroundSize: '100% auto',
- backgroundRepeat: 'no-repeat',
- },
- keywords: '',
- list: [],
- total: 0,
- pageNum: 1,
- pageSize: 10,
- status:'loading',
- loadText: {
- loadmore: "鍔犺浇鏇村...",
- loading: "鍔姏鍔犺浇涓�...",
- nomore: "娌℃湁鏇村浜�",
- },
- };
+import content_bg from "@/static/custom/finishProductIn/locNoBg.png";
+export default {
+ data() {
+ return {
+ background: {
+ backgroundImage: `url(${content_bg})`,
+ backgroundAttachment: "fixed",
+ backgroundSize: "100% auto",
+ backgroundRepeat: "no-repeat",
+ },
+ keywords: "",
+ list: [],
+ total: 0,
+ pageNum: 1,
+ pageSize: 10,
+ status: "loading",
+ loadText: {
+ loadmore: "鍔犺浇鏇村...",
+ loading: "鍔姏鍔犺浇涓�...",
+ nomore: "娌℃湁鏇村浜�",
},
- onLoad() {
- this.getlist();
- },
- methods: {
- getmoreList() {
- if (this.pageSize >= this.total) {
- this.status = "nomore";
- return;
- }
- this.status = "loading";
- setTimeout(() => {
- this.pageSize += this.pageSize;
- this.getlist();
- }, 1000);
- },
- getlist() {
- this.$u.api.workReporting
- ._({
- current: this.pageNum,
- size: this.pageSize
- })
- .then((res) => {
- console.log("res", res);
- this.list = res.data.records;
- this.total = res.data.total;
- if (this.pageSize >= this.total) {
- this.status = "nomore";
- } else {
- this.status = "loadmore";
- }
- });
- },
- search(value) {
- console.log("111", value);
- if (value) {
- this.list = [];
- this.pageSize = 10;
- this.$u.api.workReporting
- ._({
- current: this.pageNum,
- size: this.pageSize,
- moNo: value,
- })
- .then((res) => {
- console.log("res", res);
- this.list = res.data.records;
- this.total = res.data.total;
- if (this.pageSize >= this.total) {
- this.status = "nomore";
- } else {
- this.status = "loadmore";
- }
- });
- } else {
- this.getlist();
- }
- },
- selectNo(no) {
- this.refreshLastPage(no)
- },
+ id:''
+ };
+ },
+ onLoad(options) {
+ console.log('22@@', options);
+this.id = JSON.parse(decodeURIComponent(options.id))
+ this.getlist();
+ },
+ methods: {
+ getmoreList() {
+ if (this.pageSize >= this.total) {
+ this.status = "nomore";
+ return;
+ }
+ this.status = "loading";
+ setTimeout(() => {
+ this.pageSize += this.pageSize;
+ this.getlist();
+ }, 1000);
+ },
+ getlist() {
+ this.$u.api.WorkshopOrderIssued.manufacturingOrder({
+ current: this.pageNum,
+ size: this.pageSize,
+ id:this.id
+ }).then((res) => {
+ console.log("res", res);
+ this.list = res.data.bomRoot.children;
+ this.total = res.data.bomRoot.children.length + 1;
+ if (this.pageSize >= this.total) {
+ this.status = "nomore";
+ } else {
+ this.status = "loadmore";
+ }
+ });
+ },
+ search(value) {
+ console.log("111", value);
+ if (value) {
+ this.list = [];
+ this.pageSize = 10;
+ this.$u.api.workReporting
+ ._({
+ current: this.pageNum,
+ size: this.pageSize,
+ moNo: value,
+ })
+ .then((res) => {
+ console.log("res", res);
+ this.list = res.data.records;
+ this.total = res.data.total;
+ if (this.pageSize >= this.total) {
+ this.status = "nomore";
+ } else {
+ this.status = "loadmore";
+ }
+ });
+ } else {
+ this.getlist();
+ }
+ },
+ selectNo(no) {
+ this.refreshLastPage(no);
+ },
- //鍒锋柊涓婁竴涓〉闈�
- refreshLastPage(no) {
- // 鍛婄煡 A.vue 鏇存柊鏁版嵁
- // 鑾峰彇椤甸潰鏍�
- let pages = getCurrentPages()
+ //鍒锋柊涓婁竴涓〉闈�
+ refreshLastPage(no) {
+ // 鍛婄煡 A.vue 鏇存柊鏁版嵁
+ // 鑾峰彇椤甸潰鏍�
+ let pages = getCurrentPages();
- // 鑾峰彇涓婁竴椤垫爤
- let prevPage = pages[pages.length - 2]
+ // 鑾峰彇涓婁竴椤垫爤
+ let prevPage = pages[pages.length - 2];
- // 瑙﹀彂涓婁竴椤� upData 鍑芥暟(骞舵惡甯﹀弬鏁�)
- prevPage.$vm.compNo(no)
+ // 瑙﹀彂涓婁竴椤� upData 鍑芥暟(骞舵惡甯﹀弬鏁�)
+ prevPage.$vm.compNo(no);
- // 杩斿洖涓婁竴椤�
- uni.navigateBack({
- delta: 1
- })
- },
- }
- };
+ // 杩斿洖涓婁竴椤�
+ uni.navigateBack({
+ delta: 1,
+ });
+ },
+ },
+};
</script>
<style lang="scss" scoped>
- .finishProductIn-locno-bg {
- background-color: #F6F9FF;
- background-image: url('~@/static/custom/finishProductIn/locNoBg.png');
- // background: linear-gradient(180deg,rgba(206,227,254,1),rgba(206,227,254,1) 20%,rgba(206,227,254,0.5) 40%,rgba(206,227,254,0.25) 60%,rgba(206,227,254,0.08) 80%,rgba(206,227,254,0));
- padding: 0 20rpx;
- background-attachment: fixed;
- background-size: 100% auto;
- background-repeat: no-repeat;
- position: fixed;
- top: 0;
- bottom: 0;
- width: 100%;
- z-index: -1;
- }
+.finishProductIn-locno-bg {
+ background-color: #f6f9ff;
+ background-image: url("~@/static/custom/finishProductIn/locNoBg.png");
+ // background: linear-gradient(180deg,rgba(206,227,254,1),rgba(206,227,254,1) 20%,rgba(206,227,254,0.5) 40%,rgba(206,227,254,0.25) 60%,rgba(206,227,254,0.08) 80%,rgba(206,227,254,0));
+ padding: 0 20rpx;
+ background-attachment: fixed;
+ background-size: 100% auto;
+ background-repeat: no-repeat;
+ position: fixed;
+ top: 0;
+ bottom: 0;
+ width: 100%;
+ z-index: -1;
+}
- .finishProductIn-locno-search {
- padding: 40rpx 30rpx 20rpx 30rpx;
- }
+.finishProductIn-locno-search {
+ padding: 40rpx 30rpx 20rpx 30rpx;
+}
- .wrap .finishProductIn-locno-scroll-list {
- height: calc(100vh - var(--window-top) - var(--window-bottom) - 242rpx);
- width: 100%;
- }
+.wrap .finishProductIn-locno-scroll-list {
+ height: calc(100vh - var(--window-top) - var(--window-bottom) - 242rpx);
+ width: 100%;
+}
- .finishProductIn-locno-scroll-list-group {
- ::v-deep .u-cell-item-box {
- background-color: rgba(250, 252, 255, 0.36) !important;
- padding: 0rpx 30rpx;
- }
+.finishProductIn-locno-scroll-list-group {
+ ::v-deep .u-cell-item-box {
+ background-color: rgba(250, 252, 255, 0.36) !important;
+ padding: 0rpx 30rpx;
+ }
- .content {
- font-size: 12px;
- background-color: #FFFFFF;
- box-sizing: border-box;
- border-radius: 10rpx;
- margin: 0rpx 0rpx 16rpx;
- padding: 20rpx 8rpx;
- box-shadow: none;
- display: flex;
- align-items: center;
+ .content {
+ font-size: 12px;
+ background-color: #ffffff;
+ box-sizing: border-box;
+ border-radius: 10rpx;
+ margin: 0rpx 0rpx 16rpx;
+ padding: 20rpx 8rpx;
+ box-shadow: none;
+ display: flex;
+ align-items: center;
- .content-header {
- width: 40rpx;
- height: 90rpx;
- display: flex;
- align-items: center;
+ .content-header {
+ width: 40rpx;
+ height: 90rpx;
+ display: flex;
+ align-items: center;
- .content-header-icon {
- background-image: url('~@/static/custom/moveWareHouse/header_icon.png');
- background-size: 100% auto;
- background-repeat: no-repeat;
- height: 28rpx;
- width: 28rpx;
- }
+ .content-header-icon {
+ background-image: url("~@/static/custom/moveWareHouse/header_icon.png");
+ background-size: 100% auto;
+ background-repeat: no-repeat;
+ height: 28rpx;
+ width: 28rpx;
+ }
- .content-header-title {
- margin-left: 11rpx;
- font-size: 26rpx;
- font-weight: bold;
- color: #333333;
- }
- }
+ .content-header-title {
+ margin-left: 11rpx;
+ font-size: 26rpx;
+ font-weight: bold;
+ color: #333333;
+ }
+ }
- .content-body {
- flex: 1;
- background: #F5F9FF;
- border-radius: 10rpx;
- padding: 0rpx 23rpx;
+ .content-body {
+ flex: 1;
+ background: #f5f9ff;
+ border-radius: 10rpx;
+ padding: 0rpx 23rpx;
- .row-list {
- height: 60rpx;
- display: flex;
- flex-direction: row;
- padding: 0px;
- align-items: center;
- }
+ .row-list {
+ height: 60rpx;
+ display: flex;
+ flex-direction: row;
+ padding: 0px;
+ align-items: center;
+ }
- .row-list ._label {
- display: flex;
- flex: 0.8;
- color: #909399;
- align-items: center;
+ .row-list ._label {
+ display: flex;
+ flex: 0.8;
+ color: #909399;
+ align-items: center;
- ._label-icon-1 {
- background-image: url('~@/static/custom/moveWareHouse/label-icon-1.png');
- background-size: 100% auto;
- background-repeat: no-repeat;
- height: 26rpx;
- width: 26rpx;
- }
+ ._label-icon-1 {
+ background-image: url("~@/static/custom/moveWareHouse/label-icon-1.png");
+ background-size: 100% auto;
+ background-repeat: no-repeat;
+ height: 26rpx;
+ width: 26rpx;
+ }
- ._label-icon-2 {
- background-image: url('~@/static/custom/moveWareHouse/label-icon-2.png');
- background-size: 100% auto;
- background-repeat: no-repeat;
- height: 26rpx;
- width: 26rpx;
- }
+ ._label-icon-2 {
+ background-image: url("~@/static/custom/moveWareHouse/label-icon-2.png");
+ background-size: 100% auto;
+ background-repeat: no-repeat;
+ height: 26rpx;
+ width: 26rpx;
+ }
- ._label-icon-3 {
- background-image: url('~@/static/custom/moveWareHouse/label-icon-3.png');
- background-size: 100% auto;
- background-repeat: no-repeat;
- height: 26rpx;
- width: 26rpx;
- }
+ ._label-icon-3 {
+ background-image: url("~@/static/custom/moveWareHouse/label-icon-3.png");
+ background-size: 100% auto;
+ background-repeat: no-repeat;
+ height: 26rpx;
+ width: 26rpx;
+ }
- ._label-name {
- width: 70px;
- margin-left: 11rpx;
- font-size: 26rpx;
- font-weight: 500;
- color: #666666;
- }
- }
+ ._label-name {
+ width: 80px;
+ margin-left: 11rpx;
+ font-size: 26rpx;
+ font-weight: 500;
+ color: #666666;
+ }
+ }
- .row-list ._content {
- flex: 1.5;
- text-align: right;
- color: #909399;
- font-size: 24rpx;
- }
+ .row-list ._content {
+ flex: 1.5;
+ text-align: right;
+ color: #909399;
+ font-size: 24rpx;
+ }
- .row-list .s1 {
- color: #D35651;
- }
- }
- }
- }
+ .row-list .s1 {
+ color: #d35651;
+ }
+ }
+ }
+}
</style>
\ No newline at end of file
--
Gitblit v1.9.3