feat: 修改图片圆角问题

src/views/task/content/Content.vue

@@ -152,7 +152,6 @@ useKeydown('x x', () => {
   modal.showModal([taskDetailInfo.value])
 })
 
-
 function setBatch(value: boolean) {
   // if (totalCount.value === 0)
   //   return
@@ -309,8 +308,8 @@ async function handleDragEnd(event, item) {
       setBatch(false)
       getTableData()
       getImgList()
-    
-    }else{
+    }
+    else {
       message.error(res.message)
     }
 
@@ -331,11 +330,10 @@ async function addSuspicious() {
       setBatch(false)
       getTableData()
       getImgList()
-         const searchParams = new URLSearchParams(window.location.search);
-  const type = searchParams.get('type'); 
-      if(type){
-   router.push({ name: 'final', query: { type: type} }) 
-      }
+      const searchParams = new URLSearchParams(window.location.search)
+      const type = searchParams.get('type')
+      if (type)
+        router.push({ name: 'final', query: { type } })
     }
     else {
       message.error(res.message)
@@ -364,7 +362,7 @@ async function getTableData() {
     if (userFieldList.includes(v.name)) {
       let locationobj = { address: '' }
 
-      if (v.name == 'location'&& taskDetailInfo.value.ocrPicture[v.name]!=null&& taskDetailInfo.value.ocrPicture[v.name]!="null") {
+      if (v.name == 'location' && taskDetailInfo.value.ocrPicture[v.name] != null && taskDetailInfo.value.ocrPicture[v.name] != 'null') {
         locationobj = JSON.parse(
           taskDetailInfo.value.ocrPicture ? taskDetailInfo.value.ocrPicture[v.name] : {},
         )
@@ -436,7 +434,8 @@ function immersionHandler() {
   toggleFullScreen()
 }
 useKeydown('k k', () => {
-  if (isFullScreen.value) return
+  if (isFullScreen.value)
+    return
   isFullScreen.value = true
   fetchData()
   window.addEventListener('scroll', checkBottom)
@@ -499,13 +498,13 @@ function reloadList(param, text) {
 }
 
 function goBack() {
-   const searchParams = new URLSearchParams(window.location.search);
-  const type = searchParams.get('type');
-  if(type){
- router.push({ name: 'final', query: { type: type} }) 
-  }else{
+  const searchParams = new URLSearchParams(window.location.search)
+  const type = searchParams.get('type')
+  if (type)
+    router.push({ name: 'final', query: { type } })
+
+  else
     router.back()
-  }
 }
 
 function switchBatch() {
@@ -627,8 +626,8 @@ function sortHandler(orderby: 'similarityScore' | 'createdate') {
   sortBy.orderType = sortBy.orderType === 'asc' ? 'desc' : 'asc'
   refreshHandler()
 }
-function nodrage(){
-    message.error("已审批无法移入可疑文件夹中!")
+function nodrage() {
+  message.error('已审批无法移入可疑文件夹中!')
 }
 </script>
 
@@ -960,7 +959,7 @@ function nodrage(){
                 class="item"
                 draggable="true"
                 @dragend="
-                item.historyStates === 1?  handleDragEnd(event, item):nodrage()
+                  item.historyStates === 1 ? handleDragEnd(event, item) : nodrage()
 
                 "
               >
@@ -1185,7 +1184,7 @@ function nodrage(){
             draggable="true"
             @dragend="
 
-              item.historyStates === 1?  handleDragEnd(event, item):nodrage()
+              item.historyStates === 1 ? handleDragEnd(event, item) : nodrage()
 
             "
           >
@@ -1565,6 +1564,7 @@ function nodrage(){
         left: 0;
         bottom: 0;
         z-index: 0;
+        border-radius: 0 0 8px 8px;
       }
 
       .mark {

src/views/task/modal/BatchModal.vue

@@ -640,6 +640,7 @@ onUpdated(() => {
   left: 0;
   bottom: 0;
   z-index: 0;
+  border-radius: 0 0 8px 8px;
 }
 
 .tag-status{

src/views/worksheet/content/Content.vue

@@ -148,7 +148,7 @@ async function loadMore() {
 
   const more = await featchList()
   listData.value.push(...more)
-  console.log("listData.value11111111111111111", listData.value);
+  console.log('listData.value11111111111111111', listData.value)
 }
 
 async function featchList() {
@@ -576,7 +576,7 @@ defineExpose({
 <template>
   <div class="wrapper fullscreen-container" :style="fullscreenStyles">
     <div class="wrapper-header">
-      <div class="left" >
+      <div class="left">
         <span class="font">{{ packageName }}</span>
         <SvgIcon size="22" class="forward" name="arrow-left" @click="backHandler" />
         <SvgIcon size="22" class="back" name="arrow-right" @click="forwardHandler" />
@@ -639,7 +639,7 @@ defineExpose({
             :style="{
               'background-image': `url(${taskDetailInfo?.imgurl})`,
               'flex': imgbigshow ? '0.6' : '0.98',
-              'height':imgbigshow?' 100%':'80vh'
+              'height': imgbigshow ? ' 100%' : '80vh',
             }"
 
             @mouseover="showAction"
@@ -757,10 +757,10 @@ defineExpose({
                 position: 'absolute',
                 zIndex: 169,
                 background: 'rgb(80, 122, 253)',
-           right: imgbigshow ? '-23px':'0',
+                right: imgbigshow ? '-23px' : '0',
                 marginTop: '5px',
                 width: '2px',
-              height: imgbigshow?'340px':'79vh',
+                height: imgbigshow ? '340px' : '79vh',
               }"
             />
             <div
@@ -768,7 +768,7 @@ defineExpose({
               class="aside-collapse-btn"
               :style="{
                 position: 'absolute',
-              right: imgbigshow ? '-40px':'-16px',
+                right: imgbigshow ? '-40px' : '-16px',
                 top: '73px',
                 cursor: 'pointer',
                 zIndex: 170,
@@ -782,8 +782,6 @@ defineExpose({
             </div>
           </div>
 
-       
-
           <PictureInfo v-show="imgbigshow" :task-detail-info="taskDetailInfo" />
         </div>
         <div
@@ -845,7 +843,7 @@ defineExpose({
             </div>
           </div>
         </div>
-        <div class="wrapper-list" v-if="imgbigshow">
+        <div v-if="imgbigshow" class="wrapper-list">
           <div
             v-for="(item, index) in listData"
             :key="index"
@@ -857,7 +855,7 @@ defineExpose({
           >
             <div
               class="img-wrapper"
-              :style="{ backgroundImage: `url(${item.serverThumbnailUrl ? item.serverThumbnailUrl : item.imgUrl ? item.imgUrl: bgLoadingImg})` }"
+              :style="{ backgroundImage: `url(${item.serverThumbnailUrl ? item.serverThumbnailUrl : item.imgUrl ? item.imgUrl : bgLoadingImg})` }"
             />
             <div class="time-wrapper">
               <div class="time">
@@ -1042,7 +1040,7 @@ defineExpose({
   &-detail {
     display: flex;
     height: 350px;
-
+    border-radius: 8px;
     .left {
       flex: 0.6;
       // background-size: auto 346px;
@@ -1106,7 +1104,7 @@ defineExpose({
           rgba(0, 0, 0, 0.01),
           rgba(0, 0, 0, 0.71) 100%
         );
-        border-radius: 0px 8px 8px 0px;
+        border-radius: 0px 8px 8px 8px;
         position: absolute;
         bottom: 0;
         padding-left: 17px;