update

src/views/main_web/workspace/components/file-explorer/index.vue

@@ -118,6 +118,8 @@
                           v-for="file in filterFilesInWork(workFileList)"
                           :key="file.id"
                           :file="file"
+                          :enableSelect="enableSelect"
+                          :selected="selectedFileIdList.some(key => key === file.id)"
                           :clientDownLoad="clientDownLoad"
                           :nodeFolder="currentNodeFolder"
                           :currentFolder="currentFolder"
@@ -611,6 +613,9 @@ export default {
       fileMilestoneInfo:{},
       fileHistoryList:[],
       currentFile:{},
+      // 选择交付开关
+      enableSelect: false,
+      selectedFileIdList: [],
     };
   },
   mounted: function () {
@@ -662,6 +667,11 @@ export default {
     sessionStorage.removeItem('nowFolderIndex');
   },
   watch: {
+    enableSelect(v) {
+      if(v) {
+        this.selectedFileIdList = [];
+      }
+    },
     isShowCommitJudgeWindow(val) {
       // this.lookCoopTarget();
     },

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

@@ -123,7 +123,14 @@
                 <i class="icon font_family icon-icon_status_wenjianbiaojiwancheng yijianIcon" />
               </div>
             </template>
-            <div v-if="!isFileModified && enableSelect" class="yijianIcon select-icon" :class="{ selected: false }" />
+            <div
+              v-if="!isFileModified && enableSelect"
+              class="yijianxietong select-icon"
+              :class="{ selected: selected }"
+              @click.stop="onSelect"
+            >
+              <i v-if="selected" class="el-icon-check" />
+            </div>
           </template>
 
 
@@ -244,6 +251,10 @@ export default {
       type: Boolean,
       default: false,
     },
+    selected: {
+      type: Boolean,
+      default: false,
+    },
     // rightShowMenu: {
     //   type: Function,
     //   default: () => () => {}
@@ -403,6 +414,9 @@ export default {
     }
   },
   methods: {
+    onSelect() {
+      this.$emit('select', this.file);
+    },
     commitFile() {
       this.isFileRightMenuVisible = false;
       this.$emit('commitFile', this.file, this.fileImgClass);
@@ -632,6 +646,17 @@ export default {
     width: 24px;
     height: 24px;
     border-radius: 50%;
+    background-color: rgba(203, 203, 206, 1);
+    box-shadow:  0px 1px 3px 0px rgba(0, 0, 0, 0.15) inset;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    &.selected {
+      background-color: #7850FF;
+    }
+    .el-icon-check {
+      color: #fff;
+    }
   }
 </style>