上传附件

src/components/Form/src/components/Upload.vue

@@ -69,9 +69,9 @@
                     <upload-outlined />
                     点击上传
                 </a-button>
-                <!-- <div v-if="VITE_GLOB_UPLOAD_ALERT_TIP?.trim()" style="color: red; margin-top: 8px">
+                <div v-if="VITE_GLOB_UPLOAD_ALERT_TIP?.trim()" style="color: red; margin-top: 8px">
                     {{ VITE_GLOB_UPLOAD_ALERT_TIP }}
-                </div> -->
+                </div>
             </div>
 
             <template #itemRender="{ file, actions }">
@@ -217,7 +217,7 @@
                     });
 
                     emit('update:value', folderId.value);
-                    emit('change', fileList.value);
+                    emit('change');
                     loading.value = false;
                 } catch (error) {
                     console.error(error);
@@ -380,12 +380,6 @@
             downloadByUrl({ url: res.url, fileName: res.name || 'files.zip' });
         }
     }
-    function getValue () {
-      return fileList.value
-    }
-    defineExpose({
-      getValue
-    });
 </script>
 <style lang="less" scoped>
     .list-upload {

src/components/Form/src/components/UploadNew.vue

@@ -0,0 +1,508 @@
+<template>
+    <div>
+        <div v-if="listType === 'dragger'">
+            <a-upload-dragger
+                :file-list="fileList"
+                :maxCount="maxNumber"
+                :accept="accept"
+                :name="name"
+                :disabled="disabled"
+                :multiple="multiple"
+                :beforeUpload="beforeUpload"
+                listType="picture"
+                :show-upload-list="{ showDownloadIcon, showPreviewIcon, showRemoveIcon }"
+                @remove="handleRemove"
+                @download="handleDownload"
+                @preview="handlePreview"
+                @drop="handleClick"
+                @click="handleClick"
+                class="list-upload dragger-upload"
+                :style="style"
+            >
+                <div class="dragger-text">
+                    <Icon icon="ep:upload-filled" color="#5e95ff" :size="24" />
+                    <div class="mt-2 text-xs">点击或将文件拖拽到这里上传</div>
+                </div>
+                <div class="dragger-tip">{{ tip }}</div>
+            </a-upload-dragger>
+        </div>
+        <div v-else-if="listType === 'picture'">
+            <a-upload
+                :file-list="fileList"
+                :maxCount="maxNumber"
+                :accept="accept"
+                :name="name"
+                :disabled="disabled"
+                :multiple="multiple"
+                :beforeUpload="beforeUpload"
+                :listType="listType"
+                :show-upload-list="{ showDownloadIcon, showPreviewIcon, showRemoveIcon }"
+                @remove="handleRemove"
+                @download="handleDownload"
+                @preview="handlePreview"
+                @click="handleClick"
+                class="list-upload"
+                :style="style"
+            >
+                <plus-outlined />
+            </a-upload>
+        </div>
+        <a-upload
+            :file-list="fileListWithHeader"
+            :maxCount="maxNumber"
+            :accept="accept"
+            :name="name"
+            :disabled="disabled"
+            :multiple="multiple"
+            :beforeUpload="beforeUpload"
+            :listType="listType"
+            :show-upload-list="showUploadList"
+            @remove="handleRemove"
+            @download="handleDownload"
+            @preview="handlePreview"
+            @click="handleClick"
+            v-else
+        >
+            <plus-outlined v-if="listType == 'picture-card'" />
+            <div :style="style" v-else>
+                <a-button :loading="loading" :disabled="loading" v-if="!disabled">
+                    <upload-outlined />
+                    {{ btnTip || '点击上传' }}
+                </a-button>
+                <!-- <div v-if="VITE_GLOB_UPLOAD_ALERT_TIP?.trim()" style="color: red; margin-top: 8px">
+                    {{ VITE_GLOB_UPLOAD_ALERT_TIP }}
+                </div> -->
+            </div>
+
+            <template #itemRender="{ file, actions }">
+                <template v-if="file.__header && showDownloadIcon">
+                    <!-- <div class="file-list-header" style="display: flex; align-items: center; padding: 4px 0">
+                        <input type="checkbox" :checked="isAllSelected" @change="toggleSelectAll" style="margin-right: 8px" />全选
+                        <a-button type="primary" size="small" :disabled="!selectedIds.length" @click="handleBatchDownload" style="margin-left: 8px">批量打包下载</a-button>
+                    </div> -->
+                </template>
+                <template v-else>
+                    <a-space class="file-space">
+                        <!-- <input v-if="showDownloadIcon" type="checkbox" :checked="selectedIds.includes(file.id)" @change="(e) => toggleSelectOne(file.id, e)" style="margin-right: 8px" /> -->
+                        <PaperClipOutlined />
+                        <span class="file-name-span" @click="actions.preview">{{ file.name }}</span>
+                        <a-tooltip v-if="showDownloadIcon" title="下载">
+                            <span @click="actions.download" class="file-outlined-span"><DownloadOutlined /></span>
+                        </a-tooltip>
+                        <a-tooltip v-if="!disabled && showRemoveIcon" title="删除">
+                            <span @click="actions.remove" class="file-outlined-span"><DeleteOutlined /></span>
+                        </a-tooltip>
+                        <!-- <a-tooltip v-if="'.doc,.docx,.xls,.xlsx,.pdf'.includes(file.fileType)" title="编辑文档">
+                            <span @click="editFile(file)" class="file-outlined-span"><EditOutlined /></span>
+                        </a-tooltip> -->
+                    </a-space>
+                </template>
+            </template>
+        </a-upload>
+        <a-modal :bodyStyle="bodyStyle" :width="800" :visible="previewVisible" :title="previewTitle" :footer="null" @cancel="handleCancel"> <iframe v-if="previewVisible" :src="previewFile" class="iframe-box"></iframe>; </a-modal>
+        <a-modal wrap-class-name="full-modal" width="100%" :visible="wpsPreviewVisible" :title="previewTitle" :footer="null" @cancel="handleCancelWps">
+            <div v-if="wpsPreviewVisible" id="office-container"></div>
+        </a-modal>
+    </div>
+</template>
+<script lang="ts" setup>
+    import { nextTick, ref, watch, computed } from 'vue';
+    import { Upload } from 'ant-design-vue';
+    import { UploadOutlined, PlusOutlined, DownloadOutlined, DeleteOutlined, EditOutlined, PaperClipOutlined } from '@ant-design/icons-vue';
+    import { useMessage } from '/@/hooks/web/useMessage';
+    import { deleteSingleFile, getAppToken, getFileList, getOnlineEditUrl, getZipFiles } from '/@/api/system/file';
+    import { downloadByUrl } from '/@/utils/file/download';
+    import { uploadMultiApi } from '/@/api/sys/upload';
+    import Icon from '/@/components/Icon/index';
+    import { Base64 } from 'js-base64';
+    import { getAppEnvConfig } from '/@/utils/env';
+    import WebOfficeSDK from '/@/assets/libs/open-jssdk-v0.1.3.es.js';
+    import { getToken } from '/@/utils/auth';
+    import { useRoute } from 'vue-router';
+    const route = useRoute();
+    const { VITE_GLOB_UPLOAD_ALERT_TIP } = getAppEnvConfig();
+
+    const { createSuccessModal } = useMessage();
+
+    const props = defineProps({
+        value: String,
+        maxNumber: Number,
+        accept: String,
+        name: String,
+        disabled: Boolean,
+        multiple: Boolean,
+        maxSize: Number,
+        api: Function,
+        style: Object,
+        listType: {
+            type: String,
+            default: 'text'
+        },
+        tip: String,
+        showPreviewIcon: {
+            type: Boolean,
+            default: true
+        },
+        showRemoveIcon: {
+            type: Boolean,
+            default: true
+        },
+        showDownloadIcon: {
+            type: Boolean,
+            default: true
+        },
+        showUploadList: {
+            type: Boolean,
+            default: true
+        },
+        fileList: Array,
+        btnTip: String
+    });
+
+    const fileList = ref<any[]>([]);
+    const list = ref<any[]>([]);
+    const { notification } = useMessage();
+    const folderId = ref<string>('');
+    const deleteFlag = ref(false);
+    const emit = defineEmits(['update:value', 'change', 'click']);
+    const loading = ref(false);
+
+    const previewVisible = ref(false);
+    const wpsPreviewVisible = ref(false);
+    const previewFile = ref('');
+    const previewTitle = ref('');
+     watch(
+        () => props.fileList,
+        async (val) => {
+          console.log(val, 43)
+            if (val) {
+                fileList.value = props.fileList
+                if (fileList.value.length) {
+                    fileList.value.forEach((x) => {
+                        x.name = x.fileName || x.fileOrg;
+                        x.url = x.fileUrl || x.filePath;
+                        x.thumbUrl = x.thUrl || x.filePath;
+                        x.status = 'done'; //没有则不会展示下载按钮             
+                        x.fileType =x.fileType || ('.' + x.filePath.split('?')[0]?.split('.')?.pop())
+                    });
+                    // folderId.value = fileList.value[0].folderId;
+                }
+            } else {
+                folderId.value = '';
+            }
+            if (!val) {
+                fileList.value = [];
+            }
+        },
+        {
+            immediate: true
+        }
+    );
+    watch(
+        () => props.value,
+        async (val) => {
+            if (val) {
+                fileList.value = await getFileList({ folderId: props.value });
+                if (fileList.value.length) {
+                    fileList.value.forEach((x) => {
+                        x.name = x.fileName;
+                        x.url = x.fileUrl;
+                        x.thumbUrl = x.thUrl;
+                        x.status = 'done'; //没有则不会展示下载按钮
+                    });
+                    folderId.value = fileList.value[0].folderId;
+                }
+            } else {
+                folderId.value = '';
+            }
+            if (!val) {
+                fileList.value = [];
+            }
+        },
+        {
+            immediate: true
+        }
+    );
+    watch(
+        () => list.value,
+        async (val) => {
+            if (deleteFlag.value) return;
+            if (val.length) {
+                let arr: any[] = val.filter((o) => {
+                    return !o.status;
+                });
+                if (arr.length <= 0) return;
+                try {
+                    let res = await uploadMultiApi(
+                        {
+                            name: 'file',
+                            file: arr
+                        },
+                        folderId.value
+                    );
+                    // folderId.value = res[0].folderId;
+                    let fileArr = res||[] 
+                    fileArr.forEach((x) => {
+                        x.status = 'done'; //没有则不会展示下载按钮
+                        x.url = x.fileUrl;
+                        x.thumbUrl = x.thUrl;
+                        x.fileSize = x.fileSize
+                    });
+                    fileList.value = [...fileList.value, ...fileArr]
+                    emit('update:value', folderId.value);
+                    emit('change', fileList.value);
+                    loading.value = false;
+                } catch (error) {
+                    console.error(error);
+                    loading.value = false;
+                }
+            }
+        }
+    );
+
+    const bodyStyle = { height: '500px' };
+
+    const beforeUpload = (file) => {
+        if (props.maxSize && file.size / 1024 / 1024 > props.maxSize) {
+            notification.error({
+                message: 'Tip',
+                description: `文件大小不能超过${props.maxSize}MB！`
+            });
+            return false || Upload.LIST_IGNORE;
+        }
+        if (props.maxNumber && fileList.value.length + list.value.length === props.maxNumber!) {
+            notification.error({
+                message: 'Tip',
+                description: `文件数量不能超过${props.maxNumber}个！`
+            });
+            return false;
+        }
+
+        list.value = [...list.value, file];
+        deleteFlag.value = false;
+        loading.value = true;
+        return Upload.LIST_IGNORE;
+    };
+    function handleClick() {
+        list.value = [];
+    }
+    const handleRemove = async (info) => {
+        const id = info.response ? info.response.data.id : info.id;
+
+        // const newFolderId = await deleteSingleFile(id);
+
+        // folderId.value = newFolderId;
+
+        // deleteFlag.value = true;
+
+        const index = fileList.value.findIndex((x) => x.id === id);
+        fileList.value.splice(index, 1);
+
+        // fileList.value.forEach((x) => {
+        //     x.folderId = newFolderId;
+        // });
+
+        emit('update:value', folderId.value);
+        emit('change', fileList.value);
+        notification.success({
+            message: 'Tip',
+            description: '删除成功！'
+        });
+    };
+
+    const handleDownload = (info) => {
+      console.log(info, 434)
+      
+        const url = info.response ? info.response.data.fileUrl : (info.presignedUrl || info.fileUrl);
+        const fileName = info.response ? info.response.data.fileName : (info.fileOrg || info.fileName);
+        const fileType = info.response ? info.response.data.fileType : info.fileType;
+        
+        downloadByUrl({ url, fileName: fileName + fileType });
+    };
+
+    const handleCancelWps = () => {
+        wpsPreviewVisible.value = false;
+        previewTitle.value = '';
+    };
+
+    const refreshToken = async () => {
+        return getToken();
+    };
+
+    const editFile = async (file) => {
+        wpsPreviewVisible.value = true;
+        previewTitle.value = file.name || file.fileName;
+        let appToken = await getAppToken({ _w_fileid: file.id });
+        let containerNode = document.getElementById('office-container');
+        containerNode.style.height = 'calc(100vh - 50px)';
+        containerNode.style.width = '100%';
+        let webOfficeSdk = WebOfficeSDK.config({
+            mount: containerNode,
+            url: appToken.wpsUrl + '&_w_tokentype=1',
+            refreshToken: refreshToken
+        });
+        webOfficeSdk.setToken({
+            token: appToken.token,
+            timeout: 10 * 60 * 1000
+        });
+
+        /*await webOfficeSdk.ready();
+      const app = webOfficeSdk.Application;
+      // 获取总页数
+      const totalPages = await app.ActiveDocument.Range.Information(
+          app.Enum.WdInformation.wdNumberOfPagesInDocument
+      );
+      console.log("总页数为：", totalPages);*/
+    };
+
+    const handlePreview = async (file) => {
+        const fileUrl = file.presignedUrl|| file.response?.data?.fileUrl || file.fileUrl;
+        console.log(fileUrl, 'fileUrl', file)
+        window.open(fileUrl)
+       
+        // previewFile.value = getAppEnvConfig().VITE_GLOB_UPLOAD_PREVIEW + encodeURIComponent(Base64.encode(fileUrl.includes('http://') || fileUrl.includes('https://') ? fileUrl : getAppEnvConfig().VITE_GLOB_API_URL + fileUrl));
+
+        // previewVisible.value = true;
+        // previewTitle.value = file.name || file.fileName;
+        // console.log(previewFile.value, 99)
+        // console.log(fileUrl.includes('http://') || fileUrl.includes('https://') ? fileUrl : getAppEnvConfig().VITE_GLOB_API_URL + fileUrl);
+    };
+
+    const handleCancel = () => {
+        previewVisible.value = false;
+        previewTitle.value = '';
+    };
+
+    const selectedIds = ref<string[]>([]);
+    const isAllSelected = computed(() => fileList.value.length > 0 && selectedIds.value.length === fileList.value.length);
+    const fileListWithHeader = computed(() => {
+        // 只在有文件时插入头部
+        if (fileList.value.length) {
+            return [{ __header: true, uid: '__header__' }, ...fileList.value];
+        }
+        return fileList.value;
+    });
+    function toggleSelectAll(e: Event) {
+        const checked = (e.target as HTMLInputElement).checked;
+        selectedIds.value = checked ? fileList.value.map((f) => f.id) : [];
+    }
+    function toggleSelectOne(id: string, e: Event) {
+        const checked = (e.target as HTMLInputElement).checked;
+        if (checked) {
+            selectedIds.value = [...selectedIds.value, id];
+        } else {
+            selectedIds.value = selectedIds.value.filter((item) => item !== id);
+        }
+    }
+    async function handleBatchDownload() {
+        if (!selectedIds.value.length) return;
+        // getZipFiles 返回下载url
+        let formName = '';
+        try {
+            formName = (route.query.formName as string) || '';
+            // 获取当前页面得form name
+        } catch (error) {
+            console.warn(error);
+        }
+        const res = await getZipFiles({ fileIds: selectedIds.value.join(','), insertionFileName: formName });
+        if (!res) {
+            notification.error({
+                message: 'Tip',
+                description: '批量下载失败，请稍后重试！'
+            });
+            return;
+        } else if (res.type === 'async') {
+            createSuccessModal({ title: 'Tip', content: res.msg });
+            return;
+        } else if (res.type === 'synced') {
+            downloadByUrl({ url: res.url, fileName: res.name || 'files.zip' });
+        }
+    }
+</script>
+<style lang="less" scoped>
+    .list-upload {
+        :deep(.ant-upload) {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            flex-direction: column;
+            width: 128px;
+            height: 128px;
+            background: #fafafa;
+            border: 1px dashed #d9d9d9;
+        }
+
+        :deep(.anticon-plus) {
+            font-size: 20px;
+            color: #999;
+        }
+
+        .dragger-tip {
+            background: rgb(0 0 0 / 60%);
+            color: #fff;
+            height: 100%;
+            border-radius: 2px;
+            display: none;
+            padding: 8px 5px;
+            width: 100%;
+        }
+
+        .dragger-text {
+            padding: 16px 0;
+        }
+
+        &:hover .dragger-tip {
+            display: block;
+        }
+
+        &:hover .dragger-text {
+            display: none;
+        }
+    }
+
+    :deep(.ant-upload) {
+        padding: 0 !important;
+    }
+
+    .iframe-box {
+        width: 100%;
+        height: 100%;
+    }
+
+    .file-name-span {
+        margin-right: 16px;
+        color: #1890ff;
+        cursor: pointer;
+    }
+
+    .file-outlined-span {
+        cursor: pointer;
+    }
+
+    .file-space:hover {
+        background-color: #f5f5f5;
+    }
+
+    .file-space {
+        display: flex;
+        align-items: center;
+        padding: 5px 0;
+    }
+
+    .full-modal {
+        .ant-modal {
+            max-width: 100%;
+            top: 0;
+            padding-bottom: 0;
+            margin: 0;
+        }
+        .ant-modal-content {
+            display: flex;
+            flex-direction: column;
+            height: calc(100vh);
+        }
+        .ant-modal-body {
+            flex: 1;
+        }
+    }
+</style>

src/router/routes/basic.ts

@@ -224,14 +224,6 @@ export const FLOW_ROUTE: AppRouteRecordRaw[] = [{
                 title: (route) => '查看'+(route.query.formName||'表单')
             }
         },
-        {
-            path: 'createFormCustomer',
-            name: 'createFormCustomer',
-            component: () => import('/@/views/sales/Customer/formCreatePage.vue'),
-            meta: {
-                title: (route) => '新建'+(route.query.formName||'表单')
-            }
-        }
     ]
 }];
 export const PROCESS_MONITORING: AppRouteRecordRaw[] = [{

src/views/sales/Customer/components/bankListModal.vue

@@ -157,43 +157,6 @@
       }
       closeModal();
       emit('success', selectedValues.value);
-        // try {
-        //     const values = await validate();
-        //     let data = getDataSource();
-        //     data.sort((a, b) => {
-        //         return a.sortNum - b.sortNum;
-        //     });
-        //     values.formatJson = JSON.stringify(data);
-        //     setModalProps({ confirmLoading: true });
-        //     if (values.formatJson === '[]') {
-        //         notification.warning({
-        //             message: t('提示'),
-        //             description: t('编码规则不能为空')
-        //         });
-        //         return;
-        //     }
-        //     // TODO custom api
-        //     if (!unref(isUpdate)) {
-        //         //false 新增
-        //         await addCodeRule(values);
-        //         notification.success({
-        //             message: t('提示'),
-        //             description: t('新增成功')
-        //         }); //提示消息
-        //     } else {
-        //         values.id = rowId.value;
-        //         await editCodeRule(values);
-        //         notification.success({
-        //             message: t('提示'),
-        //             description: t('修改成功！')
-        //         }); //提示消息
-        //     }
-
-        //     closeModal();
-        //     emit('success');
-        // } finally {
-        //     setModalProps({ confirmLoading: false });
-        // }
     }
 
 

src/views/sales/Customer/components/certificateModal.vue

@@ -28,7 +28,7 @@
         </a-col>
         <a-col :span="24">
           <a-form-item label="上传附件" name="fileList" :label-col="{ span: 4 }" :wrapper-col="{ span: 24 }">
-            <Upload v-model:value="formState.filePath" @change="changeUplod" ref="uploadRef"  :multiple="true" :maxSize="200" :accept="accept"></Upload>
+            <UploadNew :file-list="formState.fileList" @change="changeUplod" :multiple="true" :maxSize="200" :accept="accept" />
             <div style="color: #ccc; font-size: 12px">{{ fileTip }}</div>
             
           </a-form-item>
@@ -41,11 +41,11 @@
 <script setup lang="ts">
 import {  ref, onMounted, computed, unref,reactive } from 'vue';
 import { BasicModal, useModalInner } from '/@/components/Modal';
-import { Form } from 'ant-design-vue';
+import { Form, message } from 'ant-design-vue';
 import { useI18n } from '/@/hooks/web/useI18n';
 import type { Rule } from 'ant-design-vue/es/form';
 import { useMessage } from '/@/hooks/web/useMessage';
-import Upload from '/@/components/Form/src/components/Upload.vue';
+import UploadNew from '/@/components/Form/src/components/UploadNew.vue';
 import { getDocCpList } from '/@/api/sales/Customer';
 import type { FormInstance } from 'ant-design-vue';
 import dayjs from 'dayjs';
@@ -65,6 +65,7 @@ let formState = reactive({
   docTypeCode: '',
   fileList: []
 });
+const list = ref()
 const rules = {
   docTypeCode: [{ required: true, message: "该项为必填项", trigger: 'change' }],
 };
@@ -74,10 +75,12 @@ const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data
   setModalProps({ confirmLoading: false });
   isUpdate.value = !!data?.isUpdate;
   isDisable.value = data?.btnType == 'view' ? true : false 
+  list.value = data.list
   if (unref(isUpdate)) {
     let dateFrom = data.record?.dateFrom ? dayjs(data.record?.dateFrom) : null
     let dateTo = data.record?.dateTo ? dayjs(data.record?.dateTo) : null
     Object.assign(formState, {...data.record,dateFrom, dateTo})
+    formState.filePath = formState.fileList[0]?.xjrFileId
     }
   });
 
@@ -112,21 +115,26 @@ const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data
     try {
       await formRef.value.validate();
       // 验证通过，提交表单
-      let arr = uploadRef.value.getValue() || []
       let obj = {
         ...formState,
         dateFrom: formState.dateFrom ? dayjs(formState.dateFrom).format('YYYY-MM-DD') : '',
         dateTo: formState.dateTo ? dayjs(formState.dateTo).format('YYYY-MM-DD') : '',
-        fileList: arr.map(v => {
+        fileList: formState.fileList.map(v => {
           return {
             fileOrg: v.name,
             filePath: v.url,
-            filesize: v.fileSize
+            fileSize: v.fileSize,
+            xjrFileId: v.folderId
           }
         })
       }
-      console.log(obj,543, uploadRef.value.getValue())
+      let idx =list.value.findIndex(v => v.docTypeCode == obj.docTypeCode)
-      formState.filePath = ''
+      if (idx > -1) {
+        message.warn('证书已存在')
+        formRef.value.resetFields();
+        closeModal();
+        return
+      }
       emit('success', obj);
       notification.success({
         message: t('操作'),

src/views/sales/Customer/components/createForm.vue

@@ -219,6 +219,12 @@
           <a-button v-if="!isDisable" type="primary" style="margin-bottom: 10px;" @click="handleAdd('certificate')">新增证书</a-button>
           <a-table :columns="columnsCertificate" :data-source="dataCertificate" >
             <template #bodyCell="{ column, record, index }">
+              <template v-if="column.dataIndex === 'dateFrom'">
+                {{ record.dateFrom ?  dayjs(record.dateFrom).format('YYYY-MM-DD') : ''}} 
+              </template>
+              <template v-if="column.dataIndex === 'dateTo'">
+                {{ record.dateTo ?  dayjs(record.dateTo).format('YYYY-MM-DD') : ''}}  
+              </template>
               <template v-if="column.dataIndex === 'docTypeCode'">
                 {{ (optionSelect.docCpList.find(v=>v.code == record.docTypeCode) || {}).fullName }} 
               </template>
@@ -278,20 +284,7 @@
               <span style="font-size: 12px;font-weight: normal;">（上传公司财报等附件）</span>
             </div>
           </template>
-          <a-upload
+          <UploadNew v-if="!isDisable" style="margin-bottom: 10px;" :file-list="dataFile" :showUploadList="false" :btnTip="btnTip" @change="changeUplod" :multiple="true"/>
-            v-if="!isDisable"
-            :multiple="true"
-            :showUploadList="false"
-            name="file"
-            :action="data.action"
-            :headers="data.headers"
-            @change="handleChangeFile"
-          >
-            <a-button>
-              <upload-outlined></upload-outlined>
-              上传
-            </a-button>
-          </a-upload>
           <a-table :columns="columnsFile" :data-source="dataFile" >
             <template #bodyCell="{ column,record,index, text }">
               <template v-if="column.dataIndex === 'fileOrg'">
@@ -334,10 +327,8 @@
     import { addLngCustomer,updateLngCustomer,getLngCustomer } from '/@/api/sales/Customer';
     import dayjs from 'dayjs';
     import { getAppEnvConfig } from '/@/utils/env';
-    import { getToken } from '/@/utils/auth';
-    import { uploadSrc, uploadBlobApi } from '/@/api/sys/upload';
     import { message } from 'ant-design-vue';
-    
+    import UploadNew from '/@/components/Form/src/components/UploadNew.vue';
 
     const formType = ref('2'); // 0 新建 1 修改 2 查看
     const formRef = ref();
@@ -364,12 +355,6 @@
     const curIdx = ref(null)
     const { notification } = useMessage();
     const { t } = useI18n();
-      const data = reactive({
-        info: {},
-        action: '',
-        headers: { Authorization: '' },
-        photoUrl: '',
-    });
     const formState = reactive({
         valid: 'Y',
         approCode: 'WTJ',
@@ -381,6 +366,7 @@
           }
         ]
     });
+    const btnTip = '上传'
 
     const [registerCertificate, { openModal:openModalCertificate }] = useModal();
     const [registerContact, { openModal:openModalContact }] = useModal();
@@ -440,7 +426,7 @@
     ]);
     const dataCertificate= reactive([]);
     const dataBank= reactive([]);
-    const dataFile = reactive([]);
+    const dataFile = ref([]);
     const dataContact= reactive([]);
     let optionSelect= reactive({
       natureCodeList: [],
@@ -486,12 +472,11 @@
       if (pageId.value) {
         getList(pageId.value)
       }
-      data.action = getAppEnvConfig().VITE_GLOB_API_URL + uploadSrc;
-      data.headers.Authorization = `Bearer ${getToken()}`;
    
     });
     async function getList(id)  {
       spinning.value = true
+      try {
       let data = await getLngCustomer(id)
       spinning.value = false
       Object.assign(formState, {...data})
@@ -499,7 +484,12 @@
       Object.assign(dataBank, formState.lngCustomerBankList || [])
       Object.assign(dataCertificate, formState.lngCustomerDocList || [])
       Object.assign(dataContact, formState.lngCustomerContactList || [])
-      Object.assign(dataFile, formState.lngFileUploadList || [])
+      Object.assign(dataFile.value, formState.lngFileUploadList || [])
+      formState.dateEntry = formState.dateEntry ? dayjs(formState.dateEntry) : null
+      formState.dateEstab = formState.dateEstab ? dayjs(formState.dateEstab) : null
+      } catch (error) {
+        spinning.value = false
+      }
     }
     async function getOption() {
       optionSelect.natureCodeList = await getDictionary('LNG_ENT_PR')
@@ -527,7 +517,7 @@
     const handleAdd = (val)=> {
       curIdx.value = null
       if (val ==='certificate') {
-        openModalCertificate(true,{isUpdate: false});
+        openModalCertificate(true,{isUpdate: false, list: dataCertificate});
       }
       if (val ==='contact'){
         openModalContact(true, {});
@@ -544,7 +534,7 @@
       // 证书
       if (type == 'certificate') {
         if (btn == 'edit' || btn == 'view') {
-          openModalCertificate(true, {record: record,isUpdate: true, btnType: btn});
+          openModalCertificate(true, {record: record,isUpdate: true, btnType: btn,  list: dataCertificate});
         }
         if (btn == 'delete') {
           dataCertificate.splice(index, 1)
@@ -586,19 +576,19 @@
       // 附件
       if (type == 'file') {
         if (btn == 'delete') {
-          dataFile.splice(index, 1)
+          dataFile.value.splice(index, 1)
         }
         if (btn == 'up') {
           if (index === 0) {
             return
           }
-          dataFile[index] = dataFile.splice(index-1, 1, dataFile[index])[0];
+          dataFile.value[index] = dataFile.value.splice(index-1, 1, dataFile.value[index])[0];
         }
         if (btn == 'down') {
-          if (index === dataFile.length - 1) {
+          if (index === dataFile.value.length - 1) {
             return
           }
-          dataFile[index] = dataFile.splice(index+1, 1, dataFile[index])[0];
+          dataFile.value[index] = dataFile.value.splice(index+1, 1, dataFile.value[index])[0];
         }
       }
     }
@@ -627,36 +617,16 @@
       }
       dataBank.push(val)
     }
-    function handleChangeFile(info) {
+    function changeUplod (val) {
-      console.log(info, 'info', info.file.status)
+      dataFile.value = []
-      if (info.file.status !== 'uploading') {
+      val.forEach(v => {
+        v.fileOrg = v.fileOrg || v.fileName,
+        v.filePath = v.filePath || v.fileUrl,
+        v.fileSize = v.fileSize
+        dataFile.value.push(v)
+      })
+        console.log(val, 532, dataFile.value)
     }
-      if (info.file.status === 'done') {
-          if (info.file && info.file.response && info.file.response.code == 0) {
-              message.success(t(`{name}上传成功！`, { name: info.file.name }));
-              // 存储原始URL到info.fileUrl（用于提交）（改了）
-              data.info.fileUrl = info.file.response.data.fileUrl;
-              data.fileName = info.file.response.data.fileName;
-
-              // 显示使用fileUrlFixed（如果有），否则使用fileUrl （改了）
-              data.photoUrl = info.file.response.data.fileUrlFixed || info.file.response.data.fileUrl;
-
-              let obj = {
-                fileOrg: data.fileName,
-                filePath: data.photoUrl,
-                filesize: info?.file?.response?.data?.fileSize
-              }
-              dataFile.push(obj)
-
-          } else {
-              message.error(t('上传照片失败'));
-          }
-      } else if (info.file.status === 'error') {
-          message.error(t(`{name}上传失败.`, { name: info.file.name }));
-      }
-    }
-
-
     function close() {
       tabStore.closeTab(currentRoute.value, router);
     }
@@ -698,7 +668,7 @@
             }
           }),
           lngCustomerContactList: dataContact,
-          lngFileUploadList: dataFile
+          lngFileUploadList: dataFile.value
           
         }
         spinning.value = true;
@@ -711,11 +681,11 @@
             data?.cuCode && (formState.cuCode = data.cuCode)
             notification.success({
                 message: 'Tip',
-                description: !data?.id ? t('新增成功！') : t('修改成功！')
+                description: data?.id ? t('新增成功！') : t('修改成功！')
             }); //提示消息
           }
           // formRef.value.resetFields();
-          return data
+          return data?.id ? data : formState
           // setTimeout(() => {
           //     bus.emit(FORM_LIST_MODIFIED, { path: formPath });
           //     close();

src/views/sales/Customer/index.vue

@@ -179,15 +179,28 @@
         }
       });
     } else {
+      if (schemaIdComputedRef.value) {
         router.push({
-        path: '/form/Customer/' + record.id + '/viewForm',
+          path: '/flow/' + schemaIdComputedRef.value + '/0/createFlow',
           query: {
             formPath: 'sales/Customer',
             formName: formName,
-          formId:currentRoute.value.meta.formId
+            formId:currentRoute.value.meta.formId,
+            type:'edit',
+            id: record.id,
+            disabled: 1,
           }
         });
       }
+      // router.push({
+      //   path: '/form/Customer/' + record.id + '/viewForm',
+      //   query: {
+      //     formPath: 'sales/Customer',
+      //     formName: formName,
+      //     formId:currentRoute.value.meta.formId
+      //   }
+      // });
+    }
   }
 
   function buttonClick(code) {
@@ -231,7 +244,7 @@
       });
     } else {
       router.push({
-        path: '/form/Customer/' + record.id + '/createFormCustomer',
+        path: '/form/Customer/' + record.id + '/createForm',
         query: {
           formPath: 'sales/Customer',
           formName: formName,

src/views/secondDev/createFlow.vue

@@ -10,16 +10,16 @@
                             </slot>
                             关闭
                         </a-button>
-                        <a-button :disabled="data.submitLoading" type="primary" @click="saveLaunch">
+                        <a-button v-if="!disabled" :disabled="data.submitLoading" type="primary" @click="saveLaunch">
                             <slot name="icon">
                                 <send-outlined />
                             </slot>
                             提交
                         </a-button>
-                        <a-button v-if="customFormConfig.codeList.includes(curPageCode)" @click="onSave">
+                        <a-button v-if="customFormConfig.codeList.includes(curPageCode)&&!disabled" @click="onSave">
                           <slot name="icon"><save-outlined /></slot>保存
                         </a-button>
-                        <a-button v-else :disabled="data.submitLoading" @click="saveDraft">
+                        <a-button v-if="!customFormConfig.codeList.includes(curPageCode)&&!disabled" :disabled="data.submitLoading" @click="saveDraft">
                             <slot name="icon">
                                 <clock-circle-outlined />
                             </slot>
@@ -32,7 +32,7 @@
                             </slot>
                             流程图
                         </a-button>
-                        <div v-if="customFormConfig.codeList.includes(curPageCode)">
+                        <div v-if="customFormConfig.codeList.includes(curPageCode)&&!disabled">
                           <a-button>
                             <slot name="icon"><download-outlined /></slot>下载模板
                           </a-button>
@@ -43,7 +43,7 @@
                     </a-space>
                 </div>
                 <div class="flow-content">
-                    <component v-if="customFormConfig.codeList.includes(curPageCode)" :is="componentName"  ref="formInformation"  />
+                    <component v-if="customFormConfig.codeList.includes(curPageCode)" :is="componentName" :disabled="disabled"  ref="formInformation"  />
                     <FormInformation v-else :key="randKey" ref="formInformation" :disabled="false" :formAssignmentData="data.formAssignmentData" :formInfos="data.formInfos" :opinions="data.opinions" :opinionsComponents="data.opinionsComponents" />
                 </div>
             </div>
@@ -98,6 +98,7 @@
     let pageMode = 'new';
     const showFlowChart = ref(false);
     const disableSubmit = ref(false);
+    const disabled = ref(currentRoute.query?.disabled)
     const mainFormModels = ref();
     let randKey = ref('randkey'); // 强制表单重新渲染
     let approvalData = reactive({
@@ -157,7 +158,9 @@
     onMounted(async () => {
         try {
             // 发起流程
+            loading.value = true
             let res = await getStartProcessInfo(rSchemaId);
+            loading.value = false
             const title = res?.schemaInfo?.name;
             if (title) {
                 const tabPrefix = pageMode === 'new' ? '新建' : '草稿';
@@ -165,7 +168,9 @@
             }
             curPageCode.value = res?.schemaInfo?.code
             initProcessData(res);
-        } catch (error) {}
+        } catch (error) {
+          loading.value = false
+        }
         randKey.value = Math.random() + '';
         // 这里的顺序不能变 表单不渲染的时候 设置表单初值没用
         await nextTick();