feat：样式修改

src/views/old_mini/interactionList/index.vue

@@ -7,13 +7,13 @@
             <div class="item-header-wrapper" :class="{ 'has-status': item.isConfirmed != null }">
                 <div class="item-header">
                     <div class="title">{{ item.interactionTypeName }}</div>
-                    <div class="status">紧急</div>
+                    <div class="status" v-if="item.isConfirmed == null">紧急</div>
                 </div>
                 <div class="upload-status" v-show="item.isConfirmed != null">
                     <el-icon class="status-icon">
                         <SuccessFilled />
                     </el-icon>
-                    <span class="status-text">上传成功</span>
+                    <span class="status-text">提交成功</span>
                 </div>
             </div>
 
@@ -30,7 +30,7 @@
             </div>
 
             <!-- 未上传状态内容 -->
-            <div class="uploaded-content" v-show="item.isConfirmed == null">
+            <div class="uploaded-content">
                 <div class="content-wrapper">
                     <div class="item-desc">{{ item.reason }}</div>
                     <div class="example-wrapper">
@@ -46,7 +46,7 @@
                         </div>
                     </div>
                 </div>
-                <uploader class="upload-wrap" multiple :max-count="10" :after-read="afterReadUpload">
+                <uploader class="upload-wrap" multiple :max-count="10" :after-read="afterReadUpload" v-show="item.isConfirmed == null">
                     <div class="upload-btn">
                         <el-icon>
                             <Plus />
@@ -247,7 +247,10 @@ const loadData = async () => {
             } else {
                 item.exampleImagesJson = [];
             }
-            return item;
+            return {
+                ...item,
+                isConfirmed: false
+            };
         });
     } catch (error) {
         console.error("加载数据失败", error);
@@ -427,8 +430,10 @@ const getFarmList = async () => {
                 align-items: center;
 
                 .item-header {
-                    color: #2199f8;
-                    background: rgba(33, 153, 248, 0.1);
+                    div{
+                        color: #2199f8;
+                        background: rgba(33, 153, 248, 0.1);
+                    }
                 }
             }
         }