doway-coms 1.3.1 → 1.3.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "doway-coms",
-  "version": "1.3.1",
+  "version": "1.3.3",
   "description": "doway组件库",
   "author": "dowaysoft",
   "main": "packages/index.js",

package/packages/BasePictureCard/src/index.vue

@@ -4,7 +4,7 @@
       <div
         class="attach-wrapper"
         v-for="internalRow in internalRows.filter(
-          x => x.sysRowState != 'delete'
+          (x) => x.sysRowState != 'delete'
         )"
         :key="internalRow.attach.fileName"
       >
@@ -20,9 +20,7 @@
                 margin: 0;
                 padding: 0;
               "
-              :src="
-                `${internalServiceUrl}/GetAttachFile/${internalRow.attach.id}?accessToken=${store.getters.token}`
-              "
+              :src="`${internalServiceUrl}/GetAttachFile/${internalRow.attach.id}?accessToken=${$store.getters.token}`"
             />
             <a-icon
               class="attach-delete"
@@ -54,7 +52,7 @@
               :data-mimetype="internalRow.attach.contentType"
             />
             <a-icon
-              class=" attach-delete"
+              class="attach-delete"
               type="close-circle"
               v-if="edit === true"
               @click="removeAttach(internalRow.attach)"
@@ -96,7 +94,7 @@
         :data="uploadData"
         v-if="edit === true"
         @change="handleAvatarSuccess"
-        :show-file-list="false"
+        :showUploadList="false"
         :before-upload="beforeAvatarUpload"
       >
         <div
@@ -159,302 +157,304 @@
 </template>
 
 <script>
-import { notification,Upload } from 'ant-design-vue'
-import { sysRowState } from '../../utils/enum'
-import { Checkbox,Modal } from 'vxe-table'
-import store from '../../utils/store'
-import {attachGetAttachUrlApi,attachSearchApi} from '../../utils/api'
+import { notification, Upload } from "ant-design-vue";
+import { sysRowState } from "../../utils/enum";
+import { Checkbox, Modal } from "vxe-table";
+import { attachGetAttachUrlApi, attachSearchApi } from "../../utils/api";
 
 export default {
-  name: 'BasePictureCard',
-  components:{
-      'VxeCheckbox':Checkbox,
-      'a-upload':Upload,
-      'VxeModal':Modal
+  name: "BasePictureCard",
+  components: {
+    VxeCheckbox: Checkbox,
+    "a-upload": Upload,
+    VxeModal: Modal,
   },
   data() {
     return {
-      demo1: '',
-      demo2: '',
-      internalServiceUrl: '',
-      downFilePath: '',
-      downFileName: '',
+      demo1: "",
+      demo2: "",
+      internalServiceUrl: "",
+      downFilePath: "",
+      downFileName: "",
       isShowPdf: false,
       pdfData: null,
       internalUrls: [],
       internalRows: [],
       picName: [],
-      dialogImageUrl: '',
-      dialogViewType: '',
+      dialogImageUrl: "",
+      dialogViewType: "",
       sysRowState: sysRowState,
       dialogVisible: false,
       uploadData: {
-        picType: '',
-        picAction: '',
-        resId: ''
+        picType: "",
+        picAction: "",
+        resId: "",
       },
       uploadHeaders: {
-        Authorization: null
+        Authorization: null,
       },
-      isFullscreen: false
-    }
+      isFullscreen: false,
+    };
   },
   props: {
     showEmptyText: {
       type: Boolean,
-      default: true
+      default: true,
     },
     picType: {
       type: String,
-      default: 'cust'
+      default: "cust",
     },
     value: {
-      type: String
+      type: String,
     },
     resId: {
-      type: String
+      type: String,
     },
     dataName: {
-      type: String
+      type: String,
     },
     edit: {
       // 列信息
-      type: Boolean
+      type: Boolean,
     },
     limitSize: {
       // 限制上传大小
       type: Number,
-      default: 5
+      default: 5,
     },
     limitType: {
       // 限制上传类型
       type: Array,
       default: () => {
-        return []
-      }
+        return [];
+      },
     },
     formRow: {
       type: Object,
       default: () => {
-        return {}
-      }
+        return {};
+      },
     },
     width: {
       type: String,
-      default: '100px'
+      default: "100px",
     },
     height: {
       type: String,
-      default: '100px'
+      default: "100px",
     },
     rows: {
       // 表格数据
       type: Array,
-      default: function() {
-        return []
-      }
+      default: function () {
+        return [];
+      },
     },
     cols: {
       // 表格列信息
       type: Array,
-      default: function() {
-        return []
-      }
+      default: function () {
+        return [];
+      },
     },
     formState: {
       // 表格列信息
       type: String,
-      default: ''
-    }
+      default: "",
+    },
   },
   watch: {
     rows: {
-      handler: function(newVal) {
-        this.getAttachInfo(newVal)
+      handler: function (newVal) {
+        this.getAttachInfo(newVal);
       },
-      deep: true
+      deep: true,
     },
     resId: {
-      handler: function(newVal) {
-        this.uploadData.resId = newVal
-      }
-    }
+      handler: function (newVal) {
+        this.uploadData.resId = newVal;
+      },
+    },
   },
   created() {},
   mounted() {
     // 请求头加入token
-    this.uploadHeaders.Authorization = `Bearer ${store.getters.token}`
-    
-    this.internalServiceUrl = attachGetAttachUrlApi()
-    this.uploadData.picType = this.picType
-    this.uploadData.resId = this.resId
-    this.uploadData.picAction = this.internalServiceUrl + '/UploadAttach'
-    this.getAttachInfo(this.rows)
+    this.uploadHeaders.Authorization = `Bearer ${this.$store.getters.token}`;
+
+    this.internalServiceUrl = attachGetAttachUrlApi();
+    this.uploadData.picType = this.picType;
+    this.uploadData.resId = this.resId;
+    this.uploadData.picAction = this.internalServiceUrl + "/UploadAttach";
+    this.getAttachInfo(this.rows);
   },
   methods: {
-    getCurrentToken(){
-        return store.getters.token
+    getCurrentToken() {
+      return this.$store.getters.token;
     },
     /**
      * 获取附件信息
      */
     getAttachInfo(newRows) {
-      let attachIds = []
+      let attachIds = [];
       for (let i = 0; i < newRows.length; i++) {
         if (newRows[i].attach) {
-          continue
+          continue;
         }
-        attachIds.push(newRows[i].attachId)
+        attachIds.push(newRows[i].attachId);
         newRows[i].attach = {
-          fileName: '',
-          contentType: '',
-          content: '',
-          name: '',
-          id: newRows[i].attachId
-        }
+          fileName: "",
+          contentType: "",
+          content: "",
+          name: "",
+          id: newRows[i].attachId,
+        };
       }
       if (attachIds.length == 0) {
-        this.internalRows = newRows
-        return
+        this.internalRows = newRows;
+        return;
       }
       let postData = {
-        fields: 'id,fileName,contentType,name,content,isDefault',
+        fields: "id,fileName,contentType,name,content,isDefault",
         begin: 1,
         size: 0,
-        exp: 'id in ('
-      }
+        exp: "id in (",
+      };
       for (let i = 0; i < attachIds.length; i++) {
-        postData.exp = postData.exp + attachIds[i] + ','
+        postData.exp = postData.exp + attachIds[i] + ",";
       }
-      let vm = this
-      postData.exp = postData.exp.substr(0, postData.exp.length - 1) + ')'
+      let vm = this;
+      postData.exp = postData.exp.substr(0, postData.exp.length - 1) + ")";
       attachSearchApi(postData)
-        .then(responseData => {
+        .then((responseData) => {
           for (let i = 0; i < responseData.content.length; i++) {
             for (let x = 0; x < newRows.length; x++) {
               if (responseData.content[i].id === newRows[x].attachId) {
-                newRows[x].attach.fileName = responseData.content[i].fileName
-                newRows[x].attach.name = responseData.content[i].name
-                newRows[x].attach.content = responseData.content[i].content
+                newRows[x].attach.fileName = responseData.content[i].fileName;
+                newRows[x].attach.name = responseData.content[i].name;
+                newRows[x].attach.content = responseData.content[i].content;
                 newRows[x].attach.contentType =
-                  responseData.content[i].contentType
+                  responseData.content[i].contentType;
                 // newRows[x].attach.isDefault = false
-                break
+                break;
               }
             }
           }
-          vm.internalRows = newRows
+          vm.internalRows = newRows;
         })
-        .catch(() => {})
+        .catch(() => {});
     },
     attachFileClick(attachFile) {},
     handleAvatarSuccess(info) {
-      if (info.file.status == 'done') {
+      if (info.file.status == "done") {
         let addRow = {
           attachId: info.file.response.content.id,
           sysRowState: sysRowState.add,
-          attach: info.file.response.content
-        }
-        this.internalRows.push(addRow)
-        this.$emit('add', this.dataName, info.file.response.content)
-        let tempField
+          attach: info.file.response.content,
+        };
+        this.internalRows.push(addRow);
+        this.$emit("add", this.dataName, info.file.response.content);
+        let tempField;
         for (let i = 0; i < this.cols.length; i++) {
           // 赋值关联字段数据
-          let tempValue = addRow
-          tempField = this.cols[i].field
+          let tempValue = addRow;
+          tempField = this.cols[i].field;
           if (this.cols[i].isAuto) {
-            tempValue[tempField] = store.getters.newId() + ''
-            continue
+            tempValue[tempField] = this.$store.getters.newId() + "";
+            continue;
           }
           if (
-            this.cols[i].controlType === 'text' &&
+            this.cols[i].controlType === "text" &&
             this.cols[i].linkValueField !== null &&
-            this.cols[i].linkValueField !== '' &&
+            this.cols[i].linkValueField !== "" &&
             this.cols[i].linkValueField !== undefined
           ) {
-            tempValue[tempField] = this.formRow[this.cols[i].linkValueField]
+            tempValue[tempField] = this.formRow[this.cols[i].linkValueField];
           }
         }
       }
-     
     },
     beforeAvatarUpload(file) {
       // const isPic = file.type === 'image/jpeg' || file.type === 'image/png'
       if (file.size / 1024 / 1024 > this.limitSize) {
         notification.error({
-          message: '错误',
-          description: '上传图片大小不能超过 ' + this.limitSize + 'MB!'
-        })
+          message: "错误",
+          description: "上传图片大小不能超过 " + this.limitSize + "MB!",
+        });
       }
       if (this.limitType.length > 0 && !this.limitType[file.type]) {
         notification.error({
-          message: '错误',
-          description: '上传附件格式错误!'
-        })
+          message: "错误",
+          description: "上传附件格式错误!",
+        });
       }
-      return true
+      return true;
     },
     handleRemove(file, fileList) {
       // this.dialogVisible =  !this.dialogVisible
       // alert(this.dialogVisible)
-      this.internalUrls = fileList
-      this.$emit('remove', this.dataName, file.response.data)
+      this.internalUrls = fileList;
+      this.$emit("remove", this.dataName, file.response.data);
       // this.$emit('remove', this.dataName, file.response.data)
     },
     circleAttach(attachFile, internalRow) {
-      let vm = this
+      let vm = this;
       //  if(internalRow.isDefault == true){
-      this.internalRows.forEach(element => {
+      this.internalRows.forEach((element) => {
         if (element.id !== internalRow.id) {
-          element.isDefault = false
+          element.isDefault = false;
         }
-      })
+      });
       //  }
     },
     removeAttach(attachFile) {
-     
       for (let i = 0; i < this.internalRows.length; i++) {
         if (this.internalRows[i].attachId === attachFile.id) {
           if (this.internalRows[i].sysRowState === sysRowState.add) {
-            this.internalRows.splice(i, 1)
+            this.internalRows.splice(i, 1);
           } else {
-            this.$set(this.internalRows[i], 'sysRowState', sysRowState.delete)
+            this.$set(this.internalRows[i], "sysRowState", sysRowState.delete);
           }
-          break
+          break;
         }
       }
-      this.$emit('remove', attachFile.id)
+      this.$emit("remove", attachFile.id);
     },
     downloadAttach(attachFile) {
-      window.open(this.internalServiceUrl + '/DownAttachFile/' + attachFile.id+`?accessToken=${this.$store.getters.token}`)
+      window.open(
+        this.internalServiceUrl +
+          "/DownAttachFile/" +
+          attachFile.id +
+          `?accessToken=${this.$store.getters.token}`
+      );
     },
     /**
      * 查看附件
      */
     viewAttach(attachFile) {
-      if (attachFile.contentType === 'application/pdf') {
-        this.dialogImageUrl = `${this.internalServiceUrl}/GetAttachFile/${attachFile.id}?accessToken=${store.getters.token}`
-        this.dialogViewType = attachFile.contentType
-        this.dialogVisible = true
-      } else if (attachFile.content === 'image') {
-        this.dialogImageUrl = `${this.internalServiceUrl}/GetAttachFile/${attachFile.id}?accessToken=${store.getters.token}`
-        this.dialogViewType = attachFile.contentType
-        this.dialogVisible = true
+      if (attachFile.contentType === "application/pdf") {
+        this.dialogImageUrl = `${this.internalServiceUrl}/GetAttachFile/${attachFile.id}?accessToken=${this.$store.getters.token}`;
+        this.dialogViewType = attachFile.contentType;
+        this.dialogVisible = true;
+      } else if (attachFile.content === "image") {
+        this.dialogImageUrl = `${this.internalServiceUrl}/GetAttachFile/${attachFile.id}?accessToken=${this.$store.getters.token}`;
+        this.dialogViewType = attachFile.contentType;
+        this.dialogVisible = true;
       }
     },
     closePdf() {
-      this.isShowPdf = false
+      this.isShowPdf = false;
     },
     // 放大
     screenClick() {
-      this.isFullscreen = true
+      this.isFullscreen = true;
     },
     // 局部展示
     narrowClick() {
-      this.isFullscreen = false
-    }
-  }
-}
+      this.isFullscreen = false;
+    },
+  },
+};
 </script>
 
 <style lang="scss" scoped>