1.多媒体采集。

src/components/Upload/CameraUpload.vue

@@ -50,13 +50,8 @@ const isLoading = ref(false);
 let mediaStreamTrack = null; // 视频对象(全局)
 let video;
 let photoSize = 800;
-let realSize = 1200;
-const cameraEmit = defineEmits([
-  "uploadFinish",
-  "resetSelect",
-  "deleteAll",
-  "close",
-]);
+let realSize = 1000;
+const cameraEmit = defineEmits(["uploadFinish", "resetSelect", "deleteAll"]);
 
 const openMedia = async () => {
   visible.value = true;
@@ -104,6 +99,7 @@ function takePhoto() {
   canvas.width = realSize; // 实际渲染像素
   canvas.height = realSize; // 实际渲染像素
   let ctx = canvas.getContext("2d");
+  ctx.imageSmoothingEnabled = false; //关闭抗锯齿
   ctx.drawImage(video, 0, 0, realSize, realSize);
 
   isLoading.value = true;
@@ -131,7 +127,6 @@ function closeMedia() {
 
   document.getElementById("video").srcObject = null;
   visible.value = false;
-  cameraEmit("close");
 }
 
 const visible = ref(false);

src/store/modules/user.ts

@@ -48,7 +48,7 @@ export const useUserStore = defineStore(
               return;
             }
             user.value.avatar =
-              import.meta.env.VITE_APP_UPLOAD_URL + "/" + data.avatar;
+              import.meta.env.VITE_APP_UPLOAD_URL + data.avatar;
             user.value.userId = data.id;
             user.value.username = data.userName;
             user.value.roles = data.roles;

src/views/pro-steps/components/duomeiticaiji.vue

@@ -2,7 +2,6 @@
   <el-scrollbar style="width: 100%; height: 100%">
     <div class="media-container">
       <CameraUpload
-        @close="closeCamera"
         @reset-select="clickReset"
         @upload-finish="finish"
         @delete-all="clickDeleteAll"
@@ -59,15 +58,11 @@ const finish = (value: string) => {
     processId: proStore.scanInfo.id,
     seqNo: proStore.scanInfo.seqNo,
   }).then((res) => {
-    // getListData();
+    getListData();
     ElMessage.success("上传成功");
   });
 };
 
-const closeCamera = () => {
-  getListData();
-};
-
 onMounted(() => {
   getListData();
 });