备注

pages/WarehouseManage/CheckDtl.vue

@@ -63,7 +63,7 @@
 								<td>{{el.struct_name}}</td>
 								<td>{{el.material_code}}</td>
 								<td>{{el.material_name}}</td>
-								<td><input type="text" class="sin_input" v-model="el.remark"></td>
+								<td @tap="toRemark(el)"><input type="text" class="sin_input" v-model="el.remark"></td>
 								<td>{{el.quanlity_in_box}}</td>
 								<td>{{el.check_result}}</td>
 								<td>{{el.check_optname}}</td>
@@ -82,6 +82,20 @@
 			<button class="submit-button" :class="{'btn-disabled': !dataList.length}" :disabled="disabled1" @tap="_checknormal">正常</button>
 			<button class="submit-button" @tap="_checkQueryDtl(checkCode, val1)">查询</button>
 		</view>
+		<view v-show="modelShow" class="msg_wrapper">
+			<view class="msg_box">
+				<view class="msg_item">
+					<view class="filter_label">备注</view>
+					<view class="filter_input_wraper">
+						<input type="number" class="msg_input" v-model="val0">
+					</view>
+				</view>
+				<view class="msg_btns">
+					<button class="submit-button" @tap="toSurerk">确定</button>
+				</view>
+			</view>
+		</view>
+		<view v-show="modelShow" class="mask"></view>
 	</view>
 </template>
 
@@ -96,22 +110,35 @@
 		},
 		data() {
 			return {
+				modelShow: false,
+				rkvalue: '222',
 				value: '1',
+				val0: '',
 				val1: '',
 				val2: '',
 				val3: '',
 				checkCode: '',
 				dataList: [],
+				dataList : [{
+					checked: false,
+					storagevehicle_code: '1',
+					status: '1',
+					net_qty: '1',
+					sect_name: '1',
+					struct_name: '1',
+					material_code: '1',
+					material_name: '1',
+					remark: '3342',
+				}],
 				checkArr: [],
-				disabled1: false
+				disabled1: false,
+				obj: {}
 			};
 		},
 		created () {
 		},
 		onLoad (option) {
 			this.checkCode = option.checkcode
-			this.val2 = option.checknum
-			this.val3 = option.unchecknum
 			// this._checkQueryDtl()
 		},
 		methods: {
@@ -123,6 +150,19 @@
 			handleChange (e) {
 				this._checkQueryDtl(e)
 			},
+			toRemark (e) {
+				this.val0 = e.remark
+				this.obj = e
+				this.modelShow = true
+			},
+			toSurerk () {
+				this.modelShow = false
+				this.dataList.map(el => {
+					if (this.obj.storagevehicle_code === el.storagevehicle_code) {
+						el.remark = this.val0
+					}
+				})
+			},
 			toXq (code) {
 				uni.navigateTo({
 					url: '/pages/WarehouseManage/Details?storagevehicle_code=' + code + '&checkcode=' + this.checkCode
@@ -134,7 +174,9 @@
 			},
 			/** 初始化查询 */
 			async _checkQueryDtl () {
-				let res = await checkQueryDtl(this.checkCode, this.val1, this.val2, this.val3)
+				let res = await checkQueryDtl(this.checkCode, this.val1)
+				this.val2 = res.check_num
+				this.val3 = res.uncheck_num
 				res.data.map(el => {
 					this.$set(el, 'checked', false)
 				})
@@ -186,4 +228,81 @@
 	// // 	left 89rpx
 	// // 	z-index 102
 	// // 	box-shadow 1px 0 2px rgba(0,0,0,.12)
+	.msg_wrapper
+		position fixed
+		top 0
+		bottom 0
+		left 0
+		right 0
+		text-align center
+		z-index 10000
+		&::after
+			content ""
+			display inline-block
+			height 100%
+			width 0
+			vertical-align middle
+	.msg_box
+		display inline-block
+		width calc(100% - 30rpx)
+		padding 30rpx
+		vertical-align middle
+		background-color #fff
+		border-radius 8rpx
+		border 1px solid #ebeef5
+		font-size 36rpx
+		box-shadow 0 2px 12px 0 rgb(0 0 0 / 10%)
+		text-align left
+		overflow hidden
+		backface-visibility hidden
+	.buttonbox
+		width 100px
+		height 30px
+		margin-top 20px
+		margin 0 auto
+	.mask
+		position fixed
+		top 0
+		left 0
+		width 100%
+		height 100%
+		opacity .6
+		background #000
+		z-index 9999
+	.msg_item
+		display flex
+		justify-content: space-between
+		align-items: center
+		width 100%
+		height 80rpx
+		line-height 80rpx
+		margin 0 auto
+		margin-bottom 14rpx
+	.label_item
+		display inline-block
+		width 180rpx
+		font-size 32rpx
+		line-height inherit
+		color #606266
+	.from_item
+		display inline-block
+		width calc(100% - 200rpx)
+		line-height inherit
+	.msg_input
+		width 100%
+		height  80rpx
+		padding 0 30rpx
+		border-radius 4px
+		border 1px solid #DCDFE6
+		font-size 28rpx
+		line-height 80rpx
+		color #606266
+	.msg_btns
+		width 600rpx
+		height 70rpx
+		line-height 70rpx
+		margin 40rpx auto 0
+		display flex
+		justify-content: center
+		align-items: center
 </style>