refactor

src/components/Upload/singleImage.vue

@@ -18,7 +18,7 @@
 
 <script>
 // 预览效果见付费文章
-import { getToken } from 'api/qiniu'
+import { getToken } from '@/api/qiniu'
 
 export default {
   name: 'singleImageUpload',

src/components/Upload/singleImage2.vue

@@ -17,39 +17,39 @@
 </template>
 
 <script>
-	// 预览效果见专题
-import { getToken } from 'api/qiniu'
+import { getToken } from '@/api/qiniu'
+
 export default {
-	  name: 'singleImageUpload2',
-	  props: {
-	    value: String
+  name: 'singleImageUpload2',
+  props: {
+    value: String
   },
-	  computed: {
-	    imageUrl() {
-	      return this.value
+  computed: {
+    imageUrl() {
+      return this.value
     }
   },
-	  data() {
-	    return {
-	      tempUrl: '',
-	      dataObj: { token: '', key: '' }
+  data() {
+    return {
+      tempUrl: '',
+      dataObj: { token: '', key: '' }
     }
   },
-	  methods: {
-	    rmImage() {
-	      this.emitInput('')
+  methods: {
+    rmImage() {
+      this.emitInput('')
     },
-	    emitInput(val) {
-	      this.$emit('input', val)
+    emitInput(val) {
+      this.$emit('input', val)
     },
-	    handleImageScucess() {
-	      this.emitInput(this.tempUrl)
+    handleImageScucess() {
+      this.emitInput(this.tempUrl)
     },
-	    beforeUpload() {
-	      const _self = this
+    beforeUpload() {
+      const _self = this
       return new Promise((resolve, reject) => {
-	        getToken().then(response => {
-	          const key = response.data.qiniu_key
+        getToken().then(response => {
+          const key = response.data.qiniu_key
           const token = response.data.qiniu_token
           _self._data.dataObj.token = token
           _self._data.dataObj.key = key
@@ -61,7 +61,7 @@ export default {
       })
     }
   }
-	}
+}
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>

src/components/Upload/singleImage3.vue

@@ -26,52 +26,52 @@
 </template>
 
 <script>
-	// 预览效果见文章
-	import { getToken } from 'api/qiniu'
+import { getToken } from '@/api/qiniu'
+
 export default {
-	  name: 'singleImageUpload',
-	  props: {
-	    value: String
+  name: 'singleImageUpload',
+  props: {
+    value: String
   },
-	  computed: {
-	    imageUrl() {
-	      return this.value
+  computed: {
+    imageUrl() {
+      return this.value
     }
   },
-	  data() {
-	    return {
-	      tempUrl: '',
-	      dataObj: { token: '', key: '' }
+  data() {
+    return {
+      tempUrl: '',
+      dataObj: { token: '', key: '' }
     }
   },
-	  methods: {
-	    rmImage() {
-	      this.emitInput('')
+  methods: {
+    rmImage() {
+      this.emitInput('')
     },
-	    emitInput(val) {
-	      this.$emit('input', val)
+    emitInput(val) {
+      this.$emit('input', val)
     },
-	    handleImageScucess(file) {
-	      this.emitInput(file.files.file)
+    handleImageScucess(file) {
+      this.emitInput(file.files.file)
     },
-	    beforeUpload() {
-	      const _self = this
+    beforeUpload() {
+      const _self = this
       return new Promise((resolve, reject) => {
-	        getToken().then(response => {
-	          const key = response.data.qiniu_key
+        getToken().then(response => {
+          const key = response.data.qiniu_key
           const token = response.data.qiniu_token
           _self._data.dataObj.token = token
           _self._data.dataObj.key = key
           this.tempUrl = response.data.qiniu_url
           resolve(true)
         }).catch(err => {
-	          console.log(err)
+          console.log(err)
           reject(false)
         })
       })
     }
   }
-	}
+}
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>