耗材问题修复

pageConsumables/index.vue

@@ -45,8 +45,9 @@
 				</view>
 			</view>
 			<view>
-				<view class="">
-					所属商品: {{ filtersSproductId(item.product)}}
+				<view style="background-color: #fff;" @tap="show=true;showData = filtersSproductId(item.product)">
+					所属商品:
+					{{ filtersSproductId(item.product).length>7?filtersSproductId(item.product).substring(0,6)+'...':filtersSproductId(item.product)}}
 				</view>
 				<view class="">
 					<up-button shape="circle" type="primary" size="mini" color="#999"
@@ -73,6 +74,19 @@
 	</view>
 	<my-action-sheet @itemClick="sheetClick" ref="refMoreSheet" :list="actionSheet.list"></my-action-sheet>
 	<my-reportDamage ref="reportDamage" title="耗材报损" :item="report.data" @affirm="affirm"></my-reportDamage>
+
+	<up-popup :show="show" :round="18" mode="center" >
+		<view class="zhezhaopop">
+			<view class="">
+				<span></span>
+				<span></span>
+				<up-icon @tap="show=false" name="close-circle-fill"></up-icon>
+			</view>
+			<view class="">
+				{{showData}}
+			</view>
+		</view>
+	</up-popup>
 </template>
 
 <script setup>
@@ -98,6 +112,8 @@
 	} from '@/http/yskApi/requestAll.js';
 	let reportDamage = ref(null)
 	let refMoreSheet = ref(null)
+	let show = ref(false)
+	let showData = ref()
 	const report = reactive({
 		data: {
 			// thumbnail: 'https://cashier-oss.oss-cn-beijing.aliyuncs.com/upload/20240918/a17a62b7b55a4b65a2a2542050672b34.png',
@@ -251,7 +267,6 @@
 			// const productName = ele.slice(startIndex + 1, ele.length)
 			str = ele.name + ',' + str
 		})
-
 		return str
 	}
 	let toUrl = (url, d) => {
@@ -450,6 +465,24 @@
 		background-color: #fff;
 	}
 
+	.zhezhaopop {
+		padding: 34rpx 32rpx;
+		width: 594rpx;
+
+		>view:first-child {
+
+			.df;
+			justify-content: space-between;
+
+			>span:nth-child(2) {
+				font-family: Source Han Sans CN, Source Han Sans CN;
+				font-weight: bold;
+				font-size: 32rpx;
+				color: #333333;
+			}
+		}
+
+	}
 
 	.df() {
 		display: flex;