Merge pull request 'fix:蒙层高度优化,拖拽功能问题修复' (#125) from fix/changeimgback into test

Reviewed-on: #125

src/views/task/content/Content.vue

@@ -648,6 +648,7 @@ function getrowValue(e) {
             :src="taskDetailInfo?.ocrPicture?.imgurl"
           />
         </div>
+        <div class="leftback"></div>
       </div>
       <div class="right">
         <n-scrollbar v-if="totalCount > 0" style="max-height: 100%">
@@ -674,16 +675,10 @@ function getrowValue(e) {
                 "
               >
                 <div
-                  draggable="true"
                   class="img-wrapper"
                   :style="{
                     'background-image': `url(${item.serverThumbnailUrl})`,
                   }"
-                  @dragend="
-                    (event) => {
-                      handleDragEnd(event, item);
-                    }
-                  "
                 />
                 <div class="small-mark" />
                 <div class="check">
@@ -981,7 +976,7 @@ function getrowValue(e) {
 
       .big-mark {
         width: 100%;
-        height: 151px;
+        height: 210px;
         background: linear-gradient(
           180deg,
           rgba(0, 0, 0, 0) 0%,
@@ -1040,10 +1035,6 @@ function getrowValue(e) {
         z-index: 3;
         left: 16px;
         bottom: 16px;
-        padding-left: 10px;
-        width: 195px;
-        background: rgba(216, 216, 216, 0.4);
-        border-radius: 7px;
         .time-item {
           display: flex;
           align-items: center;
@@ -1093,6 +1084,18 @@ function getrowValue(e) {
           height: 129px;
         }
       }
+    /*  .leftback {
+        position: absolute;
+        width: 100%;
+        height: 151px;
+        bottom: 0;
+        background: linear-gradient(
+          180deg,
+          rgba(0, 0, 0, 0) 0%,
+          rgba(0, 0, 0, 0) 29%,
+          rgba(3, 0, 0, 0.73)
+        );
+      }*/
     }
 
     .right {
@@ -1159,10 +1162,7 @@ function getrowValue(e) {
           z-index: 3;
           left: 3px;
           bottom: 3px;
-          width: 98%;
 
-          background: rgba(216, 216, 216, 0.4);
-          border-radius: 7px;
           .time-item {
             display: flex;
             align-items: center;