报表申报智能运输页面完成

pages/components/WarehousingInfo.vue

@@ -1,10 +1,11 @@
 <!-- 获取仓库数据 -->
 <template>
+
     <view>
         <uv-form ref="formRef" class="form" :model="formData" label-width="150rpx">
             <!-- 仓库 -->
             <uv-form-item label="仓库" prop="warehouse">
-                <u-cell @click="onClick('warehouse')">
+                <u-cell @tap="onClick('warehouse')">
                     <view slot="title" class="u-slot-title">
                         <text class="u-cell-text" v-if="formData?.warehousing?.[0]?.deptName">
                             {{ formData?.warehousing?.[0].deptName }}
@@ -16,7 +17,18 @@
             </uv-form-item>
             <!-- 存储区 -->
             <uv-form-item label="存储区" prop="storageArea">
-                <u-cell @click="onClick('storageArea')">
+                <u-cell @tap="onClick('storageArea')">
+                    <view slot="title" class="u-slot-title">
+                        <text class="u-cell-text" v-if="formData?.storageArea?.[0]?.deptName">
+                            {{ formData?.storageArea?.[0].deptName }}
+                        </text>
+                        <text class="placeholder" v-else> 请选择运输单元</text>
+                        <uni-icons type="right" size="10" />
+                    </view>
+                </u-cell>
+            </uv-form-item>
+            <uv-form-item v-if="pathParams.type === 'transport'" label="运输单元" prop="storageArea">
+                <u-cell @tap="onClick('storageArea')">
                     <view slot="title" class="u-slot-title">
                         <text class="u-cell-text" v-if="formData?.storageArea?.[0]?.deptName">
                             {{ formData?.storageArea?.[0].deptName }}
@@ -26,6 +38,12 @@
                     </view>
                 </u-cell>
             </uv-form-item>
+            <!-- 打卡图片 -->
+            <uv-form-item v-if="pathParams.type === 'transport'" label="打卡图片" prop="fileList" class="topLabel">
+                <uv-upload :fileList="formData?.fileList" name="1" multiple :maxCount="6" @afterRead="afterRead"
+                    @delete="deleteImg" :previewFullImage="true"></uv-upload>
+
+            </uv-form-item>
             <!-- 备注 -->
             <uv-form-item label="备注">
                 <uv-input v-model="formData.remark" placeholder="请输入备注" align="right" border="none" />
@@ -57,6 +75,7 @@ const { warehouseInfo, pathParams } = toRefs(props)
 // 表单数据
 const formData = ref({ remark: '', warehousing: '', storageArea: '' })
 
+
 // 赋值:更新列表值
 const setFormData = (d) => {
     if (!d) return;
@@ -101,6 +120,21 @@ defineExpose({
         }
     }
 
+    .topLabel {
+        .uv-form-item__body {
+            display: block;
+        }
+
+        .uv-textarea {
+            padding-left: 0;
+
+        }
+
+        .uv-upload {
+            margin-top: 8px;
+        }
+    }
+
     .uv-form-item__body {
         background-color: #fff;
         padding: 12rpx;