style: 格式化代码

src/components/hzwlComponents/UploadFormItem.vue

@@ -5,15 +5,17 @@
       style="display: none;"
       :value="ids"
       clearable
-    ></el-input>
+    />
     <div style="display: flex;justify-content: space-between">
       <div style="margin-top: 13px" :style="{width: view ? '100%' : '80%'}">
         <template v-if="FileList.length > 0">
-          <div v-for="file in FileList"
-               :key="file.id"
-               @click="onPreview(file)"
-               style="color: #409eff;cursor:pointer"
-               class="fileClass">
+          <div
+            v-for="file in FileList"
+            :key="file.id"
+            style="color: #409eff;cursor:pointer"
+            class="fileClass"
+            @click="onPreview(file)"
+          >
             {{ file.name }}
           </div>
         </template>
@@ -22,34 +24,41 @@
         </template>
       </div>
       <div v-if="!view" style="width: 20%;">
-        <el-button :disabled="disabled"
-                   type="primary"
-                   class="common-button-primary"
-                   size="mini"
-                   @click="showUpload"
-                   style="margin-left: 10px; margin-top: 11px; float: right;">
-          <i class="el-icon-upload"></i>
+        <el-button
+          :disabled="disabled"
+          type="primary"
+          class="common-button-primary"
+          size="mini"
+          style="margin-left: 10px; margin-top: 11px; float: right;"
+          @click="showUpload"
+        >
+          <i class="el-icon-upload" />
         </el-button>
       </div>
     </div>
-    <el-dialog width='400px' :visible.sync="fileMadel" title="上传文件"  v-dragDialogWidth
-               :close-on-click-modal="false">
+    <el-dialog
+      v-dragDialogWidth
+      width="400px"
+      :visible.sync="fileMadel"
+      title="上传文件"
+      :close-on-click-modal="false"
+    >
       <el-upload
-          multiple
-          drag
-          :file-list="fileList"
-          :action="fileUrl"
-          ref="importfile"
-          name="file"
-          :accept="accept"
-          :before-upload="beforeUpload"
-          :on-success="onSuccess"
-          :on-preview="onPreview"
-          :on-remove="removeOneFile"
-          :show-file-list="true"
+        ref="importfile"
+        multiple
+        drag
+        :file-list="fileList"
+        :action="fileUrl"
+        name="file"
+        :accept="accept"
+        :before-upload="beforeUpload"
+        :on-success="onSuccess"
+        :on-preview="onPreview"
+        :on-remove="removeOneFile"
+        :show-file-list="true"
       >
         <div style="padding: 20px 0">
-          <i class="el-icon-upload" style="color: #3399ff"></i>
+          <i class="el-icon-upload" style="color: #3399ff" />
           <p>点击或拖拽上传文件</p>
         </div>
       </el-upload>
@@ -59,7 +68,7 @@
 
 <script>
 export default {
-  name: "UploadFormItem",
+  name: 'UploadFormItem',
   props: {
     ids: {
       required: true,
@@ -97,26 +106,26 @@ export default {
       default: false
     }
   },
-  created () {
-    this.initFileList()
-  },
   data () {
     return {
       fileMadel: false,
-      fileList: [],// 用于el-upload
-      FileList: [],// 用于回显
+      fileList: [], // 用于el-upload
+      FileList: [], // 用于回显
     }
   },
+  created () {
+    this.initFileList()
+  },
   methods: {
     showUpload () {
       this.fileMadel = true;
     },
     initFileList () {
       if (this.ids && this.ids !== '' && this.names && this.names !== '') {
-        let fileList = []
+        const fileList = []
         const idArr = this.ids.split(',')
         const nameArr = this.names.split(',')
-        for (let i = 0 ; i < idArr.length; i++) {
+        for (let i = 0; i < idArr.length; i++) {
           fileList.push({
             id: idArr[i],
             name: nameArr[i]
@@ -142,13 +151,13 @@ export default {
       }
       // 判断文件上传大小
       if (file.size / 1024 / 1024 > this.size) {// eslint-disable-line
-        this.$message.error('文件' + file.name + `超过${ this.size }M`)
+        this.$message.error('文件' + file.name + `超过${this.size}M`)
         return false
       }
       return true
     },
     // 导入标准数据成功后执行
-    onSuccess (response, file,fileList) {
+    onSuccess (response, file, fileList) {
       // 上传成功后判断是否是两条数据是的话替换掉旧数据
       if (response.ok) {
         const fileObj = {
@@ -175,7 +184,7 @@ export default {
         })
       }
     },
-    removeOneFile(file, fileList) {
+    removeOneFile (file, fileList) {
       const ids = fileList.reduce((init, file) => {
         if (init === '') {
           return file.id || file.response.data.id
@@ -199,9 +208,9 @@ export default {
       this.$emit('update:names', names)
     },
     // 文件预览及下载
-    onPreview(file) {
-      let attId = ""
-      if(file && file.id){
+    onPreview (file) {
+      let attId = ''
+      if(file && file.id) {
         attId = file.id
       }else {
         attId = file.response.data.id