银川 1.采购申请页面修改 2.添加在线查看附件预览功能 3.修改我的流程页面展示样式流程状态点击报错问题

gaoluyang

6 天以前 d2a80d7b57325bb29eb8719111ea12d3b5b0ae6e

 src/views/ai/chat/index/modules/message/files.vue

@@ -2,11 +2,15 @@
import { computed } from 'vue';

import { IconifyIcon } from '@vben/icons';
import { getFileIcon, getFileNameFromUrl, getFileTypeClass } from '@vben/utils';
import { getFileIcon, getFileNameFromUrl, getFileTypeClass, isImage } from '@vben/utils';

import { FilePreviewModal, useFilePreview } from '#/components/file-preview';

const props = defineProps<{
  attachmentUrls?: string[];
}>();

const { openPreview, previewState } = useFilePreview();

/** 过滤掉空值的附件列表 */
const validAttachmentUrls = computed(() => {
@@ -15,7 +19,11 @@

/** 点击文件 */
function handleFileClick(url: string) {
  window.open(url, '_blank');
  if (isImage(url)) {
    window.open(url, '_blank');
  } else {
    openPreview(url);
  }
}
</script>

@@ -50,4 +58,9 @@
      </div>
    </div>
  </div>
  <FilePreviewModal
    v-model:visible="previewState.visible.value"
    :file-url="previewState.fileUrl.value"
    :file-name="previewState.fileName.value"
  />
</template>