hd-idevvue3 3.0.3 → 3.0.4

package/src/hdcom/HdFileUpload.vue

@@ -1,20 +1,38 @@
 <template>
-  <el-dialog :visible.sync="fileUploadVisible" append-to-body title="文件上传" width="450px">
-    <el-alert :closable='false' :title="$t('点击文件即可下载')" type="warning"></el-alert>
-    <el-upload :action="upUrl"
-               :auto-upload="false"
-               :before-remove="beforeRemove"
-               :before-upload="beforeUpload"
-               :file-list="fileList"
-               :multiple="multiple"
-               :on-preview="handlePreview"
-               :on-remove="handleRemove"
-               :on-success="onUpSuccess"
-               ref="upload"
-               style="min-height:300px;width:400px"
-               v-bind="$attrs">
-      <el-button slot="trigger" type="primary" v-if="canEdit">{{$t('选取文件')}}</el-button>
-      <el-button @click="submitUpload" style="margin-left: 10px;" type="success" v-if="canEdit">{{$t('上传到服务器')}}
+  <el-dialog
+    :visible.sync="fileUploadVisible"
+    append-to-body
+    title="文件上传"
+    width="450px"
+  >
+    <el-alert
+      :closable="false"
+      :title="$t('点击文件即可下载')"
+      type="warning"
+    ></el-alert>
+    <el-upload
+      :action="upUrl"
+      :auto-upload="false"
+      :before-remove="beforeRemove"
+      :before-upload="beforeUpload"
+      :file-list="fileList"
+      :multiple="multiple"
+      :on-preview="handlePreview"
+      :on-remove="handleRemove"
+      :on-success="onUpSuccess"
+      ref="upload"
+      style="min-height: 300px; width: 400px"
+      v-bind="$attrs"
+    >
+      <el-button slot="trigger" type="primary" v-if="canEdit">{{
+        $t('选取文件')
+      }}</el-button>
+      <el-button
+        @click="submitUpload"
+        style="margin-left: 10px"
+        type="success"
+        v-if="canEdit"
+        >{{ $t('上传到服务器') }}
       </el-button>
       <div class="el-upload__tip" slot="tip"></div>
     </el-upload>
@@ -22,127 +40,128 @@
 </template>
 
 <script>
-  var FileSaver = require('file-saver')
-  /**
-   * 文件上传 包括上传和下载后台idev8入口为comfileupload
-   * @module HdFileUpload
-   */
+var FileSaver = require('file-saver')
+/**
+ * 文件上传 包括上传和下载后台idev8入口为comfileupload
+ * @module HdFileUpload
+ */
 
-  export default {
-    components: {},
-    name: 'HdFileUpload',
+export default {
+  components: {},
+  name: 'HdFileUpload',
+  /**
+   * @prop 参考element-ui的el-upload
+   * */
+  props: {
+    url: {
+      type: String,
+      default: '/webresources/login/com/SysFile/comfileupload',
+    },
+  },
+  inheritAttrs: false,
+  data() {
+    return {
+      upUrl: '',
+      fileUploadVisible: false,
+      fileDownVisible: false,
+      fileList: [],
+      entityId: '',
+      entityName: '',
+      canEdit: true,
+      uploadNum: 0,
+    }
+  },
+  mounted() {},
+  methods: {
+    beforeUpload(file) {
+      this.uploadNum++
+    },
     /**
-     * @prop 参考element-ui的el-upload
-     * */
-    props: {
-      url: {
-        type: String,
-        default: '/webresources/login/com/SysFile/comfileupload'
-      },
+     * @method open
+     * @param entityName 区分名
+     * @param entityId 区分id
+     * @param canEdit 是否可编辑
+     * @event complete 文件全部上传完结束的事件
+     */
+    open(entityName, entityId, canEdit) {
+      this.entityId = entityId
+      this.entityName = entityName
+      this.fileUploadVisible = true
+      this.canEdit = canEdit
+      this.upUrl = `${this.url}/upload?entityId=${this.entityId}&entityName=${this.entityName}`
+      this.doQuery()
     },
-    inheritAttrs: false,
-    data() {
-      return {
-        upUrl: '',
-        fileUploadVisible: false,
-        fileDownVisible: false,
-        fileList: [],
-        entityId: '',
-        entityName: '',
-        canEdit: true,
-        uploadNum: 0
-      }
+    downShow() {
+      this.fileDownVisible = true
     },
-    mounted() {
+    doQuery() {
+      const url = `${this.url}/find?entityId=${this.entityId}&entityName=${this.entityName}`
+      this.$http.post(url).then((response) => {
+        const fileLs = response.data
+        this.fileList = []
+        for (let i = 0; i < fileLs.length; i++) {
+          const fileOne = fileLs[i]
+          const oneObj = {}
+          oneObj.name = fileOne.fileName
+          oneObj.uploadId = fileOne.uploadId
+          this.fileList.push(oneObj)
+        }
+      })
+    },
+    submitUpload() {
+      this.$refs.upload.submit()
+    },
+    onUpSuccess(response, file, fileList) {
+      this.uploadNum--
+      if (this.uploadNum == 0) {
+        this.$emit('complete')
+      }
+      file.uploadId = response.message
     },
-    methods: {
-      beforeUpload(file) {
-        this.uploadNum++;
-      },
-      /**
-       * @method open
-       * @param entityName 区分名
-       * @param entityId 区分id
-       * @param canEdit 是否可编辑
-       * @event complete 文件全部上传完结束的事件
-       */
-      open(entityName, entityId, canEdit) {
-        this.entityId = entityId
-        this.entityName = entityName
-        this.fileUploadVisible = true
-        this.canEdit = canEdit
-        this.upUrl = `${this.url}/upload?entityId=${this.entityId}&entityName=${this.entityName}`
-        this.doQuery()
-      },
-      downShow() {
-        this.fileDownVisible = true
-      },
-      doQuery() {
-        const url = `${this.url}/find?entityId=${this.entityId}&entityName=${this.entityName}`
-        this.$http.post(url).then(response => {
-          const fileLs = response.data
-          this.fileList = []
-          for (let i = 0; i < fileLs.length; i++) {
-            const fileOne = fileLs[i]
-            const oneObj = {}
-            oneObj.name = fileOne.fileName
-            oneObj.uploadId = fileOne.uploadId
-            this.fileList.push(oneObj)
-          }
+    beforeRemove(file, fileList) {
+      if (!this.canEdit) {
+        this.$message({
+          type: 'error',
+          message: this.$t('无权删除'),
         })
-      },
-      submitUpload() {
-        this.$refs.upload.submit()
-      },
-      onUpSuccess(response, file, fileList) {
-        this.uploadNum--;
-        if (this.uploadNum == 0) {
-          this.$emit('complete')
-        }
-        file.uploadId = response.message
-      },
-      beforeRemove(file, fileList) {
-        if (!this.canEdit) {
-          this.$message({
-            type: 'error',
-            message: this.$t('无权删除')
-          })
-          return false
+        return false
+      }
+      return this.$confirm(this.$t('确定删除') + file.name + '？').then(() => {
+        if (!file.uploadId) {
+          return true
         }
-        return this.$confirm(this.$t('确定删除') + file.name + '？').then(() => {
-          if (!file.uploadId) {
-            return true
-          }
-          this.$http.post(`${this.url}/delete?uploadId=${file.uploadId}`).then(response => {
+        this.$http
+          .post(`${this.url}/delete?uploadId=${file.uploadId}`)
+          .then((response) => {
             const data = response.data
             this.$message({
               type: data.code == '-1' ? 'error' : 'success',
-              message: this.$t('操作成功')
+              message: this.$t('操作成功'),
             })
             if (data.code == '-1') {
               return false
             }
             // this.doQuery()
           })
+      })
+    },
+    handleRemove(file, fileList) {},
+    handlePreview(file) {
+      if (!file.uploadId) {
+        this.$message({
+          type: 'error',
+          message: this.$t('这是未上传的文件'),
         })
-      },
-      handleRemove(file, fileList) {
-
-      },
-      handlePreview(file) {
-        if (!file.uploadId) {
-          this.$message({
-            type: 'error',
-            message: this.$t('这是未上传的文件')
-          })
-          return false
-        }
-        const url = `${this.url}/download?uploadId=${file.uploadId}`
-        this.$http.post(url, {}, {responseType: 'arraybuffer'}).then(response => {
+        return false
+      }
+      const url = `${this.url}/download?uploadId=${file.uploadId}`
+      this.$http
+        .post(url, {}, { responseType: 'arraybuffer' })
+        .then((response) => {
           var blob = new Blob([response.data])
           FileSaver.saveAs(blob, file.name)
         })
-      }
-    }
-  }
+    },
+  },
+}
 </script>

package/src/hdcom/HdFilterBox.vue

@@ -2,17 +2,19 @@
   <el-row>
     <el-col :span="10" align="left">
       <div class="icon" @click.stop.prevent="doShrink" v-show="shrinkVisable">
-        <i :class="[fa, arrowClass]" style="cursor:pointer;"/>
+        <i :class="[fa, arrowClass]" style="cursor: pointer" />
       </div>
-      <div ref="searchBox" class="filter-item-box" :style="{'height':nowHeight}">
-        <slot>
-        </slot>
+      <div
+        ref="searchBox"
+        class="filter-item-box"
+        :style="{ height: nowHeight }"
+      >
+        <slot> </slot>
       </div>
     </el-col>
     <el-col :span="4" align="left">
       <div class="filter-btn-search">
-        <slot name="searchBtn">
-        </slot>
+        <slot name="searchBtn"> </slot>
       </div>
     </el-col>
     <el-col :span="10" align="right">
@@ -24,67 +26,65 @@
 </template>
 
 <script>
-  export default {
-    name: "HdFilterBoxTmp",
-    data() {
-      return {
-        arrowClass: 'fa-chevron-down',
-        fa: 'fa',
-        isShrink: false,
-        nowHeight: '28px',
-        nowWidth: null,
-        shrinkVisable: false
+export default {
+  name: 'HdFilterBoxTmp',
+  data() {
+    return {
+      arrowClass: 'fa-chevron-down',
+      fa: 'fa',
+      isShrink: false,
+      nowHeight: '28px',
+      nowWidth: null,
+      shrinkVisable: false,
+    }
+  },
+  mounted() {
+    let elementResizeDetectorMaker = require('element-resize-detector')
+    let erd = elementResizeDetectorMaker()
+    // console.log('this.$refs.searchBox.$el', this.$refs.searchBox)
+    erd.listenTo(this.$refs.searchBox, (element) => {
+      if (element.scrollHeight < 40) {
+        this.shrinkVisable = false
+      } else {
+        this.shrinkVisable = true
       }
+    })
+  },
+  methods: {
+    doShrink() {
+      if (this.isShrink) {
+        this.nowHeight = '28px'
+        this.arrowClass = 'fa-chevron-down'
+      } else {
+        this.nowHeight = '100%'
+        this.arrowClass = 'fa-chevron-up'
+      }
+      this.isShrink = !this.isShrink
     },
-    mounted() {
-
-      let elementResizeDetectorMaker = require("element-resize-detector")
-      let erd = elementResizeDetectorMaker()
-      // console.log('this.$refs.searchBox.$el', this.$refs.searchBox)
-      erd.listenTo(this.$refs.searchBox, element => {
-        if (element.scrollHeight < 40) {
-          this.shrinkVisable = false
-        } else {
-          this.shrinkVisable = true
-        }
-      })
-    },
-    methods: {
-      doShrink() {
-        if (this.isShrink) {
-          this.nowHeight = "28px"
-          this.arrowClass = 'fa-chevron-down'
-        } else {
-          this.nowHeight = "100%"
-          this.arrowClass = 'fa-chevron-up'
-        }
-        this.isShrink = !this.isShrink
-      },
+  },
+  computed: {
+    searchBoxWidth() {
+      // return this.nowWidth ? this.nowWidth%180 + 'px'  : 'auto';
+      return 'auto'
     },
-    computed: {
-      searchBoxWidth() {
-        // return this.nowWidth ? this.nowWidth%180 + 'px'  : 'auto';
-        return 'auto'
-      }
-    }
-  }
+  },
+}
 </script>
 
 <style scoped>
-  .filter-item-box {
-    overflow: hidden;
-    display: flex;
-    flex-wrap: wrap;
-    /*height: 28px;*/
-  }
-
-  .icon {
-    margin-top: 0px;
-    /*margin-right: 10px;*/
-    line-height: 28px;
-    font-size: 14px;
-    color: #bbbbbb;
-    float: right;
-  }
+.filter-item-box {
+  overflow: hidden;
+  display: flex;
+  flex-wrap: wrap;
+  /*height: 28px;*/
+}
 
+.icon {
+  margin-top: 0px;
+  /*margin-right: 10px;*/
+  line-height: 28px;
+  font-size: 14px;
+  color: #bbbbbb;
+  float: right;
+}
 </style>