fix: 算法详情 内容修复

src/views/algorithmList/components/details.vue

@@ -53,13 +53,13 @@
           <div class="form-title" style="display: flex;justify-content: flex-start;align-items: center;">
               <span>算法试用</span>
           </div>
-          <div style="background-color: #E6F3FF;display: grid;grid-template-columns: 1fr 2fr 2fr; gap: 16px;padding: 16px;min-height: 650px;">
-                <el-card style="position: relative;">
+          <div style="background-color: #E6F3FF;display: grid;grid-template-columns: 1fr 2fr 2fr; gap: 16px;padding: 16px;min-height: 650px;position: relative;">
+                <el-card style="position: relative;max-height: 555px;">
                   <div class="upload-box">
                     <div class="img-box" v-if="imgVideoData.length==0">
-                      <img src="@/assets/images/default/Image.png" width="100%" height="550px"/>
+                      <img src="@/assets/images/default/Image.png" width="100%" height="520px"/>
                     </div>
-                    <div v-else style="height: 130px;width: 100%; margin: 5px; overflow: hidden;cursor: pointer;border-radius: 10px;"
+                    <div v-else style="height: 120px;width: 100%; margin: 5px; overflow: hidden;cursor: pointer;border-radius: 10px;"
                      v-for="item in imgVideoData" :key="item.id"
                      @click="handBuiltImg(item.caseFile)"
                      >
@@ -68,8 +68,11 @@
                           <source :src="'http://192.168.3.82'+item.caseFile" type="video/mp4" />
                        </video>
                     </div>
-                    <ImgVideoUpload 
-                      style="position: absolute;bottom: 5px;left: 26%;" 
+            
+                  </div>
+                </el-card>
+                <ImgVideoUpload 
+                      style="position: absolute;bottom: 23px;left: 6%;width: 135px;" 
                       :modelValue="uploadUrl" 
                       :fileType="['png', 'jpg', 'mp4']"
                       :isImgLayout="false" 
@@ -77,14 +80,12 @@
                       :isShowTip="false"
                       @update:modelObj="getImgObj"
                      />
-                  </div>
-                </el-card>
                 <el-card style="position: relative;">
                   <div class="text-style" style="margin: 10px 0;">
                     原始数据：支持自定义上传
                   </div>
                   <div class="img-box" v-if="nowImg.length==0">
-                    <img src="@/assets/images/default/Image-1.png" width="100%"/>
+                    <img src="@/assets/images/default/Image-1.png" width="100%" />
                   </div>
                   <div class="img-box" v-else  style="max-height: 366px;overflow: hidden;">
                     <ImagePreview v-if="getFileType(nowImg)=='0'" :src="nowImg"  width="100%"/>
@@ -101,7 +102,7 @@
                   <div v-if="!identify">
                     <div class="img-box" v-if="outFilePath.length==0">
                       <div>{{ resultStr }}</div>
-                      <img src="@/assets/images/default/Image-1.png" width="100%"/>
+                      <img src="@/assets/images/default/Image-1.png" width="100%" />
                     </div>
                     <div class="img-box" v-else style="max-height: 366px;overflow: hidden;">
                       <ImagePreview v-if="getFileType(outFilePath)=='0'" :src="outFilePath"  width="100%"/>
@@ -112,8 +113,9 @@
                   </div>
           
                   <!-- 进度条模块 -->
-                  <div v-else>
+                  <div v-else style="text-align: center;">
                     <el-progress :percentage="progressValue" />
+                    正在识别中请稍后...
                   </div>
                   <div style="display: flex;justify-content: space-between;margin: 10px 0;position: absolute;bottom: 5px;">
                     <!-- <el-button type="primary" plain>重置区域</el-button> -->