merge

src/views/voyage/voyageList.vue

@@ -66,37 +66,48 @@
       <!-- <div class="cargo-owner-add" @click="voyageAddDialogVisible = true">
         添加航次
       </div> -->
-      <div>
-        <el-button
-          type="primary"
-          size="small"
-          v-auth="'DOWNLOADVOYAGELIST'"
-          @click="showExportModal('航次列表')"
-          style="margin-left: 10px; margin-bottom: 10px"
-          >导出航次列表</el-button
-        >
-        <el-button
-          type="primary"
-          size="small"
-          v-auth="'MULTDOWNLOADSHIPTRACK'"
-          @click="showExportModal('航次跟踪')"
-          >导出航次跟踪</el-button
-        >
-        <el-button
-          type="primary"
-          size="small"
-          @click="showExportModal('卸货记录')"
-          v-auth="'MULTDOWNLOADDISCHARGE'"
-          >导出卸货记录</el-button
-        >
-        <el-button
-          v-auth="'DOWNLOADFYDI'"
-          type="primary"
-          size="small"
-          @click="downloadFYDI"
-          >下载FYDI指数</el-button
+      <el-popover placement="bottom" :width="100" trigger="hover">
+        <template #reference>
+          <el-button size="medium" type="primary">导出</el-button>
+        </template>
+        <div
+          style="
+            display: flex;
+            flex-direction: column;
+            height: 180px;
+            justify-content: space-between;
+          "
         >
-      </div>
+          <el-button
+            type="primary"
+            size="medium"
+            v-auth="'DOWNLOADVOYAGELIST'"
+            @click="showExportModal('航次列表')"
+            >导出航次列表</el-button
+          >
+          <el-button
+            type="primary"
+            size="medium"
+            v-auth="'MULTDOWNLOADSHIPTRACK'"
+            @click="showExportModal('航次跟踪')"
+            >导出航次跟踪</el-button
+          >
+          <el-button
+            type="primary"
+            size="medium"
+            @click="showExportModal('卸货记录')"
+            v-auth="'MULTDOWNLOADDISCHARGE'"
+            >导出卸货记录</el-button
+          >
+          <el-button
+            v-auth="'DOWNLOADFYDI'"
+            type="primary"
+            size="medium"
+            @click="downloadFYDI"
+            >下载FYDI指数</el-button
+          >
+        </div>
+      </el-popover>
     </div>
     <el-dialog
       v-model="exportModalVisable"
@@ -1244,4 +1255,8 @@ onMounted(() => {
 .el-radio:last-child {
   margin-right: 20px;
 }
+
+.el-button {
+  margin-left: 0;
+}
 </style>