diff --git a/src/api/costCenterMapping/index.ts b/src/api/costCenterMapping/index.ts
new file mode 100644
index 0000000..070d96e
--- /dev/null
+++ b/src/api/costCenterMapping/index.ts
@@ -0,0 +1,16 @@
+import http from '@/api/http'
+export interface CostCenterMappingVO {
+  id: number
+  warehouseArea: string
+  department: string
+  creditAccount: string
+  ccAccount: string
+  siteId: string
+  available: string
+  concurrencyStamp: number
+}
+// 根据库区编号获取成本中心
+export function findList(data) {
+  console.log('findList.data',data)
+  return http.get({ url: `/eam/cost-center-mapping/findList`, data })
+}
\ No newline at end of file
diff --git a/src/components/costCenter/index.vue b/src/components/costCenter/index.vue
new file mode 100644
index 0000000..609e20c
--- /dev/null
+++ b/src/components/costCenter/index.vue
@@ -0,0 +1,378 @@
+<template>
+  <!-- 选择备件 -->
+  <u-popup v-model="isShowSelectItem" mode="center" border-radius="14">
+    <view class="popup-title">成本中心</view>
+    <view class="popup">
+      <u-search placeholder="搜索" v-model="form1.warehouseArea" @change="searchItem" clearabled="false"></u-search>
+      <scroll-view class="list" scroll-y="true" style="max-height: 800rpx">
+        <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.warehouseArea }}</span>
+            </view>
+            <view class="item-dec">
+              部门: <span>{{ item.department }}</span>
+            </view>
+            <view class="item-dec">
+              科目: <span>{{ item.creditAccount }}</span>
+            </view>
+            <view class="item-dec">
+              成本中心: <span>{{ item.ccAccount }}</span>
+            </view>
+            <view class="item-dec">
+              库位移动代码: <span>{{ item.moveCode }}</span>
+            </view>
+          </view>
+        </view>
+      </scroll-view>
+    </view>
+    <view class="popup-footer">
+      <view @click="chooseItem1(0)">取消</view>
+      <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 { defineEmits, defineProps, getCurrentInstance, ref, watch } from 'vue'
+import { onLoad } from '@dcloudio/uni-app'
+
+const props = defineProps({
+  singleColumnList: {
+    type: Array,
+    default: () => {
+      return []
+    },
+    require: false
+  }
+})
+
+// 监测isShowSelectItem的变化
+// watch(
+//   () => props.isShowSelectItem,
+//   (newValue, oldValue) => {
+//     if (newValue) {
+//       form1.value.ccAccount = ''
+//       form1.value.creditAccount = ''
+//       form1.value.department = ''
+//       form1.value.moveCode = ''
+//       form1.value.warehouseArea = ''
+//     }
+//   }
+// )
+
+const type = ref('')
+const isShowSelectItem = ref(false)
+const selectVal = ref(null)
+const emits = defineEmits(['searchItem', 'chooseItem1'])
+const form1 = ref({
+  ccAccount: '',
+  creditAccount: '',
+  department: '',
+  moveCode: '',
+  warehouseArea: ''
+})
+
+// 管理全屏图片弹窗的状态
+const isImagePopupVisible = ref(false)
+const currentImagePath = ref('')
+
+// 管理浮窗的状态
+const showTooltip = ref(false)
+const tooltipContent = ref('')
+const tooltipPosition = ref({ top: '0px', left: '0px' })
+
+// 关闭全屏图片弹窗
+function closeImagePopup() {
+  uni.hideLoading()
+  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
+// })
+
+// 取消和确认方法
+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.specifications = form1.value.temporarilySpecifications
+  }
+  emits('chooseItem1', type, form1)
+}
+
+function searchItem() {
+  emits('searchItem', form1.value.moveCode)
+}
+
+function chooseItem(item) {
+  let arr = props.singleColumnList.filter((cur) => cur.warehouseArea != item.warehouseArea)
+  arr.forEach((item) => {
+    item.checked = false
+  })
+  item.checked = !item.checked
+  let arr1 = props.singleColumnList.filter((cur) => cur.warehouseArea == item.warehouseArea)
+  form1.value.ccAccount = arr1[0].ccAccount
+  form1.value.creditAccount = arr1[0].creditAccount
+  form1.value.department = arr1[0].department
+  form1.value.moveCode = arr1[0].moveCode
+  form1.value.warehouseArea = arr1[0].warehouseArea
+}
+defineExpose({
+  isShowSelectItem
+})
+</script>
+
+<style lang="scss" scoped>
+.add-form-container {
+  min-height: calc(100vh - 140rpx);
+  background: white;
+  padding: 0px 30rpx 140rpx;
+}
+
+.footer {
+  position: fixed;
+  bottom: 0px;
+  left: 0px;
+  width: 100%;
+  z-index: 22;
+}
+
+.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 {
+  background: #409eff;
+  color: white;
+  padding: 0rpx 30rpx;
+  border-radius: 16rpx;
+  text-align: center;
+  font-size: 28rpx;
+}
+
+.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 {
+  padding: 32rpx 0px;
+  position: relative;
+
+  span {
+    position: absolute;
+    left: -16rpx;
+    color: #fa3534;
+    padding-top: 6rpx;
+  }
+}
+
+.list {
+  // overflow-y: auto; /* 启用垂直滚动条 */
+  // max-height: 500px; /* 设置最大高度 */
+  .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 {
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+}
+
+.popup-title {
+  text-align: center;
+  font-size: 32rpx;
+  font-weight: bold;
+  color: #409eff;
+  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;
+    }
+  }
+}
+
+::v-deep .u-checkbox-group {
+  display: grid !important;
+}
+
+.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>
diff --git a/src/pages/outLocation/addForm.vue b/src/pages/outLocation/addForm.vue
index edbd156..5f1e50a 100644
--- a/src/pages/outLocation/addForm.vue
+++ b/src/pages/outLocation/addForm.vue
@@ -1,553 +1,608 @@
 <template>
-	<!-- 添加维修工单 -->
-	<view class="add-form-container">
-		<u-form :model="form" ref="formRef" label-width="160rpx">
-			<u-form-item label="申请人" prop="applyName" required class='disabled'>
-				<u-input v-model="form.applyName" placeholder="请输入申请人" disabled />
-			</u-form-item>
-			<u-form-item label="申请部门" prop="applyDeptName" required class='disabled'>
-				<u-input v-model="form.applyDeptName" placeholder="请输入申请部门" disabled />
-			</u-form-item>
-			<u-form-item label="审批人" prop="approveName" required class='disabled'>
-				<u-input v-model="form.approveName" placeholder="请输入审批人" disabled />
-			</u-form-item>
-		</u-form>
-		<view class="list">
-			<view class="title">
-				<span>*</span>申领信息
-			</view>
-			<view class="item " v-for="(item,index) in form.subList" :key="index">
-				<view class="item-box">
-					<view class="spare-title">
-						<view class="title-txt">
-							备件名称：{{item.itemName}}
-						</view>
-					</view>
-					<u-row gutter="16">
-						<!-- 	<u-col :span="24">
+  <!-- 添加维修工单 -->
+  <view class="add-form-container">
+    <u-form :model="form" ref="formRef" label-width="160rpx">
+      <u-form-item label="申请人" prop="applyName" required class="disabled">
+        <u-input v-model="form.applyName" placeholder="请输入申请人" disabled />
+      </u-form-item>
+      <u-form-item label="申请部门" prop="applyDeptName" required class="disabled">
+        <u-input v-model="form.applyDeptName" placeholder="请输入申请部门" disabled />
+      </u-form-item>
+      <u-form-item label="审批人" prop="approveName" required class="disabled">
+        <u-input v-model="form.approveName" placeholder="请输入审批人" disabled />
+      </u-form-item>
+    </u-form>
+    <view class="list">
+      <view class="title"><span>*</span>申领信息</view>
+      <view class="item" v-for="(item, index) in form.subList" :key="index">
+        <view class="item-box">
+          <view class="spare-title">
+            <view class="title-txt"> 备件名称：{{ item.itemName }}</view>
+          </view>
+          <u-row gutter="16">
+            <!-- 	<u-col :span="24">
 							<view class="dec">
 								库位：{{item.locationNumber}}
 							</view>
 						</u-col> -->
 
-						<u-col :span="24">
-							<view class="dec">
-								已出库数量:{{item.receiveQty}}
-							</view>
-						</u-col>
-						<u-col :span="24">
-							<view class="dec">
-								申请数量:{{item.qty}}
-							</view>
-						</u-col>
-						<u-col :span="24" v-if="item.outSite">
-							<view class="dec">
-								账外库位:{{item.outSite}}
-							</view>
-						</u-col>
-						<u-col :span="24" v-if="item.outSite">
-							<view class="dec">
-								账外数量:{{item.outQty}}
-							</view>
-						</u-col>
-						<u-col :span="24" v-if="item.inSite">
-							<view class="dec">
-								账内库位:{{item.inSite}}
-							</view>
-						</u-col>
-						<u-col :span="24" v-if="item.inSite">
-							<view class="dec">
-								账内数量:{{item.inQty}}
-							</view>
-						</u-col>
-					</u-row>
-				</view>
-			</view>
-		</view>
-
-		<view class="list">
-			<view class="title">
-				<span>*</span>出库信息
-			</view>
-			<view class="item " v-for="(item,index) in form.itemNumbers" :key="index">
-				<view class="item-box">
-					<view class="spare-title">
-						<view class="title-txt">
-							备件名称：{{item.itemName}}
-						</view>
-					</view>
-					<u-row gutter="16">
-						<u-col :span="24">
-							<view class="dec">
-								出库数量：{{item.qty}}
-							</view>
-						</u-col>
-						<u-col :span="24">
-							<view class="dec">
-								申请数量：{{item.applyQty}}
-							</view>
-						</u-col>
-						<u-col :span="24">
-							<view class="dec">
-								库位编码：{{item.locationNumber}}
-							</view>
-						</u-col>
-						<!-- <u-col :span="24">
+            <u-col :span="24">
+              <view class="dec"> 已出库数量:{{ item.receiveQty }}</view>
+            </u-col>
+            <u-col :span="24">
+              <view class="dec"> 申请数量:{{ item.qty }}</view>
+            </u-col>
+            <u-col :span="24" v-if="item.outSite">
+              <view class="dec"> 账外库位:{{ item.outSite }}</view>
+            </u-col>
+            <u-col :span="24" v-if="item.outSite">
+              <view class="dec"> 账外数量:{{ item.outQty }}</view>
+            </u-col>
+            <u-col :span="24" v-if="item.inSite">
+              <view class="dec"> 账内库位:{{ item.inSite }}</view>
+            </u-col>
+            <u-col :span="24" v-if="item.inSite">
+              <view class="dec"> 账内数量:{{ item.inQty }}</view>
+            </u-col>
+          </u-row>
+        </view>
+      </view>
+    </view>
+
+    <view class="list">
+      <view class="title"><span>*</span>出库信息</view>
+      <view class="item" v-for="(item, index) in form.itemNumbers" :key="index">
+        <view class="item-box">
+          <view class="spare-title">
+            <view class="title-txt"> 备件名称：{{ item.itemName }}</view>
+          </view>
+          <u-row gutter="16">
+            <u-col :span="24">
+              <view class="dec"> 出库数量：{{ item.qty }}</view>
+            </u-col>
+            <u-col :span="24">
+              <view class="dec"> 申请数量：{{ item.applyQty }}</view>
+            </u-col>
+            <u-col :span="24">
+              <view class="dec"> 库位编码：{{ item.locationNumber }}</view>
+            </u-col>
+            <!-- <u-col :span="24">
 							<view class="dec">
 								库位名称：{{item.locationName}}
 							</view>
 						</u-col> -->
-						<u-col :span="24">
-							<view class="dec">
-								库位类型：{{item.isInAccount == 'FALSE'?'帐外库' :'帐内库'}}
-							</view>
-						</u-col>
-					</u-row>
-				</view>
-				<u-icon name="minus-circle" color="#aaaaaa" size="60" @click="delSpareParts(item,index)"></u-icon>
-			</view>
-			<view class="add-btn">
-				<u-button type="primary" @click="open"><u-icon name="plus-circle" color="#ffffff"
-						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>
-			</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">
-			<view class="popup-title">添加备件</view>
-			<scroll-view scroll-y="true" style="max-height:60vh;">
-				<view class="popup">
-					<u-form :model="form1" ref="form1Ref" label-width="180rpx">
-						<u-form-item label="库位" prop="locationNumber" required>
-							<u-input v-model="form1.locationNumber" placeholder="请输入库位" @blur="blur()"
-								@confirm="handelScanMsg" :focus='isFocus' />
-				
-						</u-form-item>
-						<u-form-item :label="`备件名称`" prop="itemNumber" required class="disabled">
-							<view class="select">
-								<u-input v-model="form1.itemName" placeholder="请选择备件" disabled />
-							</view>
-						</u-form-item>
-						<u-form-item label="申请数量" prop="applyQty" required class="disabled">
-							<u-input v-model="form1.applyQty" type="number" disabled placeholder="请输入申请数量" />
-						</u-form-item>
-						<u-form-item label="已出库数量" prop="receiveQty" required class="disabled">
-							<u-input v-model="form1.receiveQty" type="number" disabled placeholder="请输入已出库数量" />
-						</u-form-item>
-						<u-form-item label="库存数量" prop="stockQty" required class="disabled">
-							<u-input v-model="form1.stockQty" type="number" disabled placeholder="请输入库存数量" />
-						</u-form-item>
-						<u-form-item label="剩余出库数量" prop="totalReception" required class="disabled">
-							<u-input v-model="form1.totalReception" type="number" disabled placeholder="请输入出库数量" />
-						</u-form-item>
-						<u-form-item label="出库数量" prop="qty" required>
-							<u-input v-model="form1.qty" type="number" placeholder="请输入出库数量" />
-						</u-form-item>
-						<u-form-item label="描述" prop="describes">
-							<u-input v-model="form1.describes" placeholder="请输入描述" />
-						</u-form-item>
-					</u-form>
-				</view>
-			</scroll-view>
-			<view class="popup-footer">
-				<view @click="isPopupShow = false">取消</view>
-				<view class="sure" @click="addSpare">确认</view>
-			</view>
-		</u-popup>
-	</view>
+            <u-col :span="24">
+              <view class="dec"> 库位类型：{{ item.isInAccount == 'FALSE' ? '帐外库' : '帐内库' }}</view>
+            </u-col>
+          </u-row>
+        </view>
+        <u-icon name="minus-circle" color="#aaaaaa" size="60" @click="delSpareParts(item, index)"></u-icon>
+      </view>
+      <view class="add-btn">
+        <u-button type="primary" @click="open">
+          <u-icon name="plus-circle" color="#ffffff" 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>
+      </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">
+      <view class="popup-title">添加备件</view>
+      <scroll-view scroll-y="true" style="max-height: 60vh">
+        <view class="popup">
+          <u-form :model="form1" ref="form1Ref" label-width="180rpx">
+            <u-form-item label="库位" prop="locationNumber" required>
+              <u-input v-model="form1.locationNumber" placeholder="请输入库位" @blur="blur()" @confirm="handelScanMsg" :focus="isFocus" />
+            </u-form-item>
+            <!--            <u-form-item label="库位移动代码" prop="moveCode" required class="disabled">-->
+            <!--              <view class="select">-->
+            <!--                <u-input v-model="form1.moveCode" placeholder="请选择库位移动代码" />-->
+            <!--              </view>-->
+            <!--            </u-form-item>-->
+
+            <u-form-item :label="`库位移动代码`" prop="moveCode" required>
+              <view class="select" @click="openSingleNewColumn('moveCode', form1.moveCode, sparePartsList)">
+                <view class="input" v-if="form1.moveCode">
+                  {{ form1.moveCode }}
+                </view>
+                <view class="placeholder" v-else> 请选择备件</view>
+                <u-icon name="arrow-right" color="#aaaaaa" size="28"></u-icon>
+              </view>
+            </u-form-item>
+
+            <u-form-item :label="`备件名称`" prop="itemNumber" required class="disabled">
+              <view class="select">
+                <u-input v-model="form1.itemName" placeholder="请选择备件" disabled />
+              </view>
+            </u-form-item>
+            <u-form-item label="申请数量" prop="applyQty" required class="disabled">
+              <u-input v-model="form1.applyQty" type="number" disabled placeholder="请输入申请数量" />
+            </u-form-item>
+            <u-form-item label="已出库数量" prop="receiveQty" required class="disabled">
+              <u-input v-model="form1.receiveQty" type="number" disabled placeholder="请输入已出库数量" />
+            </u-form-item>
+            <u-form-item label="库存数量" prop="stockQty" required class="disabled">
+              <u-input v-model="form1.stockQty" type="number" disabled placeholder="请输入库存数量" />
+            </u-form-item>
+            <u-form-item label="剩余出库数量" prop="totalReception" required class="disabled">
+              <u-input v-model="form1.totalReception" type="number" disabled placeholder="请输入出库数量" />
+            </u-form-item>
+            <u-form-item label="出库数量" prop="qty" required>
+              <u-input v-model="form1.qty" type="number" placeholder="请输入出库数量" />
+            </u-form-item>
+            <u-form-item label="描述" prop="describes">
+              <u-input v-model="form1.describes" placeholder="请输入描述" />
+            </u-form-item>
+          </u-form>
+        </view>
+      </scroll-view>
+      <view class="popup-footer">
+        <view @click="isPopupShow = false">取消</view>
+        <view class="sure" @click="addSpare">确认</view>
+      </view>
+    </u-popup>
+  </view>
+  <CostCenter ref="costCenterRef" :singleColumnList="singleColumnList" @searchItem="searchItem" />
 </template>
 
 <script setup lang="ts">
-	import {
-		onLoad
-	} from '@dcloudio/uni-app'
-	import {
-		ref,
-		getCurrentInstance
-	} from 'vue'
-	import * as outLocationApi from "@/api/outLocation"
-	import * as locationApi from "@/api/location"
-	const { proxy } = getCurrentInstance()
-
-	const loading = ref(false)
-	const orderList = ref([])//订单信息
-	// 备件弹窗
-	const isPopupShow = ref(false)
-	const form = ref({
-		id: '',
-		number: '',
-		supplierName: '',
-		itemNumbers: [],
-		subList: [],
-		costCenter:''
-	})
-	const form1 = ref({
-		itemNumber: "",
-		itemName: '',
-		locationNumber: '',
-		applyQty: '',
-		receiveQty: '',
-		stockQty: '',
-		totalReception:'',
-		qty: ''
-	})
-	const isShow = ref(false)
-	const isInAccount = ref('FALSE')
-
-	const isFocus = ref(false)
-	const msg = ref('')
-	// 触发提交表单
-	function submit() {
-		if (form.value.itemNumbers.length === 0) {
-			proxy.$modal.showToast('请添加出库信息')
-			return;
-		}
-		proxy.$modal.confirm('是否添加出库信息').then(() => {
-			proxy.$modal.loading('加载中')
-			loading.value = true
-			outLocationApi.outLocationCreat(form.value).then((res) => {
-				proxy.$modal.closeLoading()
-				if (res.data) {
-					proxy.$modal.showToast('添加成功')
-					setTimeout(() => {
-						proxy.$tab.navigateBack()
-						loading.value = false
-					}, 1500)
-				} else {
-					proxy.$modal.showToast('添加失败')
-					loading.value = false
-				}
-			}).catch(() => {
-				proxy.$modal.closeLoading()
-				loading.value = false
-			})
-		})
-
-	}
-	// 重置
-	function reset() {
-		form.value.itemNumbers = []
-	}
-	// 获取订单信息详情
-	async function getInLocationDetail() {
-		// let itemNumbers = form.value.itemNumbers.map(item=>{
-		// 	return {
-		// 		itemNumber:item.itemNumber,
-		// 		qty:item.qty,
-		// 		locationNumber:item.locationNumber,
-		// 	}
-		// })
-		await outLocationApi.getOutLocationDetail({
-			id: form.value.id,
-			number: form.value.number,
-			// itemNumbers:itemNumbers  || []
-		}).then(res => {
-			form.value.applyName = res.data.applyName
-			form.value.approveName = res.data.approveName
-			form.value.applyDeptName = res.data.applyDeptName
-			form.value.subList = res.data.subList
-		}).catch(() => { })
-	}
-	// 打开弹窗
-	function open() {
-		form1.value = {
-			itemNumber: "",
-			itemName: '',
-			locationNumber: '',
-			applyQty: '',
-			receiveQty: '',
-			stockQty: '',
-			qty: ''
-		}
-		isPopupShow.value = true
-		isShow.value = false
-		isFocus.value = true
-	}
-	// 添加备件
-	function addSpare() {
-		// 校验
-		if (!form1.value.locationNumber) {
-			proxy.$modal.showToast('请选择库位')
-			return;
-		}
-		if (!form1.value.itemNumber) {
-			proxy.$modal.showToast(msg.value)
-			return;
-		}
-
-		if (!form1.value.qty) {
-			proxy.$modal.showToast(`请输入数量`)
-			return;
-		}
-		if (Number(form1.value.qty) + Number(form1.value.receiveQty) > Number(form1.value.applyQty)) {
-			proxy.$modal.showToast('已出库数量和出库数量不可大于申请数量')
-			return;
-		}
-		if (Number(form1.value.qty) > Number(form1.value.totalReception)) {
-			proxy.$modal.showToast('出库数量不可大于剩余出库数量')
-			return;
-		}
-		if (form.value.itemNumbers && form.value.itemNumbers.length > 0) {
-			let arr = form.value.itemNumbers.filter(item => item.locationNumber == form1.value.locationNumber)
-			if (arr && arr.length > 0) {
-				proxy.$modal.showToast('该库位已添加')
-				return;
-			}
-			let arr1 = form.value.subList.filter(item => item.itemNumber == form1.value.itemNumber)
-			if (!arr1 || (arr1 && arr1.length == 0)) {
-				proxy.$modal.showToast('申领信息没有该备件')
-				return;
-			}
-		}
-		form.value.itemNumbers.push(form1.value)
-		isPopupShow.value = false
-	}
-	// 删除备件
-	function delSpareParts(item,index) {
-		let bol = form.value.itemNumbers.some(cur=>cur.itemNumber == item.itemNumber&&item.isInAccount == 'FALSE'&&cur.isInAccount == 'TRUE')
-		if(bol){
-			proxy.$modal.showToast('请先删除该备件得帐内库')
-			return;
-		}
-		form.value.itemNumbers.splice(index, 1)
-	}
-	function getLocation() {
-		let itemNumbers = form.value.itemNumbers.map(item=>{
-			return {
-				itemNumber:item.itemNumber,
-				qty:item.qty,
-				locationNumber:item.locationNumber,
-			}
-		})
-		locationApi.getOutLocation({
-			number: form1.value.locationNumber,
-			id: form.value.id,
-			itemNumbers:itemNumbers
-		}).then(res => {
-			if (!res.data) {
-			msg.value = res.msg
-			form1.value.areaNumber = '';
-			form1.value.itemName = '';
-			form1.value.itemNumber = '';
-			form1.value.receiveQty ='';
-			form1.value.applyQty ='';
-			form1.value.stockQty = '';
-			form1.value.totalReception ='';
-			form1.value.isInAccount ='';
-			isInAccount.value ='';
-				return;
-			}
-			form1.value.areaNumber = res.data.areaNumber;
-			form1.value.itemName = res.data.itemName;
-			form1.value.itemNumber = res.data.itemNumber;
-			form1.value.receiveQty = res.data.receiveQty || 0;
-			form1.value.applyQty = res.data.applyQty || 0;
-			form1.value.stockQty = res.data.qty || 0;
-			form1.value.totalReception = res.data.totalReception || 0;
-			form1.value.isInAccount = res.data.isInAccount;
-			isInAccount.value = res.data.isInAccount || ''
-			
-			// this.itemNumber = res.data.itemNumber || ''
-		}).catch((error) => {
-			msg.value = error.msg
-			form1.value.areaNumber = '';
-			form1.value.itemName = '';
-			form1.value.itemNumber = '';
-			form1.value.receiveQty = '';
-			form1.value.applyQty = '';
-			form1.value.stockQty = '';
-			isInAccount.value = '';
-		})
-	}
-	function blur() {
-		if (form1.value.locationNumber) {
-			getLocation()
-		}
-	}
-	function handelScanMsg() {
-		getLocation()
-	}
-	onLoad(async (option) => {
-		if (option.data && JSON.parse(decodeURIComponent(option.data)) && JSON.parse(decodeURIComponent(option
-			.data)).id) {
-			let formData = JSON.parse(decodeURIComponent(option.data))
-			form.value.supplierName = formData.supplierName
-			form.value.number = formData.number
-			form.value.id = formData.id
-			form.value.costCenter = formData.costCenter
-		}
-		await getInLocationDetail()
-	})
+import { onLoad } from '@dcloudio/uni-app'
+import { getCurrentInstance, ref } from 'vue'
+import * as outLocationApi from '@/api/outLocation'
+import * as locationApi from '@/api/location'
+import CostCenter from '@/components/costCenter'
+import * as costCenterMappingApi from '@/api/costCenterMapping'
+
+const { proxy } = getCurrentInstance()
+
+const loading = ref(false)
+const orderList = ref([]) //订单信息
+const costCenterRef = ref(false)
+// 备件弹窗
+const isPopupShow = ref(false)
+const form = ref({
+  id: '',
+  number: '',
+  supplierName: '',
+  itemNumbers: [],
+  subList: [],
+  costCenter: '',
+  applyName: '',
+  approveName: '',
+  applyDeptName: ''
+})
+const form1 = ref({
+  itemNumber: '',
+  itemName: '',
+  locationNumber: '',
+  applyQty: '',
+  receiveQty: '',
+  stockQty: '',
+  totalReception: '',
+  qty: '',
+  moveCode: '',
+  areaNumber: '',
+  isInAccount: ''
+})
+const isShow = ref(false)
+const isInAccount = ref('FALSE')
+
+const isFocus = ref(false)
+const msg = ref('')
+
+// 触发提交表单
+function submit() {
+  if (form.value.itemNumbers.length === 0) {
+    proxy.$modal.showToast('请添加出库信息')
+    return
+  }
+  proxy.$modal.confirm('是否添加出库信息').then(() => {
+    proxy.$modal.loading('加载中')
+    loading.value = true
+    outLocationApi
+      .outLocationCreat(form.value)
+      .then((res) => {
+        proxy.$modal.closeLoading()
+        if (res.data) {
+          proxy.$modal.showToast('添加成功')
+          setTimeout(() => {
+            proxy.$tab.navigateBack()
+            loading.value = false
+          }, 1500)
+        } else {
+          proxy.$modal.showToast('添加失败')
+          loading.value = false
+        }
+      })
+      .catch(() => {
+        proxy.$modal.closeLoading()
+        loading.value = false
+      })
+  })
+}
+
+// 重置
+function reset() {
+  form.value.itemNumbers = []
+}
+
+// 获取订单信息详情
+async function getInLocationDetail() {
+  // let itemNumbers = form.value.itemNumbers.map(item=>{
+  // 	return {
+  // 		itemNumber:item.itemNumber,
+  // 		qty:item.qty,
+  // 		locationNumber:item.locationNumber,
+  // 	}
+  // })
+  await outLocationApi
+    .getOutLocationDetail({
+      id: form.value.id,
+      number: form.value.number
+      // itemNumbers:itemNumbers  || []
+    })
+    .then((res) => {
+      form.value.applyName = res.data.applyName
+      form.value.approveName = res.data.approveName
+      form.value.applyDeptName = res.data.applyDeptName
+      form.value.subList = res.data.subList
+    })
+    .catch(() => {})
+}
+
+// 打开弹窗
+function open() {
+  form1.value = {
+    itemNumber: '',
+    itemName: '',
+    locationNumber: '',
+    applyQty: '',
+    receiveQty: '',
+    stockQty: '',
+    qty: ''
+  }
+  isPopupShow.value = true
+  isShow.value = false
+  isFocus.value = true
+}
+
+// 添加备件
+function addSpare() {
+  // 校验
+  if (!form1.value.locationNumber) {
+    proxy.$modal.showToast('请选择库位')
+    return
+  }
+  if (!form1.value.itemNumber) {
+    proxy.$modal.showToast(msg.value)
+    return
+  }
+
+  if (!form1.value.qty) {
+    proxy.$modal.showToast(`请输入数量`)
+    return
+  }
+  if (Number(form1.value.qty) + Number(form1.value.receiveQty) > Number(form1.value.applyQty)) {
+    proxy.$modal.showToast('已出库数量和出库数量不可大于申请数量')
+    return
+  }
+  if (Number(form1.value.qty) > Number(form1.value.totalReception)) {
+    proxy.$modal.showToast('出库数量不可大于剩余出库数量')
+    return
+  }
+  if (form.value.itemNumbers && form.value.itemNumbers.length > 0) {
+    let arr = form.value.itemNumbers.filter((item) => item.locationNumber == form1.value.locationNumber)
+    if (arr && arr.length > 0) {
+      proxy.$modal.showToast('该库位已添加')
+      return
+    }
+    let arr1 = form.value.subList.filter((item) => item.itemNumber == form1.value.itemNumber)
+    if (!arr1 || (arr1 && arr1.length == 0)) {
+      proxy.$modal.showToast('申领信息没有该备件')
+      return
+    }
+  }
+  form.value.itemNumbers.push(form1.value)
+  isPopupShow.value = false
+}
+
+// 删除备件
+function delSpareParts(item, index) {
+  let bol = form.value.itemNumbers.some((cur) => cur.itemNumber == item.itemNumber && item.isInAccount == 'FALSE' && cur.isInAccount == 'TRUE')
+  if (bol) {
+    proxy.$modal.showToast('请先删除该备件得帐内库')
+    return
+  }
+  form.value.itemNumbers.splice(index, 1)
+}
+
+function getLocation() {
+  let itemNumbers = form.value.itemNumbers.map((item) => {
+    return {
+      itemNumber: item.itemNumber,
+      qty: item.qty,
+      locationNumber: item.locationNumber
+    }
+  })
+  locationApi
+    .getOutLocation({
+      number: form1.value.locationNumber,
+      id: form.value.id,
+      itemNumbers: itemNumbers
+    })
+    .then((res) => {
+      if (!res.data) {
+        msg.value = res.msg
+        form1.value.areaNumber = ''
+        form1.value.itemName = ''
+        form1.value.itemNumber = ''
+        form1.value.receiveQty = ''
+        form1.value.applyQty = ''
+        form1.value.stockQty = ''
+        form1.value.totalReception = ''
+        form1.value.isInAccount = ''
+        isInAccount.value = ''
+        return
+      }
+      form1.value.areaNumber = res.data.areaNumber
+      form1.value.itemName = res.data.itemName
+      form1.value.itemNumber = res.data.itemNumber
+      form1.value.receiveQty = res.data.receiveQty || 0
+      form1.value.applyQty = res.data.applyQty || 0
+      form1.value.stockQty = res.data.qty || 0
+      form1.value.totalReception = res.data.totalReception || 0
+      form1.value.isInAccount = res.data.isInAccount
+      isInAccount.value = res.data.isInAccount || ''
+
+      // this.itemNumber = res.data.itemNumber || ''
+    })
+    .catch((error) => {
+      msg.value = error.msg
+      form1.value.areaNumber = ''
+      form1.value.itemName = ''
+      form1.value.itemNumber = ''
+      form1.value.receiveQty = ''
+      form1.value.applyQty = ''
+      form1.value.stockQty = ''
+      isInAccount.value = ''
+    })
+}
+
+function blur() {
+  if (form1.value.locationNumber) {
+    getLocation()
+  }
+}
+
+function handelScanMsg() {
+  getLocation()
+}
+
+onLoad(async (option) => {
+  if (option.data && JSON.parse(decodeURIComponent(option.data)) && JSON.parse(decodeURIComponent(option.data)).id) {
+    let formData = JSON.parse(decodeURIComponent(option.data))
+    form.value.supplierName = formData.supplierName
+    form.value.number = formData.number
+    form.value.id = formData.id
+    form.value.costCenter = formData.costCenter
+  }
+  await getInLocationDetail()
+})
+const singleColumnList = ref([])
+const field = ref('')
+const singleColumnDefaultValue = ref([])
+const isShowSelectItem = ref(false)
+const sparePartsList = ref([])
+
+// 单列模式
+function openSingleNewColumn(fieldName, val, list) {
+  if (!form1.value.areaNumber) {
+    proxy.$modal.showToast('请选择库位信息')
+    return
+  }
+  singleColumnList.value = []
+  field.value = fieldName
+  if (val) {
+    singleColumnDefaultValue.value = [list.findIndex((item) => item.value == val)]
+  } else {
+    singleColumnDefaultValue.value = []
+  }
+  costCenterRef.value.isShowSelectItem = true
+}
+
+async function searchItem(warehouseArea) {
+  proxy.$modal.loading('加载中')
+  await getSparePartsList(warehouseArea)
+}
+
+// 获取备件列表
+async function getSparePartsList(warehouseArea) {
+  let param = {
+    ccAccount: form.value.costCenter,
+    warehouseArea: warehouseArea ? warehouseArea : form1.value.areaNumber
+  }
+  await costCenterMappingApi
+    .findList(param)
+    .then((res) => {
+      res.data.map((item) => {
+        item.value = item.number
+        item.label = item.name
+      })
+      sparePartsList.value = res.data
+      singleColumnList.value = sparePartsList.value
+      proxy.$modal.closeLoading()
+    })
+    .catch(() => {
+      proxy.$modal.closeLoading()
+    })
+}
 </script>
 
 <style lang="scss" scoped>
-	.add-form-container {
-		min-height: calc(100vh - 140rpx);
-		background: white;
-		padding: 0px 0rpx 140rpx;
-	}
-
-	.u-form-item {
-		padding: 20rpx 30rpx;
-	}
-
-	.disabled {
-		background: #f5f5f5;
-	}
-
-	.footer {
-		position: fixed;
-		bottom: 0px;
-		left: 0px;
-		width: 100%;
-		z-index: 22;
-	}
-
-	.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 {
-		background: #409eff;
-		color: white;
-		padding: 0rpx 30rpx;
-		border-radius: 16rpx;
-		text-align: center;
-		font-size: 28rpx;
-	}
-
-	.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 {
-		padding: 32rpx 0rpx;
-		position: relative;
-
-		span {
-			position: absolute;
-			left: -16rpx;
-			color: #fa3534;
-			top: 19px;
-		}
-	}
-
-	.list {
-		padding: 0rpx 30rpx;
-
-		.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 {
-		display: flex;
-		justify-content: flex-start;
-		align-items: center;
-	}
-
-	.popup-title {
-		text-align: center;
-		font-size: 32rpx;
-		font-weight: bold;
-		color: #409eff;
-		padding: 30rpx 30rpx 0px
-	}
-
-	.popup {
-		width: 600rpx;
-		padding: 30rpx 0rpx 30rpx;
-
-	}
-
-	.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 {
-		display: grid !important;
-	}
-</style>
\ No newline at end of file
+.add-form-container {
+  min-height: calc(100vh - 140rpx);
+  background: white;
+  padding: 0px 0rpx 140rpx;
+}
+
+.u-form-item {
+  padding: 20rpx 30rpx;
+}
+
+.disabled {
+  background: #f5f5f5;
+}
+
+.footer {
+  position: fixed;
+  bottom: 0px;
+  left: 0px;
+  width: 100%;
+  z-index: 22;
+}
+
+.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 {
+  background: #409eff;
+  color: white;
+  padding: 0rpx 30rpx;
+  border-radius: 16rpx;
+  text-align: center;
+  font-size: 28rpx;
+}
+
+.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 {
+  padding: 32rpx 0rpx;
+  position: relative;
+
+  span {
+    position: absolute;
+    left: -16rpx;
+    color: #fa3534;
+    top: 19px;
+  }
+}
+
+.list {
+  padding: 0rpx 30rpx;
+
+  .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 {
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+}
+
+.popup-title {
+  text-align: center;
+  font-size: 32rpx;
+  font-weight: bold;
+  color: #409eff;
+  padding: 30rpx 30rpx 0px;
+}
+
+.popup {
+  width: 600rpx;
+  padding: 30rpx 0rpx 30rpx;
+}
+
+.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 {
+  display: grid !important;
+}
+</style>