Merge branch 'main' of http://carsafe.uicp.cn/Front_Team/SPDM

src/views/task/execution/components/leftTaskTree/operateComponent/createReportNew.vue

@@ -10,8 +10,16 @@
       <el-form>
         <el-form-item label="图片选择：">
           <div class="img-content">
-            <template v-for="item in resultImgList" :key="item.id">
-              <div class="img-item" v-if="item.show">
+            <div
+              v-for="(item, index) in resultImgList"
+              :key="index"
+              :draggable="true"
+              @drop.prevent
+              @dragover.prevent
+              @dragstart="dragStartFun(index)"
+              @drop="dragEnterFun(index)"
+            >
+              <div class="img-item">
                 <el-checkbox v-model="item.checkImg" class="check-style" size="large" />
                 <!-- :preview-src-list="[item.url]" -->
                 <el-image
@@ -27,7 +35,7 @@
                   :preview-src-list="[item.url]"
                 />
               </div>
-            </template>
+            </div>
           </div>
         </el-form-item>
         <el-form-item label="云图选择：">
@@ -234,6 +242,7 @@ const queryDirDataFun = async (run: any) => {
       return {
         ...item,
         url: `${env.VITE_API_IMAGE_PREVIEW_URL}/data/previewImage?fileId=${item.fileId}`,
+        checkImg: false,
       };
     });
 
@@ -298,6 +307,20 @@ const initProjectTaskAchievementStatistics = async ({ dom, seriesData, titleList
   dom.commonChartRef.initChart();
 };
 
+const imgStartIndex = ref<any>(null);
+const imgEndIndex = ref<any>(null);
+const dragStartFun = (index: any) => {
+  imgStartIndex.value = index;
+};
+
+const dragEnterFun = (index: any) => {
+  imgEndIndex.value = index;
+  [resultImgList.value[imgStartIndex.value], resultImgList.value[imgEndIndex.value]] = [
+    resultImgList.value[imgEndIndex.value],
+    resultImgList.value[imgStartIndex.value],
+  ];
+};
+
 const setChartFun = () => {
   const selectedRows = resultCsvList.value;