vue2-client 0.1.1 → 1.0.0

package/src/mock/common/index.js

@@ -0,0 +1,89 @@
+const avatars = [
+  'https://gw.alipayobjects.com/zos/rmsportal/cnrhVkzwxjPwAaCfPbdc.png',
+  'https://gw.alipayobjects.com/zos/rmsportal/BiazfanxmamNRoxxVxka.png',
+  'https://gw.alipayobjects.com/zos/rmsportal/gaOngJwsRYRaVAuXXcmB.png',
+  'https://gw.alipayobjects.com/zos/rmsportal/WhxKECPNujWoWEFNdnJE.png',
+  'https://gw.alipayobjects.com/zos/rmsportal/ubnKSIfAJTxIgXOKlciN.png',
+  'https://gw.alipayobjects.com/zos/rmsportal/jZUIxmJycoymBprLOUbT.png'
+]
+
+const positions = [
+  {
+    CN: '营业员 | 铜川燃气-营业厅',
+    HK: 'Java工程師 | 螞蟻金服-計算服務事業群-微信平台部',
+    US: 'Java engineer | Ant financial - Computing services business group - WeChat platform division'
+  }, {
+    CN: '部长 | 铜川燃气-信息部',
+    HK: '前端工程師 | 螞蟻金服-計算服務事業群-VUE平台',
+    US: 'Front-end engineer | Ant Financial - Computing services business group - VUE platform'
+  }, {
+    CN: '运维人员 | 铜川燃气-运维部',
+    HK: '前端工程師 | 螞蟻金服-計算服務事業群-REACT平台',
+    US: 'Front-end engineer | Ant Financial - Computing services business group - REACT platform'
+  }, {
+    CN: '售后人员 | 奥枫软件-售后部',
+    HK: '產品分析師 | 螞蟻金服-計算服務事業群-IOS平台部',
+    US: 'Product analyst | Ant Financial - Computing services business group - IOS platform division'
+  }
+]
+
+const sayings = [
+  '那是一种内在的东西，他们到达不了，也无法触及的',
+  '希望是一个好东西，也许是最好的，好东西是不会消亡的',
+  '城镇中有那么多的酒馆，她却偏偏走进了我的酒馆',
+  '那时候我只会想自己想要什么，从不想自己拥有什么'
+]
+
+const logos = [
+  'https://gw.alipayobjects.com/zos/rmsportal/WdGqmHpayyMjiEhcKoVE.png',
+  'https://gw.alipayobjects.com/zos/rmsportal/zOsKZmFRdUtvpqCImOVY.png',
+  'https://gw.alipayobjects.com/zos/rmsportal/dURIMkkrRFpPgTuzkwnB.png',
+  'https://gw.alipayobjects.com/zos/rmsportal/kZzEzemZyKLKFsojXItE.png',
+  'https://gw.alipayobjects.com/zos/rmsportal/sfjbOqnsXXJgNCjCzDBL.png'
+]
+
+const admins = ['ICZER', 'JACK', 'LUIS', 'DAVID']
+
+const groups = ['高逼格设计天团', '中二少女团', '科学搬砖组', '骗你学计算机', '程序员日常']
+
+const users = [
+  {
+    name: '曲丽丽',
+    avatar: avatars[0],
+    groupId: 0
+  },
+  {
+    name: '付晓晓',
+    avatar: avatars[1],
+    groupId: 0
+  },
+  {
+    name: '林东东',
+    avatar: avatars[2],
+    groupId: 1
+  },
+  {
+    name: '周星星',
+    avatar: avatars[3],
+    groupId: 2
+  },
+  {
+    name: '朱偏右',
+    avatar: avatars[4],
+    groupId: 3
+  },
+  {
+    name: '勒个',
+    avatar: avatars[5],
+    groupId: 4
+  }
+]
+
+const teams = groups.map((item, index) => {
+  return {
+    name: item,
+    avatar: avatars[index]
+  }
+})
+
+export { logos, sayings, positions, avatars, admins, groups, users, teams }

package/src/mock/common/reportData.js

@@ -0,0 +1,20 @@
+const reportData = [
+  { '气费': { 'span': 8 } },
+  ['付款方式', '用户类型', '用气性质', '笔数', '气量', '应收金额', '实收金额', '滞纳金'],
+  {
+    '刷卡': {
+      '非民用': {
+        '公服用气': [3, 2777, 6998.04, 7000, 0],
+        '商业用气': [17, 28720, 83811.50, 83806.70, 0]
+      },
+      '民用': {
+        '居民用气': [255, 19310, 44219.70, 44345.50, 0]
+      },
+      '合计': { 'span': 2, 'value': [275, 50807, 135029.24, 135152.20, 0] }
+    }
+  }
+]
+
+export {
+  reportData
+}

package/src/mock/common/tableData.js

@@ -0,0 +1,118 @@
+const operation1 = [
+  {
+    key: 'op1',
+    type: '订购关系生效',
+    name: '曲丽丽',
+    status: 'agree',
+    updatedAt: '2017-10-03  19:23:12',
+    memo: '-'
+  },
+  {
+    key: 'op2',
+    type: '财务复审',
+    name: '付小小',
+    status: 'reject',
+    updatedAt: '2017-10-03  19:23:12',
+    memo: '不通过原因'
+  },
+  {
+    key: 'op3',
+    type: '部门初审',
+    name: '周毛毛',
+    status: 'agree',
+    updatedAt: '2017-10-03  19:23:12',
+    memo: '-'
+  },
+  {
+    key: 'op4',
+    type: '提交订单',
+    name: '林东东',
+    status: 'agree',
+    updatedAt: '2017-10-03  19:23:12',
+    memo: '很棒'
+  },
+  {
+    key: 'op5',
+    type: '创建订单',
+    name: '汗牙牙',
+    status: 'agree',
+    updatedAt: '2017-10-03  19:23:12',
+    memo: '-'
+  }
+]
+
+const operation2 = [
+  {
+    key: 'op2',
+    type: '财务复审',
+    name: '付小小',
+    status: 'reject',
+    updatedAt: '2017-10-03  19:23:12',
+    memo: '不通过原因'
+  },
+  {
+    key: 'op3',
+    type: '部门初审',
+    name: '周毛毛',
+    status: 'agree',
+    updatedAt: '2017-10-03  19:23:12',
+    memo: '-'
+  },
+  {
+    key: 'op4',
+    type: '提交订单',
+    name: '林东东',
+    status: 'agree',
+    updatedAt: '2017-10-03  19:23:12',
+    memo: '很棒'
+  }
+]
+
+const operation3 = [
+  {
+    key: 'op2',
+    type: '财务复审',
+    name: '付小小',
+    status: 'reject',
+    updatedAt: '2017-10-03  19:23:12',
+    memo: '不通过原因'
+  },
+  {
+    key: 'op3',
+    type: '部门初审',
+    name: '周毛毛',
+    status: 'agree',
+    updatedAt: '2017-10-03  19:23:12',
+    memo: '-'
+  }
+]
+
+const operationColumns = [
+  {
+    title: '操作类型',
+    dataIndex: 'type',
+    key: 'type'
+  },
+  {
+    title: '操作人',
+    dataIndex: 'name',
+    key: 'name'
+  },
+  {
+    title: '执行结果',
+    dataIndex: 'status',
+    key: 'status'
+  },
+  {
+    title: '操作时间',
+    dataIndex: 'updatedAt',
+    key: 'updatedAt'
+  },
+  {
+    title: '备注',
+    dataIndex: 'memo',
+    key: 'memo'
+  }
+]
+
+export { operation1, operation2, operation3, operationColumns }

package/src/mock/extend/index.js

@@ -0,0 +1,83 @@
+import Mock from 'mockjs'
+import { logos, sayings, positions, avatars, admins } from '../common'
+
+const Random = Mock.Random
+
+const timeList = [
+  {
+    CN: '早上好',
+    HK: '早晨啊',
+    US: 'Good morning'
+  }, {
+    CN: '上午好',
+    HK: '上午好',
+    US: 'Good morning'
+  }, {
+    CN: '中午好',
+    HK: '中午好',
+    US: 'Good afternoon'
+  }, {
+    CN: '下午好',
+    HK: '下午好',
+    US: 'Good afternoon'
+  }, {
+    CN: '晚上好',
+    HK: '晚上好',
+    US: 'Good evening'
+  }
+]
+
+const welcomeMessages = [
+  {
+    CN: '休息一会儿吧',
+    HK: '休息一會兒吧',
+    US: 'you may need a break'
+  },
+  {
+    CN: '准备吃什么呢',
+    HK: '準備吃什麼呢',
+    US: 'what are you going to eat'
+  },
+  {
+    CN: '要不要打一把 LOL',
+    HK: '要不要打一把 LOL',
+    US: 'how about a game of DOTA'
+  },
+  {
+    CN: '我猜你可能累了',
+    HK: '我猜你可能累了',
+    US: 'i guess you might be tired'
+  }
+]
+
+const goods = ['运动鞋', '短裤', 'T恤', '七分裤', '风衣', '寸衫']
+
+Random.extend({
+  admin () {
+    return this.pick(admins)
+  },
+  welcome () {
+    return this.pick(welcomeMessages)
+  },
+  timeFix () {
+    const time = new Date()
+    const hour = time.getHours()
+    return hour < 9
+      ? timeList[0] : (hour <= 11 ? timeList[1] : (hour <= 13 ? timeList[2] : (hour <= 20 ? timeList[3] : timeList[4])))
+  },
+  avatar () {
+    return this.pick(avatars)
+  },
+  position () {
+    return this.pick(positions)
+  },
+  goods () {
+    return this.pick(goods)
+  },
+  saying () {
+    return this.pick(sayings)
+  },
+  logo () {
+    return this.pick(logos)
+  }
+})

package/src/mock/goods/index.js

@@ -0,0 +1,108 @@
+import Mock from 'mockjs'
+import '@/mock/extend'
+import { parseUrlParams } from '@/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

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

package/src/mock/project/index.js

@@ -0,0 +1,17 @@
+import Mock from 'mockjs'
+import '@/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

@@ -0,0 +1,13 @@
+import Mock from 'mockjs'
+import '@/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

@@ -0,0 +1,39 @@
+// import Mock from 'mockjs'
+// import '@/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/user/routes.js

@@ -0,0 +1,61 @@
+import Mock from 'mockjs'
+
+const router = [{
+  router: 'root',
+  children: [
+    {
+      router: 'dashboard',
+      icon: 'dashboard',
+      name: '仪表盘',
+      children: [
+        {
+          router: 'workplace',
+          name: '工作台'
+        },
+        {
+          router: 'analysis',
+          name: '分析页'
+        }
+      ]
+    },
+    // {
+    //   router: 'webmeter',
+    //   children: ['userFilesManage', 'gasAnalysisManage', 'handAnalysisManage', 'exceptionManage']
+    // },
+    // {
+    //   router: 'iot',
+    //   children: ['iotDeviceType', 'iotDeviceBrand', 'iotDevice', 'iotSetDeviceParams', 'instructManage', 'reportedDataQuery', 'deviceException', 'deviceManage']
+    // },
+    // {
+    //   router: 'dataAnalyze',
+    //   children: ['DataAnalysisView']
+    // },
+    // {
+    //   router: 'system',
+    //   children: ['dictionaryManage', 'queryParamsManage', 'customerManage', 'safeguardSearchLog', 'runtime', 'createQuery']
+    // },
+    {
+      router: 'antdv',
+      path: 'antdv',
+      name: 'Ant Design Vue',
+      icon: 'ant-design',
+      link: 'https://www.antdv.com/docs/vue/introduce-cn/'
+    },
+    {
+      router: 'document',
+      path: 'document',
+      name: '使用文档',
+      icon: 'file-word',
+      link: 'https://iczer.gitee.io/vue-antd-admin-docs/'
+    }
+  ]
+}]
+
+Mock.mock(`${process.env.VUE_APP_API_BASE_URL}/routes`, 'get', () => {
+  const result = {}
+  result.code = 0
+  result.data = router
+  return result
+})
+
+export { router }

package/src/mock/workplace/index.js

@@ -0,0 +1,15 @@
+import Mock from 'mockjs'
+import { activities, templates } from '../common/activityData'
+import { teams } from '@/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

@@ -0,0 +1,25 @@
+<template>
+  <exception-page :home-route="homePage" :style="`min-height: ${minHeight}`" type="403" />
+</template>
+
+<script>
+import ExceptionPage from '@/components/exception/ExceptionPage'
+import { mapState } from 'vuex'
+const { homePage } = require('@/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

@@ -0,0 +1,25 @@
+<template>
+  <exception-page :home-route="homePage" :style="`min-height: ${minHeight}`" type="404" />
+</template>
+
+<script>
+import ExceptionPage from '@/components/exception/ExceptionPage'
+import { mapState } from 'vuex'
+const { homePage } = require('@/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

@@ -0,0 +1,25 @@
+<template>
+  <exception-page :home-route="homePage" :style="`min-height: ${minHeight}`" type="500" />
+</template>
+
+<script>
+import ExceptionPage from '@/components/exception/ExceptionPage'
+import { mapState } from 'vuex'
+const { homePage } = require('@/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>