From 114e731babff512d961c48d42a425b7563f33e67 Mon Sep 17 00:00:00 2001 From: spring <2396852758@qq.com> Date: 星期三, 11 六月 2025 13:11:12 +0800 Subject: [PATCH] Merge branch 'master' of http://114.132.189.42:9002/r/mes-jdhj-uniapp --- pages/wareHouse/nuclearScale/nuclearScaleList.vue | 387 ++++++++++++++++++++++++++++++++++-------------------- 1 files changed, 244 insertions(+), 143 deletions(-) diff --git a/pages/wareHouse/nuclearScale/nuclearScaleList.vue b/pages/wareHouse/nuclearScale/nuclearScaleList.vue index 7113631..6354a36 100644 --- a/pages/wareHouse/nuclearScale/nuclearScaleList.vue +++ b/pages/wareHouse/nuclearScale/nuclearScaleList.vue @@ -1,76 +1,119 @@ <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" /> + <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 + 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="loadMore"> - <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.index)"> - <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> + <scroll-view + class="finishProductIn-locno-scroll-list" + scroll-y="true" + @scrolltolower="loadMore" + > + <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.index)" + > + <view class="content-header"> + <view class="content-header-title">{{ index + 1 }}</view> </view> - <view class="row-list"> - <view class="_label"> - <view class="_label-icon-2"> + <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="_label-name">闆朵欢鍙凤細</view> - </view> - <view class="_content"> - {{ item.value1 }} - </view> - </view> - <view class="row-list"> - <view class="_label"> - <view class="_label-icon-3"> + <view class="_content"> + {{ item.value0 }} </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-1"> + <view class="row-list"> + <view class="_label"> + <view class="_label-icon-2"> </view> + <view class="_label-name">浜у搧绫诲瀷锛�</view> </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-2"> + <view class="_content"> + {{ item.value1 }} </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 class="row-list"> + <view class="_label"> + <view class="_label-icon-3"> </view> + <view class="_label-name">杞︾墝鍙凤細</view> </view> - <view class="_label-name">缁撴潫鏃ユ湡锛�</view> + <view class="_content"> + {{ item.value2 }} + </view> </view> - <view class="_content"> - {{ item.value5 }} + <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-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 class="row-list"> + <view class="_label"> + <view class="_label-icon-1"> </view> + <view class="_label-name">鍙哥鍛橈細</view> + </view> + <view class="_content"> + {{ item.value6 }} + </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.value7 }} + </view> </view> </view> </view> @@ -80,52 +123,72 @@ </view> </scroll-view> </view> + <view class="plus-button" @click="openCreateWriteOffForm"> + <text class="plus-sign">+</text> + </view> </view> </template> <script> -import content_bg from '@/static/custom/finishProductIn/locNoBg.png' +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', + backgroundAttachment: "fixed", + backgroundSize: "100% auto", + backgroundRepeat: "no-repeat", }, - keywords: '', + keywords: "", alllist: [], originList: [], query: { current: 1, - size: 10 + size: 10, }, list: [ { - index: 1, - value0: '123456789', - value1: '123456789', - value2: '123456789', - value3: '123456789', - value4: '123456789', - value5: '123456789' - } + value0: "123456789", + value1: "123456789", + value2: "123456789", + value3: "123456789", + value4: "123456789", + value5: "123456789", + value6: "123456789", + value7: "123456789", + }, + { + value0: "123456789", + value1: "123456789", + value2: "123456789", + value3: "123456789", + value4: "123456789", + value5: "123456789", + value6: "123456789", + value7: "123456789", + }, ], count: 0, - loadStatus: 'loading' + loadStatus: "loading", }; }, onLoad() { - this.$u.api.finishProductIn.fetchList().then(res => { - this.alllist = res.data - this.originList = res.data - this.loadList() - }) + this.$u.api.finishProductIn.fetchList().then((res) => { + this.alllist = res.data; + this.originList = res.data; + this.loadList(); + }); }, methods: { + //鍒涘缓鏍搁攢鍗� + openCreateWriteOffForm() { + uni.navigateTo({ + url: '/pages/wareHouse/nuclearScale/createwriteoffform' + }) + }, loadMore() { if (this.loadStatus == "nomore" || this.loadStatus == "loading") { - return + return; } this.loadStatus = "loading"; setTimeout(() => { @@ -134,7 +197,10 @@ }, 100); }, loadList() { - const data = this.originList.slice((this.query.current - 1) * this.query.size, this.query.current * this.query.size) + const data = this.originList.slice( + (this.query.current - 1) * this.query.size, + this.query.current * this.query.size + ); this.list = this.list.concat(data); this.loadStatus = "loadmore"; if (!data || data.length < this.query.size) { @@ -145,40 +211,66 @@ this.list = []; this.query.current = 1; if (value) { - this.originList = this.alllist.filter(item => item.locNo.includes(value)) + this.originList = this.alllist.filter((item) => + item.locNo.includes(value) + ); } else { - this.originList = this.alllist + this.originList = this.alllist; } - this.loadList() + this.loadList(); }, selectNo(no) { - this.refreshLastPage(no) + this.refreshLastPage(no); }, //鍒锋柊涓婁竴涓〉闈� refreshLastPage(no) { // 鍛婄煡 A.vue 鏇存柊鏁版嵁 // 鑾峰彇椤甸潰鏍� - let pages = getCurrentPages() + let pages = getCurrentPages(); // 鑾峰彇涓婁竴椤垫爤 - let prevPage = pages[pages.length - 2] + let prevPage = pages[pages.length - 2]; // 瑙﹀彂涓婁竴椤� upData 鍑芥暟(骞舵惡甯﹀弬鏁�) - prevPage.$vm.setNo(no) + prevPage.$vm.setNo(no); // 杩斿洖涓婁竴椤� uni.navigateBack({ - delta: 1 - }) + delta: 1, + }); }, - } + // 鏂板鎸夐挳 + handleClick() { + console.log("鎸夐挳琚偣鍑�"); + }, + }, }; </script> -<style lang="scss"> +<style lang="scss" scoped> +.plus-button { + width: 40px; + height: 40px; + border-radius: 50%; + background-color: #007aff; + display: flex; + justify-content: center; + align-items: center; + position: fixed; + bottom: 40px; + right: 10px; + z-index: 100; +} +.plus-sign { + color: white; + font-size: 50px; + position: relative; + bottom: 4px; + +} .finishProductIn-locno-bg { - background-color: #F6F9FF; - background-image: url('~@/static/custom/finishProductIn/locNoBg.png'); + 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; @@ -208,12 +300,14 @@ .content { font-size: 12px; - background-color: #FFFFFF; + background-color: #ffffff; box-sizing: border-box; border-radius: 10rpx; margin: 0rpx 0rpx 16rpx; - padding: 20rpx; + padding: 20rpx 8rpx; box-shadow: none; + display: flex; + align-items: center; .content-header { width: 40rpx; @@ -222,7 +316,7 @@ align-items: center; .content-header-icon { - background-image: url('~@/static/custom/moveWareHouse/header_icon.png'); + background-image: url("~@/static/custom/moveWareHouse/header_icon.png"); background-size: 100% auto; background-repeat: no-repeat; height: 28rpx; @@ -233,65 +327,72 @@ margin-left: 11rpx; font-size: 26rpx; font-weight: bold; - color: #333333; + color: #3d52f5; } } - .row-list { - height: 60rpx; - display: flex; - flex-direction: row; - padding: 0px; - align-items: center; - } + .content-body { + flex: 1; + background: #f5f9ff; + border-radius: 10rpx; + padding: 0rpx 23rpx; - .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; + .row-list { + height: 60rpx; + display: flex; + flex-direction: row; + padding: 0px; + align-items: center; } - ._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; + .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-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-name { + margin-left: 11rpx; + font-size: 26rpx; + font-weight: 500; + color: #666666; + } } - ._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; + .row-list ._content { + flex: 1.5; + text-align: right; + color: #909399; + font-size: 24rpx; } - ._label-name { - margin-left: 11rpx; - font-size: 26rpx; - font-weight: 500; - color: #666666; + .row-list .s1 { + color: #d35651; } - } - - .row-list ._content { - flex: 1.5; - text-align: right; - color: #909399; - font-size: 24rpx; - } - - .row-list .s1 { - color: #D35651; } } } -- Gitblit v1.9.3