From 7fd6284cc00d90b22081ecc066b6ce61f39fdae9 Mon Sep 17 00:00:00 2001
From: owenchen <owenchen@1010printing.com>
Date: Thu, 3 Sep 2026 16:44:51 +0800
Subject: [PATCH] ow

---
 WebVue/src/views/master/DmsFileEnquiry.vue | 2249 +++++++++++---------
 1 file changed, 1294 insertions(+), 955 deletions(-)

diff --git a/WebVue/src/views/master/DmsFileEnquiry.vue b/WebVue/src/views/master/DmsFileEnquiry.vue
index a9ed7c8..e8e30e5 100644
--- a/WebVue/src/views/master/DmsFileEnquiry.vue
+++ b/WebVue/src/views/master/DmsFileEnquiry.vue
@@ -1,228 +1,439 @@
 <template>
-    <a-spin size="large" :spinning="loading" :tip="spinTip">
-        <search @on-submit="onSubmit" @on-print="onPrint" @on-reset="onReset" @use-pagination="onPagination"
-            rowSelectionType="checkbox" :scrollx="200" :scrolly="350" :loading="loading" :pagination="result"
-            @on-select-change="onSelectChange">
-            <template #control>
-                <a-button type="primary" v-if="canCreate" :icon="h(FolderAddOutlined)"
-                    @click.prevent="onCreate">新增</a-button>
-                <a-upload v-if="canCreate" v-model:file-list="fileList" name="file" :before-upload="beforeUpload"
-                    :headers="headers" :showUploadList="false" :action="uploadUrl">
-                    <a-button type="primary">
-                        <upload-outlined></upload-outlined>
-                        上传
-                    </a-button>
-                </a-upload>
-            </template>
+  <a-spin size="large" :spinning="loading" :tip="spinTip">
+    <search
+      @on-submit="onSubmit"
+      @on-print="onPrint"
+      @on-reset="onReset"
+      @use-pagination="onPagination"
+      rowSelectionType="checkbox"
+      :loading="loading"
+      :pagination="result"
+      @on-select-change="onSelectChange"
+    >
+      <template #control>
+        <a-button
+          type="primary"
+          v-if="canCreate"
+          :icon="h(FolderAddOutlined)"
+          @click.prevent="onCreate"
+          >新增</a-button
+        >
+        <a-upload
+          v-if="canCreate"
+          v-model:file-list="fileList"
+          name="file"
+          :before-upload="beforeUpload"
+          :headers="headers"
+          :showUploadList="false"
+          :action="uploadUrl"
+        >
+          <a-button type="primary">
+            <upload-outlined></upload-outlined>
+            上传
+          </a-button>
+        </a-upload>
+      </template>
 
-            <template #headerCell="{ column }">
-                <template v-if="column.dataIndex === DmsFileUploadViewDisplayData.URL">
-                    <span style="color:darkgoldenrod; font-size:large;cursor: pointer; "
-                        @click.prevent="onChangeFolder(rootPath)">
-                        <LaptopOutlined style="color:darkgoldenrod; font-size:larger" title="返回顶层" />返回顶层
-                    </span>
-                    <span style="color:darkgoldenrod; font-size:large;cursor: pointer; "
-                        @click.prevent="onLastFolder()">
-                        <ArrowUpOutlined style="color:darkgoldenrod; font-size:larger;margin-left:16px;" title="返回上层" />
-                        返回上层
+      <template #headerCell="{ column }">
+        <template v-if="column.dataIndex === DmsFileUploadViewDisplayData.URL">
+          <span
+            style="color: darkgoldenrod; font-size: large; cursor: pointer"
+            @click.prevent="onChangeFolder(rootPath)"
+          >
+            <LaptopOutlined
+              style="color: darkgoldenrod; font-size: larger"
+              title="返回顶层"
+            />返回顶层
+          </span>
+          <span
+            style="color: darkgoldenrod; font-size: large; cursor: pointer"
+            @click.prevent="onLastFolder()"
+          >
+            <ArrowUpOutlined
+              style="color: darkgoldenrod; font-size: larger; margin-left: 16px"
+              title="返回上层"
+            />
+            返回上层
+          </span>
+        </template>
+      </template>
+
+      <template #bodyCell="{ column, record, index }">
+        <template v-if="column.dataIndex === DmsFileUploadViewDisplayData.URL">
+          <template v-if="!fileTypePolicy.isImage(record.OrderKey)">
+            <template v-if="record.IsDirectoryIndc == 'Y'">
+              <a-card hoverable style="width: 300px">
+                <a-card-meta>
+                  <template #description>
+                    <span
+                      style="
+                        color: darkgoldenrod;
+                        margin-left: 4pxr;
+                        cursor: pointer;
+                        font-size: 26px;
+                      "
+                      @click.prevent="onChangeFolder(record.FileName)"
+                    >
+                      <FolderOutlined
+                        style="color: darkgoldenrod; font-size: 48px"
+                        title="打开文件夹"
+                      />{{ record.OrgFileName }}
                     </span>
+                  </template>
+                </a-card-meta>
+                <template #actions> </template>
+              </a-card>
+            </template>
+            <template v-else-if="fileTypePolicy.isVideo(record.OrderKey)">
+              <a-card style="width: 300px">
+                <template #cover>
+                  <img
+                    style="height: 200px"
+                    :src="record.FormattedPic.replace('.m3u8', '.png')"
+                    :title="record.OrgFileName"
+                  />
                 </template>
-            </template>
-
-            <template #bodyCell="{ column, record, index }">
-                <template v-if="column.dataIndex === DmsFileUploadViewDisplayData.URL">
-                    <template v-if="!fileTypePolicy.isImage(record.OrderKey)">
-                        <template v-if="record.IsDirectoryIndc == 'Y'">
-                            <a-card hoverable style="width: 300px">
-                                <a-card-meta>
-                                    <template #description>
-                                        <span
-                                            style="color:darkgoldenrod; margin-left:4pxr;cursor: pointer; font-size:26px;"
-                                            @click.prevent="onChangeFolder(record.FileName)">
-                                            <FolderOutlined style="color:darkgoldenrod; font-size:48px;"
-                                                title="打开文件夹" />{{
-                                                    record.OrgFileName }}
-                                        </span>
-                                    </template>
-                                </a-card-meta>
-                                <template #actions>
-
-                                </template>
-                            </a-card>
-                        </template>
-                        <template v-else-if="fileTypePolicy.isVideo(record.OrderKey)">
-                            <a-card style="width: 300px">
-                                <template #cover>
-                                    <img style="height: 200px;" :src="record.FormattedPic.replace('.m3u8', '.png')"
-                                        :title="record.OrgFileName" />
-                                </template>
-                                <a-card-meta>
-                                    <template #description>
-                                        <a-flex>
-                                            <cust-icon-font size="26" type="icon-foldervideo"
-                                                v-if="record.TranscodeIndc == 'Y'"
-                                                @click.prevent="onUrlVideoPlay(record.Url, record.OrgFileName, record.FormattedPic.replace('.m3u8', '.png'))" />
-                                            <span style="color:darkgoldenrod; margin-left:4pxr;margin-top:2px; ">
-                                                {{ record.OrgFileName }}
-                                            </span>
-                                        </a-flex>
-                                    </template>
-                                </a-card-meta>
-                                <template #actions>
-                                    <cust-icon-font size="26" type="icon-mp3-play"
-                                        @click.prevent="onVideoPlay(record.FileId)" />
-                                    <ShareAltOutlined style="color:rgb(19, 185, 190); font-size:larger" title="内部分享"
-                                        @click.prevent="onShareFamily()" />
-                                    <NotificationOutlined style="color:rgb(19, 185, 190); font-size:larger" title="专辑发布"
-                                        @click.prevent="onPublishVideo(record.FileId)" />
-                                    <UnorderedListOutlined style="color:rgb(19, 185, 190); font-size:larger" title="影视厅"
-                                        @click.prevent="onViewVideoPreview(record.FilePath)" />
-                                </template>
-                            </a-card>
-                        </template>
-                        <template v-else-if="fileTypePolicy.isAudio(record.OrderKey)">
-                            <a-card hoverable style="width: 300px">
-
-                                <a-flex>
-                                    <cust-icon-font size="60" type="icon-foldermp3"
-                                        @click.prevent="onPlayAudio(toUploadView(record))" />
-                                    <span style="color:darkgoldenrod; margin-left:4pxr;margin-top:10px;">
-                                        {{ record.OrgFileName }}
-                                    </span>
-                                    <div v-if="record.IsPlay == 'Y'" style="margin-left:16px; height:60px;width:60px;"
-                                        :class="record.IsPause == '' ? 'rotating-element' : ''">
-                                        <cust-icon-font size="60" type="icon-playmp3" v-if="record.IsPause == ''"
-                                            @click.prevent="onPauseAudio(toUploadView(record))" />
-                                        <cust-icon-font size="54" type="icon-mp3-play" style="color: #FF7878;"
-                                            v-if="record.IsPlay == 'Y' && record.IsPause == 'Y'"
-                                            @click.prevent="onContinueAudio(toUploadView(record))" />
-                                    </div>
-                                </a-flex>
-
-                                <template #actions>
-                                    <DownloadOutlined style="color:rgb(19, 185, 190); font-size:larger" title="下载"
-                                        @click.prevent="onDownloadFile(record.FileId, record.OrgFileName)" />
-                                    <ShareAltOutlined style="color:rgb(19, 185, 190); font-size:larger" title="内部分享"
-                                        @click.prevent="onShareFamily()" />
-                                    <NotificationOutlined style="color:rgb(19, 185, 190); font-size:larger" title="专辑发布"
-                                        @click.prevent="onPublishAudio(record.FileId)" />
-                                    <UnorderedListOutlined style="color:rgb(19, 185, 190); font-size:larger" title="音乐厅"
-                                        @click.prevent="onViewAudioPreview(record.FilePath)" />
-                                </template>
-                            </a-card>
-                        </template>
-                        <template v-else>
-                            <DownloadOutlined style="color:rgb(19, 185, 190); font-size:larger;margin-right:12px;"
-                                title="下载" @click.prevent="onDownloadFile(record.FileId, record.OrgFileName)" />
-                            <span>{{ record.OrgFileName }} </span>
-                        </template>
-                    </template>
-                    <template v-else>
-                        <a-card style="width: 300px">
-                            <template #cover>
-                                <img style="height: 220px; object-fit: cover;" :src="record.Url"
-                                    :title="record.OrgFileName"
-                                    @click="onPreviewFile(record.CreatedBy, record.OrderKey)" />
-                            </template>
-                            <a-card-meta>
-                                <template #description>
-                                    <span style="color:darkgoldenrod; margin-left:4pxr;"
-                                        @click.prevent="onViewPictureFile(record.FileId, record.OrgFileName)">
-                                        <cust-icon-font size="26" type="icon-source-pic" />
-                                        {{ record.OrgFileName }}
-                                    </span>
-                                </template>
-                            </a-card-meta>
-                            <template #actions>
-                                <DownloadOutlined style="color:rgb(19, 185, 190); font-size:larger" title="原图下载"
-                                    @click.prevent="onDownloadFile(record.FileId, record.OrgFileName)" />
-                                <ShareAltOutlined style="color:rgb(19, 185, 190); font-size:larger" title="内部分享"
-                                    @click.prevent="onShareFamily()" />
-                                <NotificationOutlined style="color:rgb(19, 185, 190); font-size:larger" title="相册发布"
-                                    @click.prevent="onPublishPhoto(record.FileId)" />
-                                <UnorderedListOutlined style="color:rgb(19, 185, 190); font-size:larger" title="相册展览"
-                                    @click.prevent="onViewPhotoPreview(record.FilePath)" />
-                            </template>
-                        </a-card>
-                    </template>
+                <a-card-meta>
+                  <template #description>
+                    <a-flex>
+                      <cust-icon-font
+                        size="26"
+                        type="icon-foldervideo"
+                        v-if="record.TranscodeIndc == 'Y'"
+                        @click.prevent="
+                          onUrlVideoPlay(
+                            record.Url,
+                            record.OrgFileName,
+                            record.FormattedPic.replace('.m3u8', '.png'),
+                          )
+                        "
+                      />
+                      <span
+                        style="
+                          color: darkgoldenrod;
+                          margin-left: 4pxr;
+                          margin-top: 2px;
+                        "
+                      >
+                        {{ record.OrgFileName }}
+                      </span>
+                    </a-flex>
+                  </template>
+                </a-card-meta>
+                <template #actions>
+                  <cust-icon-font
+                    size="26"
+                    type="icon-mp3-play"
+                    @click.prevent="onVideoPlay(record.FileId)"
+                  />
+                  <ShareAltOutlined
+                    style="color: rgb(19, 185, 190); font-size: larger"
+                    title="内部分享"
+                    @click.prevent="onShareFamily()"
+                  />
+                  <NotificationOutlined
+                    style="color: rgb(19, 185, 190); font-size: larger"
+                    title="专辑发布"
+                    @click.prevent="onPublishVideo(record.FileId)"
+                  />
+                  <UnorderedListOutlined
+                    style="color: rgb(19, 185, 190); font-size: larger"
+                    title="影视厅"
+                    @click.prevent="onViewVideoPreview(record.FilePath)"
+                  />
                 </template>
+              </a-card>
             </template>
+            <template v-else-if="fileTypePolicy.isAudio(record.OrderKey)">
+              <a-card hoverable style="width: 300px">
+                <a-flex>
+                  <cust-icon-font
+                    size="60"
+                    type="icon-foldermp3"
+                    @click.prevent="onPlayAudio(toUploadView(record))"
+                  />
+                  <span
+                    style="
+                      color: darkgoldenrod;
+                      margin-left: 4pxr;
+                      margin-top: 10px;
+                    "
+                  >
+                    {{ record.OrgFileName }}
+                  </span>
+                  <div
+                    v-if="record.IsPlay == 'Y'"
+                    style="margin-left: 16px; height: 60px; width: 60px"
+                    :class="record.IsPause == '' ? 'rotating-element' : ''"
+                  >
+                    <cust-icon-font
+                      size="60"
+                      type="icon-playmp3"
+                      v-if="record.IsPause == ''"
+                      @click.prevent="onPauseAudio(toUploadView(record))"
+                    />
+                    <cust-icon-font
+                      size="54"
+                      type="icon-mp3-play"
+                      style="color: #ff7878"
+                      v-if="record.IsPlay == 'Y' && record.IsPause == 'Y'"
+                      @click.prevent="onContinueAudio(toUploadView(record))"
+                    />
+                  </div>
+                </a-flex>
 
-            <template #footer>
-                <div class="page-footer">
-                    <a-row :gutter="24">
-                        <a-col :lg="24" :sm="24">
-                            <a-row v-if="isEdit" :gutter="[16, 8]">
-                                <a-space>
-                                    <a-button type="primary" @click.prevent="onCancel">取消</a-button>
-                                    <a-button type="primary" @click.prevent="onSave">确定</a-button>
-                                </a-space>
-                            </a-row>
-                            <a-row v-if="!isEdit" :gutter="[16, 8]">
-                                <a-space>
-                                    <a-button type="primary" v-if="canAmend" :icon="h(FileImageOutlined)"
-                                        :disabled="!(keys && keys.length > 0)" @click.prevent="onViewPic">预览</a-button>
-                                    <a-button type="primary" v-if="canAmend" :icon="h(EditOutlined)"
-                                        :disabled="!(keys && keys.length > 0)" @click.prevent="onAmend">重命名</a-button>
-                                    <a-button type="primary" v-if="canView" :icon="h(ScissorOutlined)"
-                                        :disabled="!(keys && keys.length > 0)" @click.prevent="onMove">移动</a-button>
-                                    <a-popconfirm title="确定是否删除这条记录?" ok-text="是" cancel-text="否" @confirm="onDelete">
-                                        <a-button type="primary" danger :icon="h(DeleteOutlined)" v-if="canDelete"
-                                            :disabled="!(keys && keys.length > 0)">删除</a-button>
-                                    </a-popconfirm>
-                                </a-space>
-                            </a-row>
-                        </a-col>
-                    </a-row>
-                </div>
+                <template #actions>
+                  <DownloadOutlined
+                    style="color: rgb(19, 185, 190); font-size: larger"
+                    title="下载"
+                    @click.prevent="
+                      onDownloadFile(record.FileId, record.OrgFileName)
+                    "
+                  />
+                  <ShareAltOutlined
+                    style="color: rgb(19, 185, 190); font-size: larger"
+                    title="内部分享"
+                    @click.prevent="onShareFamily()"
+                  />
+                  <NotificationOutlined
+                    style="color: rgb(19, 185, 190); font-size: larger"
+                    title="专辑发布"
+                    @click.prevent="onPublishAudio(record.FileId)"
+                  />
+                  <UnorderedListOutlined
+                    style="color: rgb(19, 185, 190); font-size: larger"
+                    title="音乐厅"
+                    @click.prevent="onViewAudioPreview(record.FilePath)"
+                  />
+                </template>
+              </a-card>
             </template>
-        </search>
-        <a-image :width="1024" :style="{ display: 'none' }" :preview="{
-            visible,
-            onVisibleChange: setPicVisible,
-        }" :src="imageSrc" @click="visible = true" />
-        <dmsFolder @on-submit="onReload"></dmsFolder>
-        <videoPlay></videoPlay>
-        <dragModal v-model:open="showModalShare" width="60%" title="分享管理查询" :mask-closable="false"
-            :fullscreen="width < 640" @ok="handleSelectShare">
-            <DmsFileShareModal ref="shareEnquiry"></DmsFileShareModal>
-        </dragModal>
-        <dragModal v-model:open="showModalPublishPhoto" width="60%" title="相册专辑查询" :mask-closable="false"
-            :fullscreen="width < 640" @ok="handleSelectPublishPhoto">
-            <PublishPhotoEnquiry ref="publishPhotoEnquiry">
-            </PublishPhotoEnquiry>
-        </dragModal>
-        <dragModal v-model:open="showModalPublishAudio" width="60%" title="音乐专辑查询" :mask-closable="false"
-            :fullscreen="width < 640" @ok="handleSelectPublishAudio">
-            <PublishAudioEnquiry ref="publishAudioEnquiry">
-            </PublishAudioEnquiry>
-        </dragModal>
-        <dragModal v-model:open="showModalPublishVideo" width="60%" title="影视专辑查询" :mask-closable="false"
-            :fullscreen="width < 640" @ok="handleSelectPublishVideo">
-            <PublishVideoEnquiry ref="publishVideoEnquiry">
-            </PublishVideoEnquiry>
-        </dragModal>
-    </a-spin>
+            <template v-else>
+              <DownloadOutlined
+                style="
+                  color: rgb(19, 185, 190);
+                  font-size: larger;
+                  margin-right: 12px;
+                "
+                title="下载"
+                @click.prevent="
+                  onDownloadFile(record.FileId, record.OrgFileName)
+                "
+              />
+              <span>{{ record.OrgFileName }} </span>
+            </template>
+          </template>
+          <template v-else>
+            <a-card style="width: 300px">
+              <template #cover>
+                <img
+                  style="height: 220px; object-fit: cover"
+                  :src="record.Url"
+                  :title="record.OrgFileName"
+                  @click="onPreviewFile(record.CreatedBy, record.OrderKey)"
+                />
+              </template>
+              <a-card-meta>
+                <template #description>
+                  <span
+                    style="color: darkgoldenrod; margin-left: 4pxr"
+                    @click.prevent="
+                      onViewPictureFile(record.FileId, record.OrgFileName)
+                    "
+                  >
+                    <cust-icon-font size="26" type="icon-source-pic" />
+                    {{ record.OrgFileName }}
+                  </span>
+                </template>
+              </a-card-meta>
+              <template #actions>
+                <DownloadOutlined
+                  style="color: rgb(19, 185, 190); font-size: larger"
+                  title="原图下载"
+                  @click.prevent="
+                    onDownloadFile(record.FileId, record.OrgFileName)
+                  "
+                />
+                <ShareAltOutlined
+                  style="color: rgb(19, 185, 190); font-size: larger"
+                  title="内部分享"
+                  @click.prevent="onShareFamily()"
+                />
+                <NotificationOutlined
+                  style="color: rgb(19, 185, 190); font-size: larger"
+                  title="相册发布"
+                  @click.prevent="onPublishPhoto(record.FileId)"
+                />
+                <UnorderedListOutlined
+                  style="color: rgb(19, 185, 190); font-size: larger"
+                  title="相册展览"
+                  @click.prevent="onViewPhotoPreview(record.FilePath)"
+                />
+              </template>
+            </a-card>
+          </template>
+        </template>
+      </template>
+
+      <template #footer>
+        <div class="page-footer">
+          <a-row :gutter="24">
+            <a-col :lg="24" :sm="24">
+              <a-row v-if="isEdit" :gutter="[16, 8]">
+                <a-space>
+                  <a-button type="primary" @click.prevent="onCancel"
+                    >取消</a-button
+                  >
+                  <a-button type="primary" @click.prevent="onSave"
+                    >确定</a-button
+                  >
+                </a-space>
+              </a-row>
+              <a-row v-if="!isEdit" :gutter="[16, 8]">
+                <a-space>
+                  <a-button
+                    type="primary"
+                    v-if="canAmend"
+                    :icon="h(FileImageOutlined)"
+                    :disabled="!(keys && keys.length > 0)"
+                    @click.prevent="onViewPic"
+                    >预览</a-button
+                  >
+                  <a-button
+                    type="primary"
+                    v-if="canAmend"
+                    :icon="h(EditOutlined)"
+                    :disabled="!(keys && keys.length > 0)"
+                    @click.prevent="onAmend"
+                    >重命名</a-button
+                  >
+                  <a-button
+                    type="primary"
+                    v-if="canView"
+                    :icon="h(ScissorOutlined)"
+                    :disabled="!(keys && keys.length > 0)"
+                    @click.prevent="onMove"
+                    >移动</a-button
+                  >
+                  <a-popconfirm
+                    title="确定是否删除这条记录?"
+                    ok-text="是"
+                    cancel-text="否"
+                    @confirm="onDelete"
+                  >
+                    <a-button
+                      type="primary"
+                      danger
+                      :icon="h(DeleteOutlined)"
+                      v-if="canDelete"
+                      :disabled="!(keys && keys.length > 0)"
+                      >删除</a-button
+                    >
+                  </a-popconfirm>
+                </a-space>
+              </a-row>
+            </a-col>
+          </a-row>
+        </div>
+      </template>
+    </search>
+    <a-image
+      :width="1024"
+      :style="{ display: 'none' }"
+      :preview="{
+        visible,
+        onVisibleChange: setPicVisible,
+      }"
+      :src="imageSrc"
+      @click="visible = true"
+    />
+    <dmsFolder @on-submit="onReload"></dmsFolder>
+    <videoPlay></videoPlay>
+    <dragModal
+      v-model:open="showModalShare"
+      width="60%"
+      title="分享管理查询"
+      :mask-closable="false"
+      :fullscreen="width < 640"
+      @ok="handleSelectShare"
+    >
+      <DmsFileShareModal ref="shareEnquiry"></DmsFileShareModal>
+    </dragModal>
+    <dragModal
+      v-model:open="showModalPublishPhoto"
+      width="60%"
+      title="相册专辑查询"
+      :mask-closable="false"
+      :fullscreen="width < 640"
+      @ok="handleSelectPublishPhoto"
+    >
+      <PublishPhotoEnquiry ref="publishPhotoEnquiry"> </PublishPhotoEnquiry>
+    </dragModal>
+    <dragModal
+      v-model:open="showModalPublishAudio"
+      width="60%"
+      title="音乐专辑查询"
+      :mask-closable="false"
+      :fullscreen="width < 640"
+      @ok="handleSelectPublishAudio"
+    >
+      <PublishAudioEnquiry ref="publishAudioEnquiry"> </PublishAudioEnquiry>
+    </dragModal>
+    <dragModal
+      v-model:open="showModalPublishVideo"
+      width="60%"
+      title="影视专辑查询"
+      :mask-closable="false"
+      :fullscreen="width < 640"
+      @ok="handleSelectPublishVideo"
+    >
+      <PublishVideoEnquiry ref="publishVideoEnquiry"> </PublishVideoEnquiry>
+    </dragModal>
+  </a-spin>
 </template>
 
 <script setup lang="ts">
-import { reactive, inject, defineComponent, onMounted, onUnmounted, ref, unref, provide, h, computed } from "vue";
+import {
+  reactive,
+  inject,
+  defineComponent,
+  onMounted,
+  onUnmounted,
+  ref,
+  unref,
+  provide,
+  h,
+  computed,
+} from "vue";
 import { BindOption } from "@/data/custom/bindOption";
 import { SelectOption } from "@/data/auto/selectOption";
 import search from "@/components/basic/Search.vue";
 import {
-    DeleteOutlined, EditOutlined, LaptopOutlined, ShareAltOutlined, ScissorOutlined, UploadOutlined, FolderAddOutlined, DownloadOutlined,
-    FolderOutlined, FileImageOutlined, NotificationOutlined, CrownOutlined, ArrowUpOutlined, PictureOutlined, UnorderedListOutlined
+  DeleteOutlined,
+  EditOutlined,
+  LaptopOutlined,
+  ShareAltOutlined,
+  ScissorOutlined,
+  UploadOutlined,
+  FolderAddOutlined,
+  DownloadOutlined,
+  FolderOutlined,
+  FileImageOutlined,
+  NotificationOutlined,
+  CrownOutlined,
+  ArrowUpOutlined,
+  PictureOutlined,
+  UnorderedListOutlined,
 } from "@ant-design/icons-vue";
 import { DmsFileEntity } from "@/data/auto/dmsFileEntity";
 import { DmsFileResultData } from "@/data/auto/dmsFileResultData";
 
-import { SearchFilter } from "@/data/auto/searchFilter"
+import { SearchFilter } from "@/data/auto/searchFilter";
 import dmsFileService from "@/service/master/dmsFileService";
 import publishPhotoService from "@/service/master/publishPhotoService";
 import publishAudioService from "@/service/master/publishAudioService";
 import { DmsFileSearchCriteria } from "@/data/auto/dmsFileSearchCriteria";
-import dragModal from "@/components/basic/DragModal.vue"
+import dragModal from "@/components/basic/DragModal.vue";
 import DmsFileShareModal from "./DmsFileShareModal.vue";
 import PublishPhotoEnquiry from "./PublishPhotoEnquiry.vue";
 import PublishAudioEnquiry from "./PublishAudioEnquiry.vue";
@@ -231,35 +442,44 @@ import { FamilyFolderFavoriteViewEntity } from "@/data/auto/familyFolderFavorite
 import { PublishPhotoDetailEntity } from "@/data/auto/publishPhotoDetailEntity";
 import { FamilyGroupFolderEntity } from "@/data/auto/familyGroupFolderEntity";
 import { SearchCriteriaResultData } from "@/data/auto/searchCriteriaResultData";
-import { PermissionContext, usePermissionContext } from "@/hooks/PermissionContext"
+import {
+  PermissionContext,
+  usePermissionContext,
+} from "@/hooks/PermissionContext";
 import { useRoute, useRouter } from "vue-router";
 
 import { useBindOption } from "@/hooks/useBindOption";
-import { SearchFilterOperatorPolicy } from "@/data/custom/searchFilterOperatorPolicy"
-import { SearchFilterTypePolicy } from "@/data/custom/searchFilterTypePolicy"
+import { SearchFilterOperatorPolicy } from "@/data/custom/searchFilterOperatorPolicy";
+import { SearchFilterTypePolicy } from "@/data/custom/searchFilterTypePolicy";
 import { notification } from "ant-design-vue";
-import { GridColumnInfo } from "@/data/auto/gridColumnInfo"
-import { useGridColumnInfo } from "@/hooks/gridColumnInfo"
-import dmsFolder from "./DmsFolderModal.vue"
-import videoPlay from "./VideoPlay.vue"
+import { GridColumnInfo } from "@/data/auto/gridColumnInfo";
+import { useGridColumnInfo } from "@/hooks/gridColumnInfo";
+import dmsFolder from "./DmsFolderModal.vue";
+import videoPlay from "./VideoPlay.vue";
 
 import { useLoginProfileStore } from "@/store/modules/loginProfile";
-import type { UploadProps } from 'ant-design-vue';
+import type { UploadProps } from "ant-design-vue";
 import { WebSitePolicy } from "@/policy/custom/webSitePolicy";
-import { orderBy } from 'lodash-es';
-import { bsInfo } from "@/utils/browser"
+import { orderBy } from "lodash-es";
+import { bsInfo } from "@/utils/browser";
 import axios from "axios";
 import { getuid } from "process";
 import VideoPlay from "./VideoPlay.vue";
-import { enquiryMethodKey, searchCriteriaManagerKey, masterOperationToEnquiryMethodKey, MasterOperationToEnquiryModelOption, layoutProviderMethodKey } from "@/injections";
+import {
+  enquiryMethodKey,
+  searchCriteriaManagerKey,
+  masterOperationToEnquiryMethodKey,
+  MasterOperationToEnquiryModelOption,
+  layoutProviderMethodKey,
+} from "@/injections";
 import { useOrderedChildren } from "@/hooks/use-ordered-children";
 import { SearchCriteriaContext } from "@/injections";
-import { Howl, Howler } from 'howler';
+import { Howl, Howler } from "howler";
 import { on } from "events";
 import { PublishPhotoEntity } from "@/data/auto/publishPhotoEntity";
 import { PublishData } from "@/data/auto/publishData";
-import { useWindowSize } from '@vueuse/core'
-import fileTypePolicy from "@/policy/custom/fileTypePolicy"
+import { useWindowSize } from "@vueuse/core";
+import fileTypePolicy from "@/policy/custom/fileTypePolicy";
 import { PublishAudioEntity } from "@/data/auto/publishAudioEntity";
 import { DmsFileUploadViewDisplayData } from "@/data/auto/dmsFileUploadViewDisplayData";
 import { v4 as uuidv4 } from "uuid";
@@ -274,71 +494,65 @@ const layoutProviderMethod = inject(layoutProviderMethodKey);
 
 //================inject================
 
-const { width, height } = useWindowSize()
+const { width, height } = useWindowSize();
 
-const widthColumn = ref<string>('3%');
+const widthColumn = ref<string>("3%");
 if (bsInfo.size.sm) {
-    widthColumn.value = '8%';
-}
-else {
-    widthColumn.value = '3%';
+  widthColumn.value = "8%";
+} else {
+  widthColumn.value = "3%";
 }
 const showModalShare = ref<boolean>(false);
 const showModalPublishPhoto = ref<boolean>(false);
 const showModalPublishAudio = ref<boolean>(false);
 const showModalPublishVideo = ref<boolean>(false);
-const spinTip = ref<string>('加載中...');
+const spinTip = ref<string>("加載中...");
 const loading = ref<boolean>(false);
 const isEdit = ref<boolean>(false);
 const canView = ref<boolean>(false);
 const canAmend = ref<boolean>(false);
 const canDelete = ref<boolean>(false);
 const canCreate = ref<boolean>(false);
-const modalTitle = ref<string>('新增文件夹');
-const rootPath = ref<string>('');
-const imageSrc = ref<string>('');
+const modalTitle = ref<string>("新增文件夹");
+const rootPath = ref<string>("");
+const imageSrc = ref<string>("");
 const route = useRoute();
 const router = useRouter();
-const previousFilePath = ref<string>('');
+const previousFilePath = ref<string>("");
 
-const fileList = ref<UploadProps['fileList']>([]);
-const uploadUrl = ref<string>(WebSitePolicy.WebApiRoot + 'DmsFile/UploadFile');
+const fileList = ref<UploadProps["fileList"]>([]);
+const uploadUrl = ref<string>(WebSitePolicy.WebApiRoot + "DmsFile/UploadFile");
 if (process.env.NODE_ENV === "development") {
-    uploadUrl.value = WebSitePolicy.WebApiRootDev + '/DmsFile/UploadFile'
-}
-else {
-    uploadUrl.value = WebSitePolicy.WebApiRoot + '/DmsFile/UploadFile'
+  uploadUrl.value = WebSitePolicy.WebApiRootDev + "/DmsFile/UploadFile";
+} else {
+  uploadUrl.value = WebSitePolicy.WebApiRoot + "/DmsFile/UploadFile";
 }
 
-
-const currFilePath = ref<string>('');
-
+const currFilePath = ref<string>("");
 
 const headers = ref({
-    Authorization: useLoginProfileStore().getToken(),
-    'Content-Type': 'multipart/form-data',
-    "FilePath": currFilePath.value
+  Authorization: useLoginProfileStore().getToken(),
+  "Content-Type": "multipart/form-data",
+  FilePath: currFilePath.value,
 });
 
 const columns = ref([
-    {
-        title: "",
-        dataIndex: DmsFileUploadViewDisplayData.URL,
-        sorter: false,
-        width: '50%',
-        sequence: 1,
-        hidden: 'N'
-    },
+  {
+    title: "",
+    dataIndex: DmsFileUploadViewDisplayData.URL,
+    sorter: false,
+    width: "50%",
+    sequence: 1,
+    hidden: "N",
+  },
 ]);
 
 const viewOption = {
-    Value: 'default',
-    SelectOptions: [{ BindValue: 'default', DisplayName: "默认" }],
-    Columns: [{ BindValue: 'default', BindColumn: columns }]
+  Value: "default",
+  SelectOptions: [{ BindValue: "default", DisplayName: "默认" }],
+  Columns: [{ BindValue: "default", BindColumn: columns }],
 };
 
-
-
 const bindOptions = ref<BindOption[]>([]);
 const datas = ref<DmsFileUploadViewDisplayData[]>([]);
 const pagingParams = ref<PagingParams>({ pageSize: 20, page: 1 });
@@ -348,54 +562,75 @@ const data = ref<DmsFileResultData>(new DmsFileResultData());
 
 const currentFilter = ref<SearchFilter[]>([]);
 const isSearched = ref<boolean>(false);
-const currentSearchCriteria = ref<DmsFileSearchCriteria>(new DmsFileSearchCriteria());
+const currentSearchCriteria = ref<DmsFileSearchCriteria>(
+  new DmsFileSearchCriteria(),
+);
 
 const keys = ref<DmsFileUploadViewDisplayData[]>([]);
 const dmsFolderModal = ref<boolean>(false);
-const dmsFolderTitle = ref<string>('新增文件夹');
+const dmsFolderTitle = ref<string>("新增文件夹");
 const dmsFolderIsRename = ref<boolean>(false);
 const dmsFolderIsMove = ref<boolean>(false);
 const entity = ref<DmsFileEntity>(new DmsFileEntity());
 const videoPlayModal = ref<boolean>(false);
-const videoSrc = ref<string>('');
-const videoPoster = ref<string>('');
-const videoType = ref<string>('');
-const videoPlayTitle = ref<string>('');
+const videoSrc = ref<string>("");
+const videoPoster = ref<string>("");
+const videoType = ref<string>("");
+const videoPlayTitle = ref<string>("");
 const visible = ref<boolean>(false);
 
 interface PublishPhotoEnquiry {
-    keys: PublishPhotoEntity[],
-    setBindOptionValue(bindValue: string, value: string, value1: string, values: string[]): void,
+  keys: PublishPhotoEntity[];
+  setBindOptionValue(
+    bindValue: string,
+    value: string,
+    value1: string,
+    values: string[],
+  ): void;
 }
 
-const publishPhotoEnquiry = ref<PublishPhotoEnquiry | null>(null)
+const publishPhotoEnquiry = ref<PublishPhotoEnquiry | null>(null);
 
 interface PublishAudioEnquiry {
-    keys: PublishAudioEntity[],
-    setBindOptionValue(bindValue: string, value: string, value1: string, values: string[]): void,
+  keys: PublishAudioEntity[];
+  setBindOptionValue(
+    bindValue: string,
+    value: string,
+    value1: string,
+    values: string[],
+  ): void;
 }
 
-const publishAudioEnquiry = ref<PublishAudioEnquiry | null>(null)
+const publishAudioEnquiry = ref<PublishAudioEnquiry | null>(null);
 
 interface PublishVideoEnquiry {
-    keys: PublishVideoEntity[],
-    setBindOptionValue(bindValue: string, value: string, value1: string, values: string[]): void,
+  keys: PublishVideoEntity[];
+  setBindOptionValue(
+    bindValue: string,
+    value: string,
+    value1: string,
+    values: string[],
+  ): void;
 }
 
-const publishVideoEnquiry = ref<PublishVideoEnquiry | null>(null)
-
+const publishVideoEnquiry = ref<PublishVideoEnquiry | null>(null);
 
 interface ShareEnquiry {
-    keys: FamilyFolderFavoriteViewEntity[],
-    setBindOptionValue(bindValue: string, value: string, value1: string, values: string[]): void,
+  keys: FamilyFolderFavoriteViewEntity[];
+  setBindOptionValue(
+    bindValue: string,
+    value: string,
+    value1: string,
+    values: string[],
+  ): void;
 }
 
-const shareEnquiry = ref<ShareEnquiry | null>(null)
+const shareEnquiry = ref<ShareEnquiry | null>(null);
 
 const {
-    children: items,
-    addChild: addItem,
-    removeChild: removeItem,
+  children: items,
+  addChild: addItem,
+  removeChild: removeItem,
 } = useOrderedChildren<SearchCriteriaContext>();
 
 //================provide================
@@ -409,22 +644,36 @@ provide("isModalShare", showModalShare);
 provide("isModalPublishPhoto", showModalPublishPhoto);
 provide("isModalPublishAudio", showModalPublishAudio);
 provide("isModalPublishVideo", showModalPublishVideo);
-provide("selectionTypePublishPhoto", 'checkbox');
+provide("selectionTypePublishPhoto", "checkbox");
 
 provide(enquiryMethodKey, {
-    getLayoutSetting: () => { return { controlLeft: 16, controlRight: 8, space: true, soltLeft: 24, soltRight: 24 }; },
-    getBindOptions: () => { return unref(bindOptions); },
-    getViewOption: () => { return unref(viewOption); },
-    getDatas: () => { return datas; },
+  getLayoutSetting: () => {
+    return {
+      controlLeft: 16,
+      controlRight: 8,
+      space: true,
+      soltLeft: 24,
+      soltRight: 24,
+    };
+  },
+  getBindOptions: () => {
+    return unref(bindOptions);
+  },
+  getViewOption: () => {
+    return unref(viewOption);
+  },
+  getDatas: () => {
+    return datas;
+  },
 });
 
 provide(
-    searchCriteriaManagerKey,
-    reactive({
-        items,
-        addItem,
-        removeItem,
-    })
+  searchCriteriaManagerKey,
+  reactive({
+    items,
+    addItem,
+    removeItem,
+  }),
 );
 
 provide("videoPlayModal", videoPlayModal);
@@ -434,765 +683,855 @@ provide("videoPoster", videoPoster);
 provide("videoType", videoType);
 //================provide================
 
-
 const sound = ref();
 
 // 表格 bodyCell 的 record 被透传为 Record<string, any>，转成具体展示类型
 const toUploadView = (r: Record<string, any>): DmsFileUploadViewDisplayData =>
-    r as DmsFileUploadViewDisplayData;
+  r as DmsFileUploadViewDisplayData;
 
 onUnmounted(() => {
-    sound.value?.stop();
-})
+  sound.value?.stop();
+});
 
 const play = (src: string) => {
-    sound.value?.stop();
-    if (!src || src == undefined || src == '') {
-        return;
-    }
+  sound.value?.stop();
+  if (!src || src == undefined || src == "") {
+    return;
+  }
 
-    sound.value = new Howl({
-        src: src,
-        volume: 0.5,
-        autoplay: true,
-        loop: false,
-        html5: true,
-        preload: true,
-        onload: () => {
-            // console.log('loaded');
-        },
-        onplay: () => {
-            // console.log('play');
-        },
-        onpause: () => {
-            // console.log('pause');
-        },
-        onend: () => {
-            // console.log('end');
-            datas.value.forEach(element => {
-                element.IsPlay = '';
-            });
-        },
-    });
+  sound.value = new Howl({
+    src: src,
+    volume: 0.5,
+    autoplay: true,
+    loop: false,
+    html5: true,
+    preload: true,
+    onload: () => {
+      // console.log('loaded');
+    },
+    onplay: () => {
+      // console.log('play');
+    },
+    onpause: () => {
+      // console.log('pause');
+    },
+    onend: () => {
+      // console.log('end');
+      datas.value.forEach((element) => {
+        element.IsPlay = "";
+      });
+    },
+  });
 
-    sound.value.play();
-}
-
-const onPauseAudio = (record: DmsFileUploadViewDisplayData) => {
-    record.IsPause = 'Y';
-    sound.value.pause();
-}
-
-const onContinueAudio = (record: DmsFileUploadViewDisplayData) => {
-    record.IsPause = '';
-    sound.value.play();
-}
-
-const onPlayAudio = (record: DmsFileUploadViewDisplayData) => {
-
-    datas.value.forEach(element => {
-        if (element.FileId == record.FileId && element.IsPlay == 'Y') {
-            element.IsPlay = '';
-        }
-        else if (element.FileId == record.FileId && (element.IsPlay == '' || element.IsPlay == null || element.IsPlay == undefined)) {
-            element.IsPlay = 'Y';
-        }
-        else {
-            element.IsPlay = '';
-        }
-        record.IsPause = '';
-    });
-
-    if ((record.IsPlay == '')) {
-        sound.value?.stop();
-        return;
-    }
-
-    play(record.Url);
-}
-
-defineExpose({
-    keys,
-})
-
-onMounted(async () => {
-    let pContext: PermissionContext = usePermissionContext();
-    canView.value = pContext.canView(route.meta.permission as string);
-    canAmend.value = pContext.canAmend(route.meta.permission as string);
-    canDelete.value = pContext.canDelete(route.meta.permission as string);
-    canCreate.value = pContext.canCreate(route.meta.permission as string);
-
-    await initBindOption();
-
-    onSearchByFilePath(rootPath.value);
-
-})
-
-const beforeUpload: UploadProps['beforeUpload'] = async (file) => {
-    loading.value = true;
-    fileList.value = [...(fileList.value || []), file];
-    const chunks = splitFile(file);
-
-    let bindOption: BindOption = bindOptions.value.filter(x => x.BindValue == DmsFileUploadViewDisplayData.DB_FILE_PATH)[0];
-    currFilePath.value = headers.value.FilePath = bindOption.Value;
-    let i = 1;
-    let fileSize = file.size;
-    let uid: string = uuidv4();
-    spinTip.value = '上传中(1/' + chunks.length + ')...'
-    await uploadChunk(chunks, file.name, uid, i);
-
-    spinTip.value = '加载中...'
-    return false;
+  sound.value.play();
 };
 
-const uploadChunk = async (chunks: any, fileName: string, uid: string, index: number) => {
-    const formData = new FormData();
+const onPauseAudio = (record: DmsFileUploadViewDisplayData) => {
+  record.IsPause = "Y";
+  sound.value.pause();
+};
 
-    const fileExtension = fileName.split('.').pop();
-    formData.append(fileName, chunks[index - 1], uid + '-' + index.toString() + '-' + chunks.length.toString() + '.' + fileExtension);
+const onContinueAudio = (record: DmsFileUploadViewDisplayData) => {
+  record.IsPause = "";
+  sound.value.play();
+};
 
-    if (process.env.NODE_ENV === "development") {
-        axios.defaults.baseURL = WebSitePolicy.WebApiRootDev;
-        axios.defaults.withCredentials = true;
+const onPlayAudio = (record: DmsFileUploadViewDisplayData) => {
+  datas.value.forEach((element) => {
+    if (element.FileId == record.FileId && element.IsPlay == "Y") {
+      element.IsPlay = "";
+    } else if (
+      element.FileId == record.FileId &&
+      (element.IsPlay == "" ||
+        element.IsPlay == null ||
+        element.IsPlay == undefined)
+    ) {
+      element.IsPlay = "Y";
     } else {
-        axios.defaults.baseURL = WebSitePolicy.WebApiRoot;
+      element.IsPlay = "";
     }
-    try {
-        let response = await axios.create().request({
-            url: "/DmsFile/UploadFile",
-            method: "post",
-            data: formData,
-            headers: headers.value,
-        });
+    record.IsPause = "";
+  });
 
-        if (response.status == 200 && index < chunks.length) {
-            spinTip.value = '上传中(' + (index + 1) + '/' + chunks.length + ')...'
-            await uploadChunk(chunks, fileName, uid, index + 1);
-        }
-        else if (index == chunks.length) {
-            let sec: number = 2500;
-            if (index > 25) sec = index * 100;
-            spinTip.value = '加载中...'
-            setTimeout(function () {
-                onReSearch();
-            }, sec);
-        }
-    } catch (error) {
-        loading.value = false;
-        spinTip.value = '加载中...'
+  if (record.IsPlay == "") {
+    sound.value?.stop();
+    return;
+  }
+
+  play(record.Url);
+};
+
+defineExpose({
+  keys,
+});
+
+onMounted(async () => {
+  let pContext: PermissionContext = usePermissionContext();
+  canView.value = pContext.canView(route.meta.permission as string);
+  canAmend.value = pContext.canAmend(route.meta.permission as string);
+  canDelete.value = pContext.canDelete(route.meta.permission as string);
+  canCreate.value = pContext.canCreate(route.meta.permission as string);
+
+  await initBindOption();
+
+  onSearchByFilePath(rootPath.value);
+});
+
+const beforeUpload: UploadProps["beforeUpload"] = async (file) => {
+  loading.value = true;
+  fileList.value = [...(fileList.value || []), file];
+  const chunks = splitFile(file);
+
+  let bindOption: BindOption = bindOptions.value.filter(
+    (x) => x.BindValue == DmsFileUploadViewDisplayData.DB_FILE_PATH,
+  )[0];
+  currFilePath.value = headers.value.FilePath = bindOption.Value;
+  let i = 1;
+  let fileSize = file.size;
+  let uid: string = uuidv4();
+  spinTip.value = "上传中(1/" + chunks.length + ")...";
+  await uploadChunk(chunks, file.name, uid, i);
+
+  spinTip.value = "加载中...";
+  return false;
+};
+
+const uploadChunk = async (
+  chunks: any,
+  fileName: string,
+  uid: string,
+  index: number,
+) => {
+  const formData = new FormData();
+
+  const fileExtension = fileName.split(".").pop();
+  formData.append(
+    fileName,
+    chunks[index - 1],
+    uid +
+      "-" +
+      index.toString() +
+      "-" +
+      chunks.length.toString() +
+      "." +
+      fileExtension,
+  );
+
+  if (process.env.NODE_ENV === "development") {
+    axios.defaults.baseURL = WebSitePolicy.WebApiRootDev;
+    axios.defaults.withCredentials = true;
+  } else {
+    axios.defaults.baseURL = WebSitePolicy.WebApiRoot;
+  }
+  try {
+    let response = await axios.create().request({
+      url: "/DmsFile/UploadFile",
+      method: "post",
+      data: formData,
+      headers: headers.value,
+    });
+
+    if (response.status == 200 && index < chunks.length) {
+      spinTip.value = "上传中(" + (index + 1) + "/" + chunks.length + ")...";
+      await uploadChunk(chunks, fileName, uid, index + 1);
+    } else if (index == chunks.length) {
+      let sec: number = 2500;
+      if (index > 25) sec = index * 100;
+      spinTip.value = "加载中...";
+      setTimeout(function () {
+        onReSearch();
+      }, sec);
     }
-
-}
+  } catch (error) {
+    loading.value = false;
+    spinTip.value = "加载中...";
+  }
+};
 
 const CHUNK_SIZE = 1024 * 1024; // 设置每个分片的大小为1MB
 
 const splitFile = (file: any) => {
-    const chunks = [];
-    let start = 0;
-    while (start < file.size) {
-        const end = Math.min(start + CHUNK_SIZE, file.size);
-        const chunk = file.slice(start, end);
-        chunks.push(chunk);
-        start += CHUNK_SIZE;
-    }
-    return chunks;
-}
-
-const onSelectChange = ((selected: DmsFileUploadViewDisplayData[]) => {
-    keys.value = selected;
-
-})
-
-const onViewPhotoPreview = (async (filePath: string) => {
-    router.push({ name: "Previews", params: { id: filePath, mode: 'list' } });
-})
-
-const onViewAudioPreview = (async (filePath: string) => {
-    router.push({ name: "AudioPreviews", params: { id: filePath, mode: 'list' } });
-})
-
-const onViewVideoPreview = (async (filePath: string) => {
-    router.push({ name: "VideoPreviews", params: { id: filePath, mode: 'list' } });
-})
-
-const onChangeFolder = (async (fvalue: string) => {
-    onSearchByFilePath(fvalue);
-})
-
-const onUrlVideoPlay = ((url: string, title: string, poster: string) => {
-    sound.value?.stop();
-    datas.value.forEach(element => {
-        element.IsPlay = '';
-    });
-    videoPoster.value = poster;
-    videoType.value = 'm3u8';
-    videoSrc.value = url;
-    videoPlayModal.value = true;
-    videoPlayTitle.value = title;
-});
-
-const onVideoPlay = (async (fid: number) => {
-    //从服务器取出源视频
-    dmsFileService.FindSourceVideoPath(fid).then((res) => {
-        videoType.value = 'video/mp4';
-        videoSrc.value = res;
-        videoPlayModal.value = true;
-    }).catch(() => {
-        videoPlayModal.value = false;
-    })
-});
-
-
-const onPreviewFile = (async (username: string, orderKey: string) => {
-    loading.value = true;
-    getPreviewFile(username, orderKey);
-});
-
-const getPreviewFile = (username: string, fname: string) => {
-    let dms: DmsFileEntity = new DmsFileEntity();
-    dms.CreatedBy = username;
-    dms.OrderKey = fname;
-    dmsFileService.DownloadFilePreview(dms).then((res) => {
-        const downloadUrl = window.URL.createObjectURL(new Blob([res]));
-        imageSrc.value = downloadUrl;
-        loading.value = false;
-        setPicVisible(true);
-    }).catch(() => {
-        loading.value = false;
-    });
-
-}
-
-// 注意：不写 Uint8Array<ArrayBuffer>，该泛型语法需要 TS 5.7+，本项目实际是 TS 5.4.5
-const DownloadFileCombine = (fs: string[], mergedData: Uint8Array, index: number, ttl: number, total: number, preview: boolean, fname: string) => {
-    loading.value = true;
-    fs[fs.length - 2] = index.toString();
-    spinTip.value = '加载中(' + index + '/' + total + ')...'
-    dmsFileService.DownloadFileCombine(fs.toString().replace(/,/g, '-')).then((res) => {
-        mergedData.set(new Uint8Array(res), ttl);
-        if (index < total) {
-            DownloadFileCombine(fs, mergedData, index + 1, ttl + res.byteLength, total, preview, fname);
-        }
-        else if (index == total) {
-            loading.value = false;
-            spinTip.value = '加载中...'
-            // TS 5.4 与 5.7+ 对 Uint8Array 是否属于 BlobPart 的判定不同，这里做无损断言兼容两者
-            const downloadUrl = window.URL.createObjectURL(new Blob([mergedData as unknown as BlobPart]));
-            imageSrc.value = downloadUrl;
-            if (!preview) {
-                const link = document.createElement("a");
-                link.href = downloadUrl;
-                link.setAttribute(
-                    "download",
-                    fname
-                );
-                document.body.appendChild(link);
-                link.click();
-            }
-            else {
-                setPicVisible(true);
-            }
-        }
-    }).catch(() => {
-        spinTip.value = '加载中...'
-        loading.value = false;
-    });
-
-}
-
-const onLastFolder = (async () => {
-    if (!datas.value || datas.value.length == 0) {
-        onSearchByFilePath(previousFilePath.value);
-    }
-    else {
-        onPreviousFolder();
-    }
-})
-
-
-const onPreviousFolder = (async () => {
-    let filePath: string = '';
-    if (datas.value && datas.value.length > 0) filePath = datas.value[0].FilePath;
-    dmsFileService.FindFolderNameParentByFolderName(filePath).then((res) => {
-        if (res && res.length > 0)
-            onSearchByFilePath(res);
-    })
-})
-
-const onPublishPhoto = (async (fid: number) => {
-    showModalPublishPhoto.value = true;
-})
-
-const onPublishAudio = (async (fid: number) => {
-    showModalPublishAudio.value = true;
-})
-
-const onPublishVideo = (async (fid: number) => {
-    showModalPublishVideo.value = true;
-})
-
-
-
-const onShareFamily = (async () => {
-    showModalShare.value = true;
-})
-
-const onDownloadFile = (async (fid: number, fname: string) => {
-    GetOrgPictureFile(fid, fname, false);
-})
-
-const GetOrgPictureFile = (async (fid: number, fname: string, preview: boolean) => {
-    if (fileTypePolicy.isVideo(fname)) {
-        // onVideoPlay(keys.value[0].FileId);
-        return;
-    }
-
-    loading.value = true;
-    dmsFileService.FindByKey(fid).then((res) => {
-        let fs: string[] = res.OrderKey.split('-');
-        let index: string = fs[fs.length - 2];
-        let total: string = fs[fs.length - 1].split('.')[0];
-        var mergedData = new Uint8Array((res.FileSize + 1) * 1024);
-        let ttl: number = 0;
-        fs[fs.length - 2] = "1";
-        spinTip.value = '加载中(1/' + total + ')...'
-        DownloadFileCombine(fs, mergedData, 1, ttl, parseInt(total), preview, fname);
-    }).catch(() => {
-        loading.value = false;
-    });
-});
-
-const onViewPictureFile = (async (fid: number, fname: string) => {
-    GetOrgPictureFile(fid, fname, true)
-})
-
-const onSearchByFilePath = async (fvalue: string) => {
-    setBindOptionValue(DmsFileUploadViewDisplayData.DB_FILE_PATH, fvalue, '', [fvalue], false);
-    previousFilePath.value = unref(currFilePath.value);
-    currFilePath.value = fvalue;
-    isSearched.value = true;
-    if (currentSearchCriteria.value && fvalue && fvalue.length > 0) {
-        currentSearchCriteria.value.Filter = [];
-        let filter: SearchFilter;
-        filter = new SearchFilter();
-        filter.Column = DmsFileUploadViewDisplayData.DB_FILE_PATH;
-        filter.Type = "SingleSelection";
-        filter.Operator = "single";
-        filter.Value = fvalue;
-        currentSearchCriteria.value.Filter.push(filter);
-    }
-    else {
-        currentSearchCriteria.value.Filter = [];
-    }
-
-    await findBySearchCriteria(unref(currentSearchCriteria));
-}
-
-const onReset = (() => {
-    keys.value = [];
-    result.value.Total = 0;
-    setBindOptionValue(DmsFileUploadViewDisplayData.DB_FILE_PATH, rootPath.value, '', [rootPath.value], false);
-})
-
-const onViewPic = (() => {
-    if (keys.value.length == 0) return;
-    if (keys.value[0].IsDirectoryIndc == 'Y') {
-        onChangeFolder(keys.value[0].FileName);
-    }
-    else if (fileTypePolicy.isImage(keys.value[0].OrgFileName)) {
-        onPreviewFile(keys.value[0].CreatedBy, keys.value[0].OrderKey);
-    }
-    else if (fileTypePolicy.isVideo(keys.value[0].OrgFileName)) {
-        onVideoPlay(keys.value[0].FileId);
-    }
-    else {
-        notification.info({
-            message: '系统提示：',
-            description: '未知格式无法预览',
-            placement: "topRight",
-        });
-    }
-
-})
-
-
-const setPicVisible = (value: boolean): void => {
-    visible.value = value;
+  const chunks = [];
+  let start = 0;
+  while (start < file.size) {
+    const end = Math.min(start + CHUNK_SIZE, file.size);
+    const chunk = file.slice(start, end);
+    chunks.push(chunk);
+    start += CHUNK_SIZE;
+  }
+  return chunks;
 };
 
-const onCreate = (() => {
-    dmsFolderTitle.value = "新增文件夹";
-    dmsFolderIsRename.value = false;
-    dmsFolderIsMove.value = false;
-    dmsFolderModal.value = true;
-    entity.value = new DmsFileEntity();
-    let bindOption: BindOption = bindOptions.value.filter(x => x.BindValue == DmsFileUploadViewDisplayData.DB_FILE_PATH)[0];
+const onSelectChange = (selected: DmsFileUploadViewDisplayData[]) => {
+  keys.value = selected;
+};
 
-    entity.value.FilePath = bindOption.SelectOptions.filter(x => x.BindValue == bindOption.Value)[0].DisplayName;
-    entity.value.OrgFileName = bindOption.Value;
+const onViewPhotoPreview = async (filePath: string) => {
+  router.push({ name: "Previews", params: { id: filePath, mode: "list" } });
+};
 
-    currFilePath.value = bindOption.Value;
-})
+const onViewAudioPreview = async (filePath: string) => {
+  router.push({
+    name: "AudioPreviews",
+    params: { id: filePath, mode: "list" },
+  });
+};
 
-const onAmend = (() => {
-    if (keys.value[0].IsDirectoryIndc == "Y") {
-        dmsFolderTitle.value = "重命名文件夹";
-    }
-    else {
-        dmsFolderTitle.value = "重命名文件";
-    }
-    dmsFolderIsRename.value = true;
-    dmsFolderModal.value = true;
-    dmsFolderIsMove.value = false;
-    entity.value = new DmsFileEntity();
+const onViewVideoPreview = async (filePath: string) => {
+  router.push({
+    name: "VideoPreviews",
+    params: { id: filePath, mode: "list" },
+  });
+};
 
+const onChangeFolder = async (fvalue: string) => {
+  onSearchByFilePath(fvalue);
+};
 
-    entity.value.FileId = keys.value[0].FileId;
-    entity.value.FilePath = keys.value[0].FolderLocalName;
-    if (keys.value[0].CreatedBy == keys.value[0].FolderLocalName) {
-        entity.value.FilePath = '';
-    }
-    entity.value.FileName = keys.value[0].OrgFileName;
-})
+const onUrlVideoPlay = (url: string, title: string, poster: string) => {
+  sound.value?.stop();
+  datas.value.forEach((element) => {
+    element.IsPlay = "";
+  });
+  videoPoster.value = poster;
+  videoType.value = "m3u8";
+  videoSrc.value = url;
+  videoPlayModal.value = true;
+  videoPlayTitle.value = title;
+};
 
-const onMove = (() => {
-    if (keys.value[0].IsDirectoryIndc == "Y") {
-        dmsFolderTitle.value = "移动文件夹";
-    }
-    else {
-        dmsFolderTitle.value = "移动文件";
-    }
-    dmsFolderIsRename.value = false;
-    dmsFolderIsMove.value = true;
-    dmsFolderModal.value = true;
-
-    entity.value = new DmsFileEntity();
-
-    entity.value.FileId = keys.value[0].FileId;
-    entity.value.FilePath = keys.value[0].FolderLocalName;
-    if (keys.value[0].CreatedBy == keys.value[0].FolderLocalName) {
-        entity.value.FilePath = '';
-    }
-    entity.value.FileName = keys.value[0].FileName;
-    entity.value.OrgFileName = keys.value[0].OrgFileName;
-})
-
-const onDelete = (async () => {
-
-    for (let i = 0; i < keys.value.length; i++) {
-        await dmsFileService.Delete(keys.value[i].FileId);
-    }
-
-    notification.info({
-        message: '系统提示：',
-        description: '记录删除成功',
-        placement: "topRight",
+const onVideoPlay = async (fid: number) => {
+  //从服务器取出源视频
+  dmsFileService
+    .FindSourceVideoPath(fid)
+    .then((res) => {
+      videoType.value = "video/mp4";
+      videoSrc.value = res;
+      videoPlayModal.value = true;
+    })
+    .catch(() => {
+      videoPlayModal.value = false;
     });
-    onReload();
-})
+};
 
-const onSave = (() => {
-    isEdit.value = false;
-})
+const onPreviewFile = async (username: string, orderKey: string) => {
+  loading.value = true;
+  getPreviewFile(username, orderKey);
+};
 
-const onCancel = (() => {
-    isEdit.value = false;
-})
+const getPreviewFile = (username: string, fname: string) => {
+  let dms: DmsFileEntity = new DmsFileEntity();
+  dms.CreatedBy = username;
+  dms.OrderKey = fname;
+  dmsFileService
+    .DownloadFilePreview(dms)
+    .then((res) => {
+      const downloadUrl = window.URL.createObjectURL(new Blob([res]));
+      imageSrc.value = downloadUrl;
+      loading.value = false;
+      setPicVisible(true);
+    })
+    .catch(() => {
+      loading.value = false;
+    });
+};
 
-const setBindOptionValue = ((bindValue: string, value: string, value1: string, values: string[], disabled: boolean) => {
-    let bindOption: BindOption = bindOptions.value.filter(x => x.BindValue == bindValue)[0];
-    if (!bindOption) return;
-    bindOption.Value = value;
-    bindOption.Value1 = value1;
-    bindOption.Values = values;
-    bindOption.disabled = disabled;
-})
+// 注意：不写 Uint8Array<ArrayBuffer>，该泛型语法需要 TS 5.7+，本项目实际是 TS 5.4.5
+const DownloadFileCombine = (
+  fs: string[],
+  mergedData: Uint8Array,
+  index: number,
+  ttl: number,
+  total: number,
+  preview: boolean,
+  fname: string,
+) => {
+  loading.value = true;
+  fs[fs.length - 2] = index.toString();
+  spinTip.value = "加载中(" + index + "/" + total + ")...";
+  dmsFileService
+    .DownloadFileCombine(fs.toString().replace(/,/g, "-"))
+    .then((res) => {
+      mergedData.set(new Uint8Array(res), ttl);
+      if (index < total) {
+        DownloadFileCombine(
+          fs,
+          mergedData,
+          index + 1,
+          ttl + res.byteLength,
+          total,
+          preview,
+          fname,
+        );
+      } else if (index == total) {
+        loading.value = false;
+        spinTip.value = "加载中...";
+        // TS 5.4 与 5.7+ 对 Uint8Array 是否属于 BlobPart 的判定不同，这里做无损断言兼容两者
+        const downloadUrl = window.URL.createObjectURL(
+          new Blob([mergedData as unknown as BlobPart]),
+        );
+        imageSrc.value = downloadUrl;
+        if (!preview) {
+          const link = document.createElement("a");
+          link.href = downloadUrl;
+          link.setAttribute("download", fname);
+          document.body.appendChild(link);
+          link.click();
+        } else {
+          setPicVisible(true);
+        }
+      }
+    })
+    .catch(() => {
+      spinTip.value = "加载中...";
+      loading.value = false;
+    });
+};
 
+const onLastFolder = async () => {
+  if (!datas.value || datas.value.length == 0) {
+    onSearchByFilePath(previousFilePath.value);
+  } else {
+    onPreviousFolder();
+  }
+};
 
+const onPreviousFolder = async () => {
+  let filePath: string = "";
+  if (datas.value && datas.value.length > 0) filePath = datas.value[0].FilePath;
+  dmsFileService.FindFolderNameParentByFolderName(filePath).then((res) => {
+    if (res && res.length > 0) onSearchByFilePath(res);
+  });
+};
+
+const onPublishPhoto = async (fid: number) => {
+  showModalPublishPhoto.value = true;
+};
+
+const onPublishAudio = async (fid: number) => {
+  showModalPublishAudio.value = true;
+};
+
+const onPublishVideo = async (fid: number) => {
+  showModalPublishVideo.value = true;
+};
+
+const onShareFamily = async () => {
+  showModalShare.value = true;
+};
+
+const onDownloadFile = async (fid: number, fname: string) => {
+  GetOrgPictureFile(fid, fname, false);
+};
+
+const GetOrgPictureFile = async (
+  fid: number,
+  fname: string,
+  preview: boolean,
+) => {
+  if (fileTypePolicy.isVideo(fname)) {
+    // onVideoPlay(keys.value[0].FileId);
+    return;
+  }
+
+  loading.value = true;
+  dmsFileService
+    .FindByKey(fid)
+    .then((res) => {
+      let fs: string[] = res.OrderKey.split("-");
+      let index: string = fs[fs.length - 2];
+      let total: string = fs[fs.length - 1].split(".")[0];
+      var mergedData = new Uint8Array((res.FileSize + 1) * 1024);
+      let ttl: number = 0;
+      fs[fs.length - 2] = "1";
+      spinTip.value = "加载中(1/" + total + ")...";
+      DownloadFileCombine(
+        fs,
+        mergedData,
+        1,
+        ttl,
+        parseInt(total),
+        preview,
+        fname,
+      );
+    })
+    .catch(() => {
+      loading.value = false;
+    });
+};
+
+const onViewPictureFile = async (fid: number, fname: string) => {
+  GetOrgPictureFile(fid, fname, true);
+};
+
+const onSearchByFilePath = async (fvalue: string) => {
+  setBindOptionValue(
+    DmsFileUploadViewDisplayData.DB_FILE_PATH,
+    fvalue,
+    "",
+    [fvalue],
+    false,
+  );
+  previousFilePath.value = unref(currFilePath.value);
+  currFilePath.value = fvalue;
+  isSearched.value = true;
+  if (currentSearchCriteria.value && fvalue && fvalue.length > 0) {
+    currentSearchCriteria.value.Filter = [];
+    let filter: SearchFilter;
+    filter = new SearchFilter();
+    filter.Column = DmsFileUploadViewDisplayData.DB_FILE_PATH;
+    filter.Type = "SingleSelection";
+    filter.Operator = "single";
+    filter.Value = fvalue;
+    currentSearchCriteria.value.Filter.push(filter);
+  } else {
+    currentSearchCriteria.value.Filter = [];
+  }
+
+  await findBySearchCriteria(unref(currentSearchCriteria));
+};
+
+const onReset = () => {
+  keys.value = [];
+  result.value.Total = 0;
+  setBindOptionValue(
+    DmsFileUploadViewDisplayData.DB_FILE_PATH,
+    rootPath.value,
+    "",
+    [rootPath.value],
+    false,
+  );
+};
+
+const onViewPic = () => {
+  if (keys.value.length == 0) return;
+  if (keys.value[0].IsDirectoryIndc == "Y") {
+    onChangeFolder(keys.value[0].FileName);
+  } else if (fileTypePolicy.isImage(keys.value[0].OrgFileName)) {
+    onPreviewFile(keys.value[0].CreatedBy, keys.value[0].OrderKey);
+  } else if (fileTypePolicy.isVideo(keys.value[0].OrgFileName)) {
+    onVideoPlay(keys.value[0].FileId);
+  } else {
+    notification.info({
+      message: "系统提示：",
+      description: "未知格式无法预览",
+      placement: "topRight",
+    });
+  }
+};
+
+const setPicVisible = (value: boolean): void => {
+  visible.value = value;
+};
+
+const onCreate = () => {
+  dmsFolderTitle.value = "新增文件夹";
+  dmsFolderIsRename.value = false;
+  dmsFolderIsMove.value = false;
+  dmsFolderModal.value = true;
+  entity.value = new DmsFileEntity();
+  let bindOption: BindOption = bindOptions.value.filter(
+    (x) => x.BindValue == DmsFileUploadViewDisplayData.DB_FILE_PATH,
+  )[0];
+
+  entity.value.FilePath = bindOption.SelectOptions.filter(
+    (x) => x.BindValue == bindOption.Value,
+  )[0].DisplayName;
+  entity.value.OrgFileName = bindOption.Value;
+
+  currFilePath.value = bindOption.Value;
+};
+
+const onAmend = () => {
+  if (keys.value[0].IsDirectoryIndc == "Y") {
+    dmsFolderTitle.value = "重命名文件夹";
+  } else {
+    dmsFolderTitle.value = "重命名文件";
+  }
+  dmsFolderIsRename.value = true;
+  dmsFolderModal.value = true;
+  dmsFolderIsMove.value = false;
+  entity.value = new DmsFileEntity();
+
+  entity.value.FileId = keys.value[0].FileId;
+  entity.value.FilePath = keys.value[0].FolderLocalName;
+  if (keys.value[0].CreatedBy == keys.value[0].FolderLocalName) {
+    entity.value.FilePath = "";
+  }
+  entity.value.FileName = keys.value[0].OrgFileName;
+};
+
+const onMove = () => {
+  if (keys.value[0].IsDirectoryIndc == "Y") {
+    dmsFolderTitle.value = "移动文件夹";
+  } else {
+    dmsFolderTitle.value = "移动文件";
+  }
+  dmsFolderIsRename.value = false;
+  dmsFolderIsMove.value = true;
+  dmsFolderModal.value = true;
+
+  entity.value = new DmsFileEntity();
+
+  entity.value.FileId = keys.value[0].FileId;
+  entity.value.FilePath = keys.value[0].FolderLocalName;
+  if (keys.value[0].CreatedBy == keys.value[0].FolderLocalName) {
+    entity.value.FilePath = "";
+  }
+  entity.value.FileName = keys.value[0].FileName;
+  entity.value.OrgFileName = keys.value[0].OrgFileName;
+};
+
+const onDelete = async () => {
+  for (let i = 0; i < keys.value.length; i++) {
+    await dmsFileService.Delete(keys.value[i].FileId);
+  }
+
+  notification.info({
+    message: "系统提示：",
+    description: "记录删除成功",
+    placement: "topRight",
+  });
+  onReload();
+};
+
+const onSave = () => {
+  isEdit.value = false;
+};
+
+const onCancel = () => {
+  isEdit.value = false;
+};
+
+const setBindOptionValue = (
+  bindValue: string,
+  value: string,
+  value1: string,
+  values: string[],
+  disabled: boolean,
+) => {
+  let bindOption: BindOption = bindOptions.value.filter(
+    (x) => x.BindValue == bindValue,
+  )[0];
+  if (!bindOption) return;
+  bindOption.Value = value;
+  bindOption.Value1 = value1;
+  bindOption.Values = values;
+  bindOption.disabled = disabled;
+};
 
 //初始化查询条件
-const initBindOption = (async () => {
-    let ubo = useBindOption();
-    bindOptions.value = [];
-    bindOptions.value.splice(0, bindOptions.value.length);
-    let bindOption: BindOption = ubo.getBindOption(DmsFileUploadViewDisplayData.DB_ORG_FILE_NAME, '名称', SearchFilterTypePolicy.TEXT, SearchFilterOperatorPolicy.CONTAIN);
-    bindOptions.value.push(bindOption);
+const initBindOption = async () => {
+  let ubo = useBindOption();
+  bindOptions.value = [];
+  bindOptions.value.splice(0, bindOptions.value.length);
+  let bindOption: BindOption = ubo.getBindOption(
+    DmsFileUploadViewDisplayData.DB_ORG_FILE_NAME,
+    "名称",
+    SearchFilterTypePolicy.TEXT,
+    SearchFilterOperatorPolicy.CONTAIN,
+  );
+  bindOptions.value.push(bindOption);
 
-    // bindOption = ubo.getBindOption(DmsFileUploadViewDisplayData.DB_FILE_PATH, '当前目录', SearchFilterTypePolicy.TEXT, SearchFilterOperatorPolicy.CONTAIN);
-    let rps: SelectOption[] = await dmsFileService.FindDmsFolders();
-    if (rps && rps.length > 1) {
-        rootPath.value = currFilePath.value = rps[1].BindValue;
+  // bindOption = ubo.getBindOption(DmsFileUploadViewDisplayData.DB_FILE_PATH, '当前目录', SearchFilterTypePolicy.TEXT, SearchFilterOperatorPolicy.CONTAIN);
+  let rps: SelectOption[] = await dmsFileService.FindDmsFolders();
+  if (rps && rps.length > 1) {
+    rootPath.value = rps[1].BindValue;
+    // 仅在首次初始化（还没有当前目录）时设置默认目录；
+    // onReload 等刷新场景保持 currFilePath（"当前目录"）不变
+    if (!currFilePath.value) {
+      currFilePath.value = rps[1].BindValue;
     }
+  }
 
-    bindOption = ubo.getBindSelectOption(DmsFileUploadViewDisplayData.DB_FILE_PATH, '当前目录', SearchFilterTypePolicy.SINGLE_SELECTION, SearchFilterOperatorPolicy.SINGLE, rps);
+  bindOption = ubo.getBindSelectOption(
+    DmsFileUploadViewDisplayData.DB_FILE_PATH,
+    "当前目录",
+    SearchFilterTypePolicy.SINGLE_SELECTION,
+    SearchFilterOperatorPolicy.SINGLE,
+    rps,
+  );
 
-    bindOptions.value.push(bindOption);
+  bindOptions.value.push(bindOption);
 
-    // bindOption = ubo.getBindOption(DmsFileUploadViewDisplayData.DB_CREATED_DATETIME, '创建日期', SearchFilterTypePolicy.DATE, SearchFilterOperatorPolicy.DATE_BETWEEN);
-    // bindOptions.value.push(bindOption);
+  // bindOption = ubo.getBindOption(DmsFileUploadViewDisplayData.DB_CREATED_DATETIME, '创建日期', SearchFilterTypePolicy.DATE, SearchFilterOperatorPolicy.DATE_BETWEEN);
+  // bindOptions.value.push(bindOption);
 
-
-    setBindOptionValue(DmsFileUploadViewDisplayData.DB_FILE_PATH, currFilePath.value, '', [currFilePath.value], false);
-})
+  setBindOptionValue(
+    DmsFileUploadViewDisplayData.DB_FILE_PATH,
+    currFilePath.value,
+    "",
+    [currFilePath.value],
+    false,
+  );
+};
 
 //table from-----------------------------------------------------------------------------------------------------------------------------------
 
 result.value.Page = pagingParams.value.page ?? 1;
 result.value.Limit = pagingParams.value.pageSize;
 
-const onSubmit = (async (filters: SearchFilter[]) => {
-    loading.value = true;
-    let c: DmsFileSearchCriteria = new DmsFileSearchCriteria();
-    currentFilter.value = filters;
+const onSubmit = async (filters: SearchFilter[]) => {
+  loading.value = true;
+  let c: DmsFileSearchCriteria = new DmsFileSearchCriteria();
+  currentFilter.value = filters;
 
-    c.Filter = filters;
-    c.limit = pagingParams.value.pageSize;
-    c.page = pagingParams.value.page ?? 1;
+  c.Filter = filters;
+  c.limit = pagingParams.value.pageSize;
+  c.page = pagingParams.value.page ?? 1;
+  c.GridColumns = [];
+  currentSearchCriteria.value = c;
+
+  await findBySearchCriteria(c);
+};
+
+const onPrint = async () => {
+  loading.value = true;
+  let c: DmsFileSearchCriteria = new DmsFileSearchCriteria();
+  if (currentFilter.value.length > 0) c.Filter = currentFilter.value;
+  else c.Filter = [];
+
+  c.limit = pagingParams.value.pageSize;
+  c.page = pagingParams.value.page ?? 1;
+  c.GridColumns = useGridColumnInfo().getGridColumnInfo(unref(columns));
+  c.ReportName = layoutProviderMethod?.getLayoutProvider().layoutTitle!;
+  try {
+    let sss = await dmsFileService.PrintBySearchCriteria(c);
+  } catch (error) {
+    console.log(error);
+  }
+};
+
+const findBySearchCriteria = async (c: DmsFileSearchCriteria) => {
+  keys.value = [];
+  try {
+    if (c.limit == 0) c.limit = pagingParams.value.pageSize;
+    if (c.page == 0) c.page = pagingParams.value.page ?? 1;
+
+    currentFilter.value = c.Filter;
+    data.value = await dmsFileService.FindBySearchCriteria(c);
+
+    isSearched.value = true;
+    result.value.Total = data.value.Total;
+    result.value.Page = data.value.Page;
+    result.value.Limit = data.value.Limit;
+    if (data.value.Datas)
+      data.value.Datas = orderBy(
+        data.value.Datas,
+        (x) => x.IsDirectoryIndc,
+        "desc",
+      );
+    datas.value = data.value.Datas;
+    loading.value = false;
+    if (
+      data.value.Datas &&
+      data.value.Datas.length > 0 &&
+      fileTypePolicy.isAudio(data.value.Datas[0].OrderKey)
+    ) {
+      onPlayAudio(data.value.Datas[0]);
+      onPauseAudio(data.value.Datas[0]);
+    } else {
+      sound.value?.stop();
+    }
+  } catch (error) {
+    loading.value = false;
+    console.log(error);
+  }
+};
+
+const onPagination = async (params: PagingParams) => {
+  try {
+    if (!isSearched.value) return;
+
+    let c: DmsFileSearchCriteria = new DmsFileSearchCriteria();
+
+    if (currentFilter.value.length > 0) c.Filter = currentFilter.value;
+    else c.Filter = [];
+
+    c.limit = params.pageSize;
+    c.page = params.page ?? 1;
+    if (params.sortField) c.orderby = params.sortField!;
+    if (params.sortOrder)
+      c.orderbytag = params.sortOrder?.toString().substring(0, 4)!;
     c.GridColumns = [];
+    loading.value = true;
     currentSearchCriteria.value = c;
 
     await findBySearchCriteria(c);
-})
-
-const onPrint = (async () => {
-    loading.value = true;
-    let c: DmsFileSearchCriteria = new DmsFileSearchCriteria();
-    if (currentFilter.value.length > 0)
-        c.Filter = currentFilter.value;
-    else c.Filter = [];
-
-    c.limit = pagingParams.value.pageSize;
-    c.page = pagingParams.value.page ?? 1;
-    c.GridColumns = useGridColumnInfo().getGridColumnInfo(unref(columns));
-    c.ReportName = layoutProviderMethod?.getLayoutProvider().layoutTitle!;
-    try {
-        let sss = await dmsFileService.PrintBySearchCriteria(c);
-    } catch (error) {
-        console.log(error);
-    }
-
-})
-
-const findBySearchCriteria = (async (c: DmsFileSearchCriteria) => {
-    keys.value = [];
-    try {
-        if (c.limit == 0)
-            c.limit = pagingParams.value.pageSize;
-        if (c.page == 0)
-            c.page = pagingParams.value.page ?? 1;
-
-        currentFilter.value = c.Filter;
-        data.value = await dmsFileService.FindBySearchCriteria(c);
-
-        isSearched.value = true;
-        result.value.Total = data.value.Total;
-        result.value.Page = data.value.Page;
-        result.value.Limit = data.value.Limit;
-        if (data.value.Datas) data.value.Datas = orderBy(data.value.Datas, x => x.IsDirectoryIndc, "desc");
-        datas.value = data.value.Datas;
-        loading.value = false;
-        if (data.value.Datas && data.value.Datas.length > 0 && fileTypePolicy.isAudio(data.value.Datas[0].OrderKey)) {
-            onPlayAudio(data.value.Datas[0]);
-            onPauseAudio(data.value.Datas[0]);
-        }
-        else {
-            sound.value?.stop();
-        }
-    } catch (error) {
-        loading.value = false;
-        console.log(error);
-    }
-})
-
-const onPagination = (async (params: PagingParams) => {
-    try {
-        if (!isSearched.value) return;
-
-        let c: DmsFileSearchCriteria = new DmsFileSearchCriteria();
-
-        if (currentFilter.value.length > 0)
-            c.Filter = currentFilter.value;
-        else c.Filter = [];
-
-        c.limit = params.pageSize;
-        c.page = params.page ?? 1;
-        if (params.sortField)
-            c.orderby = params.sortField!;
-        if (params.sortOrder)
-            c.orderbytag = params.sortOrder?.toString().substring(0, 4)!;
-        c.GridColumns = [];
-        loading.value = true;
-        currentSearchCriteria.value = c;
-
-        await findBySearchCriteria(c);
-    } catch (error) {
-        loading.value = false;
-        console.log(error);
-    }
-});
-
-const onReSearch = (async () => {
-    setBindOptionValue(DmsFileUploadViewDisplayData.DB_FILE_PATH, currFilePath.value, '', [currFilePath.value], false);
-    await findBySearchCriteria(unref(currentSearchCriteria));
+  } catch (error) {
     loading.value = false;
-    spinTip.value = '加载中...'
-})
+    console.log(error);
+  }
+};
 
-const onReload = (async () => {
-    await initBindOption();
-    setBindOptionValue(DmsFileUploadViewDisplayData.DB_FILE_PATH, currFilePath.value, '', [currFilePath.value], false);
-    await findBySearchCriteria(unref(currentSearchCriteria));
-})
+const onReSearch = async () => {
+  setBindOptionValue(
+    DmsFileUploadViewDisplayData.DB_FILE_PATH,
+    currFilePath.value,
+    "",
+    [currFilePath.value],
+    false,
+  );
+  await findBySearchCriteria(unref(currentSearchCriteria));
+  loading.value = false;
+  spinTip.value = "加载中...";
+};
 
-const handleSelectShare = (async () => {
-    if (shareEnquiry.value) {
-        if (shareEnquiry.value.keys.length > 0) {
-            //查询弹出
-            let fgps: FamilyGroupFolderEntity[] = [];
-            let fgp: FamilyGroupFolderEntity;
-            shareEnquiry.value.keys.forEach(element => {
-                fgp = new FamilyGroupFolderEntity();
-                fgp.FamilyName = element.FamilyName;
-                fgp.TopFolderName = element.TopFolderName;
-                fgp.FolderName = keys.value[0].FileName;
-                fgp.FolderLocalName = keys.value[0].OrgFileName;
-                fgp.FilePath = element.FolderName;
+const onReload = async () => {
+  let cfp:string=currFilePath.value;
+  await initBindOption();
+  setBindOptionValue(
+    DmsFileUploadViewDisplayData.DB_FILE_PATH,
+    cfp,
+    "",
+    [cfp],
+    false,
+  );
+  await findBySearchCriteria(unref(currentSearchCriteria));
+};
 
-                fgps.push(fgp);
-            });
+const handleSelectShare = async () => {
+  if (shareEnquiry.value) {
+    if (shareEnquiry.value.keys.length > 0) {
+      //查询弹出
+      let fgps: FamilyGroupFolderEntity[] = [];
+      let fgp: FamilyGroupFolderEntity;
+      shareEnquiry.value.keys.forEach((element) => {
+        fgp = new FamilyGroupFolderEntity();
+        fgp.FamilyName = element.FamilyName;
+        fgp.TopFolderName = element.TopFolderName;
+        fgp.FolderName = keys.value[0].FileName;
+        fgp.FolderLocalName = keys.value[0].OrgFileName;
+        fgp.FilePath = element.FolderName;
 
-            await dmsFileService.CreateFamilyGroupFolder(fgps);
-            showModalShare.value = false;
+        fgps.push(fgp);
+      });
 
-        }
-        else {
-            notification.info({
-                message: '系统提示：',
-                description: '请选择一条记录',
-                placement: "topRight",
-            });
-        }
+      await dmsFileService.CreateFamilyGroupFolder(fgps);
+      showModalShare.value = false;
+    } else {
+      notification.info({
+        message: "系统提示：",
+        description: "请选择一条记录",
+        placement: "topRight",
+      });
     }
-})
+  }
+};
 
-const handleSelectPublishPhoto = (async () => {
-    if (publishPhotoEnquiry.value) {
-        if (publishPhotoEnquiry.value.keys.length > 0) {
-            //查询弹出
-            let data: PublishData;
-            for (let i = 0; i < keys.value.length; i++) {
-                data = new PublishData();
-                data.FileId = keys.value[i].FileId;
-                data.PublishName = publishPhotoEnquiry.value.keys[0].PublishName;
+const handleSelectPublishPhoto = async () => {
+  if (publishPhotoEnquiry.value) {
+    if (publishPhotoEnquiry.value.keys.length > 0) {
+      //查询弹出
+      let data: PublishData;
+      for (let i = 0; i < keys.value.length; i++) {
+        data = new PublishData();
+        data.FileId = keys.value[i].FileId;
+        data.PublishName = publishPhotoEnquiry.value.keys[0].PublishName;
 
-                await publishPhotoService.InsertPublishPhotoDetail(data);
-            }
-            showModalPublishPhoto.value = false;
+        await publishPhotoService.InsertPublishPhotoDetail(data);
+      }
+      showModalPublishPhoto.value = false;
 
-            notification.info({
-                message: '系统提示：',
-                description: '作品发布成功',
-                placement: "topRight",
-            });
-        }
-        else {
-            notification.info({
-                message: '系统提示：',
-                description: '请选择一条记录',
-                placement: "topRight",
-            });
-        }
+      notification.info({
+        message: "系统提示：",
+        description: "作品发布成功",
+        placement: "topRight",
+      });
+    } else {
+      notification.info({
+        message: "系统提示：",
+        description: "请选择一条记录",
+        placement: "topRight",
+      });
     }
-});
+  }
+};
 
-const handleSelectPublishAudio = (async () => {
-    if (publishAudioEnquiry.value) {
-        if (publishAudioEnquiry.value.keys.length > 0) {
-            //查询弹出
-            let data: PublishData;
-            for (let i = 0; i < keys.value.length; i++) {
-                data = new PublishData();
-                data.FileId = keys.value[i].FileId;
-                data.PublishName = publishAudioEnquiry.value.keys[0].PublishName;
+const handleSelectPublishAudio = async () => {
+  if (publishAudioEnquiry.value) {
+    if (publishAudioEnquiry.value.keys.length > 0) {
+      //查询弹出
+      let data: PublishData;
+      for (let i = 0; i < keys.value.length; i++) {
+        data = new PublishData();
+        data.FileId = keys.value[i].FileId;
+        data.PublishName = publishAudioEnquiry.value.keys[0].PublishName;
 
-                await publishAudioService.InsertPublishAudioDetail(data);
-            }
-            showModalPublishAudio.value = false;
+        await publishAudioService.InsertPublishAudioDetail(data);
+      }
+      showModalPublishAudio.value = false;
 
-            notification.info({
-                message: '系统提示：',
-                description: '专辑发布成功',
-                placement: "topRight",
-            });
-        }
-        else {
-            notification.info({
-                message: '系统提示：',
-                description: '请选择一条记录',
-                placement: "topRight",
-            });
-        }
+      notification.info({
+        message: "系统提示：",
+        description: "专辑发布成功",
+        placement: "topRight",
+      });
+    } else {
+      notification.info({
+        message: "系统提示：",
+        description: "请选择一条记录",
+        placement: "topRight",
+      });
     }
-});
+  }
+};
 
-const handleSelectPublishVideo = (async () => {
-    if (publishVideoEnquiry.value) {
-        if (publishVideoEnquiry.value.keys.length > 0) {
-            //查询弹出
-            let data: PublishData;
-            for (let i = 0; i < keys.value.length; i++) {
-                data = new PublishData();
-                data.FileId = keys.value[i].FileId;
-                data.PublishName = publishVideoEnquiry.value.keys[0].PublishName;
+const handleSelectPublishVideo = async () => {
+  if (publishVideoEnquiry.value) {
+    if (publishVideoEnquiry.value.keys.length > 0) {
+      //查询弹出
+      let data: PublishData;
+      for (let i = 0; i < keys.value.length; i++) {
+        data = new PublishData();
+        data.FileId = keys.value[i].FileId;
+        data.PublishName = publishVideoEnquiry.value.keys[0].PublishName;
 
-                await publishVideoService.InsertPublishVideoDetail(data);
-            }
-            showModalPublishVideo.value = false;
+        await publishVideoService.InsertPublishVideoDetail(data);
+      }
+      showModalPublishVideo.value = false;
 
-            notification.info({
-                message: '系统提示：',
-                description: '专辑发布成功',
-                placement: "topRight",
-            });
-        }
-        else {
-            notification.info({
-                message: '系统提示：',
-                description: '请选择一条记录',
-                placement: "topRight",
-            });
-        }
+      notification.info({
+        message: "系统提示：",
+        description: "专辑发布成功",
+        placement: "topRight",
+      });
+    } else {
+      notification.info({
+        message: "系统提示：",
+        description: "请选择一条记录",
+        placement: "topRight",
+      });
     }
-});
+  }
+};
 
 //table end-----------------------------------------------------------------------------------------------------------------------------------
 </script>
 
 <style scoped>
 .folder-list {
-    height: 80px;
-    width: 90vw;
-    border-bottom: 1px solid #ccc;
+  height: 80px;
+  width: 90vw;
+  border-bottom: 1px solid #ccc;
 }
 
-
-
 .folder-right {
-    position: relative;
-    right: 0;
+  position: relative;
+  right: 0;
 }
 
 @keyframes rotate {
-    from {
-        transform: rotate(0deg);
-    }
+  from {
+    transform: rotate(0deg);
+  }
 
-    to {
-        transform: rotate(360deg);
-    }
+  to {
+    transform: rotate(360deg);
+  }
 }
 
 .rotating-element {
-    animation: rotate 2s linear infinite;
+  animation: rotate 2s linear infinite;
 }
 </style>