From 7a6ac12d3cb02d8e5a6745af6800a6979c8d5a1a Mon Sep 17 00:00:00 2001 From: Junjie <540245094@qq.com> Date: 星期四, 17 七月 2025 16:48:27 +0800 Subject: [PATCH] # --- pages/basics/combQuery.vue | 317 ++++++++++++++++++++++++++++++++++++++++++++++++++++ pages/index/index.vue | 6 + 2 files changed, 323 insertions(+), 0 deletions(-) diff --git a/pages/basics/combQuery.vue b/pages/basics/combQuery.vue new file mode 100644 index 0000000..feabde5 --- /dev/null +++ b/pages/basics/combQuery.vue @@ -0,0 +1,317 @@ +<template> + <view> + <!-- 鎼滅储妗� --> + <view class="square-1"> + <view class="searchBox"> + <view class="searchIcon"><uni-icons type="search" size="20" color="#dadada"></uni-icons></view> + <view class="searchArea"> + <input v-model="barcode" type="text" placeholder="鎵樼洏鐮�" @input="searchByBarcode" + placeholder-style="line-height: 85rpx;"> + </view> + <view class="closeIcon"><uni-icons type="closeempty" size="20" color="#dadada" + @click="removeBarcode"></uni-icons></view> + </view> + </view> + <!-- 鍒楄〃澶� --> + <view class="square-1"> + <view class="square-title"> + <view class="title-sign"> + <view class="sign"></view> + </view> + <view class="title-text"><text>缁勬墭鍒楄〃</text></view> + </view> + </view> + <scroll-view scroll-y> + <checkbox-group @change="checkbox"> + <view v-for="(item,index) in matList" :key="index" class="data-list bg-false" + :class="'bg-'+item.checked"> + <label class="left-check-box"> + <!-- <checkbox :value="item.id+''" :checked="item.checked" style="display: block;" /> --> + </label> + <view class="data-list-left"> + <view class="matnr"><text style="width: 700rpx;">鍝佸彿锛歿{item.matnr}}</text></view> + <view><text style="width: 700rpx;">鍝佸悕锛歿{item.maktx}}</text></view> + <view><text style="width: 700rpx;">鎵规锛歿{item.batch}}</text></view> + <view><text style="width: 700rpx;">鍗曞彿锛歿{item.orderNo}}</text></view> + <view><text style="width: 700rpx;">鏁伴噺锛歿{item.anfme}}</text></view> + <view> + <text style="width: 700rpx;">杈呮暟閲忥細{{item.weight}}</text> + </view> + </view> + <view class="data-list-right"> + <!-- <label><uni-icons type="compose" size="20" color="#a5a5a5" @click="revise(item,index)"></uni-icons></label> --> + <!-- list涓垹闄ら敭 --> + <!-- <label><uni-icons type="trash" size="25" color="#a5a5a5" @click="remove(item,index)"></uni-icons></label> --> + </view> + </view> + </checkbox-group> + <!-- 鏃犳暟鎹樉绀� --> + <view class="square-none" v-show="matList.length === 0"> + <view class="v-show">鏆傛棤鏇村鏁版嵁...</view> + </view> + </scroll-view> + + <!-- 搴曢儴鎸夐挳 --> + <view class="footer flex justify-around"> + <label class="label-btn"> + <button class="cu-btn bg-blue " @click="uncomb()">鍙栨秷缁勬墭</button> + </label> + </view> + </view> +</template> + +<script> + export default { + data() { + return { + commonUrl: null, + matList: [], + barcode: null + + } + }, + mounted() { + const UIP = uni.getStorageSync('UIP'); + this.baseIP = UIP; + const UPORT = uni.getStorageSync('UPORT'); + this.basePORT = UPORT + const PROJ = uni.getStorageSync('UPROJ'); + this.baseUrl = PROJ + this.getUrl() + }, + methods: { + // 鑾峰彇url + getUrl() { + this.commonUrl = this.baseHttp + this.baseIP + ':' + this.basePORT + "/" + this.baseUrl + }, + checkbox: function() { + + }, + // 娓呯┖鎵樼洏鐮佹悳绱㈡ + removeBarcode() { + this.barcode = null + }, + request() { + let that = this + uni.request({ + url: that.commonUrl + '/waitPakin/list/auth', + header: { + 'token': uni.getStorageSync('token') + }, + data: { + curr: 1, + limit: 100, + zpallet: that.barcode + }, + method: "GET", + success(result) { + console.log(result) + let res = result.data + let records = res.data.records + if (res.code == 200) { + if (records) { + that.matList = records + console.log(that.matList) + } else { + uni.showToast({ + title: "鏆傛棤鏇村鏁版嵁", + position: 'top', + duration: 1000 + }); + } + } else if (res.code == 403) { + uni.showToast({ + title: res.msg, + icon: "none", + position: 'top' + }) + setTimeout(() => { + uni.reLaunch({ + url: '../login/login' + }); + }, 1000); + } else { + uni.showToast({ + title: res.msg, + icon: "none", + position: 'top' + }) + } + } + }) + }, + // 鏍规嵁鎵樼洏鐮佹悳绱� + searchByBarcode() { + let that = this + that.request() + }, + reset() { + this.matList = [] + this.barcode = "" + }, + uncomb() { + let that = this; + if (that.barcode === '') { + uni.showToast({title: '璇锋壂鎻忔墭鐩樻潯鐮�', icon: "none", position: 'top'}); + return; + } + uni.showLoading(); + uni.request({ + url: that.commonUrl + '/mobile/comb/cancel', + data: JSON.stringify({ + barcode: that.barcode + }), + method: 'POST', + header: { + 'token':uni.getStorageSync('token') + }, + success(result) { + uni.hideLoading(); + var res = result.data + if (res.code === 200) { + that.reset(); + uni.showToast({ + title: res.msg, + position: 'bottom', + duration: 1000 + }); + } else if (res.code == 403) { + uni.showToast({title: res.msg, icon: "none", position: 'top'}) + setTimeout(() => { + uni.reLaunch({ + url: '../login/login' + }); + }, 1000); + } else { + uni.showToast({title: res.msg, icon: "none",position: 'top'}) + } + } + }); + } + }, + } +</script> + +<style> + .bg-false { + background-color: #FFFFFF; + } + + .bg-true { + background-color: #ebebeb; + } + + .data-list { + border-bottom: 1px solid #d8d8d8; + height: 240rpx; + margin: 15rpx; + border-radius: 20rpx; + } + + .data-list:first-child { + margin-top: 20rpx; + } + + .data-list:last-child { + margin-bottom: 160rpx; + } + + /* .data-list-left { + display: inline-block; + float: left; + text-align: center; + width: 100rpx; + height: 180rpx; + line-height: 180rpx; + } */ + .left-check-box { + display: inline-block; + /* background-color: #1E9FFF; */ + float: left; + height: 100%; + width: 100rpx; + text-align: center; + line-height: 170rpx; + } + + .data-list-left { + /* background-color: #ffff7f; */ + display: inline-block; + float: left; + height: 180rpx; + width: 500rpx; + color: #676767; + } + + .matnr { + padding-top: 10rpx; + } + + .data-list-right { + /* background-color: #55ffff; */ + display: inline-block; + float: right; + width: 100rpx; + height: 180rpx; + line-height: 180rpx; + } + + .data-list-right label { + display: inline-block; + float: left; + width: 100rpx; + height: 180rpx; + } + + .revise-box { + width: 500rpx; + height: 500rpx; + } + + .revise-box-top { + width: 100%; + height: 100rpx; + background-color: #fff; + padding: 10rpx; + } + + .changeBox { + width: 100%; + height: 100rpx; + line-height: 120rpx; + text-align: center; + background-color: #FFF; + margin-top: 20rpx; + border-bottom: 1px solid #e3e3e3; + } + + .text-box { + width: 100%; + height: 100rpx; + line-height: 120rpx; + text-align: center; + /* padding-left: 120rpx; */ + background-color: #FFF; + margin-top: 20rpx; + border-bottom: 1px solid #e3e3e3; + } + + .changeBox .num-box { + display: inline-block; + float: left; + } + + .changeBox button { + float: left; + } + + .revise-box-buttom { + position: absolute; + width: 100%; + height: 100rpx; + line-height: 100rpx; + background-color: #FFFFFF; + bottom: 0; + text-align: center; + } +</style> \ No newline at end of file diff --git a/pages/index/index.vue b/pages/index/index.vue index e36b391..79ee351 100644 --- a/pages/index/index.vue +++ b/pages/index/index.vue @@ -96,6 +96,12 @@ color: 'blue', cuIcon: 'safe' }, + { + title: '缁勬墭鏌ヨ', + name: 'combQuery', + color: 'blue', + cuIcon: 'safe' + }, // { // title: '骞充粨搴撳瓨鐩樼偣', // name: 'manStoCheck', -- Gitblit v1.9.1