vue2-client 1.2.0 → 1.2.3

package/src/main.js

@@ -1,20 +1,20 @@
-import Vue from 'vue'
-import App from './App.vue'
-import Router from 'vue-router'
-import Vuex from 'vuex'
-import '@vue2-client/mock'
-import { routerOptions, modules, i18n, message, bootstrap } from '../index'
-
-Vue.use(Router)
-Vue.use(Vuex)
-// 创建router store
-const store = new Vuex.Store({ modules })
-const router = new Router(routerOptions)
-
-bootstrap({ router, store, i18n, message })
-new Vue({
-  router,
-  store,
-  i18n,
-  render: h => h(App)
-}).$mount('#app')
+import Vue from 'vue'
+import App from './App.vue'
+import Router from 'vue-router'
+import Vuex from 'vuex'
+import '@vue2-client/mock'
+import { routerOptions, modules, i18n, message, bootstrap } from '../index'
+
+Vue.use(Router)
+Vue.use(Vuex)
+// 创建router store
+const store = new Vuex.Store({ modules })
+const router = new Router(routerOptions)
+
+bootstrap({ router, store, i18n, message })
+new Vue({
+  router,
+  store,
+  i18n,
+  render: h => h(App)
+}).$mount('#app')

package/src/mock/goods/index.js

@@ -1,108 +1,108 @@
-import Mock from 'mockjs'
-import '@vue2-client/mock/extend'
-import { parseUrlParams } from '@vue2-client/utils/request'
-
-const current = new Date().getTime()
-
-const goodsList = Mock.mock({
-  'list|100': [{
-    'id|+1': 0,
-    'name': '@GOODS',
-    'orderId': `${current}-@integer(1,100)`,
-    'status|1-4': 1,
-    'send': '@BOOLEAN',
-    'sendTime': '@DATETIME',
-    'orderDate': '@DATE',
-    'auditTime': '@TIME'
-  }]
-})
-
-Mock.mock(RegExp(`${process.env.VUE_APP_API_BASE_URL}/goods` + '.*'), 'get', ({ url }) => {
-  const params = parseUrlParams(decodeURI(url))
-  let { page, pageSize } = params
-  // eslint-disable-next-line no-eval
-  page = eval(page) - 1 || 0
-  // eslint-disable-next-line no-eval
-  pageSize = eval(pageSize) || 10
-  delete params.page
-  delete params.pageSize
-  let result = goodsList.list.filter(item => {
-    for (const [key, value] of Object.entries(params)) {
-      if (item[key] != value) {
-        return false
-      }
-    }
-    return true
-  })
-  const total = result.length
-  if ((page) * pageSize > total) {
-    result = []
-  } else {
-    result = result.slice(page * pageSize, (page + 1) * pageSize)
-  }
-  return {
-    code: 0,
-    message: 'success',
-    data: {
-      page: page + 1,
-      pageSize,
-      total,
-      list: result
-    }
-  }
-})
-
-const columnsConfig = [
-  {
-    title: '商品名称',
-    dataIndex: 'name',
-    searchAble: true
-  },
-  {
-    title: '订单号',
-    dataIndex: 'orderId'
-  },
-  {
-    searchAble: true,
-    dataIndex: 'status',
-    dataType: 'select',
-    slots: { title: 'statusTitle' },
-    scopedSlots: { customRender: 'status' },
-    search: {
-      selectOptions: [
-        { title: '已下单', value: 1 },
-        { title: '已付款', value: 2 },
-        { title: '已审核', value: 3 }
-        // {title: '已发货', value: 4}
-      ]
-    }
-  },
-  {
-    title: '发货',
-    searchAble: true,
-    dataIndex: 'send',
-    dataType: 'boolean',
-    scopedSlots: { customRender: 'send' }
-  },
-  {
-    title: '发货时间',
-    dataIndex: 'sendTime',
-    dataType: 'datetime'
-  },
-  {
-    title: '下单日期',
-    searchAble: true,
-    dataIndex: 'orderDate',
-    dataType: 'date',
-    visible: false
-  },
-  {
-    title: '审核时间',
-    dataIndex: 'auditTime',
-    dataType: 'time'
-  }
-]
-
-Mock.mock(`${process.env.VUE_APP_API_BASE_URL}/columns`, 'get', () => {
-  return columnsConfig
-})
+import Mock from 'mockjs'
+import '@vue2-client/mock/extend'
+import { parseUrlParams } from '@vue2-client/utils/request'
+
+const current = new Date().getTime()
+
+const goodsList = Mock.mock({
+  'list|100': [{
+    'id|+1': 0,
+    'name': '@GOODS',
+    'orderId': `${current}-@integer(1,100)`,
+    'status|1-4': 1,
+    'send': '@BOOLEAN',
+    'sendTime': '@DATETIME',
+    'orderDate': '@DATE',
+    'auditTime': '@TIME'
+  }]
+})
+
+Mock.mock(RegExp(`${process.env.VUE_APP_API_BASE_URL}/goods` + '.*'), 'get', ({ url }) => {
+  const params = parseUrlParams(decodeURI(url))
+  let { page, pageSize } = params
+  // eslint-disable-next-line no-eval
+  page = eval(page) - 1 || 0
+  // eslint-disable-next-line no-eval
+  pageSize = eval(pageSize) || 10
+  delete params.page
+  delete params.pageSize
+  let result = goodsList.list.filter(item => {
+    for (const [key, value] of Object.entries(params)) {
+      if (item[key] != value) {
+        return false
+      }
+    }
+    return true
+  })
+  const total = result.length
+  if ((page) * pageSize > total) {
+    result = []
+  } else {
+    result = result.slice(page * pageSize, (page + 1) * pageSize)
+  }
+  return {
+    code: 0,
+    message: 'success',
+    data: {
+      page: page + 1,
+      pageSize,
+      total,
+      list: result
+    }
+  }
+})
+
+const columnsConfig = [
+  {
+    title: '商品名称',
+    dataIndex: 'name',
+    searchAble: true
+  },
+  {
+    title: '订单号',
+    dataIndex: 'orderId'
+  },
+  {
+    searchAble: true,
+    dataIndex: 'status',
+    dataType: 'select',
+    slots: { title: 'statusTitle' },
+    scopedSlots: { customRender: 'status' },
+    search: {
+      selectOptions: [
+        { title: '已下单', value: 1 },
+        { title: '已付款', value: 2 },
+        { title: '已审核', value: 3 }
+        // {title: '已发货', value: 4}
+      ]
+    }
+  },
+  {
+    title: '发货',
+    searchAble: true,
+    dataIndex: 'send',
+    dataType: 'boolean',
+    scopedSlots: { customRender: 'send' }
+  },
+  {
+    title: '发货时间',
+    dataIndex: 'sendTime',
+    dataType: 'datetime'
+  },
+  {
+    title: '下单日期',
+    searchAble: true,
+    dataIndex: 'orderDate',
+    dataType: 'date',
+    visible: false
+  },
+  {
+    title: '审核时间',
+    dataIndex: 'auditTime',
+    dataType: 'time'
+  }
+]
+
+Mock.mock(`${process.env.VUE_APP_API_BASE_URL}/columns`, 'get', () => {
+  return columnsConfig
+})

package/src/mock/index.js

@@ -1,12 +1,12 @@
-import Mock from 'mockjs'
-import '@vue2-client/mock/user/current'
-import '@vue2-client/mock/project'
-import '@vue2-client/mock/user/login'
-import '@vue2-client/mock/workplace'
-import '@vue2-client/mock/user/routes'
-import '@vue2-client/mock/goods'
-
-// 设置全局延时
-Mock.setup({
-  timeout: '200-400'
-})
+import Mock from 'mockjs'
+import '@vue2-client/mock/user/current'
+import '@vue2-client/mock/project'
+import '@vue2-client/mock/user/login'
+import '@vue2-client/mock/workplace'
+import '@vue2-client/mock/user/routes'
+import '@vue2-client/mock/goods'
+
+// 设置全局延时
+Mock.setup({
+  timeout: '200-400'
+})

package/src/mock/project/index.js

@@ -1,17 +1,17 @@
-import Mock from 'mockjs'
-import '@vue2-client/mock/extend'
-
-const projectArr = Mock.mock({
-  'list|6': [
-    {
-      logo: '@LOGO',
-      desc: '@SAYING'
-    }
-  ]
-}).list
-
-Mock.mock('/project', 'get', () => {
-  return projectArr
-})
-
-export { projectArr }
+import Mock from 'mockjs'
+import '@vue2-client/mock/extend'
+
+const projectArr = Mock.mock({
+  'list|6': [
+    {
+      logo: '@LOGO',
+      desc: '@SAYING'
+    }
+  ]
+}).list
+
+Mock.mock('/project', 'get', () => {
+  return projectArr
+})
+
+export { projectArr }

package/src/mock/user/current.js

@@ -1,13 +1,13 @@
-import Mock from 'mockjs'
-import '@vue2-client/mock/extend'
-
-const welcome = Mock.mock({
-  timeFix: '@TIMEFIX',
-  message: '@WELCOME'
-})
-
-Mock.mock('/user/welcome', 'get', () => {
-  return welcome
-})
-
-export { welcome }
+import Mock from 'mockjs'
+import '@vue2-client/mock/extend'
+
+const welcome = Mock.mock({
+  timeFix: '@TIMEFIX',
+  message: '@WELCOME'
+})
+
+Mock.mock('/user/welcome', 'get', () => {
+  return welcome
+})
+
+export { welcome }

package/src/mock/user/login.js

@@ -1,39 +1,39 @@
-// import Mock from 'mockjs'
-// import '@vue2-client/mock/extend'
-
-// const user = Mock.mock({
-//   name: '@ADMIN',
-//   avatar: '@AVATAR',
-//   address: '@CITY',
-//   position: '@POSITION'
-// })
-// Mock.mock(`${process.env.VUE_APP_API_BASE_URL}/login`, 'post', ({body}) => {
-//   let result = {data: {}}
-//   const {name, password} = JSON.parse(body)
-//
-//   let success = false
-//
-//   if (name === 'admin' && password === '888888') {
-//     success = true
-//     result.data.permissions = [{id: 'queryForm', operation: ['add', 'edit']}]
-//     result.data.roles = [{id: 'admin', operation: ['add', 'edit', 'delete']}]
-//   } else if (name === 'test' || password === '888888') {
-//     success = true
-//     result.data.permissions = [{id: 'queryForm', operation: ['add', 'edit']}]
-//     result.data.roles = [{id: 'test', operation: ['add', 'edit', 'delete']}]
-//   } else {
-//     success = false
-//   }
-//
-//   if (success) {
-//     result.code = 0
-//     result.message = Mock.mock('@TIMEFIX').CN + '，欢迎回来'
-//     result.data.user = user
-//     result.data.token = 'Authorization:' + Math.random()
-//     result.data.expireAt = new Date(new Date().getTime() + 30 * 60 * 1000)
-//   } else {
-//     result.code = -1
-//     result.message = '账户名或密码错误（admin/888888 or test/888888）'
-//   }
-//   return result
-// })
+// import Mock from 'mockjs'
+// import '@vue2-client/mock/extend'
+
+// const user = Mock.mock({
+//   name: '@ADMIN',
+//   avatar: '@AVATAR',
+//   address: '@CITY',
+//   position: '@POSITION'
+// })
+// Mock.mock(`${process.env.VUE_APP_API_BASE_URL}/login`, 'post', ({body}) => {
+//   let result = {data: {}}
+//   const {name, password} = JSON.parse(body)
+//
+//   let success = false
+//
+//   if (name === 'admin' && password === '888888') {
+//     success = true
+//     result.data.permissions = [{id: 'queryForm', operation: ['add', 'edit']}]
+//     result.data.roles = [{id: 'admin', operation: ['add', 'edit', 'delete']}]
+//   } else if (name === 'test' || password === '888888') {
+//     success = true
+//     result.data.permissions = [{id: 'queryForm', operation: ['add', 'edit']}]
+//     result.data.roles = [{id: 'test', operation: ['add', 'edit', 'delete']}]
+//   } else {
+//     success = false
+//   }
+//
+//   if (success) {
+//     result.code = 0
+//     result.message = Mock.mock('@TIMEFIX').CN + '，欢迎回来'
+//     result.data.user = user
+//     result.data.token = 'Authorization:' + Math.random()
+//     result.data.expireAt = new Date(new Date().getTime() + 30 * 60 * 1000)
+//   } else {
+//     result.code = -1
+//     result.message = '账户名或密码错误（admin/888888 or test/888888）'
+//   }
+//   return result
+// })

package/src/mock/workplace/index.js

@@ -1,15 +1,15 @@
-import Mock from 'mockjs'
-import { activities, templates } from '../common/activityData'
-import { teams } from '@vue2-client/mock/common'
-
-activities.forEach(item => {
-  item.template = templates[item.activity.type](item.user, item.activity)
-})
-
-Mock.mock('/work/activity', 'get', () => {
-  return activities
-})
-
-Mock.mock('/work/team', 'get', () => {
-  return teams
-})
+import Mock from 'mockjs'
+import { activities, templates } from '../common/activityData'
+import { teams } from '@vue2-client/mock/common'
+
+activities.forEach(item => {
+  item.template = templates[item.activity.type](item.user, item.activity)
+})
+
+Mock.mock('/work/activity', 'get', () => {
+  return activities
+})
+
+Mock.mock('/work/team', 'get', () => {
+  return teams
+})

package/src/pages/exception/403.vue

@@ -1,25 +1,25 @@
-<template>
-  <exception-page :home-route="homePage" :style="`min-height: ${minHeight}`" type="403" />
-</template>
-
-<script>
-import ExceptionPage from '@vue2-client/components/exception/ExceptionPage'
-import { mapState } from 'vuex'
-const { homePage } = require('@vue2-client/config')
-export default {
-  name: 'Exp403',
-  components: { ExceptionPage },
-  computed: {
-    homePage () {
-      return homePage
-    },
-    ...mapState('setting', ['pageMinHeight']),
-    minHeight () {
-      return this.pageMinHeight ? this.pageMinHeight + 'px' : '100vh'
-    }
-  }
-}
-</script>
-
-<style scoped lang="less">
-</style>
+<template>
+  <exception-page :home-route="homePage" :style="`min-height: ${minHeight}`" type="403" />
+</template>
+
+<script>
+import ExceptionPage from '@vue2-client/components/exception/ExceptionPage'
+import { mapState } from 'vuex'
+const { homePage } = require('@vue2-client/config')
+export default {
+  name: 'Exp403',
+  components: { ExceptionPage },
+  computed: {
+    homePage () {
+      return homePage
+    },
+    ...mapState('setting', ['pageMinHeight']),
+    minHeight () {
+      return this.pageMinHeight ? this.pageMinHeight + 'px' : '100vh'
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+</style>

package/src/pages/exception/404.vue

@@ -1,25 +1,25 @@
-<template>
-  <exception-page :home-route="homePage" :style="`min-height: ${minHeight}`" type="404" />
-</template>
-
-<script>
-import ExceptionPage from '@vue2-client/components/exception/ExceptionPage'
-import { mapState } from 'vuex'
-const { homePage } = require('@vue2-client/config')
-export default {
-  name: 'Exp404',
-  components: { ExceptionPage },
-  computed: {
-    homePage () {
-      return homePage
-    },
-    ...mapState('setting', ['pageMinHeight']),
-    minHeight () {
-      return this.pageMinHeight ? this.pageMinHeight + 'px' : '100vh'
-    }
-  }
-}
-</script>
-
-<style scoped lang="less">
-</style>
+<template>
+  <exception-page :home-route="homePage" :style="`min-height: ${minHeight}`" type="404" />
+</template>
+
+<script>
+import ExceptionPage from '@vue2-client/components/exception/ExceptionPage'
+import { mapState } from 'vuex'
+const { homePage } = require('@vue2-client/config')
+export default {
+  name: 'Exp404',
+  components: { ExceptionPage },
+  computed: {
+    homePage () {
+      return homePage
+    },
+    ...mapState('setting', ['pageMinHeight']),
+    minHeight () {
+      return this.pageMinHeight ? this.pageMinHeight + 'px' : '100vh'
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+</style>

package/src/pages/exception/500.vue

@@ -1,25 +1,25 @@
-<template>
-  <exception-page :home-route="homePage" :style="`min-height: ${minHeight}`" type="500" />
-</template>
-
-<script>
-import ExceptionPage from '@vue2-client/components/exception/ExceptionPage'
-import { mapState } from 'vuex'
-const { homePage } = require('@vue2-client/config')
-export default {
-  name: 'Exp500',
-  components: { ExceptionPage },
-  computed: {
-    homePage () {
-      return homePage
-    },
-    ...mapState('setting', ['pageMinHeight']),
-    minHeight () {
-      return this.pageMinHeight ? this.pageMinHeight + 'px' : '100vh'
-    }
-  }
-}
-</script>
-
-<style scoped lang="less">
-</style>
+<template>
+  <exception-page :home-route="homePage" :style="`min-height: ${minHeight}`" type="500" />
+</template>
+
+<script>
+import ExceptionPage from '@vue2-client/components/exception/ExceptionPage'
+import { mapState } from 'vuex'
+const { homePage } = require('@vue2-client/config')
+export default {
+  name: 'Exp500',
+  components: { ExceptionPage },
+  computed: {
+    homePage () {
+      return homePage
+    },
+    ...mapState('setting', ['pageMinHeight']),
+    minHeight () {
+      return this.pageMinHeight ? this.pageMinHeight + 'px' : '100vh'
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+</style>