cloud-web-corejs 1.0.54-dev.5 → 1.0.54-dev.500

package/src/components/fileLibrary/index.vue

@@ -1,23 +1,49 @@
 <template>
-  <div v-show="title!='' && title!=null" style="overflow: hidden;">
+  <div v-show="title != '' && title != null" style="overflow: hidden">
     <div class="tree-box tree-annex fl">
-      <div class="tit"><b>{{ title }}</b></div>
-      <div class="tree-form">
-        <el-input :placeholder="$t2('请输入文件夹名称','components.fileLibrary.categoryPlaceholder')"
-                  v-model="filterText" class="txt">
+      <div class="tit">
+        <b>{{ title }}</b>
+      </div>
+      <div class="tree-form" v-if="option.showCategoryFilterArea !== false">
+        <el-input
+          :placeholder="
+            $t2('请输入文件夹名称', 'components.fileLibrary.categoryPlaceholder')
+          "
+          v-model="filterText"
+          class="txt"
+        >
           <el-button slot="append" icon="el-icon-search"></el-button>
         </el-input>
       </div>
       <div class="tree-btns" v-if="isCategoryEdit">
-        <el-button type="primary" plain icon="el-icon-circle-plus-outline" class="btn" @click="addFileCategory()"
-                   v-if="fileObjAuth.addAuth">{{ $t2('新增', 'components.fileLibrary.addCategory') }}
+        <el-button
+          type="primary"
+          plain
+          icon="el-icon-circle-plus-outline"
+          class="btn"
+          @click="addFileCategory()"
+          v-if="fileObjAuth.addAuth"
+          >{{ $t2("新增", "components.fileLibrary.addCategory") }}
         </el-button>
-        <el-button type="primary" plain icon="el-icon-edit-outline" class="btn" @click="editFileCategory()"
-                   :disabled="currentFileCategory==null || !currentFileCategory.id" v-if="fileObjAuth.editAuth">
-          {{ $t2('编辑', 'components.fileLibrary.editCategory') }}
+        <el-button
+          type="primary"
+          plain
+          icon="el-icon-edit-outline"
+          class="btn"
+          @click="editFileCategory()"
+          :disabled="currentFileCategory == null || !currentFileCategory.id"
+          v-if="fileObjAuth.editAuth"
+        >
+          {{ $t2("编辑", "components.fileLibrary.editCategory") }}
         </el-button>
-        <el-button type="primary" plain class="btn" icon="el-icon-edit" @click="showFileObjAuthDialog=true"
-                   v-if="isEdit && fileObjAuth.authAuth">{{ $t2('权限', 'components.fileLibrary.authAuth') }}
+        <el-button
+          type="primary"
+          plain
+          class="btn"
+          icon="el-icon-edit"
+          @click="showFileObjAuthDialog = true"
+          v-if="isEdit && fileObjAuth.authAuth"
+          >{{ $t2("权限", "components.fileLibrary.authAuth") }}
         </el-button>
       </div>
       <el-tree
@@ -32,6 +58,9 @@
         @node-click="handleNodeClick"
         class="tree-list"
         icon-class="el-icon-arrow-down"
+        :style="
+          option.showCategoryFilterArea === false ? 'height: calc(100vh - 113px)' : ''
+        "
       >
         <span class="el-tree-node__label" slot-scope="{ node }" v-if="!node.data.moreBtn">
           <i class="ico-wenjian"></i>
@@ -48,88 +77,184 @@
         <i class="el-icon-more"></i>
       </div>
     </label>
-    <div class="main-right file-library fr" style="overflow: hidden;">
+    <div class="main-right file-library fr" style="overflow: hidden">
       <div class="pop-annex-filter" v-if="popAnnexFilter">
-        <div class="item" v-for="(checkBillData,index) in checkBillDatas" :key="index"><span>{{
-            getBillLabel(checkBillData)
-          }}</span><i
-          class="el-icon-close" @click="deleteBillData(index)"></i></div>
+        <div class="item" v-for="(checkBillData, index) in checkBillDatas" :key="index">
+          <span>{{ getBillLabel(checkBillData) }}</span
+          ><i class="el-icon-close" @click="deleteBillData(index)"></i>
+        </div>
       </div>
       <div class="annex-filter" v-if="isBillEnabled">
-        <el-button slot="append" icon="el-icon-search" @click="openBillDialog" size="mini" class="an-btn-search"
-                   type="success">
-          {{ $t2('选择' + billConfig.name, 'components.fileLibrary.selectBill', {billName: billConfig.name}) }}
+        <el-button
+          slot="append"
+          icon="el-icon-search"
+          @click="openBillDialog"
+          size="mini"
+          class="an-btn-search"
+          type="success"
+        >
+          {{
+            $t2("选择" + billConfig.name, "components.fileLibrary.selectBill", {
+              billName: billConfig.name,
+            })
+          }}
         </el-button>
         <div class="abox">
-          <div class="item" v-for="(checkBillData,index) in checkBillDatas" :key="index"><span>{{
-              getBillLabel(checkBillData)
-            }}</span><i
-            class="el-icon-close" @click="deleteBillData(index)"></i></div>
+          <div class="item" v-for="(checkBillData, index) in checkBillDatas" :key="index">
+            <span>{{ getBillLabel(checkBillData) }}</span
+            ><i class="el-icon-close" @click="deleteBillData(index)"></i>
+          </div>
         </div>
 
-        <el-button slot="append" icon="iconfont icon-gengduo1" size="mini" class="an-btn-more" type="primary"
-                   @click="popAnnexFilter = false" v-if="popAnnexFilter">
+        <el-button
+          slot="append"
+          icon="iconfont icon-gengduo1"
+          size="mini"
+          class="an-btn-more"
+          type="primary"
+          @click="popAnnexFilter = false"
+          v-if="popAnnexFilter"
+        >
         </el-button>
-        <el-button slot="append" icon="iconfont icon-gengduo1" size="mini" class="an-btn-more"
-                   @click="popAnnexFilter = true" v-else>
+        <el-button
+          slot="append"
+          icon="iconfont icon-gengduo1"
+          size="mini"
+          class="an-btn-more"
+          @click="popAnnexFilter = true"
+          v-else
+        >
         </el-button>
-        <el-button slot="append" icon="el-icon-delete" size="mini" class="an-btn-del" @click="clearBill">
-          {{ $t2('取消选择', 'components.fileLibrary.cancelSelect') }}
+        <el-button
+          slot="append"
+          icon="el-icon-delete"
+          size="mini"
+          class="an-btn-del"
+          @click="clearBill"
+        >
+          {{ $t2("取消选择", "components.fileLibrary.cancelSelect") }}
         </el-button>
       </div>
 
-      <div class="annex-screen"
-           v-if="fileObjAuth.uploadAuth || fileObjAuth.downloadAuth || fileObjAuth.deleteAuth || fileObjAuth.moveAuth || fileObjAuth.copyAuth || fileObjAuth.replaceAuth || fileObjAuth.deleteDirAuth">
-        <el-button type="warning" class="button-sty" icon="el-icon-plus" @click="addFile"
-                   v-if="isEdit && fileObjAuth.uploadAuth">{{ $t2('上传', 'components.fileLibrary.upload') }}
+      <div class="annex-screen">
+        <el-button
+          type="warning"
+          class="button-sty"
+          icon="el-icon-plus"
+          @click="addFile"
+          v-if="isEdit && fileObjAuth.uploadAuth"
+          >{{ $t2("上传", "components.fileLibrary.upload") }}
+        </el-button>
+        <el-button
+          type="primary"
+          class="button-sty"
+          icon="el-icon-download"
+          @click.native="mulDownload2"
+          v-if="fileObjAuth.downloadAuth"
+          >{{ $t2("下载", "components.fileLibrary.download") }}
         </el-button>
-        <el-button type="primary" class="button-sty" icon="el-icon-download" @click.native="mulDownload2"
-                   v-if="fileObjAuth.downloadAuth">{{ $t2('下载', 'components.fileLibrary.download') }}
+        <el-button
+          type="danger"
+          class="button-sty"
+          icon="el-icon-takeaway-box"
+          @click="showRecycleBinDialog = true"
+          v-if="isEdit && (fileObjAuth.deleteAuth || fileObjAuth.deleteDirAuth)"
+        >
+          {{ $t2("回收站", "components.fileLibrary.recycleBin") }}
         </el-button>
-        <el-button type="danger" class="button-sty" icon="el-icon-takeaway-box"
-                   @click="showRecycleBinDialog=true"
-                   v-if="isEdit && (fileObjAuth.deleteAuth || fileObjAuth.deleteDirAuth)">
-          {{ $t2('回收站', 'components.fileLibrary.recycleBin') }}
+        <el-button
+          type="primary"
+          plain
+          class="button-sty"
+          icon="el-icon-rank"
+          @click.native="openCategoryMoveDialog(1)"
+          v-if="isEdit && fileObjAuth.moveAuth"
+        >
+          {{ $t2("移动到", "components.fileLibrary.moveTo") }}
         </el-button>
-        <el-button type="primary" plain class="button-sty" icon="el-icon-rank"
-                   @click.native="openCategoryMoveDialog(1)" v-if="isEdit && fileObjAuth.moveAuth">
-          {{ $t2('移动到', 'components.fileLibrary.moveTo') }}
+        <el-button
+          type="primary"
+          plain
+          class="button-sty"
+          icon="el-icon-copy-document"
+          @click.native="openCategoryMoveDialog(2)"
+          v-if="isEdit && fileObjAuth.copyAuth"
+        >
+          {{ $t2("复制到", "components.fileLibrary.copyTo") }}
         </el-button>
-        <el-button type="primary" plain class="button-sty" icon="el-icon-copy-document"
-                   @click.native="openCategoryMoveDialog(2)" v-if="isEdit && fileObjAuth.copyAuth">
-          {{ $t2('复制到', 'components.fileLibrary.copyTo') }}
+        <el-button
+          type="primary"
+          plain
+          class="button-sty"
+          icon="el-icon-refresh"
+          @click.native="batchReplace"
+          v-if="isEdit && fileObjAuth.replaceAuth"
+        >
+          {{ $t2("替换", "components.fileLibrary.replace") }}
         </el-button>
-        <el-button type="primary" plain class="button-sty" icon="el-icon-refresh"
-                   @click.native="batchReplace" v-if="isEdit && fileObjAuth.replaceAuth">
-          {{ $t2('替换', 'components.fileLibrary.replace') }}
+        <el-button
+          type="primary"
+          plain
+          class="button-sty"
+          icon="el-icon-delete"
+          @click.native="deleteAttach()"
+          v-if="isEdit && (fileObjAuth.deleteAuth || fileObjAuth.deleteDirAuth)"
+        >
+          {{ $t2("删除", "components.fileLibrary.delete") }}
         </el-button>
-        <el-button type="primary" plain class="button-sty" icon="el-icon-delete"
-                   @click.native="deleteAttach()"
-                   v-if="isEdit && (fileObjAuth.deleteAuth || fileObjAuth.deleteDirAuth)">
-          {{ $t2('删除', 'components.fileLibrary.delete') }}
+        <el-button
+          icon="iconfont icon-shaixuan"
+          class="button-sty"
+          @click="showFilterDialog = true"
+        >
+          {{ $t1("搜索") }}
         </el-button>
 
-        <template v-for="(fileButton,customToobarButtonIndex) in customToobarButtons">
+        <template v-for="(fileButton, customToobarButtonIndex) in customToobarButtons">
           <template
-            v-if="fileButton.dirs===null || fileButton.dirs===undefined || (attachment.dirs === fileButton.dirs)">
-            <template v-if="customFileButtonVisable(fileButton,attachment)">
-              <el-button type="primary" plain class="button-sty" :icon="fileButton.icon" :key="customToobarButtonIndex"
-                         @click="customToobarButtonEvent(fileButton)">{{ fileButton.label }}
+            v-if="
+              fileButton.dirs === null ||
+              fileButton.dirs === undefined ||
+              attachment.dirs === fileButton.dirs
+            "
+          >
+            <template v-if="customFileButtonVisable(fileButton, attachment)">
+              <el-button
+                type="primary"
+                plain
+                class="button-sty"
+                :icon="fileButton.icon"
+                :key="customToobarButtonIndex"
+                @click="customToobarButtonEvent(fileButton)"
+                >{{ fileButton.label }}
               </el-button>
             </template>
           </template>
         </template>
-
       </div>
-      <div class="line"
-           v-if="fileObjAuth.uploadAuth || fileObjAuth.downloadAuth || fileObjAuth.deleteAuth || fileObjAuth.moveAuth || fileObjAuth.copyAuth || fileObjAuth.replaceAuth || fileObjAuth.deleteDirAuth"></div>
+      <div
+        class="line"
+        v-if="
+          fileObjAuth.uploadAuth ||
+          fileObjAuth.downloadAuth ||
+          fileObjAuth.deleteAuth ||
+          fileObjAuth.moveAuth ||
+          fileObjAuth.copyAuth ||
+          fileObjAuth.replaceAuth ||
+          fileObjAuth.deleteDirAuth
+        "
+      ></div>
       <div class="annex-crumbs">
         <span class="tit"><i class="iconfont icon-wenjianjia"></i>文件区</span>
-        <span class="tit" style="padding-right: 0;">{{ $t2('指定路径', 'components.fileLibrary.assignPath') }}：</span>
+        <span class="tit" style="padding-right: 0"
+          >{{ $t2("指定路径", "components.fileLibrary.assignPath") }}：</span
+        >
         <el-breadcrumb separator-class="el-icon-arrow-right">
-          <el-breadcrumb-item v-for="treeNode in treeNodeArr" :key="treeNode.id" @click.native="doNav(treeNode)">{{
-              treeNode.label
-            }}
+          <el-breadcrumb-item
+            v-for="treeNode in treeNodeArr"
+            :key="treeNode.id"
+            @click.native="doNav(treeNode)"
+            >{{ treeNode.label }}
           </el-breadcrumb-item>
         </el-breadcrumb>
       </div>
@@ -137,102 +262,184 @@
         <div class="annex-searchBox">
           <div class="fl">
             <div class="oper">
-              <el-checkbox v-model="checkAll" @change="changeCheckAll" :disabled="checkAllDisabled"
-                           :indeterminate="checkAllIndeterminate">已选中 {{
-                  checkList.length
-                }} 项{{ $t2('', 'components.fileLibrary.aa') }}
+              <el-checkbox
+                v-model="checkAll"
+                @change="changeCheckAll"
+                :disabled="checkAllDisabled"
+                :indeterminate="checkAllIndeterminate"
+                >已选中 {{ checkList.length }} 项{{
+                  $t2("", "components.fileLibrary.aa")
+                }}
               </el-checkbox>
             </div>
             <div class="search-box">
               <template v-if="currentFileCategory && currentFileCategory.id">
-                <el-input :placeholder="$t2('请输入文件名','components.fileLibrary.filePlaceholder')"
-                          v-model="formData.fileName" clearable>
-                  <el-button slot="append" icon="el-icon-search" @click="searchEvent"></el-button>
+                <el-input
+                  :placeholder="
+                    $t2('请输入文件名', 'components.fileLibrary.filePlaceholder')
+                  "
+                  v-model="formData.fileName"
+                  clearable
+                >
+                  <el-button
+                    slot="append"
+                    icon="el-icon-search"
+                    @click="searchEvent"
+                  ></el-button>
                 </el-input>
-                <el-button icon="iconfont icon-shaixuan" class="button-sty" @click="showAdvancedSearch = true">
-                  {{ $t2('筛选', 'components.fileLibrary.screen') }}
+                <el-button
+                  icon="iconfont icon-shaixuan"
+                  class="button-sty"
+                  @click="showAdvancedSearch = true"
+                >
+                  {{ $t2("筛选", "components.fileLibrary.screen") }}
                 </el-button>
               </template>
             </div>
-
           </div>
           <div class="fr">
-            <el-button type="primary" icon="iconfont icon-icmenu2" @click="changeShowType()" class="button-sty icon-btn"
-                       v-show="showType==1">{{ $t2('列表', 'components.fileLibrary.tableList') }}
+            <el-button
+              type="primary"
+              icon="iconfont icon-icmenu2"
+              @click="changeShowType()"
+              class="button-sty icon-btn"
+              v-show="showType == 1"
+              >{{ $t2("列表", "components.fileLibrary.tableList") }}
             </el-button>
-            <el-button type="primary" style="margin-left:0;" icon="el-icon-menu" @click="changeShowType()"
-                       class="button-sty icon-btn"
-                       v-show="showType==2">{{ $t2('图示', 'components.fileLibrary.imageList') }}
+            <el-button
+              type="primary"
+              style="margin-left: 0"
+              icon="el-icon-menu"
+              @click="changeShowType()"
+              class="button-sty icon-btn"
+              v-show="showType == 2"
+              >{{ $t2("图示", "components.fileLibrary.imageList") }}
             </el-button>
           </div>
         </div>
-        <div class="mask" v-show="is_show_mask">
-        </div>
-        <div class="containter1" ref="containter1" v-show="showType==1" style="overflow: auto;">
-
+        <div class="mask" v-show="is_show_mask"></div>
+        <div
+          class="containter1"
+          ref="containter1"
+          v-show="showType == 1"
+          style="overflow: auto"
+        >
           <div class="annex-piclist">
             <div class="clearfix">
-              <el-checkbox-group v-model="checkList" @change="checkChange" class="f-group">
-                <template v-for="(attachment,index) in page.records">
-                  <li :key="index" class="item" :class="checkList.includes(attachment.id) ? 'on':''">
-
+              <el-checkbox-group
+                v-model="checkList"
+                @change="checkChange"
+                class="f-group"
+              >
+                <template v-for="(attachment, index) in page.records">
+                  <li
+                    :key="index"
+                    class="item"
+                    :class="checkList.includes(attachment.id) ? 'on' : ''"
+                  >
                     <el-checkbox :label="attachment.id"><span></span></el-checkbox>
                     <div class="oper">
-                      <el-tooltip effect="dark" content="详情" placement="top"
-                                  v-if="!attachment.dirs && isEdit && fileObjAuth.editAuth"><i
-                        class="el-tooltip iconfont icon-shuxing ico"
-                        @click="openPropertiesDialog(attachment)"></i>
+                      <el-tooltip
+                        effect="dark"
+                        content="详情"
+                        placement="top"
+                        v-if="!attachment.dirs && isEdit && fileObjAuth.editAuth"
+                        ><i
+                          class="el-tooltip iconfont icon-shuxing ico"
+                          @click="openPropertiesDialog(attachment)"
+                        ></i>
                       </el-tooltip>
-                      <el-tooltip effect="dark" content="详情" placement="top"
-                                  v-if="attachment.dirs && isEdit && fileObjAuth.editAuth"><i
-                        class="el-tooltip iconfont icon-shuxing ico"
-                        @click="editFileCategory(attachment)"></i>
+                      <el-tooltip
+                        effect="dark"
+                        content="详情"
+                        placement="top"
+                        v-if="attachment.dirs && isEdit && fileObjAuth.editAuth"
+                        ><i
+                          class="el-tooltip iconfont icon-shuxing ico"
+                          @click="editFileCategory(attachment)"
+                        ></i>
                       </el-tooltip>
                       <a
                         href="javascript:void(0);"
                         class="a-link ico"
                         v-if="!attachment.dirs && fileObjAuth.downloadAuth"
-                        @click="$commonFileUtil.downloadFile(attachment.domain + attachment.url, attachment.fileName)"
+                        @click="downloadSingerFile(attachment)"
                       >
-                        <el-tooltip effect="dark" content="下载" placement="top"
-                                    popper-class="tooltip-skin">
-                          <i class="el-icon-download"/>
+                        <el-tooltip
+                          effect="dark"
+                          content="下载"
+                          placement="top"
+                          popper-class="tooltip-skin"
+                        >
+                          <i class="el-icon-download" />
                         </el-tooltip>
                       </a>
                       <el-dropdown trigger="click" v-if="isEdit">
-                         <span class="ico"><i class="el-icon-more"></i>
-                         </span>
+                        <span class="ico"><i class="el-icon-more"></i> </span>
                         <el-dropdown-menu slot="dropdown">
-                          <el-dropdown-item @click.native="openShareDialog(attachment)"
-                                            v-if="!attachment.dirs && fileObjAuth.shareAuth"><i
-                            class="el-icon-share"></i>分享
+                          <el-dropdown-item
+                            @click.native="openShareDialog(attachment)"
+                            v-if="!attachment.dirs && fileObjAuth.shareAuth"
+                            ><i class="el-icon-share"></i>分享
                           </el-dropdown-item>
-                          <el-dropdown-item @click.native="replaceFile(attachment,index,page.records)"
-                                            v-if="!attachment.dirs && isEdit && attachment.status!=1 && fileObjAuth.replaceAuth">
-                            <i
-                              class="el-icon-refresh"></i>替换
+                          <el-dropdown-item
+                            @click.native="replaceFile(attachment, index, page.records)"
+                            v-if="
+                              !attachment.dirs &&
+                              isEdit &&
+                              attachment.status != 1 &&
+                              fileObjAuth.replaceAuth
+                            "
+                          >
+                            <i class="el-icon-refresh"></i>替换
                           </el-dropdown-item>
-                          <el-dropdown-item @click.native="openFileHistoryDialog(attachment)"
-                                            v-if="!attachment.dirs && isEdit && attachment.status!=1 && fileObjAuth.historyAuth">
-                            <i
-                              class="el-icon-s-order"></i>历史
+                          <el-dropdown-item
+                            @click.native="openFileHistoryDialog(attachment)"
+                            v-if="
+                              !attachment.dirs &&
+                              isEdit &&
+                              attachment.status != 1 &&
+                              fileObjAuth.historyAuth
+                            "
+                          >
+                            <i class="el-icon-s-order"></i>历史
                           </el-dropdown-item>
-                          <el-dropdown-item @click.native="deleteAttach(attachment)"
-                                            v-if="!attachment.dirs && isEdit && attachment.status!=1 && fileObjAuth.deleteAuth">
-                            <i
-                              class="el-icon-delete"></i>删除
+                          <el-dropdown-item
+                            @click.native="deleteAttach(attachment)"
+                            v-if="
+                              !attachment.dirs &&
+                              isEdit &&
+                              attachment.status != 1 &&
+                              fileObjAuth.deleteAuth
+                            "
+                          >
+                            <i class="el-icon-delete"></i>删除
                           </el-dropdown-item>
-                          <el-dropdown-item @click.native="deleteCategory(attachment)"
-                                            v-if="attachment.dirs && isEdit && fileObjAuth.deleteDirAuth">
-                            <i
-                              class="el-icon-delete"></i>删除
+                          <el-dropdown-item
+                            @click.native="deleteCategory(attachment)"
+                            v-if="attachment.dirs && isEdit && fileObjAuth.deleteDirAuth"
+                          >
+                            <i class="el-icon-delete"></i>删除
                           </el-dropdown-item>
-                          <template v-for="(fileButton,fileButtonIndex) in customFileButtons">
+                          <template
+                            v-for="(fileButton, fileButtonIndex) in customFileButtons"
+                          >
                             <template
-                              v-if="fileButton.dirs===null || fileButton.dirs===undefined || (attachment.dirs === fileButton.dirs)">
-                              <template v-if="customFileButtonVisable(fileButton,attachment)">
-                                <el-dropdown-item @click.native="customFileButtonEvent(fileButton,attachment)"
-                                                  :key="fileButtonIndex">
+                              v-if="
+                                fileButton.dirs === null ||
+                                fileButton.dirs === undefined ||
+                                attachment.dirs === fileButton.dirs
+                              "
+                            >
+                              <template
+                                v-if="customFileButtonVisable(fileButton, attachment)"
+                              >
+                                <el-dropdown-item
+                                  @click.native="
+                                    customFileButtonEvent(fileButton, attachment)
+                                  "
+                                  :key="fileButtonIndex"
+                                >
                                   <i :class="fileButton.icon"></i>{{ fileButton.label }}
                                 </el-dropdown-item>
                               </template>
@@ -242,34 +449,55 @@
                       </el-dropdown>
                     </div>
                     <div class="custom-slot">
-                      <slot name="custom" v-bind="{row:attachment}"></slot>
+                      <slot name="custom" v-bind="{ row: attachment }"></slot>
                     </div>
                     <!-- <div class="status s-1" v-if="!attachment.dirs && attachment.status==1">
                       <el-tooltip effect="dark" content="已归档" placement="top" popper-class="tooltip-skin"><i
                         class="iconfont icon-file"></i>
                       </el-tooltip>
                     </div> -->
-                    <div class="status s-1" v-if="!attachment.dirs && attachment.status==1"></div>
-                    <div class="img" @click="openPreview(attachment)" v-if="!attachment.dirs">
-                      <div class="show-video" v-if="hasPreview(attachment)"><i class="icon-chakan"></i></div>
-                      <div class="show-video" v-if="false"><i class="el-icon-video-play"></i></div>
-                      <p><img :src="getShowUrl(attachment)"/></p>
+                    <div
+                      class="status s-1"
+                      v-if="!attachment.dirs && attachment.status == 1"
+                    ></div>
+                    <div
+                      class="img"
+                      @click="openPreview(attachment)"
+                      v-if="!attachment.dirs"
+                    >
+                      <div class="show-video" v-if="hasPreview(attachment)">
+                        <i class="icon-chakan"></i>
+                      </div>
+                      <div class="show-video" v-if="false">
+                        <i class="el-icon-video-play"></i>
+                      </div>
+                      <p><img :src="getShowUrl(attachment)" /></p>
                     </div>
-                    <div class="img" @click="changeCategory(attachment)" v-if="attachment.dirs">
-                      <svg-icon icon-class="ico-wenjianjia"/>
+                    <div
+                      class="img"
+                      @click="changeCategory(attachment)"
+                      v-if="attachment.dirs"
+                    >
+                      <svg-icon icon-class="ico-wenjianjia" />
                     </div>
-                    <el-tooltip :enterable="false" effect="dark" :content="attachment.fileName" placement="top">
+                    <el-tooltip
+                      :enterable="false"
+                      effect="dark"
+                      :content="attachment.fileName"
+                      placement="top"
+                    >
                       <div class="txt-box">
                         <div class="tb-left"></div>
                         <div class="tb-mid">
                           <div class="txt">
-                            <span class="name">{{ getFileName(attachment) }}</span><span
-                            v-if="attachment.extension">.{{ attachment.extension }}</span>
+                            <span class="name">{{ getFileName(attachment) }}</span
+                            ><span v-if="attachment.extension"
+                              >.{{ attachment.extension }}</span
+                            >
                           </div>
                         </div>
                         <div class="format">... .{{ attachment.extension }}</div>
                       </div>
-
                     </el-tooltip>
                   </li>
                 </template>
@@ -306,10 +534,16 @@
           </div>
         </div>
         <div class="annex-grid-height">
-          <vxe-grid v-show="showType==2" ref="table-m1" v-bind="vxeOption" :data="page.records"
-                    @resizable-change="$vxeTableUtil.onColumnWitchChange" @custom="$vxeTableUtil.customHandle"
-                    @checkbox-change="tableCheckChange"
-                    @checkbox-all="tableCheckAll">
+          <vxe-grid
+            v-show="showType == 2"
+            ref="table-m1"
+            v-bind="vxeOption"
+            :data="page.records"
+            @resizable-change="$vxeTableUtil.onColumnWitchChange"
+            @custom="$vxeTableUtil.customHandle"
+            @checkbox-change="tableCheckChange"
+            @checkbox-all="tableCheckAll"
+          >
             <!--          <template #bottom v-if="page.total>page.records.length">
                         <div class="vxe-annex-more" @click="changePage(page.current+1, pageSize)">
                           <span>更多</span>
@@ -326,16 +560,16 @@
                 @page-change="changePageNew"
               >
                 <template #right>
-                      <span>
-                        <span>{{ $t2('当前记录', 'components.table.pageInfo') }}</span>
-                        <span class="f-red"> {{ page.records.length }} </span>
-                        <span>/</span>
-                        <span class="f-red"> {{ page.total }}</span>
-                      </span>
+                  <span>
+                    <span>{{ $t2("当前记录", "components.table.pageInfo") }}</span>
+                    <span class="f-red"> {{ page.records.length }} </span>
+                    <span>/</span>
+                    <span class="f-red"> {{ page.total }}</span>
+                  </span>
                 </template>
               </vxe-pager>
             </template>
-            <template #operate="{row,rowIndex,items}">
+            <template #operate="{ row, rowIndex, items }">
               <template v-if="!row.dirs">
                 <a
                   href="javascript:void(0);"
@@ -343,22 +577,30 @@
                   v-if="isEdit && fileObjAuth.editAuth == 1"
                   @click="openPropertiesDialog(row)"
                 >
-                  <el-tooltip :enterable="false" effect="dark" :content="$t2('详情','components.fileLibrary.detail')"
-                              placement="top"
-                              popper-class="tooltip-skin">
-                    <i class="iconfont icon-shuxing"/>
+                  <el-tooltip
+                    :enterable="false"
+                    effect="dark"
+                    :content="$t2('详情', 'components.fileLibrary.detail')"
+                    placement="top"
+                    popper-class="tooltip-skin"
+                  >
+                    <i class="iconfont icon-shuxing" />
                   </el-tooltip>
                 </a>
                 <a
                   href="javascript:void(0);"
                   class="a-link"
                   v-if="fileObjAuth.downloadAuth == 1"
-                  @click="$commonFileUtil.downloadFile(row.domain + row.url,row.fileName)"
+                  @click="downloadSingerFile(row)"
                 >
-                  <el-tooltip :enterable="false" effect="dark" :content="$t2('下载','components.fileLibrary.download')"
-                              placement="top"
-                              popper-class="tooltip-skin">
-                    <i class="el-icon-download"/>
+                  <el-tooltip
+                    :enterable="false"
+                    effect="dark"
+                    :content="$t2('下载', 'components.fileLibrary.download')"
+                    placement="top"
+                    popper-class="tooltip-skin"
+                  >
+                    <i class="el-icon-download" />
                   </el-tooltip>
                 </a>
                 <a
@@ -367,10 +609,14 @@
                   v-if="fileObjAuth.shareAuth == 1"
                   @click="openShareDialog(row)"
                 >
-                  <el-tooltip :enterable="false" effect="dark" :content="$t2('分享','components.fileLibrary.share')"
-                              placement="top"
-                              popper-class="tooltip-skin">
-                    <i class="el-icon-share"/>
+                  <el-tooltip
+                    :enterable="false"
+                    effect="dark"
+                    :content="$t2('分享', 'components.fileLibrary.share')"
+                    placement="top"
+                    popper-class="tooltip-skin"
+                  >
+                    <i class="el-icon-share" />
                   </el-tooltip>
                 </a>
                 <a
@@ -379,10 +625,14 @@
                   v-if="isEdit && row.status != 1 && fileObjAuth.replaceAuth == 1"
                   @click="replaceFile(row, rowIndex, items)"
                 >
-                  <el-tooltip :enterable="false" effect="dark" :content="$t2('替换','components.fileLibrary.replace')"
-                              placement="top"
-                              popper-class="tooltip-skin">
-                    <i class="el-icon-refresh"/>
+                  <el-tooltip
+                    :enterable="false"
+                    effect="dark"
+                    :content="$t2('替换', 'components.fileLibrary.replace')"
+                    placement="top"
+                    popper-class="tooltip-skin"
+                  >
+                    <i class="el-icon-refresh" />
                   </el-tooltip>
                 </a>
                 <a
@@ -391,10 +641,14 @@
                   v-if="isEdit && row.status != 1 && fileObjAuth.historyAuth == 1"
                   @click="openFileHistoryDialog(row)"
                 >
-                  <el-tooltip :enterable="false" effect="dark" :content="$t2('历史','components.fileLibrary.history')"
-                              placement="top"
-                              popper-class="tooltip-skin">
-                    <i class="el-icon-s-order"/>
+                  <el-tooltip
+                    :enterable="false"
+                    effect="dark"
+                    :content="$t2('历史', 'components.fileLibrary.history')"
+                    placement="top"
+                    popper-class="tooltip-skin"
+                  >
+                    <i class="el-icon-s-order" />
                   </el-tooltip>
                 </a>
                 <a
@@ -403,10 +657,14 @@
                   v-if="isEdit && row.status != 1 && fileObjAuth.deleteAuth == 1"
                   @click="deleteAttach(row)"
                 >
-                  <el-tooltip :enterable="false" effect="dark" :content="$t2('删除','components.fileLibrary.delete')"
-                              placement="top"
-                              popper-class="tooltip-skin">
-                    <i class="el-icon-delete"/>
+                  <el-tooltip
+                    :enterable="false"
+                    effect="dark"
+                    :content="$t2('删除', 'components.fileLibrary.delete')"
+                    placement="top"
+                    popper-class="tooltip-skin"
+                  >
+                    <i class="el-icon-delete" />
                   </el-tooltip>
                 </a>
               </template>
@@ -417,10 +675,14 @@
                   v-if="isEdit && isCategoryEdit && fileObjAuth.editAuth == 1"
                   @click="editFileCategory(row)"
                 >
-                  <el-tooltip :enterable="false" effect="dark" :content="$t2('详情','components.fileLibrary.detail')"
-                              placement="top"
-                              popper-class="tooltip-skin">
-                    <i class="iconfont icon-shuxing"/>
+                  <el-tooltip
+                    :enterable="false"
+                    effect="dark"
+                    :content="$t2('详情', 'components.fileLibrary.detail')"
+                    placement="top"
+                    popper-class="tooltip-skin"
+                  >
+                    <i class="iconfont icon-shuxing" />
                   </el-tooltip>
                 </a>
                 <a
@@ -429,16 +691,25 @@
                   v-if="isEdit && isCategoryEdit && fileObjAuth.deleteDirAuth == 1"
                   @click="deleteAttach(row)"
                 >
-                  <el-tooltip :enterable="false" effect="dark" :content="$t2('删除','components.fileLibrary.delete')"
-                              placement="top"
-                              popper-class="tooltip-skin">
-                    <i class="el-icon-delete"/>
+                  <el-tooltip
+                    :enterable="false"
+                    effect="dark"
+                    :content="$t2('删除', 'components.fileLibrary.delete')"
+                    placement="top"
+                    popper-class="tooltip-skin"
+                  >
+                    <i class="el-icon-delete" />
                   </el-tooltip>
                 </a>
               </template>
-              <template v-for="(fileButton,index) in customFileButtons">
+              <template v-for="(fileButton, index) in customFileButtons">
                 <template
-                  v-if="fileButton.dirs === null || fileButton.dirs === undefined || (row.dirs === fileButton.dirs)">
+                  v-if="
+                    fileButton.dirs === null ||
+                    fileButton.dirs === undefined ||
+                    row.dirs === fileButton.dirs
+                  "
+                >
                   <a
                     :key="index"
                     href="javascript:void(0);"
@@ -446,21 +717,28 @@
                     v-if="customFileButtonVisable(fileButton, row)"
                     @click="customFileButtonEvent(fileButton, row)"
                   >
-                    <el-tooltip :enterable="false" effect="dark" :content="fileButton.label" placement="top"
-                                popper-class="tooltip-skin">
-                      <i :class="fileButton.icon"/>
+                    <el-tooltip
+                      :enterable="false"
+                      effect="dark"
+                      :content="fileButton.label"
+                      placement="top"
+                      popper-class="tooltip-skin"
+                    >
+                      <i :class="fileButton.icon" />
                     </el-tooltip>
                   </a>
                 </template>
               </template>
-
             </template>
           </vxe-grid>
         </div>
-
       </div>
       <el-dialog
-        :title="editCategory.id?$t2('编辑文件夹','components.fileLibrary.editCategoryTitle'):$t2('新增文件夹','components.fileLibrary.addCategoryTitle')"
+        :title="
+          editCategory.id
+            ? $t2('编辑文件夹', 'components.fileLibrary.editCategoryTitle')
+            : $t2('新增文件夹', 'components.fileLibrary.addCategoryTitle')
+        "
         :append-to-body="true"
         :modal-append-to-body="true"
         :close-on-click-modal="false"
@@ -473,65 +751,119 @@
         v-el-dialog-center
       >
         <div class="cont">
-          <el-form ref="editCategoryForm" :model="editCategory" label-width="102px" class="adSearchForm">
-            <el-form-item :label="$t2('文件夹路径','components.fileLibrary.fileCategoryPath')">
+          <el-form
+            ref="editCategoryForm"
+            :model="editCategory"
+            label-width="102px"
+            class="adSearchForm"
+          >
+            <el-form-item
+              :label="$t2('文件夹路径', 'components.fileLibrary.fileCategoryPath')"
+            >
               <el-breadcrumb separator-class="el-icon-arrow-right">
-                <el-breadcrumb-item v-for="(treeNode,index) in treeNodeArr" :key="index">{{
-                    treeNode.label
-                  }}
+                <el-breadcrumb-item v-for="(treeNode, index) in treeNodeArr" :key="index"
+                  >{{ treeNode.label }}
                 </el-breadcrumb-item>
               </el-breadcrumb>
             </el-form-item>
-            <el-form-item :label="$t2('文件夹编码','components.fileLibrary.fileCategorySn')">
-              <span>{{editCategory.fileSn}}</span>
+            <el-form-item
+              :label="$t2('文件夹编码', 'components.fileLibrary.fileCategorySn')"
+            >
+              <span>{{ editCategory.fileSn }}</span>
             </el-form-item>
-            <el-form-item :label="$t2('文件夹名称','components.fileLibrary.fileCategoryName')">
-              <el-input v-model="editCategory.fileName" clearable class="all-width"/>
+            <el-form-item
+              :label="$t2('文件夹名称', 'components.fileLibrary.fileCategoryName')"
+            >
+              <el-input v-model="editCategory.fileName" clearable class="all-width" />
             </el-form-item>
           </el-form>
         </div>
         <span slot="footer" class="dialog-footer">
-      <el-button type="primary" plain class="button-sty" @click="showEditCategoryDialog=false">
-        <i class="el-icon-close el-icon"></i>
-        {{ $t2('取 消', 'system.button.cancel2') }}
-      </el-button>
-      <el-button type="primary" @click="confirmEditCategoryDialog" class="button-sty">
-        <i class="el-icon-check el-icon"></i>
-        {{ $t2('确 定', 'system.button.confirm2') }}
-      </el-button>
-    </span>
+          <el-button
+            type="primary"
+            plain
+            class="button-sty"
+            @click="showEditCategoryDialog = false"
+          >
+            <i class="el-icon-close el-icon"></i>
+            {{ $t2("取 消", "system.button.cancel2") }}
+          </el-button>
+          <el-button type="primary" @click="confirmEditCategoryDialog" class="button-sty">
+            <i class="el-icon-check el-icon"></i>
+            {{ $t2("确 定", "system.button.confirm2") }}
+          </el-button>
+        </span>
       </el-dialog>
     </div>
-    <propertiesDialog v-if="showPropertiesDialog" :visiable.sync="showPropertiesDialog"
-                      :editAttachment.sync="editAttachment" :isEdit="isEdit"
-                      :treeNodeArr.sync="treeNodeArr"></propertiesDialog>
-    <el-image-viewer v-if="showViewer" :on-close="() => {showViewer = false;}" :initial-index.sync="chooseIndex"
-                     :url-list="imageDTOs"/>
-    <categoryMoveDialog :checkRows.sync="checkRows" v-if="showCategoryMoveDialog"
-                        :visiable.sync="showCategoryMoveDialog" @confirm="confirmMoveDialog"
-                        :handleType.sync="handleType"></categoryMoveDialog>
-    <fileHistoryDialog v-if="showFileHistoryDialog" :visiable.sync="showFileHistoryDialog"
-                       :currentFile.sync="operateFileHistory" @confirm="confirmFileHistoryDialog" :multi="false"/>
+    <propertiesDialog
+      v-if="showPropertiesDialog"
+      :visiable.sync="showPropertiesDialog"
+      :editAttachment.sync="editAttachment"
+      :isEdit="isEdit"
+      :treeNodeArr.sync="treeNodeArr"
+      :option="option"
+    ></propertiesDialog>
+    <el-image-viewer
+      v-if="showViewer"
+      :on-close="
+        () => {
+          showViewer = false;
+        }
+      "
+      :initial-index.sync="chooseIndex"
+      :url-list="imageDTOs"
+    />
+    <categoryMoveDialog
+      :checkRows.sync="checkRows"
+      v-if="showCategoryMoveDialog"
+      :visiable.sync="showCategoryMoveDialog"
+      @confirm="confirmMoveDialog"
+      :handleType.sync="handleType"
+    ></categoryMoveDialog>
+    <fileHistoryDialog
+      v-if="showFileHistoryDialog"
+      :visiable.sync="showFileHistoryDialog"
+      :currentFile.sync="operateFileHistory"
+      @confirm="confirmFileHistoryDialog"
+      :multi="false"
+    />
 
-    <shareDialog v-if="showShareDialog" :visiable.sync="showShareDialog"
-                 :attachment.sync="shareAttachment"></shareDialog>
-    <recycleBinDialog v-if="showRecycleBinDialog" :visiable.sync="showRecycleBinDialog"
-                      :option.sync="option" :treeNodeArr="treeNodeArr" :currentFileCategory="currentFileCategory"
-                      @confirm="confirmRecycleBinDialog"></recycleBinDialog>
-    <advancedSearchDialog v-if="showAdvancedSearch" :visiable.sync="showAdvancedSearch"
-                          :formData.sync="advancedFormData" @confirm="searchEvent">
+    <shareDialog
+      v-if="showShareDialog"
+      :visiable.sync="showShareDialog"
+      :attachment.sync="shareAttachment"
+    ></shareDialog>
+    <recycleBinDialog
+      v-if="showRecycleBinDialog"
+      :visiable.sync="showRecycleBinDialog"
+      :option.sync="option"
+      :treeNodeArr="treeNodeArr"
+      :currentFileCategory="currentFileCategory"
+      @confirm="confirmRecycleBinDialog"
+    ></recycleBinDialog>
+    <advancedSearchDialog
+      v-if="showAdvancedSearch"
+      :visiable.sync="showAdvancedSearch"
+      :formData.sync="advancedFormData"
+      @confirm="searchEvent"
+    >
       <template #form>
-        <vxe-form :model="advancedFormData" title-width="102px" :inline="true" class="adSearchForm">
-          <vxe-form-item title="属性名称:">
-            <template v-slot>
-              <el-input v-model="advancedFormData.attributeName" clearable/>
-            </template>
-          </vxe-form-item>
-          <vxe-form-item title="属性值:">
-            <template v-slot>
-              <el-input v-model="advancedFormData.attributeValue" clearable/>
-            </template>
-          </vxe-form-item>
+        <vxe-form
+          :model="advancedFormData"
+          title-width="102px"
+          :inline="true"
+          class="adSearchForm"
+        >
+          <!--          <vxe-form-item title="属性名称:">
+                      <template v-slot>
+                        <el-input v-model="advancedFormData.attributeName" clearable/>
+                      </template>
+                    </vxe-form-item>
+                    <vxe-form-item title="属性值:">
+                      <template v-slot>
+                        <el-input v-model="advancedFormData.attributeValue" clearable/>
+                      </template>
+                    </vxe-form-item>-->
           <!--          <vxe-form-item title="状态:">
                       <template v-slot>
                         <el-select v-model="advancedFormData.status" clearable>
@@ -542,7 +874,7 @@
                     </vxe-form-item>-->
           <vxe-form-item title="所属对象描述:" class-name="block">
             <template v-slot>
-              <el-input v-model="advancedFormData.note" clearable/>
+              <el-input v-model="advancedFormData.note" clearable />
             </template>
           </vxe-form-item>
           <vxe-form-item title="创建时间:">
@@ -578,29 +910,35 @@
       v-bind="billDialogParam"
       @confirm="confirmBillDialog"
     ></component>
-    <videoDialog v-if="showVideoDialog" :visiable.sync="showVideoDialog" :option="videoOption"></videoDialog>
-    <fileObjAuthDialog v-if="showFileObjAuthDialog" :visiable.sync="showFileObjAuthDialog"
-                       :fileObjId="currentFileCategory ? currentFileCategory.id:0" :treeNodeArr="treeNodeArr"/>
+    <videoDialog
+      v-if="showVideoDialog"
+      :visiable.sync="showVideoDialog"
+      :option="videoOption"
+    ></videoDialog>
+    <fileObjAuthDialog
+      v-if="showFileObjAuthDialog"
+      :visiable.sync="showFileObjAuthDialog"
+      :fileObjId="currentFileCategory ? currentFileCategory.id : 0"
+      :treeNodeArr="treeNodeArr"
+    />
+
+    <filterDialog
+      v-if="showFilterDialog"
+      :visiable.sync="showFilterDialog"
+      queryType="pcp"
+      :treeNodeArr="treeNodeArr"
+      :currentFileCategory="currentFileCategory"
+      @openFileDirs="openFileDirs"
+    ></filterDialog>
   </div>
 </template>
 
 <script>
-
-import mixins from './mixins/indexMixins';
-import fileObjAuthDialog from "../../components/fileLibrary/fileObjAuthDialog";
-
+import mixins from "./mixins/indexMixins";
 export default {
-  name: 'ledgerLibrary',
+  name: "ledgerLibrary",
   mixins: [mixins],
-  components: {fileObjAuthDialog},
-  data() {
-    return {
-      showFileObjAuthDialog: false,
-      fileObjAuth: {},
-      popAnnexFilter: false
-    }
-  }
-}
+};
 </script>
 <style lang="scss" scoped>
 #labBtn {
@@ -623,7 +961,6 @@ export default {
   display: inline-block;
 }
 
-
 .vxe-grid .vxe-gird-block {
   height: calc(100vh - 161px);
 }
@@ -683,5 +1020,8 @@ export default {
     height: calc(100vh - 215px);
   }
 }
-#labBtn{height:calc(100vh - 34px)}
+
+#labBtn {
+  height: calc(100vh - 34px);
+}
 </style>