From 0d283997aad4bd488af05664fcefb2b46821d39e Mon Sep 17 00:00:00 2001 From: whycq <10027870+whycq@user.noreply.gitee.com> Date: 星期二, 13 九月 2022 17:12:28 +0800 Subject: [PATCH] # --- pages/basics/outPakin.vue | 117 +++++++++++++++++++++++++++++++++++++++++++++++++++++++--- 1 files changed, 110 insertions(+), 7 deletions(-) diff --git a/pages/basics/outPakin.vue b/pages/basics/outPakin.vue index f8e3006..472e4fe 100644 --- a/pages/basics/outPakin.vue +++ b/pages/basics/outPakin.vue @@ -41,7 +41,7 @@ <checkbox-group > <view v-for="(item,index) in matList" :key="index" class="data-list bg-false" :class="'bg-'+item.checked" > <view class="data-list-left"> - <view class="matnr">No:{{listLen-index}}</view> + <view class="matnr">No:{{listLen-index}} <text style="margin-left: 4em;font-size: 10px;">{{item.memo}}</text></view> <view class="matnr">{{item.matnr}}-{{item.batch}}</view> </view> <view class="data-list-right"> @@ -95,11 +95,11 @@ <view class="revise-box "> <view class="revise-box-top"> <view class="color-block-blue"></view> - <text class="title">淇敼鎵瑰彿/鏁伴噺</text> + <text class="title">淇敼</text> </view> - <view class="" style="position: relative;left: 50px;margin-bottom: 20px;"> - <text style="display: inline-block;float: left;width: 50px;">缈诲寘锛�</text> - <input type="text" style="width: 100px;border-bottom: 1px solid #9e9e9e;" v-model="memo"> + <view class="" style="position: relative;left: 40px;margin-bottom: 20px;"> + <text style="display: inline-block;float: left;width: 45px;line-height: 21px;height: 21px;">缈诲寘锛�</text> + <input type="text" style="width: 100px;border-bottom: 1px solid #9e9e9e;float: left;" v-model="memo"> </view> <view class="revise-box-buttom"> <view> @@ -135,7 +135,8 @@ origin: null, // 浠撳簱 current: 0, isNum:false, - memo:'' + memo:'', + hide:true } }, @@ -151,7 +152,11 @@ onLoad() { // #ifdef APP setInterval(()=>{ - uni.hideKeyboard() + if (this.hide) { + uni.hideKeyboard() + } else { + + } },20) // #endif }, @@ -462,12 +467,14 @@ this.eject() }, eject(type) { + this.hide = false this.type = type // open 鏂规硶浼犲叆鍙傛暟 绛夊悓鍦� uni-popup 缁勪欢涓婄粦瀹� type灞炴�� this.$refs.revise.open(type) }, confirm() { this.matList[this.rowNum].memo = this.memo + this.hide = true this.$refs.revise.close() this.$forceUpdate() // 寮哄埗鍒锋柊 }, @@ -484,6 +491,102 @@ /* */ + .revise-box { + position: relative; + width: 500rpx; + height: 400rpx; + border-radius: 25px; + } + .revise-box-top { + width: 400rpx; + height: 120rpx; + border-radius: 25px; + } + .changeBox { + width: 400rpx; + height: 100rpx; + } + .num-box { + margin-left: 100rpx; + } + .revise-box-buttom{ + margin-left: 190rpx; + margin-top: 200rpx; + } + .pak-seach-box { + background-color: #FFFFFF; + margin: 15rpx 15rpx 0rpx 15rpx; + width: 96%; + height: 150rpx; + border-radius: 20rpx; + } + .box-top{ + display: block; + height: 60rpx; + width: 720rpx; + } + .color-block-blue { + background-color: #1E9FFF; + display: inline-block; + float: left; + margin: 15rpx 15rpx 0 15rpx; + width: 12rpx; + height: 40rpx; + border: 5rpx solid #1E9FFF; + border-radius: 20rpx; + } + .title { + display: inline-block; + float: left; + font-size: 34rpx; + font-weight: 700; + height: 50rpx; + line-height: 50rpx; + margin-top: 10rpx; + } + .box-buttom { + display: inline-block; + background-color: #ededed; + width: 65%; + height: 60rpx; + border-radius: 20rpx; + margin: 15rpx 15rpx 0rpx 15rpx; + } + .box-buttom input { + width: 75%; + float: left; + margin: 8rpx 10rpx 0rpx 25rpx; + } + .box-buttom .search-icon{ + width: 60rpx; + height: 60rpx; + float: right; + margin-top: 5rpx; + margin-right: 10rpx; + } + /* .pak-seach-box input { + background-color: #ededed; + border: 1rpx solid #d8d8d8; + display: inline-block; + border-radius: 20rpx; + float: left; + width: 70%; + height: 60rpx; + line-height: 60rpx; + margin: 15rpx 15rpx 0rpx 15rpx; + padding-left: 20rpx; + } */ + .pak-seach-box button { + background-color: #1E9FFF; + color: #ffffff; + display: inline-block; + float: right; + width: 180rpx; + height: 60rpx; + margin: 15rpx 15rpx 0rpx 15rpx; + line-height: 60rpx; + } + .pop-btn { position: absolute; width: 100%; -- Gitblit v1.9.1