cloud-web-corejs 1.0.54-dev.94 → 1.0.54-dev.96

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "cloud-web-corejs",
   "private": false,
-  "version": "1.0.54-dev.94",
+  "version": "1.0.54-dev.96",
   "scripts": {
     "dev": "vue-cli-service serve",
     "lint": "eslint --ext .js,.vue src",

package/src/components/fileLibrary/filterDialog.vue

@@ -0,0 +1,379 @@
+<template>
+  <el-dialog
+    title="高级筛选"
+    :append-to-body="true"
+    :modal-append-to-body="true"
+    :close-on-click-modal="falseValue"
+    :visible.sync="showDialog"
+    :modal="falseValue"
+    custom-class="dialog-style proList-dialog"
+    width="1200px"
+    @close="dialogClose"
+    v-el-drag-dialog
+    v-el-dialog-center
+  >
+    <div class="cont">
+      <div id="containt" style="height:550px">
+        <div class="search-criteria fl" style="width:220px;height:100%;">
+          <div class="tit"><i class="iconfont icon-shaixuan"></i><b>搜索条件</b></div>
+
+          <el-form label-position="top">
+            <div style="height:468px;padding-top: 10px;overflow:auto">
+              <el-form-item label="文件名">
+                <el-input v-model="formData.fileName" size="small" clearable/>
+              </el-form-item>
+              <el-form-item label="所属对象描述">
+                <base-input-batch v-model="formData.note"/>
+              </el-form-item>
+              <el-form-item label="创建时间">
+                <el-date-picker
+                  v-model="formData.startTime"
+                  type="date"
+                  placeholder=""
+                  size="small"
+                  clearable
+                  value-format="yyyy-MM-dd"
+                  :picker-options="$baseStartPickerOptions(formData.endTime)"
+                ></el-date-picker>
+                <span>-</span>
+                <el-date-picker
+                  v-model="formData.endTime"
+                  type="date"
+                  placeholder=""
+                  size="small"
+                  clearable
+                  value-format="yyyy-MM-dd"
+                  :picker-options="$baseEndPickerOptions(formData.startTime)"
+                ></el-date-picker>
+              </el-form-item>
+              <el-form-item label="文件类型">
+                <el-select v-model="fileTypeSn" @change="getAttributeList">
+                  <el-option v-for="(item,index) in fileTypes" :key="index" :label="item.fileTypeName"
+                             :value="item.fileTypeSn"></el-option>
+                </el-select>
+              </el-form-item>
+              <el-form-item v-for="(item,index) in fileAttributes" :key="index" :label="item.attributeName">
+                <el-input v-model="item.formValue" clearable></el-input>
+              </el-form-item>
+            </div>
+            <el-form-item class="btns">
+              <el-button icon="el-icon-brush" class="button-sty" @click="resetEvent" type="primary" plain>重置
+              </el-button>
+              <el-button type="warning" icon="el-icon-search" class="button-sty" @click="searchEvent">搜索
+              </el-button>
+            </el-form-item>
+          </el-form>
+        </div>
+        <label id="labBtn" class="labBtn1" style="cursor:unset;height: 100%;">
+          <!--          <div class="icon">
+                      <i class="el-icon-more"></i>
+                      <i class="el-icon-more"></i>
+                    </div>-->
+        </label>
+        <div class="main-right fr" style="width:calc(100% - 220px);padding-left: 6px;">
+          <div style="height:100%">
+            <vxe-grid
+              ref="table-m1"
+              v-bind="vxeOption"
+              @resizable-change="$vxeTableUtil.onColumnWitchChange"
+              @custom="$vxeTableUtil.customHandle"
+            >
+              <template #form>
+                <div class="clearfix screen-btns">
+                  <div class="fl screen-breadcrumb">
+                    <el-breadcrumb separator-class="el-icon-arrow-right ">
+                      <el-breadcrumb-item><i class="iconfont icon-dingwei-mianxing"></i><span class="f-blue"
+                                                                                              @click="checkTreeNode()">搜索范围</span>
+                      </el-breadcrumb-item>
+                      <el-breadcrumb-item v-for="(treeNode,index) in treeNodeArr" :key="index">
+                        <span class="f-blue" @click="checkTreeNode(treeNode)">{{ treeNode.label }}</span>
+                      </el-breadcrumb-item>
+                    </el-breadcrumb>
+                  </div>
+                  <div class="fr">
+                    <!--                    <vxe-button icon="el-icon-brush" class="button-sty" @click="resetEvent" type="text"
+                                                    status="primary"
+                                                    plain>重置
+                                        </vxe-button>
+                                        <vxe-button status="warning" icon="el-icon-search" class="button-sty" @click="searchEvent">搜索
+                                        </vxe-button>-->
+                  </div>
+                </div>
+              </template>
+              <template #fileName="{row}">
+                <div>
+                  <el-tooltip :enterable="false" effect="dark" :content="$t2('预览', 'components.fileLibrary.preview')"
+                              placement="top">
+                    <a class="a-link img" @click="$baseFilePreview(row)">
+                      <el-image :src="getShowUrl(row,'thumbnail')"></el-image>
+                    </a>
+                  </el-tooltip>
+                  <a class="a-link underLine" @click="$baseFilePreview(row)">{{ row.fileName }}</a>
+                </div>
+              </template>
+            </vxe-grid>
+          </div>
+        </div>
+      </div>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import {selectDialogMixins} from '@base/mixins/selectDialog/index.js';
+
+import {treeScollx, treeScolly} from '@base/utils/global.js';
+import {encode} from "js-base64";
+
+export default {
+  name: 'productDialog',
+  props: ['visiable', 'multi', 'rows', 'treeNodeArr', 'currentFileCategory'],
+  mixins: [selectDialogMixins],
+  inject: ['current_prefix', 'storeAreaCode', 'getObjectForeignId', 'getIsPrivate'],
+  created() {
+    this.initSetting({treeScolly: false});
+    /*setTimeout(() => {
+      treeScollx({target: this, type: 'default', dragBtn: '.labBtn1'});
+      treeScolly({target: this, type: 'selectDialog', dragBtn: '.labBtn2'});
+    }, 200);*/
+
+  },
+  mounted() {
+    this.getFileTypeList();
+    this.initTableM1();
+  },
+
+  computed: {},
+  data() {
+    return {
+      showDialog: true,
+      falseValue: false,
+      selectMulti: true,
+      formData: {},
+      vxeOption: {},
+
+      fileTypes: [],
+      fileAttributes: [],
+      fileTypeSn: null,
+      fileAttachAttributeCDTos: []
+    };
+  },
+  methods: {
+    initTableM1() {
+      // debugger
+      let that = this;
+
+      let tableOption = {
+        vue: that,
+        tableRef: 'table-m1',
+        tableName: 'fileLigraryFilterDialog-m1',
+        path: this.current_prefix + "/file_obj/listAuthAttachPage",
+        param: () => {
+          /* let parents = this.currentFileCategory &&
+           this.currentFileCategory.id &&
+           this.currentFileCategory.id > 0
+             ? [this.currentFileCategory.id]
+             : [];*/
+          let fileAttachAttributeCDTOs = [];
+          this.fileAttributes.map(item => {
+            if (item.formValue !== "" && item.formValue !== null) {
+              fileAttachAttributeCDTOs.push({attributeSn: item.attributeSn, attributeValue: item.formValue});
+            }
+          })
+
+          let objectForeignId = this.getObjectForeignId();
+          let isPrivate = this.getIsPrivate();
+          return {
+            // parents,
+            objectForeignId: objectForeignId,
+            // privateDir: isPrivate ? 1 : 0,
+            fileAttachAttributeCDTOs,
+            storeAreaCode: this.storeAreaCode,
+            ...this.formData,
+          };
+        },
+        columns: [
+          {type: 'checkbox', width: 48, resizable: false, fixed: 'left'},
+          {
+            title: this.$t2('文件名称', 'components.fileLibrary.fileName'),
+            field: "fileName",
+            width: 250,
+            fixed: "left",
+            slots: {
+              default: 'fileName'
+            },
+          },
+          {
+            title: this.$t2('文件大小', 'components.fileLibrary.fileSize'),
+            field: "fileSize",
+            width: 150,
+            slots: {
+              default: ({row, $rowIndex}) => {
+                if (!row.dirs) {
+                  return this.formatFileSize(row.fileSize);
+                }
+              },
+            },
+          },
+          {
+            title: this.$t2('版本号', 'components.fileLibrary.fileRev'),
+            field: "rev",
+            width: 150,
+            slots: {
+              default: ({row, $rowIndex}) => {
+                if (!row.dirs) {
+                  return row.rev;
+                }
+              }
+            }
+          },
+          {title: this.$t2('分辨率', 'components.fileLibrary.widthHeight'), field: "widthHeight", width: 150},
+          {title: this.$t2('所属对象描述', 'components.fileLibrary.note'), field: "note", width: 250},
+          {
+            title: '状态',
+            field: 'status',
+            width: 150,
+            slots: {
+              default: ({row, $rowIndex}) => {
+                if (!row.dirs) {
+                  return row.status == 1 ? '已归档' : '未归档';
+                }
+              }
+            }
+          },
+          {
+            title: this.$t2('文件编码', 'components.fileLibrary.fileSn'),
+            field: "fileSn",
+            width: 150
+          },
+          // ...customColumns,
+          {title: this.$t2('创建人', 'components.fileLibrary.createBy'), field: "createBy", width: 150},
+          {
+            field: "createDate",
+            title: this.$t2('创建时间', 'components.fileLibrary.createDate'),
+            width: 150,
+          },
+          {
+            width: 47,
+            fixed: 'right',
+            title: '',
+            sortable: false,
+            slots: {
+              default: ({row, rowIndex}) => {
+                return [
+                  <div>
+                    <a
+                      href="javascript:void(0);"
+                      class="a-link"
+                      onclick={() => {
+                        this.openFileDirs(row);
+                      }}
+                    >
+                      <el-tooltip enterable={false} effect="dark" content={this.$t1('在文件夹中显示')} placement="top"
+                                  popper-class="tooltip-skin">
+                        <i class="el-icon-view"/>
+                      </el-tooltip>
+                    </a>
+                  </div>
+                ];
+              }
+            }
+          }
+        ]
+      };
+      this.$vxeTableUtil.initVxeTable(tableOption).then(opts => {
+        that.vxeOption = opts;
+      });
+    },
+    openFileDirs(row) {
+      this.dialogClose();
+      this.$emit("openFileDirs", row)
+    },
+    getShowUrl(attachment, field) {
+      if (!field) field = "medium";
+      return this.$commonFileUtil.getShowUrl(
+        attachment.domain +
+        (attachment[field] ? attachment[field] : attachment.url)
+      );
+    },
+    formatFileSize(fileSize) {
+      fileSize = fileSize || 0;
+      if (fileSize < 1024) {
+        return fileSize + "B";
+      } else if (fileSize < 1024 * 1024) {
+        var temp = fileSize / 1024;
+        temp = temp.toFixed(2);
+        return temp + "KB";
+      } else if (fileSize < 1024 * 1024 * 1024) {
+        var temp = fileSize / (1024 * 1024);
+        temp = temp.toFixed(2);
+        return temp + "MB";
+      } else {
+        var temp = fileSize / (1024 * 1024 * 1024);
+        temp = temp.toFixed(2);
+        return temp + "GB";
+      }
+    },
+    searchEvent() {
+      this.$refs['table-m1'].commitProxy('reload');
+    },
+    resetEvent() {
+      this.formData = {};
+      this.clearFileAttributeFormValue();
+      this.$refs['table-m1'].commitProxy('reload');
+    },
+    clearFileAttributeFormValue() {
+      this.fileTypeSn = null;
+      this.fileAttributes = [];
+    },
+    getFileTypeList() {
+      this.$http({
+        url: this.current_prefix + `/file_type/listPage`,
+        method: `post`,
+        data: {
+          enabled: true
+        },
+        // isLoading: true,
+        // modalStrictly: true,
+        success: (res) => {
+          this.fileTypes = res.objx?.records || [];
+        },
+      });
+    },
+    getAttributeList() {
+      this.$http({
+        url: this.current_prefix + `/file_type/listAttribute`,
+        method: `post`,
+        data: {
+          stringOne: this.fileTypeSn
+        },
+        // isLoading: true,
+        // modalStrictly: true,
+        success: (res) => {
+          let rows = res.objx || [];
+          rows.forEach(row => {
+            row.formValue = null;
+          })
+          this.fileAttributes = rows;
+        },
+      });
+    },
+
+
+  }
+};
+</script>
+<style scoped lang="scss">
+.dialog-style.proList-dialog .el-dialog__body #containt {
+  height: 100%;
+
+  .main-right {
+    height: 100%
+  }
+}
+
+#labBtn.transverse {
+  margin-bottom: 0;
+  margin-left: -8px;
+}
+</style>

package/src/components/fileLibrary/index.vue

@@ -108,6 +108,9 @@
                    v-if="isEdit && (fileObjAuth.deleteAuth || fileObjAuth.deleteDirAuth)">
           {{ $t2('删除', 'components.fileLibrary.delete') }}
         </el-button>
+        <el-button icon="iconfont icon-shaixuan" class="button-sty" @click="showFilterDialog = true">
+          {{ $t1('高级筛选') }}
+        </el-button>
 
         <template v-for="(fileButton,customToobarButtonIndex) in customToobarButtons">
           <template
@@ -483,7 +486,7 @@
               </el-breadcrumb>
             </el-form-item>
             <el-form-item :label="$t2('文件夹编码','components.fileLibrary.fileCategorySn')">
-              <span>{{editCategory.fileSn}}</span>
+              <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"/>
@@ -522,16 +525,16 @@
                           :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-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>
@@ -581,6 +584,9 @@
     <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>
 
@@ -588,16 +594,18 @@
 
 import mixins from './mixins/indexMixins';
 import fileObjAuthDialog from "../../components/fileLibrary/fileObjAuthDialog";
+import filterDialog from "./filterDialog.vue";
 
 export default {
   name: 'ledgerLibrary',
   mixins: [mixins],
-  components: {fileObjAuthDialog},
+  components: {fileObjAuthDialog, filterDialog},
   data() {
     return {
       showFileObjAuthDialog: false,
       fileObjAuth: {},
-      popAnnexFilter: false
+      popAnnexFilter: false,
+      showFilterDialog: false
     }
   }
 }
@@ -683,5 +691,8 @@ export default {
     height: calc(100vh - 215px);
   }
 }
-#labBtn{height:calc(100vh - 34px)}
+
+#labBtn {
+  height: calc(100vh - 34px)
+}
 </style>

package/src/components/fileLibrary/mixins/indexMixins.js

@@ -262,6 +262,34 @@ modules = {
     }
   },
   methods: {
+    openFileDirs(row) {
+      let keys = row.treePath.split(',').filter(item => !!item);
+      let size = keys.length
+      let tree = this.$refs.tree
+
+      let parent = null;
+      let loopDo = (index) => {
+        if (size <= index) return
+        let key = keys[index]
+        let node = tree.getNode(key + "");
+        let data = node.data;
+        if (size == index + 1) {
+          tree.setCurrentKey(data);
+          this.handleNodeClick(data, node, this);
+          return
+        }
+
+        if (!data.leaf) {
+          node.expand(() => {
+            loopDo(index + 1)
+          })
+        }
+      }
+      this.getTopNode().expand(() => {
+        loopDo(0)
+      })
+
+    },
     getTopNode() {
       return this.$refs.tree.root.childNodes[0];
     },