From 0d892776fe678e2384b85b441a7ba9374d1462bc Mon Sep 17 00:00:00 2001
From: zhou zhou <3272660260@qq.com>
Date: 星期五, 19 十二月 2025 13:25:58 +0800
Subject: [PATCH] #
---
pages/stock/stockQuery.vue | 38 +
pages/mat/matSelected.vue | 223 ++++++++++---
manifest.json | 7
pages/pakin/pakin.vue | 721 ++++++++++++++++++++++++++++++++----------
4 files changed, 752 insertions(+), 237 deletions(-)
diff --git a/manifest.json b/manifest.json
index c2268a0..8d74284 100644
--- a/manifest.json
+++ b/manifest.json
@@ -122,5 +122,10 @@
"uniStatistics" : {
"enable" : false
},
- "vueVersion" : "2"
+ "vueVersion" : "2",
+ "h5" : {
+ "devServer" : {
+ "port" : 8100
+ }
+ }
}
diff --git a/pages/mat/matSelected.vue b/pages/mat/matSelected.vue
index efaaf5a..97fb8b5 100644
--- a/pages/mat/matSelected.vue
+++ b/pages/mat/matSelected.vue
@@ -1,36 +1,64 @@
<template>
- <view>
- <view class="form">
- <view class="form-item">
- <view class="form-item-desc"><text>鍟嗗搧缂栫爜</text></view>
- <view class="form-item-content"><text>{{mat.matnr}}</text></view>
+ <view class="page-container">
+ <!-- 琛ㄥ崟鍖哄煙 -->
+ <view class="form-section">
+ <view class="form-header">
+ <uni-icons type="box" size="24" color="#667eea"></uni-icons>
+ <text class="form-title">鍟嗗搧淇℃伅</text>
</view>
+
<view class="form-item">
- <view class="form-item-desc"><text>鍟嗗搧鍚嶇О</text></view>
- <view class="form-item-content" style="word-break: break-all;line-height: 1.5;"><text>{{mat.maktx}}</text></view>
- </view>
- <view class="form-item">
- <view class="form-item-desc"><text>瑙勬牸</text></view>
- <view class="form-item-content"><text>{{mat.specs}}</text></view>
- </view>
- <view class="form-item">
- <view class="form-item-desc"><text>鎵瑰彿</text></view>
- <view class="form-item-content">
- <view class="form-input">
- <input type="text" v-model="mat.batch">
- </view>
+ <view class="form-label">
+ <text class="label-text">鍟嗗搧缂栫爜</text>
+ </view>
+ <view class="form-value">
+ <text class="value-text code">{{mat.matnr}}</text>
</view>
</view>
+
<view class="form-item">
- <view class="form-item-desc"><text>鏁伴噺</text></view>
- <view class="form-item-content">
- <uni-number-box :value="mat.anfme" :max="99999999" :step='1' color="#747474" @change="changeValue" />
+ <view class="form-label">
+ <text class="label-text">鍟嗗搧鍚嶇О</text>
+ </view>
+ <view class="form-value">
+ <text class="value-text name">{{mat.maktx}}</text>
+ </view>
+ </view>
+
+ <view class="form-item">
+ <view class="form-label">
+ <text class="label-text">瑙勬牸</text>
+ </view>
+ <view class="form-value">
+ <text class="value-text">{{mat.specs || '-'}}</text>
+ </view>
+ </view>
+
+ <view class="form-item">
+ <view class="form-label">
+ <text class="label-text">鎵瑰彿</text>
+ </view>
+ <view class="form-input-wrap">
+ <input class="form-input" type="text" placeholder="璇疯緭鍏ユ壒鍙�" v-model="mat.batch" />
+ </view>
+ </view>
+
+ <view class="form-item no-border">
+ <view class="form-label">
+ <text class="label-text">鏁伴噺</text>
+ </view>
+ <view class="form-number">
+ <uni-number-box :value="mat.anfme" :max="99999999" :step='1' color="#667eea" @change="changeValue" />
</view>
</view>
</view>
+
<!-- 搴曢儴鎿嶄綔鎸夐挳 -->
- <view class="buttom">
- <button size="mini" type="primary" @click="back()">鎻愬彇</button>
+ <view class="bottom-bar">
+ <view class="btn-submit" @click="back()">
+ <uni-icons type="checkbox" size="18" color="#ffffff"></uni-icons>
+ <text class="btn-text">纭鎻愬彇</text>
+ </view>
</view>
</view>
</template>
@@ -93,41 +121,130 @@
<style>
@import url('../../static/css/wms.css/wms.css');
- .form {
- min-height: 80rpx;
- background-color: #FFF;
- margin-top: 10px;
- color: #606266;
- box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.2) ;
- }
- .form-item {
- min-height: 100rpx;
- line-height: 1;
- border-bottom: 1px solid #DCDFE6;
- margin-left: 40rpx;
- display: flex;
- align-items: center;
- }
- .form-item-desc {
- width: 30%;
- }
- .form-item-content {
- width: 60%;
+
+ page {
+ height: 100%;
+ background: #f5f7fa;
}
- .form-item:last-child {
- border: none;
+ .page-container {
+ min-height: 100vh;
+ background: linear-gradient(135deg, #f5f7fa 0%, #e4e8eb 100%);
+ padding-bottom: 110rpx;
+ box-sizing: border-box;
}
- .form-input {
+
+ /* 琛ㄥ崟鍖哄煙 */
+ .form-section {
+ background: #ffffff;
+ margin: 20rpx;
+ border-radius: 16rpx;
+ box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.08);
+ overflow: hidden;
+ }
+
+ .form-header {
display: flex;
align-items: center;
- width: 50vw;
- height: 50rpx;
- padding: 2px 5px;
- border-bottom: 1px solid #E4E7ED;
- border-radius: 5rpx;
+ padding: 24rpx;
+ background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}
- .form-input input{
- color: #606266;
+
+ .form-title {
+ font-size: 30rpx;
+ color: #ffffff;
+ font-weight: 600;
+ margin-left: 12rpx;
+ }
+
+ .form-item {
+ display: flex;
+ align-items: center;
+ padding: 20rpx 24rpx;
+ border-bottom: 1rpx solid #f0f0f0;
+ }
+
+ .form-item.no-border {
+ border-bottom: none;
+ }
+
+ .form-label {
+ width: 150rpx;
+ flex-shrink: 0;
+ }
+
+ .label-text {
+ font-size: 26rpx;
+ color: #909399;
+ }
+
+ .form-value {
+ flex: 1;
+ }
+
+ .value-text {
+ font-size: 28rpx;
+ color: #303133;
+ word-break: break-all;
+ line-height: 1.5;
+ }
+
+ .value-text.code {
+ color: #667eea;
+ font-weight: 600;
+ }
+
+ .value-text.name {
+ font-weight: 500;
+ }
+
+ .form-input-wrap {
+ flex: 1;
+ background: #f5f7fa;
+ border-radius: 8rpx;
+ padding: 0 16rpx;
+ height: 64rpx;
+ display: flex;
+ align-items: center;
+ }
+
+ .form-input {
+ flex: 1;
+ height: 64rpx;
+ font-size: 28rpx;
+ color: #303133;
+ }
+
+ .form-number {
+ flex: 1;
+ display: flex;
+ justify-content: flex-start;
+ }
+
+ /* 搴曢儴鎿嶄綔鏍� */
+ .bottom-bar {
+ position: fixed;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ padding: 16rpx 20rpx;
+ background: #ffffff;
+ box-shadow: 0 -2rpx 12rpx rgba(0, 0, 0, 0.06);
+ }
+
+ .btn-submit {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ height: 80rpx;
+ background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+ border-radius: 40rpx;
+ }
+
+ .btn-submit .btn-text {
+ font-size: 30rpx;
+ color: #ffffff;
+ font-weight: 500;
+ margin-left: 8rpx;
}
</style>
\ No newline at end of file
diff --git a/pages/pakin/pakin.vue b/pages/pakin/pakin.vue
index 5173e24..24ef66d 100644
--- a/pages/pakin/pakin.vue
+++ b/pages/pakin/pakin.vue
@@ -1,147 +1,169 @@
<template>
- <view>
- <view class="code">
- <view class="item">
- <view class="code-decs">鎵樼洏鐮�:</view>
- <input type="text" placeholder=" 鎵爜 / 杈撳叆" v-model="barcode" :focus="barcodeFocus"
- @input="barcodeInput()">
+ <view class="page-container">
+ <!-- 琛ㄥ崟鍖哄煙 -->
+ <view class="form-section">
+ <view class="form-item">
+ <view class="form-label">
+ <uni-icons type="scan" size="18" color="#667eea"></uni-icons>
+ <text class="label-text">鎵樼洏鐮�</text>
+ </view>
+ <view class="form-input-wrap">
+ <input class="form-input" type="text" placeholder="鎵爜 / 杈撳叆鎵樼洏鐮�" v-model="barcode"
+ :focus="barcodeFocus" @input="barcodeInput()" />
+ <uni-icons v-if="barcode" type="clear" size="18" color="#c0c4cc" @click="clearBarcode"></uni-icons>
+ </view>
</view>
- <view class="item">
- <view class="code-decs">鐗╂枡鐮�:</view>
- <input type="text" placeholder=" 鎵爜 / 杈撳叆" v-model="matnr" :focus="matFocus" @input="findMat()">
- <!-- <view class="item-right">
- <button></button>
- <text style="text-align: right;color: #409EFF;" @click="selectMat()">鎻愬彇+</text>
- <uni-icons type="right" color="#c1c1c1"></uni-icons>
- </view> -->
+ <view class="form-item">
+ <view class="form-label">
+ <uni-icons type="list" size="18" color="#667eea"></uni-icons>
+ <text class="label-text">鐗╂枡鐮�</text>
+ </view>
+ <view class="form-input-wrap">
+ <input class="form-input" type="text" placeholder="鎵爜 / 杈撳叆鐗╂枡鐮�" v-model="matnr"
+ :focus="matFocus" @input="findMat()" />
+ <uni-icons v-if="matnr" type="clear" size="18" color="#c0c4cc" @click="clearMatnr"></uni-icons>
+ </view>
</view>
- <!-- <view class="item">
- <view class="code-decs">婊℃墭:</view>
- <radio-group @change="isFrozen">
- <label>
- <radio :checked="ck1" style="margin-left: 10rpx;"/><text>鏄�</text>
- </label>
- <label>
- <radio :checked="ck2" style="margin-left: 50rpx;"/><text>鍚�</text>
- </label>
- </radio-group>
- </view> -->
</view>
- <view class="mat-list-title">
- 鍟嗗搧鍒楄〃
+
+ <!-- 鍒楄〃澶撮儴 -->
+ <view class="list-header">
+ <view class="header-left">
+ <text class="header-title">鍟嗗搧鍒楄〃</text>
+ <view class="count-badge" v-if="dataList.length > 0">
+ <text class="count-text">{{dataList.length}}</text>
+ </view>
+ </view>
</view>
- <scroll-view>
- <view class="list" v-for="(item,i) in dataList" :key="i">
- <view class="list-left">
- <view class="list-left-item">
- <view class="desc">No锛�</view>
- <view class="left-item">{{i + 1}}</view>
+
+ <!-- 鍟嗗搧鍒楄〃 -->
+ <view class="list-container">
+ <view class="mat-card" v-for="(item, i) in dataList" :key="i">
+ <!-- 鍗＄墖澶撮儴 -->
+ <view class="card-top">
+ <view class="card-index">{{i + 1}}</view>
+ <view class="mat-code-wrap">
+ <text class="mat-code">{{item.matnr}}</text>
</view>
- <view class="list-left-item">
- <view class="desc">缂栫爜锛�</view>
- <view class="left-item">
- <uni-tag :text="item.matnr" type="primary"></uni-tag>
- </view>
- </view>
- <view class="list-left-item">
- <view class="desc">鍝佸悕锛�</view>
- <view class="left-item" style="word-break: break-all;">{{item.maktx}}</view>
- </view>
- <view class="list-left-item">
- <view class="desc">瑙勬牸锛�</view>
- <view class="left-item">{{item.specs}}</view>
- </view>
- <view class="list-left-item">
- <view class="desc">鎵瑰彿锛�</view>
- <view class="left-item">
- <uni-tag :text="item.batch" type="warning"></uni-tag>
- </view>
- </view>
- <!-- <view class="list-left-item">
- <view class="desc">閲嶉噺锛�</view>
- <view class="left-item">
- <uni-tag :text="item.weight" type="warning"></uni-tag>
- </view>
+ <!-- <view class="qty-badge">
+ <text class="qty-text">{{item.anfme}}</text>
</view> -->
- <view class="list-left-item">
- <view class="desc">鏁伴噺锛�</view>
- <view class="left-item">{{item.anfme}}</view>
+ </view>
+
+ <!-- 鍗＄墖鍐呭 -->
+ <view class="card-content">
+ <view class="info-row">
+ <view class="info-col">
+ <text class="info-label">鍝佸悕</text>
+ <text class="info-value">{{item.maktx || '-'}}</text>
+ </view>
+ </view>
+ <view class="info-row">
+ <view class="info-col half">
+ <text class="info-label">瑙勬牸</text>
+ <text class="info-value">{{item.specs || '-'}}</text>
+ </view>
+ <view class="info-col half">
+ <text class="info-label">鎵瑰彿</text>
+ <text class="info-value highlight">{{item.batch || '-'}}</text>
+ </view>
+ </view>
+ <view class="info-row">
+ <view class="info-col half">
+ <text class="info-label">鏁伴噺</text>
+ <text class="info-value qty">{{item.anfme}}</text>
+ </view>
</view>
</view>
- <view class="list-right">
- <uni-icons type="compose" color="#9add8b" size="24" @click="revise(item,i)"></uni-icons>
- <uni-icons type="trash" color="#f58a8a" size="24" @click="remove(item,i,'warn')"></uni-icons>
+
+ <!-- 鍗＄墖鎿嶄綔 -->
+ <view class="card-actions">
+ <view class="action-btn edit-btn" @click="revise(item, i)">
+ <uni-icons type="compose" size="18" color="#667eea"></uni-icons>
+ <text class="action-text">淇敼</text>
+ </view>
+ <view class="action-btn delete-btn" @click="remove(item, i, 'warn')">
+ <uni-icons type="trash" size="18" color="#f56c6c"></uni-icons>
+ <text class="action-text delete-text">绉婚櫎</text>
+ </view>
</view>
</view>
- </scroll-view>
+
+ <!-- 绌虹姸鎬� -->
+ <view class="empty-state" v-if="dataList.length === 0">
+ <uni-icons type="cart" size="60" color="#CCCCCC"></uni-icons>
+ <text class="empty-text">鏆傛棤鍟嗗搧</text>
+ <text class="empty-hint">璇锋壂鎻忕墿鏂欑爜娣诲姞鍟嗗搧</text>
+ </view>
+
+ <!-- 搴曢儴鍗犱綅 -->
+ <view class="bottom-placeholder"></view>
+ </view>
+
<!-- 搴曢儴鎿嶄綔鎸夐挳 -->
- <view class="buttom">
- <button size="mini" @click="reset('warn')">閲嶇疆</button>
- <button size="mini" type="primary" @click="combConfirm('warn')">缁勬墭</button>
+ <view class="bottom-bar">
+ <view class="btn-reset" @click="reset('warn')">
+ <uni-icons type="refresh" size="18" color="#909399"></uni-icons>
+ <text class="btn-text">閲嶇疆</text>
+ </view>
+ <view class="btn-submit" :class="{'btn-disabled': dataList.length === 0}" @click="combConfirm('warn')">
+ <uni-icons type="checkbox" size="18" color="#ffffff"></uni-icons>
+ <text class="btn-text">纭缁勬墭</text>
+ </view>
</view>
- <!-- 寮圭獥 -->
+
+ <!-- 寮圭獥鍖哄煙 -->
<!-- 淇敼鏁伴噺 -->
- <view>
- <uni-popup ref="revise" type="dialog">
- <view class="popup">
- <!-- 鏍囬 -->
- <view class="title">淇敼</view>
- <view class="popup-item">
- <view class="popup-item-left">缂栫爜:</view>
- <view class="popup-item-right">
- <input type="text" v-model="matnr" disabled="true"
- style="background-color: #f7f7f7;padding: 0;color: #d5d5d5;">
- </view>
+ <uni-popup ref="revise" type="dialog">
+ <view class="popup-card">
+ <view class="popup-header">
+ <text class="popup-title">淇敼淇℃伅</text>
+ </view>
+ <view class="popup-body">
+ <view class="popup-row">
+ <text class="popup-label">缂栫爜</text>
+ <view class="popup-value disabled">{{editMatnr}}</view>
</view>
- <view class="popup-item">
- <view class="popup-item-left">鎵瑰彿:</view>
- <view class="popup-item-right"><input type="text" v-model="batch"></view>
+ <view class="popup-row">
+ <text class="popup-label">鎵瑰彿</text>
+ <input class="popup-value input" type="text" v-model="batch" placeholder="杈撳叆鎵瑰彿" />
</view>
- <!-- <view class="popup-item">
- <view class="popup-item-left">閲嶉噺:</view>
- <view class="popup-item-right"><input type="text" v-model="weight"></view>
- </view> -->
- <view class="popup-item">
- <view class="popup-item-left">鏁伴噺:</view>
- <view class="popup-item-right" style="border: none;justify-content: center;">
+ <view class="popup-row">
+ <text class="popup-label">鏁伴噺</text>
+ <view class="popup-value number">
<uni-number-box :value="count" :step='0.01' :max="9999999" color="#747474" @change="changeValue" />
</view>
</view>
- <view class="btn">
- <view class="btn-left" @click="reviseClose">鍙栨秷</view>
- <view class="btn-right" @click="reviseConfirm()">淇敼</view>
- </view>
</view>
- </uni-popup>
- </view>
+ <view class="popup-footer">
+ <view class="popup-btn cancel" @click="reviseClose">鍙栨秷</view>
+ <view class="popup-btn confirm" @click="reviseConfirm()">纭</view>
+ </view>
+ </view>
+ </uni-popup>
+
<!-- 绉婚櫎纭 -->
- <view>
- <!-- 鎻愮ず绐楃ず渚� -->
- <uni-popup ref="alertDialog" type="dialog">
- <uni-popup-dialog :type="msgType" confirmText="绉婚櫎" :title="title" :content="content"
- @confirm="removeConfirm()" @close="removeClose"></uni-popup-dialog>
- </uni-popup>
- </view>
- <view>
- <!-- 鎻愮ず淇℃伅寮圭獥 -->
- <uni-popup ref="message" type="message">
- <uni-popup-message :type="msgType1" :message="messageText" :duration="2000"></uni-popup-message>
- </uni-popup>
- </view>
+ <uni-popup ref="alertDialog" type="dialog">
+ <uni-popup-dialog :type="msgType" confirmText="绉婚櫎" :title="title" :content="content"
+ @confirm="removeConfirm()" @close="removeClose"></uni-popup-dialog>
+ </uni-popup>
+
+ <!-- 鎻愮ず淇℃伅寮圭獥 -->
+ <uni-popup ref="message" type="message">
+ <uni-popup-message :type="msgType1" :message="messageText" :duration="2000"></uni-popup-message>
+ </uni-popup>
+
<!-- 纭缁勬墭 -->
- <view>
- <uni-popup ref="combConfirm" type="dialog">
- <uni-popup-dialog :type="msgType" cancelText="鍙栨秷" confirmText="纭" :title="title" :content="content"
- @confirm="comb" @close="combClose"></uni-popup-dialog>
- </uni-popup>
- </view>
+ <uni-popup ref="combConfirm" type="dialog">
+ <uni-popup-dialog :type="msgType" cancelText="鍙栨秷" confirmText="纭" :title="title" :content="content"
+ @confirm="comb" @close="combClose"></uni-popup-dialog>
+ </uni-popup>
+
<!-- 纭閲嶇疆 -->
- <view>
- <uni-popup ref="resetConfirm" type="dialog">
- <uni-popup-dialog :type="msgType" cancelText="鍙栨秷" confirmText="纭" :title="title" :content="content"
- @confirm="resetConfirm" @close="resetClose"></uni-popup-dialog>
- </uni-popup>
- </view>
+ <uni-popup ref="resetConfirm" type="dialog">
+ <uni-popup-dialog :type="msgType" cancelText="鍙栨秷" confirmText="纭" :title="title" :content="content"
+ @confirm="resetConfirm" @close="resetClose"></uni-popup-dialog>
+ </uni-popup>
</view>
</template>
@@ -156,6 +178,7 @@
count: 0,
rowNum: '',
matnr: '',
+ editMatnr: '',
batch: '',
weight: '',
msgType1: 'success',
@@ -180,6 +203,20 @@
this.token = uni.getStorageSync('token');
},
methods: {
+ clearBarcode() {
+ this.barcode = '';
+ this.barcodeFocus = false;
+ setTimeout(() => {
+ this.barcodeFocus = true;
+ }, 100);
+ },
+ clearMatnr() {
+ this.matnr = '';
+ this.matFocus = false;
+ setTimeout(() => {
+ this.matFocus = true;
+ }, 100);
+ },
isFrozen() {
this.isFull = !this.isFull
console.log(this.isFull);
@@ -224,13 +261,12 @@
},
// 鎼滅储鐗╂枡
findMat() {
- let that = this
- let m = that.matnr.split(";")
- let matnr1 = m[0].slice(3)
+ let that = this
+
uni.request({
url: that.baseUrl + '/mat/auth',
data: {
- matnr: matnr1
+ matnr: that.matnr
},
header: {
'token': uni.getStorageSync('token')
@@ -335,7 +371,7 @@
},
// 淇敼鎵瑰彿
revise(item, i) {
- this.matnr = this.dataList[i].matnr
+ this.editMatnr = this.dataList[i].matnr
this.count = this.dataList[i].anfme
this.batch = this.dataList[i].batch
this.weight = this.dataList[i].weight
@@ -350,8 +386,8 @@
remove(item, i, type) {
this.removeNum = i
this.msgType = type
- this.title = '璀﹀憡'
- this.content = '鏄惁绉婚櫎褰撳墠鍟嗗搧!'
+ this.title = '纭绉婚櫎'
+ this.content = '鏄惁绉婚櫎璇ュ晢鍝侊紵'
this.$refs.alertDialog.open(i)
},
// 纭绉婚櫎
@@ -368,7 +404,7 @@
this.dataList[this.rowNum].anfme = this.count
this.dataList[this.rowNum].batch = this.batch
this.dataList[this.rowNum].weight = this.weight
- this.matnr = ''
+ this.editMatnr = ''
this.messageText = "淇敼鎴愬姛"
this.messageToggle('success')
this.$refs.revise.close()
@@ -380,9 +416,10 @@
this.count = value
},
combConfirm(type) {
+ if (this.dataList.length === 0) return;
this.msgType = type
- this.title = '璀﹀憡'
- this.content = '鏄惁鐜板湪缁勬墭!'
+ this.title = '纭缁勬墭'
+ this.content = '纭灏嗗晢鍝佺粍鎵樺叆搴擄紵'
this.$refs.combConfirm.open()
},
combClose() {
@@ -444,13 +481,14 @@
},
reset(type) {
this.msgType = type
- this.title = '璀﹀憡'
- this.content = '鏄惁閲嶇疆!'
+ this.title = '纭閲嶇疆'
+ this.content = '鏄惁娓呯┖鎵�鏈夊晢鍝侊紵'
this.$refs.resetConfirm.open()
},
// 纭閲嶇疆
resetConfirm() {
this.dataList = []
+ this.barcode = ''
this.messageText = "閲嶇疆瀹屾垚"
this.messageToggle('success')
},
@@ -471,56 +509,399 @@
<style>
@import url('../../static/css/wms.css/wms.css');
- .code {
- width: 100%;
- position: fixed;
- min-height: 200rpx;
- background-color: #FFF;
- z-index: 10;
+ page {
+ height: 100%;
+ background: #f5f7fa;
}
- .item {
+ .page-container {
+ min-height: 100vh;
+ background: linear-gradient(135deg, #f5f7fa 0%, #e4e8eb 100%);
+ padding-bottom: 110rpx;
+ box-sizing: border-box;
+ }
+
+ /* 琛ㄥ崟鍖哄煙 */
+ .form-section {
+ background: #ffffff;
+ padding: 12rpx 20rpx;
+ box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.06);
+ }
+
+ .form-item {
display: flex;
align-items: center;
- height: 100rpx;
- margin-left: 20rpx;
- border-bottom: 1px solid #DCDFE6;
+ padding: 12rpx 0;
+ border-bottom: 1rpx solid #f0f0f0;
}
- .item input {
- height: 50rpx;
- line-height: 50rpx;
- /* font-family: PingFang SC; uniapp 榛樿瀛椾綋涓嶅眳涓� */
- font-size: 36upx;
- font-family: PingFang SC;
- width: 55vw;
-
+ .form-item:last-child {
+ border-bottom: none;
}
- .code-decs {
- width: 20vw;
- font-size: 18px;
+ .form-label {
+ display: flex;
+ align-items: center;
+ width: 140rpx;
+ flex-shrink: 0;
+ }
+
+ .label-text {
+ font-size: 26rpx;
+ color: #303133;
+ margin-left: 6rpx;
+ }
+
+ .form-input-wrap {
+ flex: 1;
+ display: flex;
+ align-items: center;
+ background: #f5f7fa;
+ border-radius: 6rpx;
+ padding: 0 16rpx;
+ height: 60rpx;
+ }
+
+ .form-input {
+ flex: 1;
+ height: 60rpx;
+ font-size: 26rpx;
color: #303133;
}
- .item-right {
- margin-left: auto;
- margin-right: 20rpx;
+ /* 鍒楄〃澶撮儴 */
+ .list-header {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ padding: 16rpx 20rpx;
+ background: #ffffff;
+ margin-top: 12rpx;
+ box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.04);
}
- .mat-list-title {
- height: 80rpx;
- line-height: 80rpx;
- width: 100%;
- background-color: white;
- position: fixed;
- margin-top: 200rpx;
- z-index: 9;
- /* border-top: 1px solid #DCDFE6; */
- text-align: center;
- box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.5);
+ .header-left {
+ display: flex;
+ align-items: center;
}
- .list:first-child {
- margin-top: 250rpx;
+
+ .header-title {
+ font-size: 28rpx;
+ color: #303133;
+ font-weight: 600;
+ }
+
+ .count-badge {
+ background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+ border-radius: 16rpx;
+ padding: 2rpx 12rpx;
+ margin-left: 12rpx;
+ }
+
+ .count-text {
+ font-size: 20rpx;
+ color: #ffffff;
+ font-weight: 500;
+ }
+
+ /* 鍟嗗搧鍒楄〃 */
+ .list-container {
+ padding: 0 20rpx;
+ }
+
+ .mat-card {
+ background: #ffffff;
+ border-radius: 12rpx;
+ margin-top: 12rpx;
+ box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.05);
+ overflow: hidden;
+ }
+
+ .card-top {
+ display: flex;
+ align-items: center;
+ padding: 14rpx 16rpx;
+ background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+ }
+
+ .card-index {
+ width: 36rpx;
+ height: 36rpx;
+ background: rgba(255, 255, 255, 0.25);
+ border-radius: 50%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-size: 22rpx;
+ color: #ffffff;
+ font-weight: 600;
+ margin-right: 12rpx;
+ }
+
+ .mat-code-wrap {
+ flex: 1;
+ }
+
+ .mat-code {
+ font-size: 26rpx;
+ color: #ffffff;
+ font-weight: 600;
+ }
+
+ .qty-badge {
+ background: rgba(255, 255, 255, 0.3);
+ padding: 4rpx 14rpx;
+ border-radius: 16rpx;
+ }
+
+ .qty-text {
+ font-size: 24rpx;
+ color: #ffffff;
+ font-weight: 600;
+ }
+
+ /* 鍗＄墖鍐呭 */
+ .card-content {
+ padding: 12rpx 16rpx;
+ }
+
+ .info-row {
+ display: flex;
+ margin-bottom: 8rpx;
+ }
+
+ .info-row:last-child {
+ margin-bottom: 0;
+ }
+
+ .info-col {
+ flex: 1;
+ }
+
+ .info-col.half {
+ width: 50%;
+ flex: none;
+ }
+
+ .info-label {
+ font-size: 20rpx;
+ color: #909399;
+ display: block;
+ }
+
+ .info-value {
+ font-size: 24rpx;
+ color: #303133;
+ display: block;
+ margin-top: 2rpx;
+ }
+
+ .info-value.highlight {
+ color: #667eea;
+ font-weight: 500;
+ }
+
+ .info-value.qty {
+ font-size: 28rpx;
+ color: #303133;
+ font-weight: 600;
+ }
+
+ /* 鍗＄墖鎿嶄綔 */
+ .card-actions {
+ display: flex;
+ border-top: 1rpx solid #f0f0f0;
+ }
+
+ .action-btn {
+ flex: 1;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ padding: 14rpx 0;
+ }
+
+ .edit-btn {
+ border-right: 1rpx solid #f0f0f0;
+ }
+
+ .action-text {
+ font-size: 24rpx;
+ color: #667eea;
+ margin-left: 6rpx;
+ }
+
+ .delete-text {
+ color: #f56c6c;
+ }
+
+ /* 绌虹姸鎬� */
+ .empty-state {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ padding: 80rpx 0;
+ }
+
+ .empty-text {
+ font-size: 26rpx;
+ color: #909399;
+ margin-top: 16rpx;
+ }
+
+ .empty-hint {
+ font-size: 22rpx;
+ color: #c0c4cc;
+ margin-top: 8rpx;
+ }
+
+ .bottom-placeholder {
+ height: 20rpx;
+ }
+
+ /* 搴曢儴鎿嶄綔鏍� */
+ .bottom-bar {
+ position: fixed;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ display: flex;
+ padding: 16rpx 20rpx;
+ background: #ffffff;
+ box-shadow: 0 -2rpx 12rpx rgba(0, 0, 0, 0.06);
+ }
+
+ .btn-reset {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ width: 160rpx;
+ height: 72rpx;
+ background: #f5f7fa;
+ border-radius: 36rpx;
+ margin-right: 16rpx;
+ }
+
+ .btn-reset .btn-text {
+ font-size: 26rpx;
+ color: #909399;
+ margin-left: 6rpx;
+ }
+
+ .btn-submit {
+ flex: 1;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ height: 72rpx;
+ background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+ border-radius: 36rpx;
+ }
+
+ .btn-submit .btn-text {
+ font-size: 28rpx;
+ color: #ffffff;
+ font-weight: 500;
+ margin-left: 6rpx;
+ }
+
+ .btn-disabled {
+ opacity: 0.6;
+ }
+
+ /* 寮圭獥鏍峰紡 */
+ .popup-card {
+ width: 600rpx;
+ background: #ffffff;
+ border-radius: 16rpx;
+ overflow: hidden;
+ }
+
+ .popup-header {
+ padding: 24rpx;
+ text-align: center;
+ border-bottom: 1rpx solid #f0f0f0;
+ background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+ }
+
+ .popup-title {
+ font-size: 30rpx;
+ color: #ffffff;
+ font-weight: 600;
+ }
+
+ .popup-body {
+ padding: 24rpx;
+ }
+
+ .popup-row {
+ display: flex;
+ align-items: center;
+ margin-bottom: 20rpx;
+ height: 70rpx;
+ }
+
+ .popup-row:last-child {
+ margin-bottom: 0;
+ }
+
+ .popup-label {
+ width: 80rpx;
+ font-size: 26rpx;
+ color: #606266;
+ flex-shrink: 0;
+ }
+
+ .popup-value {
+ flex: 1;
+ height: 70rpx;
+ background: #f5f7fa;
+ border-radius: 8rpx;
+ padding: 0 16rpx;
+ font-size: 26rpx;
+ color: #303133;
+ display: flex;
+ align-items: center;
+ box-sizing: border-box;
+ }
+
+ .popup-value.disabled {
+ color: #909399;
+ background: #f0f0f0;
+ }
+
+ .popup-value.input {
+ padding: 0 16rpx;
+ }
+
+ .popup-value.number {
+ justify-content: center;
+ background: transparent;
+ padding: 0;
+ }
+
+ .popup-footer {
+ display: flex;
+ border-top: 1rpx solid #f0f0f0;
+ }
+
+ .popup-btn {
+ flex: 1;
+ height: 90rpx;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-size: 28rpx;
+ }
+
+ .popup-btn.cancel {
+ color: #909399;
+ border-right: 1rpx solid #f0f0f0;
+ }
+
+ .popup-btn.confirm {
+ color: #667eea;
+ font-weight: 600;
}
</style>
diff --git a/pages/stock/stockQuery.vue b/pages/stock/stockQuery.vue
index 96a3c90..4e36ea7 100644
--- a/pages/stock/stockQuery.vue
+++ b/pages/stock/stockQuery.vue
@@ -42,9 +42,9 @@
<view class="loc-info">
<text class="loc-no">{{item.locNo}}</text>
</view>
- <view class="qty-badge">
+ <!-- <view class="qty-badge">
<text class="qty-text">{{item.anfme}}</text>
- </view>
+ </view> -->
</view>
<view class="card-body">
<view class="info-row">
@@ -67,6 +67,12 @@
<view class="info-col half">
<text class="info-label">鎵瑰彿</text>
<text class="info-value batch">{{item.batch || '-'}}</text>
+ </view>
+ </view>
+ <view class="info-row">
+ <view class="info-col half">
+ <text class="info-label">鏁伴噺</text>
+ <text class="info-value qty">{{item.anfme}}</text>
</view>
</view>
</view>
@@ -132,22 +138,22 @@
// 鎼滅储鐗╂枡
findMat() {
let that = this;
- let m = that.matnr.split(";");
- let matnr1 = m[0].slice(3);
- setTimeout(() => {
- that.matnr = matnr1;
- }, 100);
+ // let m = that.matnr.split(";");
+ // let matnr1 = m[0].slice(3);
+ // setTimeout(() => {
+ // that.matnr = matnr1;
+ // }, 100);
},
search() {
let that = this;
that.loading = true;
uni.request({
- url: that.baseUrl + '/manLocDetl/list/auth',
+ url: that.baseUrl + '/locDetl/list/auth',
header: { 'token': uni.getStorageSync('token') },
data: {
curr: 1,
limit: 100,
- loc_no: that.locNo,
+ locNo: that.locNo,
matnr: that.matnr
},
method: "GET",
@@ -288,7 +294,7 @@
}
.count-badge {
- background: linear-gradient(135deg, #F4C823 0%, #E6A817 100%);
+ background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
border-radius: 16rpx;
padding: 2rpx 12rpx;
margin-left: 12rpx;
@@ -317,7 +323,7 @@
display: flex;
align-items: center;
padding: 14rpx 16rpx;
- background: linear-gradient(135deg, #F4C823 0%, #E6A817 100%);
+ background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}
.card-index {
@@ -393,12 +399,18 @@
}
.info-value.code {
- color: #F4C823;
+ color: #303133;
font-weight: 600;
}
.info-value.batch {
- color: #e6a23c;
+ color: #667eea;
+ }
+
+ .info-value.qty {
+ font-size: 28rpx;
+ color: #303133;
+ font-weight: 600;
}
/* 绌虹姸鎬� */
--
Gitblit v1.9.1