修改拍照上传逻辑，避免平板不可以调用照相机

inventory-web/src/views/stock/inbound/semi.vue

@@ -136,10 +136,7 @@
           <template #default="scope" v-else-if="['detail_link'].includes(col.prop)">
             <el-link v-if="scope.row[col.prop]" type="primary" :href="scope.row[col.prop]" target="_blank"
                      :underline="false">
-              <el-icon>
-                <Link/>
-              </el-icon>
-              查看
+              <el-icon><Link/></el-icon> 查看
             </el-link>
           </template>
 
@@ -152,10 +149,7 @@
       <el-table-column label="操作" width="220" fixed="right" align="center">
         <template #default="{ row }">
           <el-button link type="warning" size="default" @click="handlePrint(row)">
-            <el-icon>
-              <Printer/>
-            </el-icon>
-            打印
+            <el-icon><Printer/></el-icon> 打印
           </el-button>
           <el-button link type="primary" size="default" @click="handleUpdate(row)">编辑</el-button>
           <el-popconfirm title="确定删除该条记录吗？不可恢复。" @confirm="handleDelete(row)" width="220">
@@ -410,11 +404,11 @@
     </el-dialog>
 
     <el-dialog v-model="dialogVisibleImage" append-to-body width="50%"><img style="width: 100%" :src="dialogImageUrl" alt="Preview Image" /></el-dialog>
-    <el-dialog v-model="cameraDialogVisible" title="拍照上传" width="500px" append-to-body destroy-on-close>
+    <el-dialog v-model="cameraDialogVisible" title="拍照上传" width="500px" append-to-body destroy-on-close :close-on-click-modal="false">
       <WebRtcCamera
-        ref="cameraRef"
-        @confirm="handleCameraConfirm"
-        @cancel="cameraDialogVisible = false"
+          ref="cameraRef"
+          @photo-submit="handleCameraConfirm"
+          @cancel="cameraDialogVisible = false"
       />
     </el-dialog>
     <el-dialog v-model="printVisible" title="标签打印预览" width="400px" destroy-on-close append-to-body>
@@ -435,7 +429,7 @@
 <script setup lang="ts">
 import {ref, reactive, onMounted, watch} from 'vue'
 import {Plus, Setting, Refresh, Search, Lock, Box, House, InfoFilled, Link, Printer, Camera, Picture} from '@element-plus/icons-vue'
-import {ElMessage} from 'element-plus'
+import {ElMessage, ElLoading} from 'element-plus'
 import dayjs from 'dayjs'
 import {
   getSemiList,
@@ -753,7 +747,10 @@ const handleCameraConfirm = async (file: File) => {
   }
   const formData = new FormData();
   formData.append('file', file);
-  const loadingMsg = ElMessage.loading({ message: '照片上传中...', duration: 0 });
+
+  // 修复点：使用 ElLoading
+  const loadingMsg = ElLoading.service({ text: '照片上传中...', background: 'rgba(0, 0, 0, 0.7)' });
+
   let success = false;
   try {
     const res: any = await uploadFile(formData);
@@ -879,4 +876,4 @@ onMounted(() => fetchData())
 .camera-card:hover { border-color: #409EFF; color: #409EFF; }
 .camera-card .text { font-size: 12px; margin-top: 5px; }
 .camera-card .el-icon { font-size: 24px; }
-</style>
+</style>