refactor

index.html

@@ -12,5 +12,4 @@
 <div id="app"></div>
 <!-- built files will be auto injected -->
 </body>
-
 </html>

src/api/article.js

-import fetch from 'utils/fetch'
+import fetch from '@/utils/fetch'
 
-export function getList() {
+export function fetchList(query) {
   return fetch({
     url: '/article/list',
-    method: 'get'
+    method: 'get',
+    params: query
   })
 }
 
-export function getArticle() {
+export function fetchArticle() {
   return fetch({
     url: '/article/detail',
     method: 'get'
   })
 }
 
+export function fetchPv(pv) {
+  return fetch({
+    url: '/article/pv',
+    method: 'get',
+    params: { pv }
+  })
+}
+

src/api/article_table.js

-import fetch from 'utils/fetch'
-
-export function fetchList(query) {
-  return fetch({
-    url: '/article_table/list',
-    method: 'get',
-    params: query
-  })
-}
-
-export function fetchPv(pv) {
-  return fetch({
-    url: '/article_table/pv',
-    method: 'get',
-    params: { pv }
-  })
-}

src/api/login.js

-import fetch from 'utils/fetch'
+import fetch from '@/utils/fetch'
 
 export function loginByUsername(username, password) {
   const data = {

src/api/qiniu.js

-import fetch from 'utils/fetch'
+import fetch from '@/utils/fetch'
 
 export function getToken() {
   return fetch({

src/api/remoteSearch.js

-import fetch from 'utils/fetch'
+import fetch from '@/utils/fetch'
 
 export function userSearch(name) {
   return fetch({

src/components/Github/index.vue

+<template>
+  <a href="https://github.com/PanJiaChen/vue-element-admin" target="_blank" class="github-corner" aria-label="View source on Github">
+    <svg width="80" height="80" viewBox="0 0 250 250" style="fill:#4AB7BD; color:#fff; position: absolute; top: 50px; border: 0; right: 0;"
+      aria-hidden="true">
+      <path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path>
+      <path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2"
+        fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path>
+      <path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z"
+        fill="currentColor" class="octo-body"></path>
+    </svg>
+  </a>
+</template>
+

src/components/Screenfull/index.vue

@@ -8,6 +8,7 @@
 
 <script>
 import screenfull from 'screenfull'
+
 export default {
   name: 'hamburger',
   props: {

src/components/TodoList/index.vue

@@ -33,6 +33,7 @@
 
 <script>
 import Todo from './Todo.vue'
+
 const STORAGE_KEY = 'todos'
 const filters = {
   all: todos => todos,

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>

src/main.js

@@ -4,7 +4,7 @@ import 'element-ui/lib/theme-default/index.css'
 import App from './App'
 import router from './router'
 import store from './store'
-import '@/assets/iconfont/iconfont' // iconfont 具体图标见https://github.com/PanJiaChen/vue-element-admin/wiki
+import '@/assets/iconfont/iconfont' // iconfont 具体图标见wiki
 import IconSvg from '@/components/Icon-svg'// svg组件
 import * as filters from '@/filters' // 全局filter
 import '@/errorLog'// error log

src/mock/article.js

 import Mock from 'mockjs'
+import { param2Obj } from '@/utils'
 
 const List = []
-const count = 20
+const count = 100
 
 for (let i = 0; i < count; i++) {
   List.push(Mock.mock({
-    id: '@id',
-    title: '@ctitle(10, 20)',
-    'status|1': ['published', 'draft'],
+    id: '@increment',
+    timestamp: +Mock.Random.date('T'),
     author: '@cname',
+    auditor: '@cname',
+    title: '@ctitle(10, 20)',
+    forecast: '@float(0, 100, 2, 2)',
+    importance: '@integer(1, 3)',
+    'type|1': ['CN', 'US', 'JP', 'EU'],
+    'status|1': ['published', 'draft', 'deleted'],
     display_time: '@datetime',
     pageviews: '@integer(300, 5000)'
   }))
 }
 
 export default {
-  getList: () => List,
+  getList: config => {
+    const { importance, type, title, page = 1, limit = 20, sort } = param2Obj(config.url)
+
+    let mockList = List.filter(item => {
+      if (importance && item.importance !== +importance) return false
+      if (type && item.type !== type) return false
+      if (title && item.title.indexOf(title) < 0) return false
+      return true
+    })
+
+    if (sort === '-id') {
+      mockList = mockList.reverse()
+    }
+
+    const pageList = mockList.filter((item, index) => index < limit * page && index >= limit * (page - 1))
+
+    return {
+      total: mockList.length,
+      items: pageList
+    }
+  },
+  getPv: () => ({
+    pvData: [{ key: 'PC网站', pv: 1024 }, { key: 'mobile网站', pv: 1024 }, { key: 'ios', pv: 1024 }, { key: 'android', pv: 1024 }]
+  }),
   getArticle: () => ({
     id: 120000000001,
     author: { key: 'mockPan' },

src/mock/article_table.js

-import Mock from 'mockjs'
-import { param2Obj } from 'utils'
-
-const List = []
-const count = 100
-
-for (let i = 0; i < count; i++) {
-  List.push(Mock.mock({
-    id: '@increment',
-    timestamp: +Mock.Random.date('T'),
-    author: '@cname',
-    auditor: '@cname',
-    title: '@ctitle(10, 20)',
-    forecast: '@float(0, 100, 2, 2)',
-    importance: '@integer(1, 3)',
-    'type|1': ['CN', 'US', 'JP', 'EU'],
-    'status|1': ['published', 'draft', 'deleted'],
-    pageviews: '@integer(300, 5000)'
-  }))
-}
-
-export default {
-  getList: config => {
-    const { importance, type, title, page, limit, sort } = param2Obj(config.url)
-    let mockList = List.filter(item => {
-      if (importance && item.importance !== +importance) return false
-      if (type && item.type !== type) return false
-      if (title && item.title.indexOf(title) < 0) return false
-      return true
-    })
-    if (sort === '-id') {
-      mockList = mockList.reverse()
-    }
-
-    const pageList = mockList.filter((item, index) => index < limit * page && index >= limit * (page - 1))
-    return {
-      total: mockList.length,
-      items: pageList
-    }
-  },
-  getPv: () => ({
-    pvData: [{ key: 'PC网站', pv: 1024 }, { key: 'mobile网站', pv: 1024 }, { key: 'ios', pv: 1024 }, { key: 'android', pv: 1024 }]
-  })
-}

src/mock/index.js

 import Mock from 'mockjs'
 import loginAPI from './login'
 import articleAPI from './article'
-import article_tableAPI from './article_table'
 import remoteSearchAPI from './remoteSearch'
 
 Mock.setup({
@@ -16,10 +15,7 @@ Mock.mock(/\/user\/info\.*/, 'get', loginAPI.getUserInfo)
 // 文章相关
 Mock.mock(/\/article\/list/, 'get', articleAPI.getList)
 Mock.mock(/\/article\/detail/, 'get', articleAPI.getArticle)
-
-// table example相关
-Mock.mock(/\/article_table\/list/, 'get', article_tableAPI.getList)
-Mock.mock(/\/article_table\/p/, 'get', article_tableAPI.getPv)
+Mock.mock(/\/article\/pv/, 'get', articleAPI.getPv)
 
 // 搜索相关
 Mock.mock(/\/search\/user/, 'get', remoteSearchAPI.searchUser)

src/mock/login.js

-import { param2Obj } from 'utils'
+import { param2Obj } from '@/utils'
 
 const userMap = {
   admin: {

src/mock/remoteSearch.js

 import Mock from 'mockjs'
-import { param2Obj } from 'utils'
+import { param2Obj } from '@/utils'
 
 const NameList = []
 const count = 100

src/router/index.js

@@ -104,7 +104,7 @@ export const asyncRouterMap = [
         name: 'Table',
         icon: 'table',
         children: [
-          { path: 'dynamictable', component: _import('example/table/dynamictable'), name: '动态table' },
+          { path: 'dynamictable', component: _import('example/table/dynamictable/index'), name: '动态table' },
           { path: 'dragtable', component: _import('example/table/dragTable'), name: '拖拽table' },
           { path: 'inline_edit_table', component: _import('example/table/inlineEditTable'), name: 'table内编辑' },
           { path: 'table', component: _import('example/table/table'), name: '综合table' }
@@ -112,7 +112,6 @@ export const asyncRouterMap = [
       },
       { path: 'form/edit', icon: 'ziliaoshouce', component: _import('example/form'), name: '编辑Form', meta: { isEdit: true }},
       { path: 'form/create', icon: 'yinhangqia', component: _import('example/form'), name: '创建Form' },
-
       { path: 'tab/index', icon: 'mobankuangjia', component: _import('example/tab/index'), name: 'Tab' }
     ]
   },

src/store/modules/permission.js

-import { asyncRouterMap, constantRouterMap } from 'src/router'
+import { asyncRouterMap, constantRouterMap } from '@/router'
 
 /**
  * 通过meta.role判断是否与当前用户权限匹配