fix: SBBJ-1177模具、设备检修工单，添加备件，查询没反应

src/components/item/slectItemList.vue

@@ -3,7 +3,7 @@
   <u-popup v-model="props.isShowSelectItem" mode="center" border-radius="14">
     <view class="popup-title">选择备件</view>
     <view class="popup">
-      <u-search :placeholder="props.searchPlaceholder" v-model="form1.searchName" @change="searchItem" clearabled="false"></u-search>
+      <u-search :placeholder="props.searchPlaceholder" v-model="form1.searchName" @search="searchItem" @custom="searchItem" clearabled="false"></u-search>
       <scroll-view class="list" scroll-y="true" style="max-height: 800rpx" @scrolltolower="scrolltolower">
         <view class="item" v-for="(item, index) in tableData" :key="index" @click="chooseItem(item)">
           <u-checkbox v-model="item.checked" shape="circle" style="margin-top: 8rpx"></u-checkbox>
@@ -104,7 +104,18 @@ watch(
     }
   }
 )
-
+watch(
+  () => props.singleColumnList,
+  (newValue, oldValue) => {
+    if (newValue) {
+      currentPage.value = 1
+      showTableData()
+    }
+  },
+  {
+    deep: true
+  }
+)
 const { proxy } = getCurrentInstance()
 const repairOrderList = ref([])
 const itemList = ref([])

src/pages/overhaulOrder/addServiceRecord.vue

@@ -16,18 +16,16 @@
       </u-form-item>
       <u-form-item label="责任人" prop="chargePeoples" required>
         <view class="select" @click="openSelecUser">
-					<view class="input" v-if='form.chargePeoples'>
+          <view class="input" v-if="form.chargePeoples">
             {{ selectFormatCheck(form.chargePeoples, selecUserList) }}
           </view>
-					<view class="placeholder" v-else>
+          <view class="placeholder" v-else> 请选择维修人员 </view>
-						请选择维修人员
-					</view>
           <u-icon name="arrow-right" color="#aaaaaa" size="28"></u-icon>
         </view>
       </u-form-item>
       <u-form-item label="完成情况" prop="status" required>
         <view class="select" @click="openSingleColumn('status', form.status, jxDetailsStatus, 'form')">
-					<view class="input" v-if='form.status'>
+          <view class="input" v-if="form.status">
             {{ form.statusTxt }}
           </view>
           <view class="placeholder" v-else>
@@ -36,9 +34,9 @@
           <u-icon name="arrow-right" color="#aaaaaa" size="28" v-if="!form.id"></u-icon>
         </view>
       </u-form-item>
-			<u-form-item label="完成时间" prop="completionTime" required v-if='form.status === 0||form.status === "0"'>
+      <u-form-item label="完成时间" prop="completionTime" required v-if="form.status === 0 || form.status === '0'">
         <view class="select" @click="openDatetime('completionTime', formatDate, params, formatValue)">
-					<view class="input" v-if='formatDate'>
+          <view class="input" v-if="formatDate">
             {{ formatDate }}
           </view>
           <view class="placeholder" v-else>
@@ -47,19 +45,16 @@
           <u-icon name="arrow-right" color="#aaaaaa" size="28"></u-icon>
         </view>
       </u-form-item>
-			<u-form-item label="未完成原因" prop="uncompleted" required v-if='form.status === 1||form.status === "1"'>
+      <u-form-item label="未完成原因" prop="uncompleted" required v-if="form.status === 1 || form.status === '1'">
-				<u-input type='textarea' v-model="form.uncompleted" placeholder="请输入未完成原因" maxlength="200" />
+        <u-input type="textarea" v-model="form.uncompleted" placeholder="请输入未完成原因" maxlength="200" />
       </u-form-item>
       <u-form-item label="工程师确认" prop="engineer">
         <u-input v-model="form.engineer" placeholder="请输入工程师确认" maxlength="50" />
       </u-form-item>
-
     </u-form>
 
     <view class="list">
-			<view class="title">
+      <view class="title"> <span></span>备件 </view>
-				<span></span>备件
-			</view>
       <view class="item" v-for="(item, index) in form.itemNumbers" :key="index">
         <view class="item-box">
           <view class="spare-title">
@@ -70,9 +65,7 @@
           <u-row gutter="16">
             <u-col :span="12">
               <view class="dec">
-								<view class="">
+                <view class=""> 数量:{{ item.qty }} </view>
-									数量:{{item.qty}}
-								</view>
               </view>
             </u-col>
           </u-row>
@@ -80,16 +73,15 @@
         <u-icon name="minus-circle" color="#aaaaaa" size="60" @click="delSpareParts(index)"></u-icon>
       </view>
       <view class="add-btn">
-				<u-button type="primary" @click="open"><u-icon name="plus-circle" color="#ffffff"
+        <u-button type="primary" @click="open"><u-icon name="plus-circle" color="#ffffff" size="36"></u-icon>添加备件</u-button>
-						size="36"></u-icon>添加备件</u-button>
       </view>
     </view>
     <view class="footer">
       <view class="btns">
         <button class="reset" @click="reset">重置</button>
-				<button class="sure" @click="submit" :loading='loading' :disabled='loading'>确定</button>
+        <button class="sure" @click="submit" :loading="loading" :disabled="loading">确定</button>
       </view>
-			<view style="height: constant(safe-area-inset-bottom); height: env(safe-area-inset-bottom);"></view>
+      <view style="height: constant(safe-area-inset-bottom); height: env(safe-area-inset-bottom)"></view>
     </view>
     <!-- 添加备件 -->
     <u-popup v-model="isPopupShow" mode="center" border-radius="14">
@@ -98,12 +90,10 @@
         <u-form :model="form1" ref="form1Ref" label-width="160rpx">
           <u-form-item :label="`备件`" prop="number" required>
             <view class="select" @click="openSingleColumn('number', form1.number, sparePartsList, 'form1')">
-							<view class="input" v-if='form1.number'>
+              <view class="input" v-if="form1.number">
                 {{ form1.name }}
               </view>
-							<view class="placeholder" v-else>
+              <view class="placeholder" v-else> 请选择备件 </view>
-								请选择备件
-							</view>
               <u-icon name="arrow-right" color="#aaaaaa" size="28"></u-icon>
             </view>
           </u-form-item>
@@ -122,37 +112,29 @@
       <view class="popup-title">选择维修人员</view>
       <view class="popup">
         <u-checkbox-group @change="checkboxGroupChange">
-					<u-checkbox v-model="item.checked" v-for="(item, index) in selecUserList" :key="index"
+          <u-checkbox v-model="item.checked" v-for="(item, index) in selecUserList" :key="index" :name="item.id">{{ item.name }}</u-checkbox>
-						:name="item.id">{{item.name}}</u-checkbox>
         </u-checkbox-group>
-
       </view>
       <view class="popup-footer">
         <view @click="isShowSelecUser = false">取消</view>
         <view class="sure" @click="chooseUser">确认</view>
       </view>
     </u-popup>
-		<SelectItemList :isShowSelectItem=isShowSelectItem :singleColumnList=singleColumnList  @searchItem='searchItem' @chooseItem1='chooseItem1'/>
+    <SelectItemList :isShowSelectItem="isShowSelectItem" :singleColumnList="singleColumnList" @searchItem="searchItem" @chooseItem1="chooseItem1" />
-		<u-select v-model="singleColumnShow" mode="single-column" :default-value='singleColumnDefaultValue'
+    <u-select v-model="singleColumnShow" mode="single-column" :default-value="singleColumnDefaultValue" :list="singleColumnList" @confirm="chooseSingleColumn" @cancle="singleColumnShow = false"></u-select>
-			:list="singleColumnList" @confirm="chooseSingleColumn" @cancle='singleColumnShow = false'></u-select>
+    <u-picker mode="time" v-model="datetimeShow" :default-time="datetimeDefaultValue" :params="params" @confirm="chooseDatetime"></u-picker>
-		<u-picker mode="time" v-model="datetimeShow" :default-time='datetimeDefaultValue' :params="params"
-			@confirm='chooseDatetime'></u-picker>
   </view>
 </template>
 
 <script setup lang="ts">
-	import {
+import { onLoad } from '@dcloudio/uni-app'
-		onLoad
+import { ref, getCurrentInstance } from 'vue'
-	} from '@dcloudio/uni-app'
+import * as overhaulOrderApi from '@/api/overhaulOrder'
-	import {
+import * as sparePartsApi from '@/api/spareParts'
-		ref,
+import * as deptApi from '@/api/dept'
-		getCurrentInstance
+import * as dictApi from '@/api/dict'
-	} from 'vue'
+import SelectItemList from '../../components/item/slectItemList.vue'
-	import * as overhaulOrderApi from "@/api/overhaulOrder"
+
-	import * as sparePartsApi from "@/api/spareParts"
-	import * as deptApi from "@/api/dept"
-	import * as dictApi from "@/api/dict"
-	import SelectItemList from "../../components/item/slectItemList.vue"
 const { proxy } = getCurrentInstance()
 const loading = ref(false)
 const type = ref('')
@@ -182,8 +164,8 @@
   itemNumbers: []
 })
 const form1 = ref({
-		number: "",
+  number: '',
-		name: "",
+  name: '',
   qty: 0
 })
 // 时间参数
@@ -195,7 +177,7 @@
   hour: true,
   minute: true,
   second: true,
-		timestamp: true,
+  timestamp: true
 })
 const datetimeDefaultValue = ref('')
 const formatValue = ref('YYYY-MM-DD hh:mm:ss')
@@ -208,74 +190,74 @@
     const integerReg = /^[+]{0,1}(\d+)$/
     if (integerReg.test(value)) {
       return true
-		    } else {
-		       return false
     }
-		} else {
     return false
   }
+  return false
 }
 // 触发提交表单
 function submit() {
   // 校验
   if (!form.value.name) {
     proxy.$modal.showToast('请输入检修描述')
-			return;
+    return
   }
   if (!form.value.peoples || form.value.peoples == 0) {
     proxy.$modal.showToast('请输入预估人数')
-			return;
+    return
   }
   if (!validateInteger(form.value.peoples)) {
     proxy.$modal.showToast('预估人数请输入正整数')
-			return;
+    return
   }
   if (form.value.peoples > 100) {
     proxy.$modal.showToast('预估人数不得超出100')
-			return;
+    return
   }
   if (!form.value.estimatedMinutes || form.value.estimatedMinutes == 0) {
-			proxy.$modal.showToast(`请输入预估分钟`)
+    proxy.$modal.showToast('请输入预估分钟')
-			return;
+    return
   }
   if (!validateInteger(form.value.estimatedMinutes)) {
     proxy.$modal.showToast('预估分钟请输入正整数')
-			return;
+    return
   }
   if (!form.value.actualMinutes) {
     proxy.$modal.showToast('请输入实际分钟')
-			return;
+    return
   }
 
   if (!validateInteger(form.value.actualMinutes)) {
     proxy.$modal.showToast('实际分钟请输入正整数')
-			return;
+    return
   }
   if (!form.value.chargePeoples) {
     proxy.$modal.showToast('请选择负责人')
-			return;
+    return
   }
   if (!form.value.status) {
     proxy.$modal.showToast('请选择完成情况')
-			return;
+    return
   }
   if (form.value.status == 0) {
     if (!form.value.completionTime) {
       proxy.$modal.showToast('请选择完成时间')
-				return;
+      return
     }
   }
   if (form.value.status == 1) {
     if (!form.value.uncompleted) {
       proxy.$modal.showToast('请输入未完成原因')
-				return;
+      return
     }
   }
   if (form.value.id) {
     proxy.$modal.confirm('是否修改检修内容').then(() => {
       proxy.$modal.loading('加载中')
       loading.value = true
-				overhaulOrderApi.overhaulOrderDetailUpdate(form.value,type.value).then((res) => {
+      overhaulOrderApi
+        .overhaulOrderDetailUpdate(form.value, type.value)
+        .then((res) => {
           proxy.$modal.closeLoading()
           if (res.data) {
             proxy.$modal.showToast('修改成功')
@@ -291,7 +273,8 @@
             }
             loading.value = false
           }
-				}).catch(() => {
+        })
+        .catch(() => {
           proxy.$modal.closeLoading()
           loading.value = false
         })
@@ -300,7 +283,9 @@
     proxy.$modal.confirm('是否添加检修内容').then(() => {
       proxy.$modal.loading('加载中')
       loading.value = true
-				overhaulOrderApi.overhaulOrderDetailCreate(form.value,type.value).then((res) => {
+      overhaulOrderApi
+        .overhaulOrderDetailCreate(form.value, type.value)
+        .then((res) => {
           proxy.$modal.closeLoading()
           if (res.data) {
             proxy.$modal.showToast('添加成功')
@@ -316,13 +301,13 @@
             }
             loading.value = false
           }
-				}).catch(() => {
+        })
+        .catch(() => {
           proxy.$modal.closeLoading()
           loading.value = false
         })
     })
   }
-	
 }
 // 重置
 function reset() {
@@ -340,7 +325,7 @@
 }
 // 获取人员列表
 async function getSelecUser() {
-		let data = {
+  const data = {
     classType: type.value,
     factoryAreaNumber: factoryAreaNumber.value,
     flag: 0
@@ -349,17 +334,20 @@
   if (form.value.chargePeoples) {
     arr = form.value.chargePeoples.split(',')
   }
-		await deptApi.getSelecUser(data).then(res => {
+  await deptApi
-			res.data.forEach(item => {
+    .getSelecUser(data)
+    .then((res) => {
+      res.data.forEach((item) => {
         item.checked = false
-				arr.forEach(cur => {
+        arr.forEach((cur) => {
           if (item.id == cur) {
             item.checked = true
           }
         })
       })
       selecUserList.value = res.data
-		}).catch(() => { })
+    })
+    .catch(() => {})
 }
 // 打开人员列表
 function openSelecUser() {
@@ -371,7 +359,10 @@
 // 多选选择框回显
 function selectFormatCheck(val, array) {
   const arr = val.split(',').map(Number)
-		let str = array.filter(item => arr.includes(item.id)).map(item => item.name).join(',')
+  const str = array
+    .filter((item) => arr.includes(item.id))
+    .map((item) => item.name)
+    .join(',')
   return str
 }
 // 选择人员
@@ -383,21 +374,20 @@
 const whichForm = ref()
 // 单列模式
 function openSingleColumn(fieldName, val, list, from) {
-		if (fieldName == 'deviceNumber' && form.value.id) return;
+  if (fieldName == 'deviceNumber' && form.value.id) return
   whichForm.value = from
   singleColumnList.value = list
   field.value = fieldName
   if (val) {
-			singleColumnDefaultValue.value = [list.findIndex(item => item.value == val)]
+    singleColumnDefaultValue.value = [list.findIndex((item) => item.value == val)]
   } else {
     singleColumnDefaultValue.value = []
   }
   if (fieldName == 'number') {
-			isShowSelectItem.value = true;
+    isShowSelectItem.value = true
   } else {
     singleColumnShow.value = true
   }
-		
 }
 // 单列模式点击确定之后
 function chooseSingleColumn(e) {
@@ -420,23 +410,26 @@
 // 获取备件列表
 async function getSparePartsList(number, name) {
   number = form.value.deviceNumber
-		let param = {
+  const param = {
-			number:number,
+    number,
-			name:name
+    name
-		}
+  }
-		await sparePartsApi.getSparePartsList(param).then(res => {
+  await sparePartsApi
-			res.data.map(item => {
+    .getSparePartsList(param)
+    .then((res) => {
+      res.data.map((item) => {
         item.value = item.number
         item.label = item.name
       })
       sparePartsList.value = res.data
       singleColumnList.value = sparePartsList.value
-		}).catch(() => { })
+    })
+    .catch(() => {})
 }
 // 打开弹窗
 function open() {
   form1.value = {
-			number: "",
+    number: '',
     name: '',
     qty: 0
   }
@@ -446,17 +439,17 @@
 function addSpare() {
   if (!form1.value.number) {
     proxy.$modal.showToast('请选择备件')
-			return;
+    return
   }
   if (!form1.value.qty || form1.value.qty == 0) {
     proxy.$modal.showToast('请输入数量')
-			return;
+    return
   }
   if (form.value.itemNumbers && form.value.itemNumbers.length > 0) {
-			let arr = form.value.itemNumbers.filter(item => item.number == form1.value.number)
+    const arr = form.value.itemNumbers.filter((item) => item.number == form1.value.number)
     if (arr && arr.length > 0) {
       proxy.$modal.showToast('该备件已添加')
-				return;
+      return
     }
   }
 
@@ -471,14 +464,14 @@
   params.value = params
   formatValue.value = format
   field.value = fieldName
-		form.value[field.value] = val ? val : ''
+  form.value[field.value] = val || ''
-		datetimeDefaultValue.value = val ? val : proxy.$time.formatDate()
+  datetimeDefaultValue.value = val || proxy.$time.formatDate()
   datetimeShow.value = true
 }
 // 日期模式点击确定之后
 function chooseDatetime(e) {
-		let array1 = []
+  const array1 = []
-		let array2 = []
+  const array2 = []
   if (formatValue.value.indexOf('YYYY') > -1) {
     array1.push(e.year)
   }
@@ -497,29 +490,28 @@
   if (formatValue.value.indexOf('ss') > -1) {
     array2.push(e.second)
   }
-		let str = array1.join('-') + ' ' + array2.join(':')
+  const str = `${array1.join('-')} ${array2.join(':')}`
   formatDate.value = str
   form.value[field.value] = e.timestamp * 1000
 }
 onLoad(async (option) => {
-		if (option.type) type.value = option.type;
+  if (option.type) type.value = option.type
-		if (option.factoryAreaNumber) factoryAreaNumber.value = option.factoryAreaNumber;
+  if (option.factoryAreaNumber) factoryAreaNumber.value = option.factoryAreaNumber
-		if (option.number) form.value.number = option.number;
+  if (option.number) form.value.number = option.number
-		if (option.deviceNumber) form.value.deviceNumber = option.deviceNumber;
+  if (option.deviceNumber) form.value.deviceNumber = option.deviceNumber
-		if (option.data && JSON.parse(decodeURIComponent(option.data)) && JSON.parse(decodeURIComponent(option
+  if (option.data && JSON.parse(decodeURIComponent(option.data)) && JSON.parse(decodeURIComponent(option.data)).id) {
-			.data)).id) {
     form.value = JSON.parse(decodeURIComponent(option.data))
     form.value.itemNumbers = form.value.items
     formatDate.value = form.value.completionTime ? proxy.$time.formatDate(form.value.completionTime) : ''
     form.value.statusTxt = form.value.status == 0 ? '完成' : '未完成'
-		};
+  }
   jxDetailsStatus.value = await dictApi.getDict('jx_details_status')
 
   await getSelecUser()
   await getSparePartsList()
 })
 async function searchItem(name) {
-		await getSparePartsList(null,name);
+  await getSparePartsList(null, name)
 }
 
 async function chooseItem1(type, forms) {
@@ -531,8 +523,8 @@
     form1.value.number = forms.value.temporarilyNumber
     form1.value.name = forms.value.temporarilyName
   }
-		await getSparePartsList(null,null);
+  await getSparePartsList(null, null)
-		isShowSelectItem.value = false;
+  isShowSelectItem.value = false
 }
 </script>
 
@@ -543,7 +535,6 @@
   padding: 0px 30rpx 140rpx;
 }
 
-
 .footer {
   position: fixed;
   bottom: 0px;
@@ -555,7 +546,6 @@
 .btns {
   display: flex;
 
-
   button {
     flex: 1;
   }
@@ -572,7 +562,7 @@
   }
 
   .reset {
-			background: #F5F5F5;
+    background: #f5f5f5;
     border-radius: 0px;
 
     &::after {
@@ -606,7 +596,6 @@
     flex: 1;
     font-size: 28rpx;
     color: rgb(192, 196, 204);
-
   }
 }
 
@@ -628,7 +617,7 @@
     margin-bottom: 20rpx;
 
     .item-box {
-				background: #F5F5F5;
+      background: #f5f5f5;
       border-radius: 12rpx;
       flex: 1;
       width: 0rpx;
@@ -649,7 +638,6 @@
       color: #9c9c9c;
       padding: 20rpx 30rpx 20rpx;
     }
-
   }
 }
 
@@ -664,13 +652,12 @@
   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 {