From 4008e7a7ad0f01dc8c33e5ae73a8768e7704215a Mon Sep 17 00:00:00 2001
From: whycq <10027870+whycq@user.noreply.gitee.com>
Date: 星期三, 21 九月 2022 17:03:49 +0800
Subject: [PATCH] #
---
pages/basics/pickOffLines.vue | 150 +++++++++++++++++++++++++++++++++++--------------
1 files changed, 107 insertions(+), 43 deletions(-)
diff --git a/pages/basics/pickOffLines.vue b/pages/basics/pickOffLines.vue
index e47d52a..10a3b76 100644
--- a/pages/basics/pickOffLines.vue
+++ b/pages/basics/pickOffLines.vue
@@ -7,7 +7,7 @@
</view>
<view class="square-content">
<view class="content-input">
- <input readonly="value" v-model="barcode" type="text" placeholder="鎵爜 / 杈撳叆" maxlength="8"
+ <input readonly="value" v-model="doc_num" type="text" placeholder="鎵爜 / 杈撳叆" maxlength="8"
:focus="barcodeFocus" @input="nextInput">
<uni-icons type="closeempty" size="20" color="#dadada" @click="removeBarcode()"></uni-icons>
</view>
@@ -24,50 +24,49 @@
</view>
<view v-for="(item,index) in matList" :key="index" class="data-list bg-false" :class="'bg-'+item.checked" >
<view class="number indent">
- No:{{index + 1}}
+ <text class="text-key">No:</text>
+ <text class="text-value">{{index + 1}}</text>
</view>
- <view class="column">
- <view class="locno indent" style="width: 260rpx;font-weight: 700;color: #303133;">
- 搴撲綅鍙凤細<text style="color: #606266;font-weight: 500;">{{item.locNo}}</text>
+
+ <view class="column indent">
+ <view class="text-key">
+ <text class="text-key">搴撲綅鍙凤細</text>
+ <text class="text-value">{{item.locNo}}</text>
</view>
- <view class="matkx indent" style="width: 400rpx;font-weight: 700;color: #303133;">
- 鍟嗗搧鍚嶇О锛�<text style="color: #606266;font-weight: 500;">{{item.maktx}}</text></view>
+ <view class="matkx indent" >
+ <text class="text-key">鍟嗗搧鍚嶇О锛�</text>
+ <text class="text-value">{{item.maktx}}</text>
+ </view>
</view>
- <view class="column">
- <view class="count indent" style="width: 260rpx;font-weight: 700;color: #303133;">
- 鏁伴噺锛�<text style="color: #606266;font-weight: 500;">{{item.anfme}}</text></view>
- <view class="button">
- <button :type="item.btnType"
- style="width: 150rpx;font-size: 24rpx;height: 60rpx;line-height:60rpx;margin-left: 170rpx;"
- @click="open(index)">{{item.btnText}}</button>
-
+
+ <view class="column indent">
+ <view class="anfme">
+ <text class="text-key">鏁伴噺锛�</text>
+ <text class="text-value">{{item.anfme}}</text></view>
+ <view>
+ <button :type="item.btnType" @click="open(index)">{{item.btnText}}</button>
</view>
</view>
</view>
<!-- 寮瑰嚭灞� -->
- <view style="position: fixed;width: 100%;min-height: 100%;background-color: rgba(0, 0, 0, 0.5);
- z-index: 999;left: 0;top: 0;margin: 0;padding: 0;display: flex;flex-direction: column;align-items:center;
- justify-content:center" v-if="popShow">
- <view style="background-color: #fff;width: 90%;min-height: 200rpx;border-radius: 14rpx;">
- <view style="text-align: center;font-weight: bold;font-size: 36rpx;height: 100rpx;line-height: 120rpx;
- color: #909399;">鎷ｈ揣淇℃伅</view>
+ <view class="popup-mask" v-if="popShow">
+ <view class="popup">
+ <view class="title">鎷ｈ揣淇℃伅</view>
<view class="column">
- <view style="text-indent: 20rpx;">鎷ｈ揣鍗曞彿锛�</view>
- <view>jh202209211355</view>
+ <view class="popup-text-key">鎷ｈ揣鍗曞彿锛�</view>
+ <view>{{doc_num}}</view>
</view>
<view class="column">
- <view style="text-indent: 20rpx;">璐ф灦鍙凤細</view>
- <input type="text" style="border: 1rpx solid #C0C4CC;border-radius: 5rpx;">
+ <view class="popup-text-key">璐ф灦鍙凤細</view>
+ <input type="text">
</view>
<view class="column">
- <view style="text-indent: 20rpx;">搴撲綅鍙凤細</view>
- <input type="text" style="border: 1rpx solid #C0C4CC;border-radius: 5rpx;">
+ <view class="popup-text-key">搴撲綅鍙凤細</view>
+ <input type="text">
</view>
<view class="column" style="border-top: 1rpx solid #ccc;height: 100rpx;line-height: 100rpx;">
- <view style="width: 50%;border-right: 1rpx solid #ccc;text-align: center;letter-spacing: 8px;
- font-weight: 700;" @click="close">鍙栨秷</view>
- <view style="width: 50%;text-align: center;letter-spacing: 8px;color: #409EFF;
- font-weight: 700;" @click="confirm()">纭</view>
+ <view class="close" @click="close">鍙栨秷</view>
+ <view class="confirm" @click="confirm()">纭</view>
</view>
</view>
</view>
@@ -79,20 +78,20 @@
data() {
return {
commonUrl:null,
- barcode: '',
+ doc_num: '',
barcodeFocus:true,
matList:[
{
locNo:"010022",
- matkx:"灞炴�х敤浜庤缃瓧浣�",
- count:"9999",
+ maktx:"灞炴�х敤浜庤缃瓧浣�",
+ anfme:"9999",
btnType:"default", // default
btnText: '鏈‘璁�', // 鏈‘璁�
},
{
locNo:"01001",
- matkx:"灞炴�х敤浜庤缃瓧浣�",
- count:"9999",
+ maktx:"灞炴�х敤浜庤缃瓧浣�",
+ anfme:"9999",
btnType:"primary", // default
btnText: '宸插嚭搴�', // 鏈‘璁�
}
@@ -208,15 +207,16 @@
min-height: 70rpx;
line-height: 70rpx;
}
- .button {
- display: flex;
- flex-direction: row;
- justify-content: center;
- align-items: center;
-
- }
.indent {
text-indent: 32rpx;
+ }
+ .column button {
+ width: 150rpx;
+ font-size: 24rpx;
+ height: 60rpx;
+ line-height:60rpx;
+ margin-left: 170rpx;
+ text-indent: 0;
}
/* .data-list-left {
display: inline-block;
@@ -247,4 +247,68 @@
line-height: 130rpx;
margin-right: 10%;
}
+ .text-key {
+ width: 260rpx;
+ font-weight: 700;
+ color: #303133;
+ }
+ .text-value {
+ color: #606266;
+ font-weight: 500;
+ }
+ .anfme {
+ width: 260rpx;
+ font-weight: 700;
+ color: #303133;
+ }
+ .popup-mask {
+ position: fixed;
+ width: 100%;
+ min-height: 100%;
+ background-color: rgba(0, 0, 0, 0.5);
+ z-index: 999;
+ left: 0;
+ top: 0;
+ margin: 0;
+ padding: 0;
+ display: flex;
+ flex-direction: column;
+ align-items:center;
+ justify-content:center
+ }
+ .popup {
+ background-color: #fff;
+ width: 90%;
+ min-height: 200rpx;
+ border-radius: 14rpx;
+ }
+ .popup .title {
+ text-align: center;
+ font-weight: bold;
+ font-size: 36rpx;
+ height: 100rpx;
+ line-height: 120rpx;
+ color: #909399;
+ }
+ .popup-text-key {
+ width: 180rpx;
+ text-indent: 20rpx;
+ }
+ .popup input {
+ border: 1rpx solid #C0C4CC;border-radius: 5rpx;
+ }
+ .close {
+ width: 50%;
+ border-right: 1rpx solid #ccc;
+ text-align: center;
+ letter-spacing: 8px;
+ font-weight: 700
+ }
+ .confirm {
+ width: 50%;
+ text-align: center;
+ letter-spacing: 8px;
+ color: #409EFF;
+ font-weight: 700;
+ }
</style>
\ No newline at end of file
--
Gitblit v1.9.1