chore(*): 调整项目主体

Author: quanquan2100

package-lock.json

@@ -20,6 +20,7 @@
     "fastscan": "^1.0.4",
     "good-storage": "^1.1.0",
     "js-cookie": "^2.2.0",
+    "lodash": "^4.17.11",
     "screenfull": "^4.2.0",
     "vue": "^2.6.8",
     "vue-awesome-swiper": "^3.1.3",

package.json

@@ -47,7 +47,7 @@ export default {
 }
 </script>
 
-<style scoped lang="scss">
+<style lang="scss" scoped>
 .container {
   width: 40px;
   height: 40px;
@@ -56,10 +56,12 @@ export default {
   align-items: center;
   margin-right: 10px;
   cursor: pointer;
+
   i {
     width: 40px;
     height: 40px;
     font-size: 20px;
+
     &:before {
       display: flex;
       justify-content: center;

src/components/layout/Screenfull.vue

@@ -64,6 +64,7 @@
             :initial-image="cropImg">
           </croppa>
         </div>
+        <div style="margin-top: 1em;">通过鼠标滚轮调节头像大小</div>
       </div>
       <div slot="footer" class="dialog-footer">
         <el-button @click="cropVisible = false" size="small">取 消</el-button>
@@ -109,6 +110,7 @@ import User from '@/lin/models/user'
 import Vue from 'vue'
 import Croppa from 'vue-croppa'
 import 'vue-croppa/dist/vue-croppa.css'
+import Config from '@/config'
 
 Vue.use(Croppa)
 
@@ -250,7 +252,22 @@ export default {
         this.clearFileInput(this.$refs.avatarInput)
       }
     },
-    handleCrop() {},
+    async handleCrop() {
+      // console.log(this.$refs.croppa)
+      const blob = await this.$refs.croppa.promisedBlob('image/jpeg', 0.8)
+
+      // debugger
+      // const res = await http({
+      const res = await this.$axios({
+        method: 'post',
+        url: `${Config.baseUrl}cms/file/`,
+        data: {
+          file: blob,
+        },
+      })
+      console.log(res)
+      // debugger
+    },
     init() {
       const { user } = this.$store.state
       this.nickname = user ? user.nickname : '未登录'

src/components/layout/User.vue

@@ -1,4 +1,5 @@
-import store from '../../store'
+import Vue from 'vue'
+import store from '@/store'
 
 function isAllowed(_auth, user, auths) {
   if (user.isSuper) {
@@ -12,16 +13,15 @@ function isAllowed(_auth, user, auths) {
   return false
 }
 
-export default {
-  install(Vue) {
-    Vue.directive('auth', {
-      bind(el, binding) {
-        const isAllow = isAllowed(binding.value, (store.state.user || {}), store.state.auths)
-        const element = el
-        if (!isAllow && binding.value) {
-          element.style.display = 'none'
-        }
-      },
-    })
+
+Vue.directive('auth', {
+  bind(el, binding) {
+    const isAllow = isAllowed(binding.value, (store.state.user || {}), store.state.auths)
+    const element = el
+    if (!isAllow && binding.value) {
+      element.style.display = 'none'
+    }
   },
-}
+})
+
+export default Vue.directive('auth')

src/lin/directives/authorize.js

@@ -1,3 +1,4 @@
+import Vue from 'vue'
 import Utils from '../utils/util'
 /*
 * 全局的过滤函数
@@ -6,7 +7,7 @@ function checkAddZone(num) {
   return num < 10 ? `0${num.toString()}` : num
 }
 
-export default {
+const globalFilter = {
 
   filterAddress(value) { // 过滤地址
     if (!value) return value
@@ -96,3 +97,8 @@ export default {
   },
 
 }
+
+// 全局过滤器
+Object.keys(globalFilter).forEach(k => Vue.filter(k, globalFilter[k]))
+
+export default globalFilter

src/lin/filter/index.js

@@ -1,6 +1,9 @@
+import Vue from 'vue'
 import { mapGetters } from 'vuex'
 
-export default {
+
+const globalMixin = {
+  // eslint-disable-next-line
   install(Vue) {
     Vue.mixin({
       methods: {
@@ -37,3 +40,7 @@ export default {
     })
   },
 }
+
+Vue.use(globalMixin)
+
+export default globalMixin

src/lin/mixin/global.js

@@ -1,7 +1,10 @@
 /* eslint-disable class-methods-use-this */
 import {
-  post, get, put, _delete,
-} from '../utils/http'
+  post,
+  get,
+  put,
+  _delete,
+} from '@/lin/plugins/axios'
 
 export default class Admin {
   constructor(uPage = 0, uCount = 10, gPage = 0, gCount = 5) {

src/lin/models/admin.js

@@ -1,7 +1,10 @@
 /* eslint-disable class-methods-use-this */
 import {
-  get, post, put, _delete,
-} from '../utils/http'
+  post,
+  get,
+  put,
+  _delete,
+} from '@/lin/plugins/axios'
 
 // 我们通过 class 这样的语法糖使模型这个概念更加具象化，其优点：耦合性低、可维护性。
 class Book {

src/lin/models/book.js

@@ -1,5 +1,7 @@
 /* eslint-disable class-methods-use-this */
-import { get } from '../utils/http'
+import {
+  get,
+} from '@/lin/plugins/axios'
 
 class Log {
   name = null;