任务管理界面新增巡查单据下载功能

riku

2025-06-25 b187b6cf678f0e6b17e3612c5681ecd35434f15a

 src/components/FYImageSelectDialog.vue

@@ -9,9 +9,18 @@
    :close-on-press-escape="false"
  >
    <el-row justify="end">
      <el-text v-if="onContextMenu != undefined" size="small" type="info">{{
        `（${contextMenuStr}）`
      }}</el-text>
      <el-space v-if="onContextMenu != undefined">
        <el-switch
          v-model="useContextMenu"
          inline-prompt
          active-text="开"
          inactive-text="关"
        />
        <el-text size="small" type="info">
          {{ `（${contextMenuStr}）` }}
        </el-text>
      </el-space>

      <div v-if="!readonly">
        <el-text size="small" type="info" class="m-r-8"
          >最多选择{{ maxSelect }}张图片</el-text
@@ -104,7 +113,7 @@
  },
  contextMenuStr: {
    type: String,
    default: '右键点击图片触发额外操作'
    default: '右键点击图片移动'
  }
});

@@ -113,6 +122,8 @@
const activeId = ref('');

const selectedImgUrlList = ref([]);

const useContextMenu = ref(false);

let loadedImgCount = ref(0);
// 加载状态
@@ -186,9 +197,9 @@
  emit('update:dialogVisible', false);
}

// 图片右键点击时间
// 图片右键点击事件
function showContextMenu(event, index) {
  if (props.onContextMenu) {
  if (props.onContextMenu && useContextMenu.value) {
    event.preventDefault();
    props.onContextMenu(event, activeId.value, index);
  }