uu

components/buns-goodinfo-sheet/buns-goodinfo-sheet.vue

@@ -0,0 +1,117 @@
+<template>
+	<tpx-dialog :show="show" title="编辑货物信息" @onClose="handleCloseModal()">
+		<view style="position: relative;height: calc(70vh);">
+			<tpx-layout>
+				<template v-slot:body>
+					<view class="dt-block">
+						<view class="dt-tle">
+							<view class="t1">物品名称</view>
+							<view class="t2"></view>
+						</view>
+						<u-line margin="20rpx 0 20rpx"></u-line>
+					</view>
+				</template>
+				
+				<template v-slot:footer>
+					<view class="blcok-white-noradius" style="margin-top: 0;margin-bottom: 0;">
+						<u-button @click="handleSubmitValue()" type="primary" size="large" shape="circle" 
+							custom-style="height:80rpx;font-size: 30rpx;"
+						>确认</u-button>
+					</view>
+				</template>
+			</tpx-layout>
+		</view>
+	</tpx-dialog>
+</template>
+
+<script>
+	export default {
+		// computed: {
+		// 	filDataList() {
+		// 		return []
+		// 	},
+		// },
+		props: {
+			show: {
+				default () {
+					return false
+				}
+			},
+			value: {
+				default () {
+					return {}
+				}
+			}
+		},
+		data() {
+			return {
+				value1: '',
+				value2: '',
+				keyword: ''
+			}
+		},
+		created() {
+
+		},
+		onHide() {
+
+		},
+		destroyed() {},
+
+		methods: {
+			handleCloseModal() {
+				this.$emit('update:show', false)
+			},
+			handleSubmitValue(val) {
+				this.$emit('onSure', {})
+				this.$emit('update:value', {})
+				this.handleCloseModal()
+			}
+		}
+	}
+</script>
+
+<style scoped lang="scss">
+	.shet-cont{
+		padding: 10rpx 0 30rpx 0;
+	}
+	.dt-block {
+		background-color: #FFF;
+		position: relative;
+	}
+	.dt-tle {
+		display: flex;
+		flex-direction: row;
+		justify-content: space-between;
+		.t1 {
+			font-size: 30rpx;
+			font-weight: 600;
+		}
+		.t2{
+			font-size: 30rpx;
+		}
+	}
+	.dt-item {
+		display: flex;
+		flex-direction: row;
+		margin-bottom: 20rpx;
+		justify-content: space-between;
+	}
+	
+	.yditem{
+		padding: 20rpx 20rpx;
+		background-color: #F6F6F6;
+		border-radius: 10rpx;
+		margin-bottom: 20rpx;
+	}
+	.ydi-lab{
+		display: flex;
+		flex-direction: row;
+		justify-content: space-between;
+		align-items: center;
+	}
+	.edm-input-item{
+		padding: 20rpx 0;
+		border-bottom: 2rpx solid #F6F6F6;
+	}
+</style>

pages/goods/edit.vue

@@ -44,13 +44,13 @@
 				<u-line margin="20rpx 0 20rpx"></u-line>
 				<view v-for="(item, index) in baseFormData.ydList" class="yditem">
 					<view class="ydi-lab">
-						<text class="font-weight">女士针织棉上衣</text>
+						<text @click="handleEditGood(item)" class="font-weight">女士针织棉上衣</text>
 						<view>
 							<u-icon @click="handleDelGood(index)" name="trash" size="32"></u-icon>
 						</view>
 					</view>
 					<view class="ydi-lab mt-10">
-						<view>
+						<view @click="handleEditGood(item)">
 							<view class="clr-sub">无 12L 中国内地</view>
 							<view class="clr-prm pt-10">12 CNY</view>
 						</view>
@@ -59,7 +59,7 @@
 						</view>
 					</view>
 				</view>
-				<u-button @click="handleAddGood" custom-style="border-radius: 16rpx;" type="primary" plain="true">
+				<u-button @click="handleEditGood" custom-style="border-radius: 16rpx;" type="primary" plain="true">
 					<u-row justify="center">
 						<view>
 							<u-icon name="plus" size="30" color="#B12D29"></u-icon>
@@ -224,6 +224,8 @@
 			</view>
 		</template>
 	</tpx-layout>
+	
+	<buns-goodinfo-sheet v-model:show="goodinfoModal.show" v-model:value="goodinfoModal.value"></buns-goodinfo-sheet>
 </template>
 
 <script>
@@ -251,6 +253,10 @@
 						{}
 					],
 				},
+				goodinfoModal:{
+					show: false,
+					value: {}
+				}
 			}
 		},
 		onShareAppMessage() {
@@ -277,8 +283,9 @@
 			handleDelGood() {
 				
 			},
-			handleAddGood() {
-				
+			handleEditGood(item = {}) {
+				this.goodinfoModal.show = true
+				this.goodinfoModal.value = item
 			},
 			handleAddFuJian(){