feat:样品库管理

pages/sampleWarehouse/sampleDispatchExternal/detail.vue

@@ -11,6 +11,7 @@
       ><text>申请事由：</text><text>{{ applyData.applyContent }}</text></view
     >
     <up-input
+      v-if="showAction"
       style="padding-top: 20px"
       border="bottom"
       v-model="sampleCode"
@@ -37,12 +38,14 @@
             <view class="mt4"
               >库位码：<text class="black">{{ item.warehouseLocationCode }}</text></view
             >
-            <up-checkbox class="item-checkbox" :name="item.sampleReturnCode"> </up-checkbox>
+            <up-checkbox v-if="showAction" class="item-checkbox" :name="item.sampleReturnCode"> </up-checkbox>
           </uni-card>
         </up-checkbox-group>
       </scroll-view>
       <up-button
+        v-if="showAction"
         type="primary"
+        :loading="btnLoading"
         :disabled="checkedSampleCodes.length !== sampleList.length"
         style="width: 50%"
         text="提交"
@@ -56,10 +59,16 @@
 import { computed, ref, toRefs, watch } from 'vue'
 import nx from '@/nx'
 import { onLoad, onShow } from '@dcloudio/uni-app'
+import { debounce } from 'lodash'
 
+let btnLoading = ref(false)
 let sampleCode = ref('')
-let applyData = ref({ applyUser: '张三', applyTime: '2021-01-01 10:10:10', applyContent: '测试' })
+let applyData = ref({})
 let sampleList = ref([])
+
+const showAction = computed(() => {
+  return applyData.value.finishStatus === 'pending'
+})
 async function getDetailList() {
   const { list } = await nx.$api.sampleWarehouse.querySampleDispatchApplyDetail({
     parentId: applyData.value.id,
@@ -71,15 +80,18 @@ let checkedSampleCodes = ref([])
 
 const { flagInfo, scanQRInfo } = toRefs(nx.$store('biz'))
 onLoad(async options => {
-  applyData.value = flagInfo
+  applyData.value = flagInfo.value
   getDetailList()
 })
 watch(scanQRInfo, newVal => {
-  if (!newVal) return
+  debouncedHandleScan(newVal)
+})
+const debouncedHandleScan = debounce(val => {
+  if (!val) return
   scanQRInfo.value = ''
   if (nx.$router.getCurrentPage().route !== 'pages/sampleWarehouse/sampleDispatchExternal/detail') return
   try {
-    sampleCode.value = newVal
+    sampleCode.value = val
     if (
       sampleCode.value === sampleList.value.find(item => item.sampleReturnCode === sampleCode.value)?.sampleReturnCode
     ) {
@@ -103,13 +115,16 @@ watch(scanQRInfo, newVal => {
       icon: 'none'
     })
   }
-})
+}, 300)
 onShow(() => {
   scanQRInfo.value = ''
 })
 
 async function handleSubmit() {
-  await nx.$api.sampleWarehouse.execSampleDispatch({ id: applyData.value.id })
+  btnLoading.value = true
+  await nx.$api.sampleWarehouse.execSampleDispatch({ id: applyData.value.id }).finally(() => {
+    btnLoading.value = false
+  })
   uni.showToast({
     title: '调拨成功',
     icon: 'none'

pages/sampleWarehouse/sampleDispatchExternal/index.vue

@@ -11,7 +11,7 @@
     <scroll-view style="height: 82vh" scroll-y scroll-with-animation @scrolltolower="handleScrolltolower">
       <view class="data-item" v-for="(item, index) in listData" @click="handleDetail(item)">
         <view
-          >申请人：<text>{{ item.applyUser }}</text></view
+          >申请人：<text class="pl20">{{ item.applyUser }}</text></view
         >
         <view
           >申请时间：<text>{{ nx.$dayjs(item.applyTime).format('YYYY-MM-DD HH:mm:ss') }}</text></view