From 4dc7783c225664c18ce1609c12633dc595d45058 Mon Sep 17 00:00:00 2001
From: aipper <aipper@qq.com>
Date: Wed, 19 Nov 2025 08:49:32 +0800
Subject: [PATCH] test

---
 src/components/DrawerTem/index.vue            | 535 ++++---------
 src/main.js                                   |   2 +-
 .../notStoredArchives/components/diaAdd.vue   |  12 +-
 .../components/rightTableBox.vue              |  20 +-
 .../notStoredArchives/index.vue               | 714 +++++++++---------
 5 files changed, 524 insertions(+), 759 deletions(-)

diff --git a/src/components/DrawerTem/index.vue b/src/components/DrawerTem/index.vue
index cff1dad..3102234 100644
--- a/src/components/DrawerTem/index.vue
+++ b/src/components/DrawerTem/index.vue
@@ -1,336 +1,150 @@
 <template>
   <!-- 档案管理——未入库档案著录、已入库数据浏览、OA数据管理、已入库收藏夹，点击原文数量弹框 -->
   <div>
-    <el-drawer
-      title="原文详情"
-      :visible.sync="drawer"
-      :append-to-body="true"
-      direction="ltr"
-      :before-close="handleClose"
-      size="100%"
-      :wrapperClosable="false"
-    >
-      <div
-        class="tip-info"
-        v-if="
-          routerName === 'dataBrowsing' || routerName === 'notStoredArchives'
-        "
-      >
+    <el-drawer title="原文详情" :visible.sync="drawer" :append-to-body="true" direction="ltr" :before-close="handleClose"
+      size="100%" :wrapperClosable="false">
+      <div class="tip-info" v-if="
+        routerName === 'dataBrowsing' || routerName === 'notStoredArchives'
+      ">
         {{ checkText }}
       </div>
       <div class="btnClass">
         <el-card :body-style="{ padding: '10px' }">
           <!-- {{drawer}}{{oriTable}} -->
-          <el-button
-            size="mini"
-            v-if="catalogueType"
-            type="danger"
-            @click="deletec"
-          >
+          <el-button size="mini" v-if="catalogueType" type="danger" @click="deletec">
             删除
           </el-button>
-          <el-button
-            size="mini"
-            v-if="catalogueType && treeRow.className != '电子档案'"
-            type="primary"
-            @click="btnClick(1)"
-          >
+          <el-button size="mini" v-if="catalogueType && treeRow.className != '电子档案'" type="primary"
+            @click="btnClick(1)">
             批量下载
           </el-button>
-          <el-button
-            size="mini"
-            v-if="catalogueType && treeRow.className != '电子档案'"
-            type="primary"
-            @click="btnClick(2)"
-          >
+          <el-button size="mini" v-if="catalogueType && treeRow.className != '电子档案'" type="primary"
+            @click="btnClick(2)">
             归档章
           </el-button>
           <!-- <el-button size="mini" v-if="catalogueType && treeRow.className!='录像' && treeRow.className!='录音'"
             type="primary" @click="btnClick(3)">
             合并文件 </el-button> -->
-          <el-button
-            size="mini"
-            v-if="treeRow.className != '电子档案'"
-            type="primary"
-            @click="btnClick(4)"
-          >
+          <el-button size="mini" v-if="treeRow.className != '电子档案'" type="primary" @click="btnClick(4)">
             合并下载
           </el-button>
           <!-- <el-button size="mini"
             v-if="catalogueType && treeRow.className!='录像' && treeRow.className!='录音' && routerName==='notStoredArchives'"
             type="primary" @click="btnClick(5)">
             扫描原文 </el-button> -->
-          <el-button
-            size="mini"
-            v-if="
-              catalogueType &&
-              treeRow.className != '电子档案' &&
-              routerName === 'notStoredArchives'
-            "
-            type="primary"
-            @click="btnClick(6)"
-          >
+          <el-button size="mini" v-if="
+            catalogueType &&
+            treeRow.className != '电子档案' &&
+            routerName === 'notStoredArchives'
+          " type="primary" @click="btnClick(6)">
             撤销归档章
           </el-button>
-          <el-button
-            size="mini"
-            v-if="treeRow.className != '电子档案'"
-            type="primary"
-            @click="btnClick(9)"
-          >
+          <el-button size="mini" v-if="treeRow.className != '电子档案'" type="primary" @click="btnClick(9)">
             电子签名
           </el-button>
-          <el-button
-            size="mini"
-            type="primary"
-            v-if="routerName === 'dataBrowsing'"
-            @click="btnClick(7)"
-            >电子档案复制申请
+          <el-button size="mini" type="primary" v-if="routerName === 'dataBrowsing'" @click="btnClick(7)">电子档案复制申请
           </el-button>
-          <el-button
-            size="mini"
-            type="primary"
-            v-if="routerName === 'dataBrowsing'"
-            @click="btnClick(8)"
-            >实体档案复制申请
+          <el-button size="mini" type="primary" v-if="routerName === 'dataBrowsing'" @click="btnClick(8)">实体档案复制申请
           </el-button>
         </el-card>
       </div>
       <div class="contentBox">
         <el-card :body-style="{ padding: '10px' }" style="width: 26%">
-          <el-button
-            v-if="oriRowObj.useStyle === 'print' || typeStatus === 'ruku'"
-            type="primary"
-            size="small"
-            :disabled="!multipleSelection.length"
-            @click="download"
-          >
+          <el-button v-if="oriRowObj.useStyle === 'print' || typeStatus === 'ruku'" type="primary" size="small"
+            :disabled="!multipleSelection.length" @click="download">
             原文下载
           </el-button>
           <!-- @row-click="previewImg" -->
-          <el-table
-            ref="tableForEach"
-            highlight-current-row
-            border
-            size="mini"
-            :data="tableDataOrigin"
-            @row-click="previewImg"
-            tooltip-effect="dark"
-            max-height="800px"
-            @selection-change="handleSelectionChange"
-          >
+          <el-table ref="tableForEach" highlight-current-row border size="mini" :data="tableDataOrigin"
+            @row-click="previewImg" tooltip-effect="dark" max-height="800px" @selection-change="handleSelectionChange">
             <!-- 原文下载的多选框 -->
-            <el-table-column
-              v-if="
-                catalogueType ||
-                (!catalogueType && oriRowObj.useStyle === 'print') ||
-                typeStatus === 'ruku'
-              "
-              type="selection"
-              width="43"
-            >
+            <el-table-column v-if="
+              catalogueType ||
+              (!catalogueType && oriRowObj.useStyle === 'print') ||
+              typeStatus === 'ruku'
+            " type="selection" width="43">
             </el-table-column>
-            <el-table-column
-              type="index"
-              width="55"
-              label="序号"
-              align="center"
-            >
+            <el-table-column type="index" width="55" label="序号" align="center">
             </el-table-column>
-            <el-table-column
-              show-overflow-tooltip
-              prop="file_name"
-              label="文件名称"
-              align="center"
-            >
+            <el-table-column show-overflow-tooltip prop="file_name" label="文件名称" align="center">
               <template slot-scope="scope">
                 <template v-if="scope.row.isEditFlag">
-                  <el-input
-                    type="text"
-                    @change.native.stop="originClick('blur', scope.row)"
-                    size="mini"
-                    :title="scope.row.file_name"
-                    v-model="scope.row.file_name"
-                    clearable
-                  />
+                  <el-input type="text" @change.native.stop="originClick('blur', scope.row)" size="mini"
+                    :title="scope.row.file_name" v-model="scope.row.file_name" clearable />
                 </template>
                 <template v-else>{{ scope.row.file_name }}</template>
               </template>
             </el-table-column>
-            <el-table-column
-              label="操作"
-              align="center"
-              width="100"
-              v-if="$route.name === 'notStoredArchives'"
-            >
+            <el-table-column label="操作" align="center" width="100" v-if="$route.name === 'notStoredArchives'">
               <template slot-scope="scope">
-                <el-button
-                  @click.native.stop="originClick('down', scope.row)"
-                  type="text"
-                  icon="el-icon-bottom"
-                  title="向下"
-                  size="mini"
-                ></el-button>
-                <el-button
-                  @click.native.stop="originClick('up', scope.row)"
-                  type="text"
-                  icon="el-icon-top"
-                  title="向上"
-                  size="mini"
-                ></el-button>
-                <el-button
-                  @click.native.stop="originClick('rename', scope.row)"
-                  type="text"
-                  icon="el-icon-edit"
-                  title="重命名"
-                  size="mini"
-                ></el-button>
+                <el-button @click.native.stop="originClick('down', scope.row)" type="text" icon="el-icon-bottom"
+                  title="向下" size="mini"></el-button>
+                <el-button @click.native.stop="originClick('up', scope.row)" type="text" icon="el-icon-top" title="向上"
+                  size="mini"></el-button>
+                <el-button @click.native.stop="originClick('rename', scope.row)" type="text" icon="el-icon-edit"
+                  title="重命名" size="mini"></el-button>
               </template>
             </el-table-column>
           </el-table>
         </el-card>
-        <el-card
-          :body-style="{ padding: '10px' }"
-          style="width: 73%"
-          class="box-card"
-        >
+        <el-card :body-style="{ padding: '10px' }" style="width: 73%" class="box-card">
           <el-tabs v-model="activeName">
-            <el-tab-pane
-              label="查看原文"
-              name="1"
-              v-loading.fullscreen.lock="imageLoad"
-              :element-loading-text="loadingText"
-              element-loading-spinner="el-icon-loading"
-              element-loading-background="rgba(255, 255, 255, 0.1)"
-            >
+            <el-tab-pane label="查看原文" name="1" v-loading.fullscreen.lock="imageLoad" :element-loading-text="loadingText"
+              element-loading-spinner="el-icon-loading" element-loading-background="rgba(255, 255, 255, 0.1)">
               <!-- 查看原文 -->
               <div class="demo-image__lazy">
                 <!-- 备注scrolling属性原来是'no'现在是'auto' -->
                 <!-- <el-image v-show="imgType &&imgType != 'pdf'  " class="imgs" :src="picUrl" fit="cover"></el-image> -->
-                <iframe
-                  ref="showIframeRef"
-                  v-if="
-                    ![
-                      'mp3',
-                      'mp4',
-                      'tif',
-                      'wav',
-                      'avi',
-                      'flv',
-                      'mxf',
-                      'ofd',
-                    ].includes(this.fileType)
-                  "
-                  style="text-align: center"
-                  noresize
-                  align="center"
-                  width="100%"
-                  height="750px"
-                  :src="picUrl"
-                  frameborder="0"
-                  scrolling="auto"
-                ></iframe>
-                <template
-                  v-if="rowTable.file_type === 'ofd' && isIframeFlag == true"
-                >
-                  <iframe
-                    :key="ofdUrl"
-                    style="text-align: center"
-                    noresize
-                    align="center"
-                    width="100%"
-                    height="750px"
-                    :src="`./yhofd/yhofd.html?name=${rowTable.file_name_server}&url=${ofdUrl}`"
-                    frameborder="0"
-                    scrolling="auto"
-                  ></iframe>
+                <iframe ref="showIframeRef" v-if="
+                  ![
+                    'mp3',
+                    'mp4',
+                    'tif',
+                    'wav',
+                    'avi',
+                    'flv',
+                    'mxf',
+                    'ofd',
+                  ].includes(this.fileType)
+                " style="text-align: center" noresize align="center" width="100%" height="750px" :src="picUrl"
+                  frameborder="0" scrolling="auto"></iframe>
+                <template v-if="rowTable.file_type === 'ofd' && isIframeFlag == true">
+                  <iframe :key="ofdUrl" style="text-align: center" noresize align="center" width="100%" height="750px"
+                    :src="`./yhofd/yhofd.html?name=${rowTable.file_name_server}&url=${ofdUrl}`" frameborder="0"
+                    scrolling="auto"></iframe>
                 </template>
                 <div v-if="rowTable.file_type === 'svg'" v-html="picUrl"></div>
-                <video
-                  v-if="
-                    (this.fileType === 'mp4' ||
-                      this.fileType === 'avi' ||
-                      this.fileType === 'mxf') &&
-                    videoSrc
-                  "
-                  ref="videoS"
-                  :src="videoSrc"
-                  controls="controls"
-                  height="600px"
-                  :muted="muteStatus"
-                  width="100%"
-                >
+                <video v-if="
+                  (this.fileType === 'mp4' ||
+                    this.fileType === 'avi' ||
+                    this.fileType === 'mxf') &&
+                  videoSrc
+                " ref="videoS" :src="videoSrc" controls="controls" height="600px" :muted="muteStatus" width="100%">
                   您的浏览器不支持视频播放
                 </video>
-                <video
-                  v-if="this.fileType === 'flv'"
-                  id="videoElementByFlv"
-                  class="flvplayer-app"
-                  controls
-                  :muted="muteStatus"
-                  height="600px"
-                  width="100%"
-                ></video>
-                <audio
-                  v-if="
-                    (this.fileType === 'mp3' || this.fileType === 'wav') &&
-                    musicSrc
-                  "
-                  ref="audioS"
-                  :src="musicSrc"
-                  controls
-                  autoloop
-                ></audio>
-                <viewer
-                  v-if="this.fileType === 'tif'"
-                  id="printimg"
-                  :images="canvasList"
-                >
-                  <img
-                    v-for="item in canvasList"
-                    :src="item"
-                    :key="item"
-                    :class="tif_length > 1 ? '' : 'tif_img'"
-                    height="300"
-                    title="请点击查看"
-                  />
+                <video v-if="this.fileType === 'flv'" id="videoElementByFlv" class="flvplayer-app" controls
+                  :muted="muteStatus" height="600px" width="100%"></video>
+                <audio v-if="
+                  (this.fileType === 'mp3' || this.fileType === 'wav') &&
+                  musicSrc
+                " ref="audioS" :src="musicSrc" controls autoloop></audio>
+                <viewer v-if="this.fileType === 'tif'" id="printimg" :images="canvasList">
+                  <img v-for="item in canvasList" :src="item" :key="item" :class="tif_length > 1 ? '' : 'tif_img'"
+                    height="300" title="请点击查看" />
                   <!-- <div style='padding: 0px 15px'>{{rowTable.file_name}}</div> -->
                 </viewer>
               </div>
             </el-tab-pane>
-            <el-tab-pane
-              label="添加原文"
-              name="2"
-              v-loading.fullscreen.lock="loadingStatus"
-              :element-loading-text="loadingText"
-              element-loading-spinner="el-icon-loading"
-              element-loading-background="rgba(255, 255, 255, 0.1)"
-              v-if="catalogueType"
-            >
+            <el-tab-pane label="添加原文" name="2" v-loading.fullscreen.lock="loadingStatus"
+              :element-loading-text="loadingText" element-loading-spinner="el-icon-loading"
+              element-loading-background="rgba(255, 255, 255, 0.1)" v-if="catalogueType">
               <!-- 添加原文 -->
               <div class="uploadBox">
-                <el-upload
-                  accept="*"
-                  class="upload-demo"
-                  ref="upload"
-                  :file-list="fileList"
-                  action="#"
-                  :auto-upload="false"
-                  multiple
-                  :on-exceed="beforeAvatarUpload"
-                  :on-success="upSuccess"
-                  :on-change="handleFileChange"
-                  :before-remove="handleFileRemove"
-                >
-                  <el-button slot="trigger" size="small" type="primary"
-                    >选择文件</el-button
-                  >
-                  <el-button
-                    style="margin-left: 10px"
-                    size="small"
-                    type="success"
-                    @click="submitUpload"
-                    >开始上传
+                <el-upload accept="*" class="upload-demo" ref="upload" :file-list="fileList" action="#"
+                  :auto-upload="false" multiple :on-exceed="beforeAvatarUpload" :on-success="upSuccess"
+                  :on-change="handleFileChange" :before-remove="handleFileRemove">
+                  <el-button slot="trigger" size="small" type="primary">选择文件</el-button>
+                  <el-button style="margin-left: 10px" size="small" type="success" @click="submitUpload">开始上传
                   </el-button>
                   <div slot="tip" class="el-upload__tip">
                     上传文件支持jpg/png/pdf/tif/svg/flv/mp4/mp3/avi/wav
@@ -377,122 +191,53 @@
             </el-tab-pane> -->
             <el-tab-pane label="原文回收站" name="3" v-if="catalogueType">
               <!-- 原文回收站 -->
-              <el-table
-                :data="backData"
-                style="width: 100%"
-                max-height="350"
-                ref="ytabs"
-                border
-                size="mini"
-              >
-                <el-table-column
-                  prop="file_name"
-                  label="文件名称"
-                  align="center"
-                >
+              <el-table :data="backData" style="width: 100%" max-height="350" ref="ytabs" border size="mini">
+                <el-table-column prop="file_name" label="文件名称" align="center">
                 </el-table-column>
-                <el-table-column
-                  prop="file_type"
-                  label="文件类型"
-                  width="150"
-                  align="center"
-                >
+                <el-table-column prop="file_type" label="文件类型" width="150" align="center">
                 </el-table-column>
-                <el-table-column
-                  prop="file_len"
-                  label="文件大小(KB)"
-                  align="center"
-                >
+                <el-table-column prop="file_len" label="文件大小(KB)" align="center">
                 </el-table-column>
                 <el-table-column label="操作" width="150" align="center">
                   <template slot-scope="scope">
-                    <el-button type="text" @click="returnContRec(scope.row)"
-                      >恢复</el-button
-                    >
-                    <el-button
-                      type="text"
-                      style="color: #ff0000"
-                      @click="delOriRecycle(scope.row)"
-                      >删除</el-button
-                    >
+                    <el-button type="text" @click="returnContRec(scope.row)">恢复</el-button>
+                    <el-button type="text" style="color: #ff0000" @click="delOriRecycle(scope.row)">删除</el-button>
                   </template>
                 </el-table-column>
               </el-table>
             </el-tab-pane>
-            <el-tab-pane
-              label="元数据"
-              name="4"
-              v-if="treeRow.className != '电子档案'"
-            >
-              <el-form
-                label-position="left"
-                class="formDIa"
-                :model="metadata"
-                size="mini"
-                style="padding: 10px 25px"
-                label-width="100px"
-              >
-                <el-form-item
-                  v-for="(item, index) in metadataList"
-                  :key="item.columnName"
-                  :label="item.columnChnName"
-                >
+            <el-tab-pane label="元数据" name="4" v-if="treeRow.className != '电子档案'">
+              <el-form label-position="left" class="formDIa" :model="metadata" size="mini" style="padding: 10px 25px"
+                label-width="100px">
+                <el-form-item v-for="item in metadataList" :key="item.columnName" :label="item.columnChnName">
                   <span>{{ metadata[item.columnName] }}</span>
                 </el-form-item>
-                <template
-                  v-if="
-                    metadata.signature != '' &&
-                    metadata.signature != null &&
-                    metadata.signature != undefined
-                  "
-                >
+                <template v-if="
+                  metadata.signature != '' &&
+                  metadata.signature != null &&
+                  metadata.signature != undefined
+                ">
                   <el-form-item label="签名真实性：">
-                    <el-tag
-                      :type="
-                        metadata.certificateValidity ? 'success' : 'warning'
-                      "
-                      >{{ metadata.certificateValidity ? "真" : "假" }}</el-tag
-                    >
+                    <el-tag :type="metadata.certificateValidity ? 'success' : 'warning'
+                      ">{{ metadata.certificateValidity ? "真" : "假" }}</el-tag>
                   </el-form-item>
                   <el-form-item label="签名算法：">
                     <span>{{ metadata.signature }}</span>
                   </el-form-item>
                   <el-form-item label="数据加密：">
-                    <el-button
-                      type="primary"
-                      plain
-                      size="mini"
-                      @click="copyCellContent(metadata.signatureData)"
-                      >复制数据加密</el-button
-                    >
+                    <el-button type="primary" plain size="mini"
+                      @click="copyCellContent(metadata.signatureData)">复制数据加密</el-button>
                   </el-form-item>
                 </template>
               </el-form>
             </el-tab-pane>
-            <el-tab-pane
-              label="OCR识别"
-              name="5"
-              v-if="treeRow.className != '电子档案'"
-            >
+            <el-tab-pane label="OCR识别" name="5" v-if="treeRow.className != '电子档案'">
               <div>
-                <el-input
-                  v-model="ocrText"
-                  type="textarea"
-                  :rows="12"
-                  readonly
-                ></el-input>
+                <el-input v-model="ocrText" type="textarea" :rows="12" readonly></el-input>
               </div>
             </el-tab-pane>
-            <el-tab-pane
-              label="原文查询"
-              name="6"
-              v-if="!catalogueType && treeRow.className != '电子档案'"
-            >
-              <search-box
-                :orirow="orirow"
-                :drawer="drawer"
-                :oriTable="oriTable"
-              />
+            <el-tab-pane label="原文查询" name="6" v-if="!catalogueType && treeRow.className != '电子档案'">
+              <search-box :orirow="orirow" :drawer="drawer" :oriTable="oriTable" />
               <!-- {{oriTable}} -->
             </el-tab-pane>
           </el-tabs>
@@ -540,7 +285,7 @@ export default {
     },
     treeRow: {
       type: Object,
-      default: () => {},
+      default: () => { },
     },
     actions: {
       type: String,
@@ -556,7 +301,7 @@ export default {
     },
     curRow: {
       type: Object,
-      default: () => {},
+      default: () => { },
     },
     archive_no: {
       type: String,
@@ -716,7 +461,7 @@ export default {
       }
     },
     //规党章
-    chapter() {},
+    chapter() { },
     beforeAvatarUpload(files, fileList) {
       const isJPG = file.type === "image/jpeg";
       if (!isJPG) {
@@ -768,9 +513,9 @@ export default {
       const prefix =
         process.env.NODE_ENV === "development"
           ? "http://" +
-            localStronge.getServiceip().ip +
-            ":" +
-            localStronge.getServiceip().host
+          localStronge.getServiceip().ip +
+          ":" +
+          localStronge.getServiceip().host
           : "http://" + window.location.host;
       if (
         (this.fileType === "mp3" || this.fileType === "wav") &&
@@ -817,9 +562,9 @@ export default {
       const prefix =
         process.env.NODE_ENV === "development"
           ? "http://" +
-            localStronge.getServiceip().ip +
-            ":" +
-            localStronge.getServiceip().host
+          localStronge.getServiceip().ip +
+          ":" +
+          localStronge.getServiceip().host
           : "http://" + window.location.host;
       this.activeName = "1";
       this.fileType = row.file_type.toLowerCase(); // 转换成小写；
@@ -950,27 +695,27 @@ export default {
         this.picUrl =
           process.env.NODE_ENV === "development"
             ? "http://" +
-              localStronge.getServiceip().ip +
-              ":" +
-              localStronge.getServiceip().host +
-              "/point-strategy/v/archiveFile/showImg?fileName=" +
-              name +
-              "&path=" +
-              encodeURI(encodeURI(row.file_des)) +
-              "&data=" +
-              new Date() +
-              "&userId=" +
-              sessionStorage.getItem("userid")
+            localStronge.getServiceip().ip +
+            ":" +
+            localStronge.getServiceip().host +
+            "/point-strategy/v/archiveFile/showImg?fileName=" +
+            name +
+            "&path=" +
+            encodeURI(encodeURI(row.file_des)) +
+            "&data=" +
+            new Date() +
+            "&userId=" +
+            sessionStorage.getItem("userid")
             : "http://" +
-              window.location.host +
-              "/point-strategy/v/archiveFile/showImg?fileName=" +
-              encodeURI(encodeURI(name)) +
-              "&path=" +
-              encodeURI(encodeURI(row.file_des)) +
-              "&data=" +
-              new Date() +
-              "&userId=" +
-              sessionStorage.getItem("userid");
+            window.location.host +
+            "/point-strategy/v/archiveFile/showImg?fileName=" +
+            encodeURI(encodeURI(name)) +
+            "&path=" +
+            encodeURI(encodeURI(row.file_des)) +
+            "&data=" +
+            new Date() +
+            "&userId=" +
+            sessionStorage.getItem("userid");
         if (this.activeName != "4" && this.activeName != "5") {
           this.activeName = "1";
         }
@@ -1138,9 +883,9 @@ export default {
           const prefix =
             process.env.NODE_ENV === "development"
               ? "http://" +
-                localStronge.getServiceip().ip +
-                ":" +
-                localStronge.getServiceip().host
+              localStronge.getServiceip().ip +
+              ":" +
+              localStronge.getServiceip().host
               : "http://" + window.location.host;
           let str =
             prefix +
@@ -1353,7 +1098,7 @@ export default {
     //console.log(this.oriRowObj);
     //this.checkFileImgNum();
   },
-  beforeDestroy() {},
+  beforeDestroy() { },
   created() {
     this.routerName = this.$route.name;
   },
@@ -1366,6 +1111,7 @@ export default {
   letter-spacing: 2px;
   font-size: 17px;
 }
+
 .tip-info {
   position: absolute;
   left: 110px;
@@ -1373,6 +1119,7 @@ export default {
   font-size: 16px;
   color: #ff4f46;
 }
+
 .btnClass {
   padding: 5px;
 }
@@ -1380,11 +1127,13 @@ export default {
 .contentBox {
   display: flex;
   justify-content: space-around;
+
   iframe {
     img {
       width: 100%;
     }
   }
+
   .box-card {
     .demo-image__lazy {
       background: rgb(245, 245, 245);
diff --git a/src/main.js b/src/main.js
index 289a044..8fe8b85 100644
--- a/src/main.js
+++ b/src/main.js
@@ -69,7 +69,7 @@ Vue.use(selectscroll);
 if (process.env.NODE_ENV === 'development') {
   const {
     mockXHR
-  } = require('../../mock')
+  } = require('../mock')
   mockXHR()
 }
 
diff --git a/src/views/archives-management/fileManagement/notStoredArchives/components/diaAdd.vue b/src/views/archives-management/fileManagement/notStoredArchives/components/diaAdd.vue
index 5d307c7..bf39138 100644
--- a/src/views/archives-management/fileManagement/notStoredArchives/components/diaAdd.vue
+++ b/src/views/archives-management/fileManagement/notStoredArchives/components/diaAdd.vue
@@ -210,11 +210,13 @@
           console.log('diaFlage', newVal, oldVal)
           if(newVal){
             console.log('add ruleForm', this.ruleForm)  
-            this.form.forEach(item=>{
-              console.log('item',item)
-              this.ruleForm[item.fieldName] = item.value
-            })
-
+            // 只在新增模式下初始化空值，编辑模式下不覆盖已有数据
+            if(this.title === '新增'){
+              this.form.forEach(item=>{
+                console.log('item',item)
+                this.ruleForm[item.fieldName] = item.value
+              })
+            }
           }
         },
         immediate: false
diff --git a/src/views/archives-management/fileManagement/notStoredArchives/components/rightTableBox.vue b/src/views/archives-management/fileManagement/notStoredArchives/components/rightTableBox.vue
index d5a126c..ba9b038 100644
--- a/src/views/archives-management/fileManagement/notStoredArchives/components/rightTableBox.vue
+++ b/src/views/archives-management/fileManagement/notStoredArchives/components/rightTableBox.vue
@@ -1716,18 +1716,24 @@ export default {
               this.sumbitTableName = item.tableName;
               this.selectId = item.selectTable[0].id;
               this.sumbitTablekey = key;
+              // 清空ruleForm，确保数据干净
+              this.ruleForm = {};
               item.form.forEach((ele) => {
                 for (let info in item.selectTable[0]) {
                   if (info === ele.fieldName) {
-                    this.$set(this.ruleForm, ele.fieldName, "");
                     if (ele.ctype === "datetimerange") {
-                      this.ruleForm[ele.fieldName] = [];
-                      this.ruleForm[ele.fieldName][0] =
-                        item.selectTable[0][info].split("~")[0];
-                      this.ruleForm[ele.fieldName][1] =
-                        item.selectTable[0][info].split("~")[1];
+                      // 处理日期范围类型
+                      this.$set(this.ruleForm, ele.fieldName, []);
+                      if (item.selectTable[0][info] && item.selectTable[0][info].includes("~")) {
+                        this.ruleForm[ele.fieldName][0] = item.selectTable[0][info].split("~")[0];
+                        this.ruleForm[ele.fieldName][1] = item.selectTable[0][info].split("~")[1];
+                      }
+                    } else if (ele.ctype === "datetime" && item.selectTable[0][info]) {
+                      // 处理日期类型
+                      this.$set(this.ruleForm, ele.fieldName, new Date(item.selectTable[0][info]));
                     } else {
-                      this.ruleForm[ele.fieldName] = item.selectTable[0][info];
+                      // 处理普通字段
+                      this.$set(this.ruleForm, ele.fieldName, item.selectTable[0][info]);
                     }
                   }
                 }
diff --git a/src/views/archives-management/fileManagement/notStoredArchives/index.vue b/src/views/archives-management/fileManagement/notStoredArchives/index.vue
index 494f0b1..aaa092d 100644
--- a/src/views/archives-management/fileManagement/notStoredArchives/index.vue
+++ b/src/views/archives-management/fileManagement/notStoredArchives/index.vue
@@ -1,5 +1,5 @@
 <template>
-<!-- 档案管理——未入库档案著录 -->
+  <!-- 档案管理——未入库档案著录 -->
   <div>
     <div class="box" v-if="pageType === 1">
       <el-card class="tree-box" shadow="always" :body-style="{ padding: '5px' }" ref="cardTree">
@@ -17,33 +17,33 @@
 
         <div>
           <el-scrollbar wrap-style="overflow-x:hidden;" style="height: calc(100vh - 160px)">
-          <el-tree key="1" v-show="!isDirSeqTree" highlight-current v-loading="treeLoading" :data="treeData"
-            :props="defaultProps" default-expand-all @node-click="handleNodeClick">
-            <span slot-scope="{ node, data }" class="custom-tree-node">
-              <!--可以根据情况，以数据类型来显示不同的图标或图片-->
-              <!--可以根据情况，以数据类型来显示不同的图标或图片-->
-              <svg-icon icon-class="wjj" style="margin-right: 5px; color: rgb(255, 207, 92)"
-                v-if="data.childClass.length > 0" class="iconfont icon-folder-open-fill" />
-              <svg-icon icon-class="wj" style="margin-right: 5px; color: rgb(255, 207, 92)" v-else
-                class="iconfont icon-wenjian" />
+            <el-tree key="1" v-show="!isDirSeqTree" highlight-current v-loading="treeLoading" :data="treeData"
+              :props="defaultProps" default-expand-all @node-click="handleNodeClick">
+              <span slot-scope="{ node, data }" class="custom-tree-node">
+                <!--可以根据情况，以数据类型来显示不同的图标或图片-->
+                <!--可以根据情况，以数据类型来显示不同的图标或图片-->
+                <svg-icon icon-class="wjj" style="margin-right: 5px; color: rgb(255, 207, 92)"
+                  v-if="data.childClass.length > 0" class="iconfont icon-folder-open-fill" />
+                <svg-icon icon-class="wj" style="margin-right: 5px; color: rgb(255, 207, 92)" v-else
+                  class="iconfont icon-wenjian" />
 
-              <!-- <i style="margin-right: 5px; color: rgb(255, 207, 92)" v-if="data.childClass.length > 0"
+                <!-- <i style="margin-right: 5px; color: rgb(255, 207, 92)" v-if="data.childClass.length > 0"
               class="iconfont icon-folder-open-fill" />
             <i style="margin-right: 5px; color: rgb(78, 140, 238)" v-else class="iconfont icon-wenjian" /> -->
-              <span>{{ node.label }}</span>
-            </span>
-          </el-tree>
-          <el-tree key="2" v-show="isDirSeqTree" highlight-current :expand-on-click-node=false :data="dirTreeData"
-            v-loading="dirTreeLoading" :props="defaultDirProps" :load="loadDirNode" @node-click="handleDirNodeClick"
-            lazy>
-            <span slot-scope="{ node, data }" class="custom-tree-node">
-              <svg-icon icon-class="wjj" style="margin-right: 5px; color: rgb(255, 207, 92)" v-if="!data.isLeaf"
-                class="iconfont icon-folder-open-fill" />
-              <svg-icon icon-class="wj" v-else style="margin-right: 5px; color: rgb(255, 207, 92)"
-                class="iconfont icon-wenjian" />
-              <span>{{ node.label }}</span>
-            </span>
-          </el-tree>
+                <span>{{ node.label }}</span>
+              </span>
+            </el-tree>
+            <el-tree key="2" v-show="isDirSeqTree" highlight-current :expand-on-click-node=false :data="dirTreeData"
+              v-loading="dirTreeLoading" :props="defaultDirProps" :load="loadDirNode" @node-click="handleDirNodeClick"
+              lazy>
+              <span slot-scope="{ node, data }" class="custom-tree-node">
+                <svg-icon icon-class="wjj" style="margin-right: 5px; color: rgb(255, 207, 92)" v-if="!data.isLeaf"
+                  class="iconfont icon-folder-open-fill" />
+                <svg-icon icon-class="wj" v-else style="margin-right: 5px; color: rgb(255, 207, 92)"
+                  class="iconfont icon-wenjian" />
+                <span>{{ node.label }}</span>
+              </span>
+            </el-tree>
           </el-scrollbar>
         </div>
       </el-card>
@@ -71,347 +71,355 @@
   </div>
 </template>
 <script>
-  import {
-    getTree,
-    getDirTree,
-    findTreeChildren,
-    getTable
-  } from "@/api/archives-management/fileManagement/notStoredArchives.js";
-  import {
-    getButtonList
-  } from "@/api/user"
-  import {
-    getFondWithPageUser
-  } from "@/api/system-management/allAdministration";
-  import {
-    getFindList
-  } from "@/api/system-management/templateSetting"
-  import {
-    dragControllerDiv
-  } from "@/utils/common"
-  import rightTableBox from "./components/rightTableBox";
-  import qualityList from "./components/quality";
-  import qualityCheck from "./components/quality/check";
-  import qualityQuestion from "./components/quality/question";
-  import {
-    mapState
-  } from "vuex";
-  export default {
-    data() {
-      return {
-        treeType: "",
-        // 树形结构数据
-        treeData: [],
-        defaultProps: {
-          children: "childClass",
-          label: "className"
-        },
-        defaultDirProps: {
-          children: "children",
-          label: "title",
-          isLeaf: 'isLeaf'
-        },
-        Alltable: [],
-        status: false,
-        treeLoading: false,
-        treeRow: {},
-        isDirSeqTree: false, // 是否目录序列树
-        dirTreeData: [], // 目录序列树
-        dirTreeLoading: false, // 目录序列树loading
-        eleTable: {}, // 按钮对应的table
-        eleKey: '', // 按钮对应的table key
-        fondsList: [],
-        showButtons: {
-          add: false,
-          edit: false,
-          del: false,
-          setQuery: false,
-          cataTree: false,
-          export: false,
-          ware: false,
-          quality: false,
-          four: false,
-          ywBtn: false,
-          plxg: false,
-        }
-      };
-    },
-    computed: {
-      ...mapState({
-        pageType: state => state.qualityCheck.pageType, // 页面切换类型
-      }),
-    },
-    components: {
-      rightTableBox,
-      qualityList,
-      qualityCheck,
-      qualityQuestion
-    },
-    watch: {
-      status: {
-        handler(val, oldVal) {
-          const cardTree = this.$refs.cardTree.$el.style;
-          const cardForm = this.$refs.cardForm.$el.style;
-          if (val) {
-            cardTree.width = "5%";
-            cardForm.width = "94%";
-          } else {
-            cardTree.width = "20%";
-            cardForm.width = "79%";
-          }
-        }
+import {
+  getTree,
+  getDirTree,
+  findTreeChildren,
+  getTable
+} from "@/api/archives-management/fileManagement/notStoredArchives.js";
+import {
+  getButtonList
+} from "@/api/user"
+import {
+  getFondWithPageUser
+} from "@/api/system-management/allAdministration";
+import {
+  getFindList
+} from "@/api/system-management/templateSetting"
+import {
+  dragControllerDiv
+} from "@/utils/common"
+import rightTableBox from "./components/rightTableBox";
+import qualityList from "./components/quality";
+import qualityCheck from "./components/quality/check";
+import qualityQuestion from "./components/quality/question";
+import {
+  mapState
+} from "vuex";
+export default {
+  data() {
+    return {
+      treeType: "",
+      // 树形结构数据
+      treeData: [],
+      defaultProps: {
+        children: "childClass",
+        label: "className"
+      },
+      defaultDirProps: {
+        children: "children",
+        label: "title",
+        isLeaf: 'isLeaf'
+      },
+      Alltable: [],
+      status: false,
+      treeLoading: false,
+      treeRow: {},
+      isDirSeqTree: false, // 是否目录序列树
+      dirTreeData: [], // 目录序列树
+      dirTreeLoading: false, // 目录序列树loading
+      eleTable: {}, // 按钮对应的table
+      eleKey: '', // 按钮对应的table key
+      fondsList: [],
+      showButtons: {
+        add: false,
+        edit: false,
+        del: false,
+        setQuery: false,
+        cataTree: false,
+        export: false,
+        ware: false,
+        quality: false,
+        four: false,
+        ywBtn: false,
+        plxg: false,
       }
-    },
-    mounted() {
-      dragControllerDiv()
-    },
-    created() {
-      this.getFonds();
-      // 获取初始化树形结构
-      this.initGetTree();
-      this.treeType = this.$getMenuId(
-        sessionStorage.getItem("funcTypeCodeList"),
-        this.$route.path
-      );
-      let btnData = {
-        menuid: this.$getMenuId(sessionStorage.getItem("routerIdList"), this.$route.path),
-        roleid: sessionStorage.getItem("roleid")
-      }
-      this.getButtonListqx(btnData)
-    },
-    beforeRouteLeave(to, from, next) {
-      // 页面重置为未入库
-      this.$store.commit("qualityCheck/SET_PAGE_TYPE", 1)
-      next()
-    },
-    methods: {
-      getButtonListqx(btnData) {
-        getButtonList(btnData).then(res => {
-          res.body.list.forEach(item => {
-            this.showButtons[item.key] = true
-          })
-        })
-      },
-      getFonds() {
-        getFondWithPageUser().then(res => {
-          this.fondsList = res.body.list;
-        });
-      },
-      // 获取初始化树形结构
-      async initGetTree() {
-        this.treeLoading = true;
-        let data = {
-          className: "档案"
-        };
-        getTree(data)
-          .then(res => {
-            this.treeLoading = false;
-            if (res.success) {
-              this.treeData = res.body.list;
-            } else {
-              this.$message.error(res.msg);
-            }
-          })
-          .catch(err => {
-            this.treeLoading = false;
-          });
-      },
-      // 点击树形结构
-      handleNodeClick(data) {
-        console.log('handle node click',data)
-        this.treeRow = data;
-        if (data.classType === "C") {
-          let params = {
-            classId: data.id
-          };
-          getTable(params)
-            .then(res => {
-              res.body.InterfaceSystem.forEach(item => {
-                let ruleForm = {};
-                let form = JSON.parse(item["interfaceShow"]);
-                let interfaceQuery = JSON.parse(item["interfaceQuery"]);
-                
-                // 查询设置中增加全宗号
-                if(interfaceQuery.length==0){
-                  interfaceQuery.push({ctype:"input",fieldName:"fonds_no",fieldNameZh:"全宗号",value:"",label:'全宗号'});
-                }else{
-                  const index = interfaceQuery.findIndex(item=>item.fieldName === 'fonds_no');
-                  if(index !== -1){
-                    // 找到
-                    const matchItem = interfaceQuery.splice(index, 1)[0];
-                    interfaceQuery.unshift(matchItem);
-                  }else{
-                    // 没找到
-                    interfaceQuery.unshift({ctype:"input",fieldName:"fonds_no",fieldNameZh:"全宗号",value:"",label:'全宗号'});
-                  }
-                }
-                form.forEach(ele => {
-                  if (ele.ctype === 'select') {
-                    getFindList({
-                      type: ele.note.type
-                    }).then(res => {
-                      ele.note.note = res.body.list
-                    })
-                  }
-                  if (ele.label === '全宗号') {
-                    ele.ctype = "select"
-                  }
-                })
-                form.forEach(ele => {
-                  this.$set(ruleForm, ele.fieldName, "");
-                  if (ele.width === 8) {
-                    ele.width = "33%";
-                  }
-                  if (ele.width === 12) {
-                    ele.width = "50%";
-                  }
-                  if (ele.width === 24) {
-                    ele.width = "100%";
-                  }
-                });
-                interfaceQuery.forEach(ele => {
-                  if (ele.ctype === 'select') {
-                    getFindList({
-                      type: ele.note.type
-                    }).then(res => {
-                      ele.note.note = res.body.list
-                    })
-                  }
-                })
-                this.$set(item, "search", interfaceQuery); //搜索
-                this.$set(item, "form", form); //添加
-                this.$set(item, "ruleForm", ruleForm); //表单
-                this.$set(item, "tableData", JSON.parse(item["tableShow"])); //表格
-                this.$set(item, "isShow", false);
-                this.$set(item, "selectTable", []);
-                this.$set(item, "tableLoading", false);
-                this.$set(item, "pagination", {
-                  pageSize: 50,
-                  pageNum: 1,
-                  total: 0
-                });
-                this.$set(item, "tableData", []);
-              });
-              this.Alltable = res.body.InterfaceSystem;
-            })
-            .then(res => {
-              this.$nextTick(() => {
-                this.$refs.table.clickSearch(0, 1, 1);
-              })
-            });
-        }
-      },
-      triggerTree(key) {
-        this.eleKey = key;
-        this.eleTable = this.Alltable.filter((item, index) => key === index)[0]
-        this.isDirSeqTree = !this.isDirSeqTree; // 目录序列树
-        if (this.isDirSeqTree) {
-          this.getDirTree();
-          this.$refs.table.getQuerySet(this.eleTable)
+    };
+  },
+  computed: {
+    ...mapState({
+      pageType: state => state.qualityCheck.pageType, // 页面切换类型
+    }),
+  },
+  components: {
+    rightTableBox,
+    qualityList,
+    qualityCheck,
+    qualityQuestion
+  },
+  watch: {
+    status: {
+      handler(val, oldVal) {
+        const cardTree = this.$refs.cardTree.$el.style;
+        const cardForm = this.$refs.cardForm.$el.style;
+        if (val) {
+          cardTree.width = "5%";
+          cardForm.width = "94%";
         } else {
-          this.$nextTick(() => {
-            this.$refs.table.clickSearch(0, 1, 1);
-          })
+          cardTree.width = "20%";
+          cardForm.width = "79%";
         }
-      },
-      // 目录序列树
-      async getDirTree(ele) {
-        this.dirTreeLoading = true;
-        const params = {
-          entityId: this.eleTable.entityId,
-          tableName: this.eleTable.tableName,
-          userId: parseInt(sessionStorage.getItem("userid")),
-          mode: 1, // 未入库
-          type: 1
-        };
-        getDirTree(params)
-          .then(res => {
-            this.dirTreeLoading = false;
-            if (res.success) {
-              this.dirTreeData = res.body.list;
-            } else {
-              this.$message.error(res.msg);
-            }
-          })
-          .catch(err => {
-            this.dirTreeLoading = false;
-          });
-      },
-      loadDirNode(node, resolve) {
-      
-        if (node.level === 0) {
-          return resolve(this.dirTreeData);
-        }
-        if (node.level === 1) {
-          return resolve(this.dirTreeData[0].children);
-        }
-        let data = [];
-        const params = {
-          entityId: this.eleTable.entityId,
-          tableName: this.eleTable.tableName,
-          userId: parseInt(sessionStorage.getItem("userid")),
-          mode: 1, // 未入库
-          type: 1,
-          key: node.data.key,
-          level: node.data.level
-        };
-        findTreeChildren(params).then(res => {
-          data = res.body.list;
-          setTimeout(() => {
-            resolve(data);
-          }, 500);
-        });
-      },
-      handleDirNodeClick(data) {
-        /* const params = {
-          entityId: this.eleTable.entityId,
-          tableName: this.eleTable.tableName,
-          userId: parseInt(sessionStorage.getItem("userid")),
-          mode: 1, // 未入库
-          type: 1,
-          keys: data.key,
-          page: 1,
-          limit: 10
-        }
-        // 根据目录序列树查询右侧表格
-        this.$refs.table.clickDirSearch(params, this.eleKey); */
-        this.$refs.table.dirNodeClick(data.key, this.eleKey)
-      },
-      btns() {
-        this.status = !this.status;
       }
     }
-  };
+  },
+  mounted() {
+    dragControllerDiv()
+  },
+  created() {
+    this.getFonds();
+    // 获取初始化树形结构
+    this.initGetTree();
+    this.treeType = this.$getMenuId(
+      sessionStorage.getItem("funcTypeCodeList"),
+      this.$route.path
+    );
+    let btnData = {
+      menuid: this.$getMenuId(sessionStorage.getItem("routerIdList"), this.$route.path),
+      roleid: sessionStorage.getItem("roleid")
+    }
+    this.getButtonListqx(btnData)
+  },
+  beforeRouteLeave(to, from, next) {
+    // 页面重置为未入库
+    this.$store.commit("qualityCheck/SET_PAGE_TYPE", 1)
+    next()
+  },
+  methods: {
+    getButtonListqx(btnData) {
+      getButtonList(btnData).then(res => {
+        res.body.list.forEach(item => {
+          this.showButtons[item.key] = true
+        })
+      })
+    },
+    getFonds() {
+      getFondWithPageUser().then(res => {
+        this.fondsList = res.body.list;
+      });
+    },
+    // 获取初始化树形结构
+    async initGetTree() {
+      this.treeLoading = true;
+      let data = {
+        className: "档案"
+      };
+      getTree(data)
+        .then(res => {
+          this.treeLoading = false;
+          if (res.success) {
+            this.treeData = res.body.list;
+          } else {
+            this.$message.error(res.msg);
+          }
+        })
+        .catch(err => {
+          this.treeLoading = false;
+        });
+    },
+    // 点击树形结构
+    async handleNodeClick(data) {
+      console.log('handle node click', data)
+      this.treeRow = data;
+      if (data.classType === "C") {
+        let params = {
+          classId: data.id
+        };
+        const res = await getTable(params);
+        const promises = [];
+        res.body.InterfaceSystem.forEach(item => {
+          let ruleForm = {};
+          let form = JSON.parse(item["interfaceShow"]);
+          let interfaceQuery = JSON.parse(item["interfaceQuery"]);
+          // 查询设置中增加全宗号
+          if (interfaceQuery.length == 0) {
+            interfaceQuery.push({
+              ctype: "input",
+              fieldName: "fonds_no",
+              fieldNameZh: "全宗号",
+              value: "",
+              label: '全宗号'
+            });
+          } else {
+            const index = interfaceQuery.findIndex(item => item.fieldName === 'fonds_no');
+            if (index !== -1) {
+              // 找到
+              const matchItem = interfaceQuery.splice(index, 1)[0];
+              interfaceQuery.unshift(matchItem);
+            } else {
+              // 没找到
+              interfaceQuery.unshift({
+                ctype: "input",
+                fieldName: "fonds_no",
+                fieldNameZh: "全宗号",
+                value: "",
+                label: '全宗号'
+              });
+            }
+          }
+          form.forEach(ele => {
+            if (ele.ctype === 'select') {
+              promises.push(getFindList({
+                type: ele.note.type
+              }).then(res => {
+                ele.note.note = res.body.list
+              }))
+            }
+            if (ele.label === '全宗号') {
+              ele.ctype = "select"
+            }
+          })
+          form.forEach(ele => {
+            this.$set(ruleForm, ele.fieldName, "");
+            if (ele.width === 8) {
+              ele.width = "33%";
+            }
+            if (ele.width === 12) {
+              ele.width = "50%";
+            }
+            if (ele.width === 24) {
+              ele.width = "100%";
+            }
+          });
+          interfaceQuery.forEach(ele => {
+            if (ele.ctype === 'select') {
+              promises.push(getFindList({
+                type: ele.note.type
+              }).then(res => {
+                ele.note.note = res.body.list
+              }))
+            }
+          })
+          this.$set(item, "search", interfaceQuery); //搜索
+          this.$set(item, "form", form); //添加
+          this.$set(item, "ruleForm", ruleForm); //表单
+          this.$set(item, "tableData", JSON.parse(item["tableShow"])); //表格
+          this.$set(item, "isShow", false);
+          this.$set(item, "selectTable", []);
+          this.$set(item, "tableLoading", false);
+          this.$set(item, "pagination", {
+            pageSize: 50,
+            pageNum: 1,
+            total: 0
+          });
+          this.$set(item, "tableData", []);
+        });
+        await Promise.all(promises);
+        this.Alltable = res.body.InterfaceSystem;
+        this.$nextTick(() => {
+          this.$refs.table.clickSearch(0, 1, 1);
+        })
+      }
+    },
+    triggerTree(key) {
+      this.eleKey = key;
+      this.eleTable = this.Alltable.filter((item, index) => key === index)[0]
+      this.isDirSeqTree = !this.isDirSeqTree; // 目录序列树
+      if (this.isDirSeqTree) {
+        this.getDirTree();
+        this.$refs.table.getQuerySet(this.eleTable)
+      } else {
+        this.$nextTick(() => {
+          this.$refs.table.clickSearch(0, 1, 1);
+        })
+      }
+    },
+    // 目录序列树
+    async getDirTree(ele) {
+      this.dirTreeLoading = true;
+      const params = {
+        entityId: this.eleTable.entityId,
+        tableName: this.eleTable.tableName,
+        userId: parseInt(sessionStorage.getItem("userid")),
+        mode: 1, // 未入库
+        type: 1
+      };
+      getDirTree(params)
+        .then(res => {
+          this.dirTreeLoading = false;
+          if (res.success) {
+            this.dirTreeData = res.body.list;
+          } else {
+            this.$message.error(res.msg);
+          }
+        })
+        .catch(err => {
+          this.dirTreeLoading = false;
+        });
+    },
+    loadDirNode(node, resolve) {
+
+      if (node.level === 0) {
+        return resolve(this.dirTreeData);
+      }
+      if (node.level === 1) {
+        return resolve(this.dirTreeData[0].children);
+      }
+      let data = [];
+      const params = {
+        entityId: this.eleTable.entityId,
+        tableName: this.eleTable.tableName,
+        userId: parseInt(sessionStorage.getItem("userid")),
+        mode: 1, // 未入库
+        type: 1,
+        key: node.data.key,
+        level: node.data.level
+      };
+      findTreeChildren(params).then(res => {
+        data = res.body.list;
+        setTimeout(() => {
+          resolve(data);
+        }, 500);
+      });
+    },
+    handleDirNodeClick(data) {
+      /* const params = {
+        entityId: this.eleTable.entityId,
+        tableName: this.eleTable.tableName,
+        userId: parseInt(sessionStorage.getItem("userid")),
+        mode: 1, // 未入库
+        type: 1,
+        keys: data.key,
+        page: 1,
+        limit: 10
+      }
+      // 根据目录序列树查询右侧表格
+      this.$refs.table.clickDirSearch(params, this.eleKey); */
+      this.$refs.table.dirNodeClick(data.key, this.eleKey)
+    },
+    btns() {
+      this.status = !this.status;
+    }
+  }
+};
 
 </script>
 <style lang="scss" scoped>
-  .box {
-    display: flex;
-    justify-content: space-around;
-    height: 100%;
+.box {
+  display: flex;
+  justify-content: space-around;
+  height: 100%;
 
-    .tree-box {
-      width: 20%;
-      // min-height: 720px;
-      // overflow-y: auto;
+  .tree-box {
+    width: 20%;
+    // min-height: 720px;
+    // overflow-y: auto;
 
-      .el-tree {
-        width: 100%;
-        margin-top: 10px;
-      }
-
-      .clearfix {
-        font-weight: 600;
-        font-size: 17px;
-        letter-spacing: 3px;
-      }
+    .el-tree {
+      width: 100%;
+      margin-top: 10px;
     }
 
-    .form-box {
-      width: 79%;
-      height: calc(100vh - 90px);
-      overflow-y: auto;
+    .clearfix {
+      font-weight: 600;
+      font-size: 17px;
+      letter-spacing: 3px;
     }
   }
 
+  .form-box {
+    width: 79%;
+    height: calc(100vh - 90px);
+    overflow-y: auto;
+  }
+}
 </style>