优化需求开发

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,22 +3,33 @@
   <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)">
+        <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>
           <view class="right">
             <view class="item-name">
-							名称: <span>{{item.name}}</span>
+              名称: <span>{{ item.name }}</span>
             </view>
             <view class="item-dec">
-							型号: <span>{{item.specifications}}</span>
+              型号: <span>{{ item.specifications }}</span>
             </view>
             <view class="item-dec">
-							编码: <span>{{item.number}}</span>
+              编码: <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>
@@ -29,248 +40,337 @@
       <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 {
+import { ref, defineProps, defineEmits, getCurrentInstance, watch } from 'vue';
-		ref,
+import { onLoad } from '@dcloudio/uni-app';
-		defineProps,
+import * as repairOrderApi from "@/api/repairOrder";
-		defineEmits,
+
-		getCurrentInstance,
+const props = defineProps({
-		watch
-	} from 'vue'
-	import {
-		onLoad,
-	} from '@dcloudio/uni-app'
-	import * as repairOrderApi from "@/api/repairOrder"
-	
-	const props = defineProps({
   isShowSelectItem: {
     type: Boolean,
     default: () => { return false },
     require: true
   },
-		singleColumnList:{
+  singleColumnList: {
     type: Array,
     default: () => { return [] },
     require: false
   },
-	});
+});
-	
+
-	// 监测isShowSelectItem的变化
+// 监测isShowSelectItem的变化
-	watch(() => props.isShowSelectItem, (newValue, oldValue) => {
+watch(() => props.isShowSelectItem, (newValue, oldValue) => {
-	  if(newValue){
+  if (newValue) {
-		  console.log('props.isShowSelectItem',props.isShowSelectItem);
+    console.log('props.isShowSelectItem', props.isShowSelectItem);
-		  form1.value.searchName = null
+    form1.value.searchName = null;
-		  form1.value.temporarilyNumber = null
+    form1.value.temporarilyNumber = null;
-		  form1.value.temporarilyName = null
+    form1.value.temporarilyName = null;
-	  }
+  }
-	});
+});
-	const { proxy } = getCurrentInstance()
+
-	
+const { proxy } = getCurrentInstance();
-	const repairOrderList = ref([])
+const repairOrderList = ref([]);
-	
+const itemList = ref([]);
-	const itemList = ref([])
+const type = ref('');
-	const type = ref('')
+const isShowSelectItem = ref(false);
-	const isShowSelectItem = ref(false);
+const selectVal = ref(null);
-	const selectVal = ref(null);
+const emits = defineEmits(['searchItem', 'chooseItem1']);
-	const emits = defineEmits(['searchItem','chooseItem1']);
+const form1 = ref({
-	const form1 = ref({
   number: "",
-		name:"",
+  name: "",
-		specifications:"",
+  specifications: "",
   qty: 0,
-		temporarilyNumber:"",//；临时选中的编码
+  temporarilyNumber: "",
-		temporarilyName:"",//临时选中的名称
+  temporarilyName: "",
-		temporarilySpecifications:"",//临时选中的型号
+  temporarilySpecifications: "",
-		searchName:"",//模糊搜索
+  searchName: "",
-	})
+});
-	onLoad((option) => {
+
+// 管理全屏图片弹窗的状态
+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.type) isShowSelectItem.value = option.isShowSelectItem;
-		if (option.selectVal) selectVal.value = option.selectVal;//是否显示
+  if (option.selectVal) selectVal.value = option.selectVal;
-	})
+});
-	//取消和确认方法
+
-	function chooseItem1(type){
+// 取消和确认方法
-		if(type==1){
+function chooseItem1(type) {
-			form1.value.number = form1.value.temporarilyNumber
+  if (type == 1) {
-			form1.value.name = form1.value.temporarilyName
+    form1.value.number = form1.value.temporarilyNumber;
-			form1.value.specifications = form1.value.temporarilySpecifications
+    form1.value.name = form1.value.temporarilyName;
-		}
+    form1.value.specifications = form1.value.temporarilySpecifications;
-		emits('chooseItem1',type,form1);
+  }
-	}
+  emits('chooseItem1', type, form1);
-	function searchItem(){
+}
-		emits('searchItem',form1.value.searchName);
+
-	}
+function searchItem() {
-	function chooseItem(item){
+  emits('searchItem', form1.value.searchName);
-		console.log('props.isShowSelectItem',props.isShowSelectItem);
+}
-		console.log('props.singleColumnList',props.singleColumnList);
+
-		let arr = props.singleColumnList.filter(cur=>cur.number != item.number)
+function chooseItem(item) {
-		arr.forEach(item=>{
+  console.log('props.isShowSelectItem', props.isShowSelectItem);
-			item.checked = false
+  console.log('props.singleColumnList', props.singleColumnList);
-		})
+  let arr = props.singleColumnList.filter(cur => cur.number != item.number);
-		item.checked = !item.checked
+  arr.forEach(item => {
-		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;
-	}
+}
 </script>
 
 <style lang="scss" scoped>
-	.add-form-container {
+.add-form-container {
 	min-height: calc(100vh - 140rpx);
 	background: white;
 	padding: 0px 30rpx 140rpx;
-	}
+}
-
 
-	.footer {
+.footer {
 	position: fixed;
 	bottom: 0px;
 	left: 0px;
 	width: 100%;
 	z-index: 22;
-	}
+}
 
-	.btns {
+.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;
 		}
 	}
-	}
+}
 
-	.right-button {
+.right-button {
 	background: #409eff;
 	color: white;
 	padding: 0rpx 30rpx;
 	border-radius: 16rpx;
 	text-align: center;
 	font-size: 28rpx;
-	}
+}
 
-	.select {
+.select {
 	display: flex;
 	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 {
+.title {
 	padding: 32rpx 0px;
 	position: relative;
-
 	span {
 		position: absolute;
 		left: -16rpx;
 		color: #fa3534;
 		padding-top: 6rpx;
 	}
-	}
+}
 
-	.list {
+.list {
 	.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;
 		}
-
-		}
 	}
+}
 
-	.add-btn {
+.add-btn {
 	display: flex;
 	justify-content: flex-start;
 	align-items: center;
-	}
+}
 
-	.popup-title {
+.popup-title {
 	text-align: center;
 	font-size: 32rpx;
 	font-weight: bold;
 	color: #409eff;
-		padding: 30rpx 30rpx 0px
+	padding: 30rpx 30rpx 0px;
-	}
+}
 
-	.popup {
+.popup {
 	width: 600rpx;
 	padding: 30rpx 60rpx 30rpx;
+}
 
-	}
+.popup-footer {
-
-	.popup-footer {
 	display: flex;
 	border-top: 1px solid #e4e4e4;
-
 	view {
 		line-height: 100rpx;
 		flex: 1;
 		text-align: center;
-
 		&.sure {
 			color: #409eff;
 		}
 	}
-	}
+}
 
-	::v-deep .u-checkbox-group {
+::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;

src/pages/sparePartsApplication/detail.vue

@@ -17,21 +17,21 @@
 				<view class="dec-item">
 					<view>申请备件：</view>
 				</view>
-				<view class="items" v-for="(cur,key) in data.subList" :key="key" style="margin-bottom: 20rpx;">
+				<view class="items" v-for="(cur, key) in data.subList" :key="key" style="margin-bottom: 20rpx;">
 				    <view class="items-name">
-						备件名称：{{cur.itemName}}
+				        备件名称：{{ cur.itemName }}
 				    </view>
 				    <view class="items-dec" v-if="cur.type">
-						类型：{{cur.type == 'type'?'设备' :'模具'}}
+				        类型：{{ cur.type == 'type' ? '设备' : '模具' }}
 				    </view>
 				    <view class="items-dec" v-if="cur.name">
-						{{cur.type == 'type'?'设备' :'模具'}}名称：{{cur.name}}
+				        {{ cur.type == 'type' ? '设备' : '模具' }}名称：{{ cur.name }}
 				    </view>
 				    <view class="items-dec">
-						是否以旧换新：{{cur.isRadeIn == 'TRUE'?'是' :'否'}}
+				        是否以旧换新：{{ cur.isRadeIn == 'TRUE' ? '是' : '否' }}
 				    </view>
 				    <view class="items-dec">
-						数量：{{cur.qty}}
+				        数量：{{ cur.qty }}
 				    </view>
 				</view>
 			</view>