bl-common-vue3 3.8.53 → 3.8.54

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bl-common-vue3",
-  "version": "3.8.53",
+  "version": "3.8.54",
   "main": "index.js",
   "module": "index.js",
   "description": "bailing vue3 common components lib",

package/src/components/AttachmentInfo/index.vue

@@ -3,140 +3,118 @@
     <a-card size="small">
       <template #title v-if="titles">
         <section class="file-title">
-          <span class="mr-5">{{ t('AttachmentInfo.index.559728-0') }}</span>
-          <template v-if="!showOption">
-            (
-            <a-breadcrumb>
-              <a-breadcrumb-item
-                  class="crumb-item"
-                  v-for="(crumb, index) of crumbList"
-                  :key="crumb.key"
-                  @click="handleCrumbItemClick(crumb, index)"
-                  :class="crumb.key != currentCrumb.key ? 'active' : ''"
-              >
-                {{ crumb.title }}
-              </a-breadcrumb-item>
-            </a-breadcrumb>
-            )
-          </template>
+          <span class="mr-5">{{title || t('AttachmentInfo.index.559728-0')}}</span>
         </section>
       </template>
       <template #extra v-if="showOption">
-        <a-dropdown :trigger="['click']" :disabled="disabled">
-          <a-button>
-            <template #icon>
-              <PlusOutlined />
-            </template>
-            {{ t('AttachmentInfo.index.559728-1') }}
-          </a-button>
-          <template #overlay>
-            <a-menu>
-              <a-menu-item
-                v-if="addfolder"
-                key="new_folder"
-                @click="addAttachment(1)"
-              >
-                <template #icon>
-                  <FolderAddOutlined></FolderAddOutlined>
-                </template>
-                {{ t('AttachmentInfo.index.559728-2') }}
-              </a-menu-item>
-              <a-menu-item
-                v-if="batchupload"
-                key="new_file"
-                @click="addAttachment(3)"
-              >
-                <template #icon><UploadOutlined></UploadOutlined></template>
-                <a-upload
-                  name="file"
-                  v-model:fileList="fileList"
-                  :action="$utils.fileAction"
-                  :headers="isOrg?{ 'org-token': $store.getters.token }:{'user-token': $store.getters.userToken}"
-                  multiple
-                  :showUploadList="false"
-                  accept=".doc,.docx,.pdf,.jpg,.jpeg,.png,.mp4,.mp3,.mov,.mpeg"
-                  :data="{ dir: 'org_contract_add_attachments' }"
-                  @change="handleChange"
-                >
-                  {{ t('AttachmentInfo.index.559728-3') }}
-                </a-upload>
-              </a-menu-item>
-              <a-menu-item
-                v-if="mobileAnnexUpload"
-                key="BlMobileAnnexUpload"
-              >
-                <BlMobileAnnexUpload
-                  :title="mobileAnnexUploadConfigInfo.title"
-                  :h5Domain="mobileAnnexUploadConfigInfo.h5Domain"
-                  :uploadConfig="mobileAnnexUploadConfigInfo.uploadConfig"
-                  :addRequest="mobileAnnexUploadConfigInfo.addRequest"
-                  @request="handleRequest"
-                  @handleCommit="handleAddSuccess">
-                </BlMobileAnnexUpload>
-              </a-menu-item>
-            </a-menu>
-          </template>
-        </a-dropdown>
+        <AddAction
+          :disabled="disabled"
+          :addfolder="addfolder"
+          :batchupload="batchupload"
+          :attachParams="attachParams"
+          :serviceFrom="serviceFrom"
+          :parentId="0"
+          :annexAdd="annexAdd"
+          :typeFrom="typeFrom"
+          :isOrg="isOrg"
+          :id="id"
+          :staticPathes="staticPathes"
+          :fileAlias="fileAlias"
+          @getDataList="getDataList"
+          :mobileAnnexUpload="mobileAnnexUpload"
+          :mobileAnnexUploadConfig="mobileAnnexUploadConfig"
+          @handleRequest="handleRequest"
+        />
       </template>
       <a-table
-        :dataSource="dataList"
-        :columns="columns"
-        rowKey="id"
-        :loading="loading"
-        :pagination="pagination"
-        @change="handleTableChange"
-        size="small"
-        bordered
+          :defaultExpandAllRows="true"
+          :key="tableKey"
+          :dataSource="dataList"
+          :columns="columns"
+          rowKey="id"
+          :loading="loading"
+          :pagination="pagination"
+          @change="handleTableChange"
+          size="small"
+          bordered
       >
         <template #bodyCell="{ text, record, column }">
           <template v-if="column.key === 'name'">
-            <div class="file-name" @click="handleNameClick(record)">
-              <FolderOutlined v-if="record.annex_type == 1" />
-              <FileOutlined v-if="record.annex_type == 2" />
+            <div class="file-name">
+              <FolderOutlined v-if="record.annex_type == 1"/>
+              <FileOutlined v-if="record.annex_type == 2"/>
               <span class="name">{{ text }}</span>
             </div>
           </template>
 
           <template v-if="column.key === 'action'">
-            <a-tooltip>
+            <a-tooltip v-if="record.annex_type == 2">
               <template #title>{{ t('AttachmentInfo.index.559728-5') }}</template>
-              <a-button type="link" @click="previewClick(record)">
+              <a-button
+                  type="link"
+                  :disabled="record.online_preview && !record.online_preview.previewUrl &&
+                  record.online_preview.documentType !== 'pic'
+                "
+                  @click="previewClick(record)"
+              >
                 <template #icon>
-                  <EyeOutlined v-if="record.annex_type == 2" />
+                  <EyeOutlined/>
                 </template>
               </a-button>
             </a-tooltip>
-            <a-space v-if="record.operate && record.operate.length">
+            <a-space v-if="record.operate && record.operate.length || (showOption && record.annex_type == 1)">
+              <AddAction
+                v-if="showOption && record.annex_type == 1"
+                :disabled="disabled"
+                :addfolder="addfolder"
+                :batchupload="batchupload"
+                :attachParams="{
+                  ...attachParams,
+                  parent_id: record.id,
+                }"
+                :parentId="record.id"
+                :serviceFrom="serviceFrom"
+                :annexAdd="annexAdd"
+                :typeFrom="typeFrom"
+                :isOrg="isOrg"
+                :id="id"
+                :fileAlias="fileAlias"
+                :staticPathes="staticPathes"
+                @getDataList="getDataList"
+                :mobileAnnexUpload="mobileAnnexUpload"
+                :mobileAnnexUploadConfig="mobileAnnexUploadConfig"
+                @handleRequest="handleRequest"
+              />
               <a-tooltip v-if="record.operate.includes('Topping')">
                 <template #title>{{ t('AttachmentInfo.index.559728-6') }}</template>
                 <a-button
                   type="link"
-                  @click="fileToTop(record)"
+                  @click="fileToTop(record.id)"
                   :disabled="disabled"
                 >
                   <template #icon>
-                    <ToTopOutlined />
+                    <ToTopOutlined/>
                   </template>
                 </a-button>
               </a-tooltip>
               <a-tooltip v-if="record.operate.includes('Download')">
                 <template #title>{{ t('AttachmentInfo.index.559728-7') }}</template>
-                <a-button type="link" @click="downloadFile(record.file_path, record.name)">
+                <a-button type="link" @click="downloadFile(record.file_path)">
                   <template #icon>
-                    <DownloadOutlined />
+                    <DownloadOutlined/>
                   </template>
                 </a-button>
               </a-tooltip>
               <a-tooltip v-if="showOption && record.operate.includes('Delete')">
-                <template #title>{{t('common.button.delete')}}</template>
+                <template #title>{{ t('common.button.delete') }}</template>
                 <a-button
                   type="link"
                   danger
-                  @click="deleteFile(text)"
+                  @click="deleteFile(record.id)"
                   :disabled="disabled"
                 >
                   <template #icon>
-                    <DeleteOutlined />
+                    <DeleteOutlined/>
                   </template>
                 </a-button>
               </a-tooltip>
@@ -146,33 +124,12 @@
         </template>
       </a-table>
     </a-card>
-    <add-attachments
-      :params="addParams"
-      :visible="addVisible"
-      :fileAlias="fileAlias"
-      :id="id"
-      @cancel="addVisible = false"
-      @success="handleAddSuccess"
-      @request="handleRequest"
-    />
-
-    <MultipleAddAttachments
-      :visible="multiAddVisible"
-      :file-list="fileList"
-      :fileAlias="fileAlias"
-      :id="id"
-      @handleCancel="handleCancel"
-      :params="addParams"
-      @handleCommit="handleAddSuccess"
-      @request="handleRequest"
-    />
   </section>
 </template>
 
 <script>
-import { defineComponent, ref, watch, computed, createVNode } from "vue";
+import { defineComponent, ref, watch, computed, createVNode, nextTick } from "vue";
 import {
-  PlusOutlined,
   ToTopOutlined,
   FolderOutlined,
   FileOutlined,
@@ -180,17 +137,12 @@ import {
   DeleteOutlined,
   EyeOutlined,
   ExclamationCircleOutlined,
-  FolderAddOutlined,
-  UploadOutlined
 } from "@ant-design/icons-vue";
-import addAttachments from "./modules/AddAttachments.vue";
 import utils from "../../common/utils/util";
 import {
   message,
   Modal,
   Card,
-  Breadcrumb,
-  BreadcrumbItem,
   Dropdown,
   Menu,
   MenuItem,
@@ -200,36 +152,23 @@ import {
   Button,
   Space,
 } from "ant-design-vue";
-import MultipleAddAttachments from "./modules/MultipleAddAttachments.vue";
 import {t, loadLanguageAsync} from "../../locale";
-import BlMobileAnnexUpload from "../BlMobileAnnexUpload/index.vue";
+import AddAction from "./modules/AddAction.vue";
 export default defineComponent({
   name: "ContractAttachmentInfo",
   components: {
-    PlusOutlined,
     ToTopOutlined,
     FolderOutlined,
     FileOutlined,
-    addAttachments,
     DownloadOutlined,
     DeleteOutlined,
     EyeOutlined,
-    MultipleAddAttachments,
-
+    AddAction,
     "a-card": Card,
-    "a-breadcrumb": Breadcrumb,
-    "a-breadcrumb-item": BreadcrumbItem,
-    "a-dropdown": Dropdown,
-    "a-menu": Menu,
-    "a-menu-item": MenuItem,
-    "a-upload": Upload,
     "a-table": Table,
     "a-tooltip": Tooltip,
     "a-button": Button,
     "a-space": Space,
-    FolderAddOutlined,
-    UploadOutlined,
-    BlMobileAnnexUpload
   },
   props: {
     active: {
@@ -301,6 +240,10 @@ export default defineComponent({
       type: Boolean,
       default: true,
     },
+    title: {
+      type: String,
+      default: '',
+    },
     titles: {
       type: Boolean,
       default: true,
@@ -342,45 +285,29 @@ export default defineComponent({
     isOrg:{
       type: Boolean,
       default: true,
-    }
+    },
+    typeFrom: {
+      type: String,
+      default: "",
+    },
+    staticPathes: {
+      type: String,
+      default: "",
+    },
   },
   setup(props, context) {
     const homeCrumb = { key: "home", parentId: 0, title: t('AttachmentInfo.index.559728-8') };
     const crumbList = ref([homeCrumb]);
     const currentCrumb = ref(homeCrumb);
-    // 点击面包屑
-    const handleCrumbItemClick = (crumb, index) => {
-      if (currentCrumb.value.key == crumb.key) {
-        return;
-      }
-      currentCrumb.value = crumb;
-      crumbList.value.splice(index + 1, crumbList.value.length - index - 1);
-      getDataList();
-    };
-
-    // 点击进入文件夹
-    const handleNameClick = (record) => {
-      if (record.annex_type == 1) {
-        let item = {
-          key: "sub_" + record.id,
-          parentId: record.id,
-          title: record.name,
-        };
-        crumbList.value.push(item);
-        currentCrumb.value = item;
-        getDataList();
-      }
-    };
+    let attachParams = {};
 
     // 添加文件、文件夹
     const addVisible = ref(false);
     //批量上传
     const multiAddVisible = ref(false);
-    const fileList = ref([]);
 
     const successIds = ref([]);
     const handleAddSuccess = ({ data }) => {
-      fileList.value = [];
       multiAddVisible.value = false;
       addVisible.value = false;
       page.value = 1;
@@ -402,16 +329,6 @@ export default defineComponent({
       }
     };
 
-    const handleChange = (info) => {
-      fileList.value = info.fileList;
-      multiAddVisible.value = true;
-      console.log(fileList.value);
-    };
-    const handleCancel = () => {
-      fileList.value = [];
-      multiAddVisible.value = false;
-    };
-
     // 附件列表
     const page = ref(1);
     const limit = ref(20);
@@ -426,28 +343,24 @@ export default defineComponent({
     const handleTableChange = (pager) => {
       page.value = pager.current;
       limit.value = pager.pageSize;
+      getDataList();
     };
     watch([page, limit], () => {
       getDataList();
     });
     const addParams = ref({});
     const dataList = ref([]);
-
     const filters = ref([]);
 
     // const fis
-    const getDataList = () => {
+    const getDataList = (init) => {
+      if (init) {
+        page.value = 1;
+      }
       let params = {
         page: page.value,
         pageSize: limit.value,
       };
-      if (!filters.value.find((item) => item.field == "parent_id")) {
-        filters.value.push({
-          field: "parent_id",
-          type: "equal",
-          value: currentCrumb.value.parentId,
-        });
-      }
 
       if (props.id) {
         if (!filters.value.find((item) => item.field == "business_id")) {
@@ -475,9 +388,6 @@ export default defineComponent({
         });
       }
       filters.value.forEach((item) => {
-        if (item.field == "parent_id") {
-          item.value = currentCrumb.value.parentId;
-        }
         if (item.field == "id") {
           item.value = successIds.value;
         }
@@ -499,12 +409,16 @@ export default defineComponent({
           },
         },
         success: (res) => {
+          dataList.value = []
           dataList.value = res.list;
           let ids = res.list.map((item) => item.id);
           if (!successIds.value.length) {
             successIds.value = ids;
           }
           total.value = res.total;
+          nextTick(() => {
+            getPicList(dataList.value)
+          })
           context.emit(
             "annexNumChange",
             dataList.value.length,
@@ -513,8 +427,16 @@ export default defineComponent({
       });
     };
 
+    const getPicList = (list) => {
+      list.forEach((v) => {
+        if (v?.children?.length) {
+          getPicList(v.children);
+        }
+      });
+    };
+
     // 文件置顶
-    const fileToTop = (record) => {
+    const fileToTop = (id) => {
       const params = {
         needMsg: true,
       };
@@ -526,7 +448,7 @@ export default defineComponent({
         params: {
           method: "put",
           server: `${props.serviceFrom}`,
-          url: `${props.annexTopFrom}/${record.id}`,
+          url: `${props.annexTopFrom}/${id}`,
           extra: params,
         },
         success: (res) => {
@@ -599,8 +521,6 @@ export default defineComponent({
     const randomStr = utils.getRandomUid(18);
     let loaded = false;
 
-    let attachParams = {};
-
     // 在线预览
     const imgVisible = ref(false);
     const imgList = ref([]);
@@ -648,6 +568,9 @@ export default defineComponent({
       if (!attachParams.object_id) {
         attachParams.object_id = randomStr;
       }
+      if(props.typeFrom){
+        attachParams.typeFrom = props.typeFrom;
+      }
       console.log("attachParams", attachParams);
       getDataList();
       loaded = true;
@@ -688,13 +611,16 @@ export default defineComponent({
         },
         {
           title: t('AttachmentInfo.index.559728-14'),
-          dataIndex: "operate_name",
-          key: "operate_name",
+          dataIndex: "operate_user",
+          key: "operate_user",
         },
         {
           title: t('AttachmentInfo.index.559728-15'),
           dataIndex: "operate_time",
           key: "operate_time",
+          customRender: ({record}) => {
+            return utils.i18nTypeShow(record,'date','operate_time') || '--'
+          }
         },
         {
           title: t('common.table.operation'),
@@ -715,7 +641,7 @@ export default defineComponent({
     const mobileAnnexUploadConfigInfo = computed(() => {
       return {
         title: props.mobileAnnexUploadConfig?.title || "",
-        h5Domain: props.mobileAnnexUploadConfig?.h5Domain || location.origin,
+        h5Domain: props.mobileAnnexUploadConfig?.h5Domain || location.origin || props.staticPathes,
         uploadConfig: props.mobileAnnexUploadConfig?.uploadConfig || {},
         addRequest: {
           extra: {
@@ -723,8 +649,9 @@ export default defineComponent({
             annex_type: 2,
             parent_id: currentCrumb.value.parentId,
             ...attachParams,
-            id: props.id,
+            business_id: props.id,
             alias: props.fileAlias,
+            typeFrom: props.typeFrom,
           },
           server: props.serviceFrom,
           url: props.annexAdd,
@@ -744,8 +671,6 @@ export default defineComponent({
       loading,
       loaded,
       addParams,
-      handleCrumbItemClick,
-      handleNameClick,
       handleAddSuccess,
       addAttachment,
       handleTableChange,
@@ -757,14 +682,14 @@ export default defineComponent({
 
       imgList,
       imgVisible,
-      handleChange,
       multiAddVisible,
-      fileList,
-      handleCancel,
       handleRequest,
 
       getAnnexEdit,
-      mobileAnnexUploadConfigInfo
+      mobileAnnexUploadConfigInfo,
+      getDataList,
+      getPicList,
+      attachParams,
     };
   },
 });
@@ -779,7 +704,6 @@ export default defineComponent({
   .crumb-item {
     padding: 0 4px;
     cursor: pointer;
-    color: rgba(0, 0, 0, 0.45);
   }
 
   .active {
@@ -788,9 +712,7 @@ export default defineComponent({
 }
 
 .file-name {
-  font-size: 12px;
-  color: @primary-color;
-  cursor: pointer;
+  font-size: inherit;
 
   .name {
     margin-left: 8px;

package/src/components/AttachmentInfo/modules/AddAction.vue

@@ -0,0 +1,274 @@
+<template>
+  <a-dropdown :trigger="['click']" :disabled="disabled">
+    <a-tooltip v-if="parentId">
+      <template #title>{{ t('AttachmentInfo.index.559728-1') }}</template>
+      <a-button
+        type="link"
+      >
+        <template #icon>
+          <PlusOutlined/>
+        </template>
+      </a-button>
+    </a-tooltip>
+
+    <a-button v-else>
+      <template #icon>
+        <PlusOutlined/>
+      </template>
+      {{ t('AttachmentInfo.index.559728-1') }}
+    </a-button>
+    <template #overlay>
+      <a-menu>
+        <a-menu-item v-if="addfolder" key="new_folder" @click="addAttachment(1)">
+          <template #icon>
+            <FolderAddOutlined/>
+          </template>
+          {{ t('AttachmentInfo.index.559728-2') }}
+        </a-menu-item>
+        <a-menu-item v-if="batchupload" key="new_file" @click="addAttachment(3)">
+          <template #icon>
+            <UploadOutlined/>
+          </template>
+          <a-upload
+            name="file"
+            v-model:fileList="fileList"
+            :action="$utils.fileAction"
+            :headers="isOrg?{ 'org-token': $store.getters.token }:{'user-token': $store.getters.userToken}"
+            multiple
+            :showUploadList="false"
+            accept=".doc,.docx,.pdf,.jpg,.jpeg,.png,.mp4,.mp3,.mov,.mpeg"
+            :data="{ dir: 'org_contract_add_attachments' }"
+            @change="handleChange"
+          >
+            {{ t('AttachmentInfo.index.559728-3') }}
+          </a-upload>
+        </a-menu-item>
+        <a-menu-item  v-if="mobileAnnexUpload" key="BlMobileAnnexUpload">
+          <!-- 手机扫码上传 -->
+          <BlMobileAnnexUpload 
+            :title="mobileAnnexUploadConfig.title" 
+            :h5Domain="mobileAnnexUploadConfig.h5Domain || staticPathes" 
+            :uploadConfig="mobileAnnexUploadConfig.uploadConfig" 
+            :addRequest="addRequest"
+            @request="handleRequest"
+            @handleCommit="handleAddSuccess">
+            </BlMobileAnnexUpload>
+        </a-menu-item>
+      </a-menu>
+    </template>
+  </a-dropdown>
+
+  <add-attachments
+    :params="attachParams"
+    :visible="addVisible"
+    :id="id"
+    :fileAlias="fileAlias"
+    :serviceFrom="serviceFrom"
+    :annexAdd="annexAdd"
+    @cancel="addVisible = false"
+    @success="handleAddSuccess"
+    @request="handleRequest"
+  />
+
+  <MultipleAddAttachments
+    :visible="multiAddVisible"
+    :file-list="fileList"
+    @handleCancel="handleCancel"
+    :params="attachParams"
+    :id="id"
+    :fileAlias="fileAlias"
+    :serviceFrom="serviceFrom"
+    :annexAdd="annexAdd"
+    :getFile="getFile"
+    @handleCommit="handleAddSuccess"
+    @request="handleRequest"/>
+</template>
+
+<script>
+import {defineComponent, ref, computed} from "vue";
+import {CheckOutlined, PlusOutlined, FolderAddOutlined, UploadOutlined} from "@ant-design/icons-vue";
+import {
+  message,
+  Modal,
+  Card,
+  Dropdown,
+  Menu,
+  MenuItem,
+  Upload,
+  Tooltip,
+  Table,
+  Button,
+  Space,
+} from "ant-design-vue";
+import MultipleAddAttachments from "./MultipleAddAttachments.vue";
+import addAttachments from "./AddAttachments.vue";
+import { t } from "../../../locale";
+import BlMobileAnnexUpload from "../../BlMobileAnnexUpload/index.vue";
+export default defineComponent({
+  name: "AddAction",
+  components: {
+    addAttachments, 
+    MultipleAddAttachments, 
+    PlusOutlined,
+    BlMobileAnnexUpload,
+    FolderAddOutlined,
+    UploadOutlined,
+    "a-dropdown": Dropdown,
+    "a-menu": Menu,
+    "a-menu-item": MenuItem,
+    "a-upload": Upload,
+    "a-tooltip": Tooltip,
+    "a-button": Button,
+  },
+  props: {
+    disabled: {
+      type: Boolean,
+      default: false,
+    },
+    addfolder: {
+      type: Boolean,
+      default: true,
+    },
+    batchupload: {
+      type: Boolean,
+      default: true,
+    },
+    attachParams: {
+      type: Object,
+      default: () => ({}),
+    },
+    parentId: {
+      type: [String, Number],
+      default: 0,
+    },
+    typeFrom: {
+      type: String,
+      default: "contract",
+    },
+    // 手机扫码上传
+    mobileAnnexUpload: {
+      type: Boolean,
+      default: true,
+    },
+     // 手机扫码配置
+    mobileAnnexUploadConfig: {
+      type: Object,
+      default: () => {
+        return {
+          // 按钮标题
+          title: '',
+          // h5域名最后不需要/
+          h5Domain: '',
+          uploadConfig: {
+            // 现仅支持图片上传
+            image: {
+              show: true,
+              accept: "image/*",
+              count: Infinity,
+              size: Infinity,
+            }
+          }
+        };
+      },
+    },
+    getFile: {
+      type: Boolean,
+      default: false,
+    }, // 是不是直接拿文件
+    serviceFrom: {
+      type: String,
+      default: "",
+    },
+    // 添加接口
+    annexAdd: {
+      type: String,
+      default: "",
+    },
+    id: {
+      type: [Number, String],
+      default: 0,
+    },
+    fileAlias: {
+      type: String,
+      default: "",
+    },
+    isOrg:{
+      type: Boolean,
+      default: true,
+    },
+    staticPathes: {
+      type: String,
+      default: "",
+    },
+    
+  },
+  setup(props, context) {
+    //批量上传
+    const multiAddVisible = ref(false);
+    const fileList = ref([]);
+    // 添加文件、文件夹
+    const addVisible = ref(false);
+    const addParams = ref({});
+
+    const addAttachment = (type) => {
+      if (type != 3) {
+        addVisible.value = true;
+      }
+    };
+
+    const handleCancel = () => {
+      fileList.value = []
+      multiAddVisible.value = false;
+    };
+
+    const handleChange = (info) => {
+      fileList.value = info.fileList
+      multiAddVisible.value = true;
+    };
+
+    const handleAddSuccess = (list = []) => {
+      fileList.value = []
+      multiAddVisible.value = false;
+      addVisible.value = false;
+      // 请求接口
+      context.emit('getDataList', props.getFile ? list : true)
+    };
+
+    const handleRequest = (emitObj) => {
+      context.emit("handleRequest", emitObj);
+    };
+
+    const addRequest = computed(() => {
+      let params = {
+        extra:{
+          objectId: props.attachParams?.object_id,
+          parent_id: props.parentId,
+          ...props.attachParams,
+        },
+        server:`/${props.serviceFrom}`,
+        url:`${props.annexAdd}`,
+        method: 'post'
+      }
+      return props.getFile ? {} : params;
+    });
+
+    return {
+      t,
+      multiAddVisible,
+      fileList,
+      addParams,
+      addVisible,
+      addAttachment,
+      handleCancel,
+      handleChange,
+      handleAddSuccess,
+      handleRequest,
+      addRequest,
+    };
+  },
+});
+</script>
+
+<style lang="less" scoped>
+
+</style>

package/src/components/AttachmentInfo/modules/AddAttachments.vue

@@ -103,6 +103,14 @@ export default defineComponent({
       type: [Number, String],
       default: 0,
     },
+    serviceFrom: {
+      type: String,
+      default: "",
+    },
+    annexAdd: {
+      type: String,
+      default: "",
+    },
   },
   components: {
     FileTextOutlined,
@@ -169,8 +177,8 @@ export default defineComponent({
         context.emit("request", {
           params: {
             method: "post",
-            server: `/${params.serviceFrom}`,
-            url: `${params.annexAdd}`,
+            server: `/${props.serviceFrom}`,
+            url: `${props.annexAdd}`,
             extra: params,
           },
           success: (res) => {

package/src/components/AttachmentInfo/modules/MultipleAddAttachments.vue

@@ -126,6 +126,14 @@ export default {
       type: [Number, String],
       default: 0,
     },
+    serviceFrom: {
+      type: String,
+      default: "",
+    },
+    annexAdd: {
+      type: String,
+      default: "",
+    },
   },
   setup(props, context) {
     const state = reactive({
@@ -168,7 +176,7 @@ export default {
         message.error(t('modules.MultipleAddAttachments.414571-5'));
         return;
       }
-
+      
       for (let i = 0; i < state.uploadList.length; i++) {
         const item = state.uploadList[i];
         const params = {
@@ -189,8 +197,8 @@ export default {
         context.emit("request", {
           params: {
             method: "post",
-            server: `/${params.serviceFrom}`,
-            url: `${params.annexAdd}`,
+            server: `/${props.serviceFrom}`,
+            url: `${props.annexAdd}`,
             extra: params,
           },
           success: (res) => {

package/src/components/ChooseHousingResources/index.vue

@@ -26,10 +26,12 @@
         <a-tree
           :height="treeHeight"
           virtual
+          :itemHeight="treeItemHeight"
+          :openAnimation="treeMotion"
           :checkable="checkable"
-          show-icon
+          :show-icon="enableTreeIcon"
           v-model:expandedKeys="expandedKeys"
-          :loadedKeys="expandedKeys"
+          :loadedKeys="loadedKeys"
           :checkedKeys="checkedKeys"
           :selectedKeys="selectedKeys"
           :tree-data="treeList"
@@ -41,7 +43,7 @@
           @select="onTreeSelect"
         >
           <!-- 图标 -->
-          <template #icon="{ dataRef }">
+          <template v-if="enableTreeIcon" #icon="{ dataRef }">
             <bl-icon
               v-if="dataRef.slotIcon === 'topCompanyIcon'"
               type="tree-jigou"
@@ -75,15 +77,43 @@
 
           <!-- 标题 -->
           <template #title="{ dataRef }">
-            <a-tooltip
-              v-if="dataRef.slotTitle === 'roomTitle'"
-              placement="topLeft"
-            >
-              <template v-if="dataRef.disabled && dataRef.disabledTip" #title>{{
-                  dataRef.disabledTip
-                }}</template>
-              <div class="room-title">
-                <div class="title-show" key="title-disabled-tip">
+            <template v-if="dataRef.slotTitle === 'roomTitle'">
+              <a-tooltip
+                v-if="enableNodeTooltip"
+                placement="topLeft"
+              >
+                <template v-if="dataRef.disabled && dataRef.disabledTip" #title>{{
+                    dataRef.disabledTip
+                  }}</template>
+                <div class="room-title">
+                  <div class="title-show" key="title-disabled-tip">
+                    <div class="title">
+                      <LockOutlined v-if="dataRef.is_lock == 1 && dataRef.disabled" class="locked" />
+                      <span style="cursor: pointer" @click.stop="viewRoomDetail(dataRef)">{{ dataRef.title }}</span>
+                    </div>
+                    <span
+                      v-if="checkable && showRoomArea"
+                      :class="dataRef.disabled ? 'text-gray' : 'text-primary'"
+                    >
+                      <a-tooltip>
+                        <template #title>
+                          <div v-if="!noDisabledLog">{{t('ChooseHousingResources.index.592551-0', [dataRef.showArea, commonAreaUnit])}}</div>
+                          <div v-if="utils.numberToPrecision(dataRef.build_area) || noDisabledLog">{{t('ChooseHousingResources.index.592551-1', [utils.numberToPrecision(dataRef.build_area), commonAreaUnit])}}</div>
+                          <div v-if="utils.numberToPrecision(dataRef.inside_area)">{{t('ChooseHousingResources.index.592551-2', [utils.numberToPrecision(dataRef.inside_area), commonAreaUnit])}}</div>
+                          <div v-if="utils.numberToPrecision(dataRef.share_area)">{{t('ChooseHousingResources.index.592551-3', [utils.numberToPrecision(dataRef.share_area), commonAreaUnit])}}</div>
+                        </template>
+                        {{ getRoomAreaText(dataRef) }}
+                      </a-tooltip>
+                  </span>
+                  </div>
+                </div>
+              </a-tooltip>
+              <div
+                v-else
+                class="room-title room-title--plain"
+                :title="getRoomNodeTitle(dataRef)"
+              >
+                <div class="title-show" key="title-disabled-tip-plain">
                   <div class="title">
                     <LockOutlined v-if="dataRef.is_lock == 1 && dataRef.disabled" class="locked" />
                     <span style="cursor: pointer" @click.stop="viewRoomDetail(dataRef)">{{ dataRef.title }}</span>
@@ -92,21 +122,14 @@
                     v-if="checkable && showRoomArea"
                     :class="dataRef.disabled ? 'text-gray' : 'text-primary'"
                   >
-                    <a-tooltip>
-                      <template #title>
-                        <div v-if="!noDisabledLog">{{t('ChooseHousingResources.index.592551-0', [dataRef.showArea, commonAreaUnit])}}</div>
-                        <div v-if="utils.numberToPrecision(dataRef.build_area) || noDisabledLog">{{t('ChooseHousingResources.index.592551-1', [utils.numberToPrecision(dataRef.build_area), commonAreaUnit])}}</div>
-                        <div v-if="utils.numberToPrecision(dataRef.inside_area)">{{t('ChooseHousingResources.index.592551-2', [utils.numberToPrecision(dataRef.inside_area), commonAreaUnit])}}</div>
-                        <div v-if="utils.numberToPrecision(dataRef.share_area)">{{t('ChooseHousingResources.index.592551-3', [utils.numberToPrecision(dataRef.share_area), commonAreaUnit])}}</div>
-                      </template>
-                      {{ noDisabledLog ? utils.numberToPrecision(dataRef.build_area) : dataRef.showArea }}{{commonAreaUnit}}
-                    </a-tooltip>
-                </span>
+                    {{ getRoomAreaText(dataRef) }}
+                  </span>
                 </div>
               </div>
-            </a-tooltip>
+            </template>
             <template v-else>
               <a-tooltip
+                v-if="enableNodeTooltip"
                 placement="topLeft"
               >
                 <template v-if="dataRef.disabled && dataRef.disabledTip" #title>{{
@@ -114,6 +137,7 @@
                   }}</template>
                 <span>{{ dataRef.title }}</span>
               </a-tooltip>
+              <span v-else :title="getNodeTitle(dataRef)">{{ dataRef.title }}</span>
             </template>
           </template>
         </a-tree>
@@ -127,6 +151,8 @@ import {
   computed,
   defineComponent,
   nextTick,
+  onUnmounted,
+  shallowRef,
   reactive,
   toRaw,
   toRefs,
@@ -375,9 +401,14 @@ export default defineComponent({
   },
   setup(props, { emit }) {
     const commonAreaUnit = utils.getAreaUnit();
+    // 大数据量时切换到性能优先模式，减少默认展开、动画和 Tooltip 的同步开销
+    const LARGE_TREE_NODE_THRESHOLD = 2000;
+    // 当前节点样式包含上下 padding，因此需要显式同步虚拟列表的单项高度
+    const TREE_ITEM_HEIGHT = 32;
+
     // 打印方法
     const CL = (key, value) => {
-      console.info(`$$$$$$$$$$$$----${key}`, toRaw(value));
+      console.info(`ChooseHousingResources----${key}`, toRaw(value));
     };
 
     const roomTitleProps = computed(() => {
@@ -404,6 +435,9 @@ export default defineComponent({
     const showDpt = computed(() => props.attachDpt == 1);
     const treeRef = ref(null);
     const treeHeight = ref(0);
+    // 原始树数据单独保存为浅层引用，避免 reactive + JSON 序列化带来的双份内存开销
+    const originTreeData = shallowRef([]);
+    const sourceTreeNodeCount = ref(0);
 
     const spinning = ref(false);
 
@@ -411,6 +445,7 @@ export default defineComponent({
       // 树展开节点key值集合
       initExpandKeys: [],
       expandedKeys: [],
+      loadedKeys: [],
       // 选中节点的key值集合
       checkedKeys: [],
       selectedKeys: [],
@@ -424,7 +459,6 @@ export default defineComponent({
       deptVillageMap: {},
       // 展示的树数据
       treeList: [],
-      originData: undefined,
     };
 
 
@@ -439,6 +473,118 @@ export default defineComponent({
     const authBranchOptions = computed(() => {
       return props.branchOptions?.length ? props.branchOptions : state.authBranchList;
     });
+    const isLargeDataMode = computed(() => {
+      return sourceTreeNodeCount.value >= LARGE_TREE_NODE_THRESHOLD;
+    });
+    const treeItemHeight = computed(() => TREE_ITEM_HEIGHT);
+    const treeMotion = computed(() => {
+      return isLargeDataMode.value ? null : undefined;
+    });
+    const enableTreeIcon = computed(() => {
+      return !isLargeDataMode.value;
+    });
+    const enableNodeTooltip = computed(() => {
+      return !isLargeDataMode.value;
+    });
+
+    /**
+     * 深拷贝树数据。
+     * 这里统一用 cloneDeep，避免大树场景下频繁 JSON 序列化造成长任务和额外字符串内存。
+     * @param {Array} list - 树数据
+     * @returns {Array}
+     */
+    const cloneTreeData = (list = []) => {
+      return _.cloneDeep(toRaw(list || []));
+    };
+
+    /**
+     * 统计树节点总数，用于决定是否进入性能优先模式。
+     * @param {Array} list - 树数据
+     * @returns {number}
+     */
+    const getTreeNodeCount = (list = []) => {
+      let count = 0;
+      let queue = Array.isArray(list) ? [...list] : [];
+      while (queue.length) {
+        const item = queue.shift();
+        if (!item) {
+          continue;
+        }
+        count++;
+        if (item.children?.length) {
+          queue.push(...item.children);
+        }
+      }
+      return count;
+    };
+
+    /**
+     * 大数据场景下仅保留首层department默认展开，避免初始化时一次性打平整棵树。
+     * @param {Array} list - 树数据
+     * @returns {Array}
+     */
+    const getSafeInitExpandedKeys = (list = []) => {
+      return (list || []).filter((item) => item?.childType === "department").map((item) => item.key);
+    };
+
+    /**
+     * 根据节点总数重置默认展开策略，优先保证首屏稳定渲染。
+     * @param {Array} list - 树数据
+     * @returns {void}
+     */
+    const applyTreePerformanceStrategy = (list = []) => {
+      sourceTreeNodeCount.value = getTreeNodeCount(list);
+      const normalExpandKeys = Array.from(new Set(state.initExpandKeys));
+      const nextInitExpandKeys = sourceTreeNodeCount.value >= LARGE_TREE_NODE_THRESHOLD
+        ? getSafeInitExpandedKeys(list)
+        : normalExpandKeys;
+      state.initExpandKeys = [...nextInitExpandKeys];
+      state.expandedKeys = [...nextInitExpandKeys];
+    };
+
+    /**
+     * 记录已完成异步加载的节点，避免将 expandedKeys 误当成 loadedKeys 导致额外受控更新。
+     * @param {string} key - 节点 key
+     * @returns {void}
+     */
+    const appendLoadedKey = (key) => {
+      if (!key || state.loadedKeys.includes(key)) {
+        return;
+      }
+      state.loadedKeys = [...state.loadedKeys, key];
+    };
+
+    /**
+     * 大数据模式下改用原生 title，减少 Tooltip 组件树和事件绑定数量。
+     * @param {Object} dataRef - 当前节点
+     * @returns {string}
+     */
+    const getNodeTitle = (dataRef) => {
+      return dataRef?.disabled && dataRef?.disabledTip ? dataRef.disabledTip : dataRef?.title || "";
+    };
+
+    /**
+     * 统一房间面积展示文本，避免模板内重复计算。
+     * @param {Object} dataRef - 当前节点
+     * @returns {string}
+     */
+    const getRoomAreaText = (dataRef) => {
+      const areaValue = noDisabledLog ? utils.numberToPrecision(dataRef.build_area) : dataRef.showArea;
+      return `${areaValue || 0}${commonAreaUnit}`;
+    };
+
+    /**
+     * 生成房间节点的原生提示文案，在关闭 Tooltip 时仍能看到关键信息。
+     * @param {Object} dataRef - 当前节点
+     * @returns {string}
+     */
+    const getRoomNodeTitle = (dataRef) => {
+      const titleList = [getNodeTitle(dataRef)];
+      if (props.checkable && props.showRoomArea) {
+        titleList.push(getRoomAreaText(dataRef));
+      }
+      return titleList.filter(Boolean).join(" | ");
+    };
 
     const getClauseTypeByArray = () => {
       let otherAttribute = 'other';
@@ -470,6 +616,7 @@ export default defineComponent({
     );
     const reset = () => {
       state.expandedKeys = [...state.initExpandKeys];
+      state.loadedKeys = [];
       state.checkedKeys = [];
       state.tempCheckedKeys = [];
       //checkedIds = [];
@@ -484,7 +631,7 @@ export default defineComponent({
 
     const filterTreeListByShowList = () => {
       // 过滤树
-      const originData = JSON.parse(state.originData);
+      const originData = cloneTreeData(originTreeData.value);
       spinning.value = true;
       getShowList(originData).then((res) => {
         spinning.value = false;
@@ -508,7 +655,7 @@ export default defineComponent({
           } else {
             spinning.value = false;
             nextTick(() => {
-              state.treeList = JSON.parse(state.originData);
+              state.treeList = cloneTreeData(originTreeData.value);
             });
           }
         }
@@ -661,7 +808,6 @@ export default defineComponent({
                 const roomIds = [...subRoomParentIds, ...noSubRoomIds];
                 result = list.filter((item) => roomIds.includes(item.id));
                 let haveSubResult = list.filter((item) => subRoomParentIds.includes(item.id));
-                console.log(roomIds, result,haveSubResult, '0000000000000000000000000' )
                 await getSubRoomAsync(haveSubResult);
               } else if (childType == "subRoom")  {
                 // 子房间
@@ -1326,6 +1472,7 @@ export default defineComponent({
             } else {
               build.isLeaf = true;
             }
+            appendLoadedKey(build.key);
             resolve(build.children);
           },
         });
@@ -1571,6 +1718,7 @@ export default defineComponent({
             } else {
               layOrBuild.isLeaf = true;
             }
+            appendLoadedKey(layOrBuild.key);
             resolve(layOrBuild.children);
           },
         });
@@ -1654,6 +1802,7 @@ export default defineComponent({
             } else {
               room.isLeaf = true;
             }
+            appendLoadedKey(room.key);
             resolve(room.children);
           },
         });
@@ -1676,29 +1825,29 @@ export default defineComponent({
       }
     );
     const filterVillageByType = () => {
-      if (!state.originData || !state.treeList.length) {
+      if (!originTreeData.value?.length || !state.treeList.length) {
         return;
       }
       if (props.villageType) {
         if (showDpt.value) {
-          state.treeList = filterDeptVillageByType(state.treeList);
+          state.treeList = filterDeptVillageByType(cloneTreeData(originTreeData.value));
         } else {
-          let originData = JSON.parse(state.originData);
+          let originData = cloneTreeData(originTreeData.value);
           state.treeList = originData.filter(
             (item) => item.type == props.villageType
           );
         }
       }else if (props.notShowType.length) {
         if (showDpt.value) {
-          state.treeList = filterTreeByNotShowType(state.treeList);
+          state.treeList = filterTreeByNotShowType(cloneTreeData(originTreeData.value));
         } else {
-          let originData = JSON.parse(state.originData);
+          let originData = cloneTreeData(originTreeData.value);
           state.treeList = originData.filter(
               (item) =>  !props.notShowType.includes(item.type)
           );
         }
       } else {
-        state.treeList = JSON.parse(state.originData);
+        state.treeList = cloneTreeData(originTreeData.value);
       }
       emitTreeList();
     };
@@ -2086,13 +2235,11 @@ export default defineComponent({
       }
       // 默认选中值
       setDefaultChecked();
-      console.log(state.treeList,"tree===========")
       if (props.notShowType.length) {
-        state.treeList = filterTreeByNotShowType(state.treeList);
+        state.treeList = filterTreeByNotShowType(cloneTreeData(state.treeList));
       }
-      console.log(state.treeList,"tree===========111")
-      let _treeList = _.cloneDeep(state.treeList);
-      let _originData = _.cloneDeep(JSON.parse(state.originData));
+      let _treeList = cloneTreeData(state.treeList);
+      let _originData = cloneTreeData(originTreeData.value);
       let cloneTreeList = filterBuildLevel(_treeList);
       let cloneOriginData = filterBuildLevel(_originData);
       // 最终treeList
@@ -2129,7 +2276,8 @@ export default defineComponent({
     // ------case 1
     const getDeptAndVillageTree = (list) => {
       state.treeList = getDeptTreeList(list, 1);
-      state.originData = JSON.stringify(state.treeList);
+      originTreeData.value = cloneTreeData(state.treeList);
+      applyTreePerformanceStrategy(originTreeData.value);
       filterVillageByType();
     };
     // 获取部门树列表
@@ -2299,7 +2447,8 @@ export default defineComponent({
     // -------case 2
     const getVillageTree = (villageList) => {
       state.treeList = getVillageTreeList(villageList);
-      state.originData = JSON.stringify(state.treeList);
+      originTreeData.value = cloneTreeData(state.treeList);
+      applyTreePerformanceStrategy(originTreeData.value);
       filterVillageByType();
     };
 
@@ -2400,6 +2549,9 @@ export default defineComponent({
       emitResult(result);
       getShowListLoadedTimes = 0;
       showExpandedKeys = [];
+      // 切换公司后清空原始树缓存和节点数量，避免沿用上一家公司性能模式状态
+      originTreeData.value = [];
+      sourceTreeNodeCount.value = 0;
       let branchIdTxt = authBranchOptions.value?.find((v) => state.branchId == v.value)?.label;
       emit('changeBranchId', state.branchId, branchIdTxt);
       getVillageInfo();
@@ -2448,9 +2600,18 @@ export default defineComponent({
 
     loadLanguageAsync(utils.getLang());
 
-    window.addEventListener('setBLLang', (event) => {
+    const handleSetLang = (event) => {
       const newLang = event.newValue; // 获取新的语言值
       loadLanguageAsync(newLang);
+    };
+    window.addEventListener('setBLLang', handleSetLang);
+
+    onUnmounted(() => {
+      if (emitIdsTimeout) {
+        clearTimeout(emitIdsTimeout);
+        emitIdsTimeout = null;
+      }
+      window.removeEventListener('setBLLang', handleSetLang);
     });
 
     watchEffect(() => {
@@ -2468,8 +2629,15 @@ export default defineComponent({
       treeHeight,
       spinning,
       authBranchOptions,
+      enableNodeTooltip,
+      enableTreeIcon,
+      treeItemHeight,
+      treeMotion,
       ...toRefs(state),
       commonAreaUnit,
+      getNodeTitle,
+      getRoomAreaText,
+      getRoomNodeTitle,
       onLoadTreeData,
       handleTreeCheck,
       getIcon,
@@ -2530,6 +2698,9 @@ export default defineComponent({
     .room-title {
       display: inline-block;
       width: 100%;
+      &--plain {
+        overflow: hidden;
+      }
       .title-show {
         display: flex;
         align-content: center;