submit file-item

src/views/main_web/workspace/components/file-item.vue

@@ -27,7 +27,7 @@
             @contextmenu.prevent.stop="rightShowMenu($event, file, 1)"
           >
             <div class="file_Im gbox-mid">
-              <img v-lazy="imgSrc + file.alias" alt class="file_Img" />
+              <img v-lazy="file.alias" alt class="file_Img" />
             </div>
           </div>
 
@@ -86,24 +86,42 @@
           </div>
 
           <!-- 左上角图标 -->
-          <div v-if="file.workStatus === FileWorkStatus.NOT_WORKING" class="yijianxietong isonselect_defual">
-            <i
-              class="icon font_family icon-icon_status_wenjianbiaojiwancheng yijianIcon"
-              title="点击启用协同"
-              @click="setFileStatus(file, 2, '更新为已完成', 1)"
-            ></i>
-          </div>
-
-          <div
-            v-if="file.workStatus === FileWorkStatus.NOT_WORKING"
-            class="yijianxietong isonselect"
-          >
-            <i
-              class="icon font_family icon-icon_status_wenjianbiaojiwancheng yijianIcon"
-              title="点击暂停协同"
-              @click="setFileStatus(file, 1, '更新为工作中', 1)"
-            ></i>
-          </div>
+          <template v-if="isClient">
+            <!-- 灰色感叹号 -->
+            <div
+              class="yijianxietong isonselect_defual"
+              v-if="file.workStatus === FileWorkStatus.NOT_WORKING"
+            >
+              <i
+                class="icon font_family icon-icon_status_wenjianbiaojiwancheng yijianIcon"
+                title="点击更新本地到云端"
+                @click="setFileStatus(file, 2, '更新为已完成', 1)"
+              ></i>
+            </div>
+            <!-- 蓝色更新图标 协同文件列表中当本地文件和云端文件不同时 出现 -->
+            <div
+              v-if="
+                !isInWorkFolder && file.downloadStatus === DownloadStatus.DIFF
+              "
+              class="yijianxietong isonselect_update"
+            >
+              <i
+                class="icon font_family icon-icon_status_wenjianbiaojigengxin yijianIcon"
+                title="更新本地文件"
+                @click="updateFileWorkStatus(file, 1, '文件已更新', 1)"
+              ></i>
+            </div>
+            <!-- 绿色钩 -->
+            <div
+              v-if="isInWorkFolder && file.workStatus === FileWorkStatus.NOT_WORKING"
+              class="yijianxietong isonselect"
+            >
+              <i
+                class="icon font_family icon-icon_status_wenjianbiaojiwancheng yijianIcon"
+                title="已是最新版本"
+              ></i>
+            </div>
+          </template>
 
           <!-- 右上设置按钮 -->
           <!-- 下拉列表 -->
@@ -166,9 +184,20 @@ export default {
       type: Object,
       default: () => ({}),
     },
-    rightShowMenu: Function,
+    rightShowMenu: {
+      type: Function,
+      default: () => () => {}
+    },
     clientDownLoad: Function,
     setFileStatus: Function,
+    nodeFolder: {
+      type: Object,
+      default: () => ({}),
+    },
+    currentFolder: {
+      type: Object,
+      default: () => ({}),
+    },
   },
   data() {
     return {
@@ -180,6 +209,10 @@ export default {
     };
   },
   computed: {
+    isInWorkFolder() {
+      const { file, nodeFolder, currentFolder } = this;
+      return file.folderId === currentFolder.id;
+    }
   },
   methods: {
     oneOf,