优化需求开发

src/api/http.ts

@@ -33,10 +33,24 @@ const instance = axios.create({
  */
 instance.interceptors.request.use((config) => {
 	const { method, params, url } = config
+	
+	// 获取当前页面路由
+	let pages = getCurrentPages();  // 获取所有页面栈的实例数组
+	let currentPage = pages[pages.length - 1];  // 获取最后一个页面的实例
+	 console.log(currentPage)
+	 let currentRoute=''
+	 if(currentPage){
+		 currentRoute = currentPage.route;  // 获取当前页面的路由
+		 if (currentRoute.endsWith('/index')) {
+		     currentRoute = currentRoute.slice(0, -'/index'.length);
+		 }
+	 }
+		
 	// 附带鉴权的token
 	const headers : any = {
 		token: getAccessToken(),
-		'Authorization': 'Bearer ' + getAccessToken()
+		'Authorization': 'Bearer ' + getAccessToken(),
+		"Referer1":currentRoute
 	}
 	if (uni.getStorageSync('openId')) {
 		headers['openId'] = uni.getStorageSync('openId')

src/components/item/slectItemList.vue

@@ -3,10 +3,7 @@
   <u-popup v-model="props.isShowSelectItem" mode="center" border-radius="14">
     <view class="popup-title">选择备件</view>
     <view class="popup">
-			<!-- <input v-model="searchKeyword" @input="filterItems" placeholder="搜索备件名称"> -->
       <u-search placeholder="搜索" v-model="form1.searchName" @change="searchItem" clearabled=false></u-search>
-				<!-- <u-input v-model="form1.searchName" placeholder="请输入备件名称" @change="searchItem"/>
-				<u-button>搜索</u-button> -->
       <view class="list">
         <view class="item" v-for="(item, index) in singleColumnList" :key="index" @click="chooseItem(item)">
           <u-checkbox v-model="item.checked" shape="circle" style="margin-top: 8rpx;"></u-checkbox>
@@ -20,6 +17,20 @@
             <view class="item-dec">
               编码: <span>{{ item.number }}</span>
             </view>
+            <view class="item-dec" style="display: flex;">
+              <span style="white-space: nowrap; align-self: flex-start;">图片:</span>
+              <div style="display: flex; flex-direction: column; margin-left: 10px;">
+                <span
+                  v-for="(pic, picIndex) in item.picture"
+                  :key="picIndex"
+                  @click.stop="showImage(pic.path)"
+                  @longpress.stop="showFullText(pic.name)" 
+                  class="image-link"
+                >
+                  {{ pic.name }}
+                </span>
+              </div>
+            </view>
           </view>
         </view>
       </view>
@@ -29,20 +40,25 @@
       <view class="sure" @click="chooseItem1(1)">确认</view>
     </view>
   </u-popup>
+
+  <!-- 全屏图片弹窗 -->
+  <u-popup v-model="isImagePopupVisible" mode="center" border-radius="0">
+    <view class="image-popup">
+      <view class="close-btn" @click="closeImagePopup">X</view>
+      <img :src="currentImagePath" class="full-image" />
+    </view>
+  </u-popup>
+
+  <!-- 长按显示完整内容的浮窗 -->
+  <div v-if="showTooltip" class="tooltip" :style="{ top: tooltipPosition.top, left: tooltipPosition.left }">
+    {{ tooltipContent }}
+  </div>
 </template>
 
 <script setup lang="ts">
-	import {
-		ref,
-		defineProps,
-		defineEmits,
-		getCurrentInstance,
-		watch
-	} from 'vue'
-	import {
-		onLoad,
-	} from '@dcloudio/uni-app'
-	import * as repairOrderApi from "@/api/repairOrder"
+import { ref, defineProps, defineEmits, getCurrentInstance, watch } from 'vue';
+import { onLoad } from '@dcloudio/uni-app';
+import * as repairOrderApi from "@/api/repairOrder";
 
 const props = defineProps({
   isShowSelectItem: {
@@ -61,17 +77,16 @@
 watch(() => props.isShowSelectItem, (newValue, oldValue) => {
   if (newValue) {
     console.log('props.isShowSelectItem', props.isShowSelectItem);
-		  form1.value.searchName = null
-		  form1.value.temporarilyNumber = null
-		  form1.value.temporarilyName = null
+    form1.value.searchName = null;
+    form1.value.temporarilyNumber = null;
+    form1.value.temporarilyName = null;
   }
 });
-	const { proxy } = getCurrentInstance()
 
-	const repairOrderList = ref([])
-	
-	const itemList = ref([])
-	const type = ref('')
+const { proxy } = getCurrentInstance();
+const repairOrderList = ref([]);
+const itemList = ref([]);
+const type = ref('');
 const isShowSelectItem = ref(false);
 const selectVal = ref(null);
 const emits = defineEmits(['searchItem', 'chooseItem1']);
@@ -80,37 +95,69 @@
   name: "",
   specifications: "",
   qty: 0,
-		temporarilyNumber:"",//；临时选中的编码
-		temporarilyName:"",//临时选中的名称
-		temporarilySpecifications:"",//临时选中的型号
-		searchName:"",//模糊搜索
-	})
+  temporarilyNumber: "",
+  temporarilyName: "",
+  temporarilySpecifications: "",
+  searchName: "",
+});
+
+// 管理全屏图片弹窗的状态
+const isImagePopupVisible = ref(false);
+const currentImagePath = ref('');
+
+// 管理浮窗的状态
+const showTooltip = ref(false);
+const tooltipContent = ref('');
+const tooltipPosition = ref({ top: '0px', left: '0px' });
+
+// 打开全屏图片弹窗
+function showImage(path) {
+  currentImagePath.value = path;
+  isImagePopupVisible.value = true;
+}
+
+// 关闭全屏图片弹窗
+function closeImagePopup() {
+  isImagePopupVisible.value = false;
+}
+
+// 显示完整内容的浮窗
+function showFullText(text) {
+  tooltipContent.value = text;
+  showTooltip.value = true;
+  // 设置浮窗位置（这里可以根据需求设置具体位置）
+  tooltipPosition.value = { top: '50px', left: '50px' };
+}
+
 onLoad((option) => {
   if (option.type) type.value = option.type;
-		if (option.type) isShowSelectItem.value = option.isShowSelectItem;//是否显示
-		if (option.selectVal) selectVal.value = option.selectVal;//是否显示
-	})
+  if (option.type) isShowSelectItem.value = option.isShowSelectItem;
+  if (option.selectVal) selectVal.value = option.selectVal;
+});
+
 // 取消和确认方法
 function chooseItem1(type) {
   if (type == 1) {
-			form1.value.number = form1.value.temporarilyNumber
-			form1.value.name = form1.value.temporarilyName
-			form1.value.specifications = form1.value.temporarilySpecifications
+    form1.value.number = form1.value.temporarilyNumber;
+    form1.value.name = form1.value.temporarilyName;
+    form1.value.specifications = form1.value.temporarilySpecifications;
   }
   emits('chooseItem1', type, form1);
 }
+
 function searchItem() {
   emits('searchItem', form1.value.searchName);
 }
+
 function chooseItem(item) {
   console.log('props.isShowSelectItem', props.isShowSelectItem);
   console.log('props.singleColumnList', props.singleColumnList);
-		let arr = props.singleColumnList.filter(cur=>cur.number != item.number)
+  let arr = props.singleColumnList.filter(cur => cur.number != item.number);
   arr.forEach(item => {
-			item.checked = false
-		})
-		item.checked = !item.checked
-		let arr1 = props.singleColumnList.filter(cur=>cur.number == item.number)
+    item.checked = false;
+  });
+  item.checked = !item.checked;
+  let arr1 = props.singleColumnList.filter(cur => cur.number == item.number);
   form1.value.temporarilyNumber = arr1[0].number;
   form1.value.temporarilyName = arr1[0].name;
   form1.value.temporarilySpecifications = arr1[0].specifications;
@@ -124,7 +171,6 @@
 	padding: 0px 30rpx 140rpx;
 }
 
-
 .footer {
 	position: fixed;
 	bottom: 0px;
@@ -135,27 +181,21 @@
 
 .btns {
 	display: flex;
-
-
 	button {
 		flex: 1;
 	}
-
 	.sure {
 		background: #409eff;
 		color: white;
 		border-radius: 0px;
-
 		&::after {
 			border: 1px solid #409eff;
 			border-radius: 0px;
 		}
 	}
-
 	.reset {
 		background: #F5F5F5;
 		border-radius: 0px;
-
 		&::after {
 			border-radius: 0px;
 		}
@@ -176,25 +216,21 @@
 	align-items: center;
 	height: 72rpx;
 	width: 100%;
-
 	.input {
 		flex: 1;
 		font-size: 28rpx;
 		color: #000000;
 	}
-
 	.placeholder {
 		flex: 1;
 		font-size: 28rpx;
 		color: rgb(192, 196, 204);
-
 	}
 }
 
 .title {
 	padding: 32rpx 0px;
 	position: relative;
-
 	span {
 		position: absolute;
 		left: -16rpx;
@@ -207,30 +243,25 @@
 	.item {
 		display: flex;
 		margin-bottom: 20rpx;
-
 		.item-box {
 			background: #F5F5F5;
 			border-radius: 12rpx;
 			flex: 1;
 			width: 0rpx;
 		}
-
 		.spare-title {
 			padding: 20rpx 30rpx;
 			border-bottom: 1px solid #e4e4e4;
-
 			.title-txt {
 				color: #409eff;
 				font-size: 30rpx;
 				font-weight: bold;
 			}
 		}
-
 		.dec {
 			color: #9c9c9c;
 			padding: 20rpx 30rpx 20rpx;
 		}
-
 	}
 }
 
@@ -245,24 +276,21 @@
 	font-size: 32rpx;
 	font-weight: bold;
 	color: #409eff;
-		padding: 30rpx 30rpx 0px
+	padding: 30rpx 30rpx 0px;
 }
 
 .popup {
 	width: 600rpx;
 	padding: 30rpx 60rpx 30rpx;
-
 }
 
 .popup-footer {
 	display: flex;
 	border-top: 1px solid #e4e4e4;
-
 	view {
 		line-height: 100rpx;
 		flex: 1;
 		text-align: center;
-
 		&.sure {
 			color: #409eff;
 		}
@@ -272,5 +300,77 @@
 ::v-deep .u-checkbox-group {
 	display: grid !important;
 }
-</style>
 
+.image-popup {
+	position: relative;
+	width: 100%;
+	height: 100%;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	background-color: rgba(0, 0, 0, 0.8);
+}
+
+.close-btn {
+	position: absolute;
+	top: 10px;
+	right: 10px;
+	color: white;
+	font-size: 24px;
+	cursor: pointer;
+}
+
+.full-image {
+	max-width: 100%;
+	max-height: 100%;
+}
+
+.item-dec {
+  display: flex;
+  align-items: flex-start;
+}
+
+.image-link {
+  cursor: pointer;
+  color: blue;
+  text-decoration: underline;
+  margin-bottom: 5px;
+  overflow: hidden; /* 隐藏超出部分 */
+  text-overflow: ellipsis; /* 显示省略号 */
+  white-space: nowrap; /* 不换行 */
+  max-width: 150px; /* 根据需要设置最大宽度 */
+}
+
+.image-popup {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background-color: rgba(0, 0, 0, 0.8);
+}
+
+.close-btn {
+  position: absolute;
+  top: 10px;
+  right: 10px;
+  color: white;
+  font-size: 24px;
+  cursor: pointer;
+}
+
+.full-image {
+  max-width: 100%;
+  max-height: 100%;
+}
+.tooltip {
+  position: absolute;
+  background-color: #f9f9f9;
+  border: 1px solid #ccc;
+  padding: 10px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+  z-index: 1000;
+  white-space: normal;
+}
+</style>

src/pages/sparePartsApplication/addForm.vue

@@ -171,6 +171,7 @@
 	const deviceType = ref('DEVICE')
 	const form = ref({
 		name: '',
+		costCenter: '',
 		subList: []
 	})
 	const form1 = ref({
@@ -195,6 +196,10 @@
 			proxy.$modal.showToast('请输入主题')
 			return;
 		}
+		if (!form.value.costCenter) {
+			proxy.$modal.showToast('请输入成本中心')
+			return;
+		}
 		if (form.value.subList.length === 0) {
 			proxy.$modal.showToast('请选择备件')
 			return;