vue2-client 1.1.0 → 1.2.2

package/src/bootstrap.js

@@ -1,27 +1,27 @@
-import Vue from 'vue'
-import { loadRoutes, loadGuards, setAppOptions } from '@/utils/routerUtil'
-import { loadInterceptors } from '@/utils/request'
-import guards from '@/router/guards'
-import interceptors from '@/utils/axios-interceptors'
-
-/**
- * 启动引导方法
- * 应用启动时需要执行的操作放在这里
- * @param router 应用的路由实例
- * @param store 应用的 vuex.store 实例
- * @param i18n 应用的 vue-i18n 实例
- * @param i18n 应用的 message 实例
- */
-function bootstrap ({ router, store, i18n, message }) {
-  Vue.$store = store
-  // 设置应用配置
-  setAppOptions({ router, store, i18n })
-  // 加载 axios 拦截器
-  loadInterceptors(interceptors, { router, store, i18n, message })
-  // 加载路由
-  loadRoutes()
-  // 加载路由守卫
-  loadGuards(guards, { router, store, i18n, message })
-}
-
-export default bootstrap
+import Vue from 'vue'
+import { loadRoutes, loadGuards, setAppOptions } from '@vue2-client/utils/routerUtil'
+import { loadInterceptors } from '@vue2-client/utils/request'
+import guards from '@vue2-client/router/guards'
+import interceptors from '@vue2-client/utils/axios-interceptors'
+
+/**
+ * 启动引导方法
+ * 应用启动时需要执行的操作放在这里
+ * @param router 应用的路由实例
+ * @param store 应用的 vuex.store 实例
+ * @param i18n 应用的 vue-i18n 实例
+ * @param i18n 应用的 message 实例
+ */
+function bootstrap ({ router, store, i18n, message }) {
+  Vue.$store = store
+  // 设置应用配置
+  setAppOptions({ router, store, i18n })
+  // 加载 axios 拦截器
+  loadInterceptors(interceptors, { router, store, i18n, message })
+  // 加载路由
+  loadRoutes()
+  // 加载路由守卫
+  loadGuards(guards, { router, store, i18n, message })
+}
+
+export default bootstrap

package/src/components/Ellipsis/Ellipsis.vue

@@ -1,6 +1,6 @@
 <script>
 import Tooltip from 'ant-design-vue/es/tooltip'
-import { cutStrByFullLength, getStrFullLength } from '@/components/_util/util'
+import { cutStrByFullLength, getStrFullLength } from '@vue2-client/components/_util/util'
 /*
     const isSupportLineClamp = document.body.style.webkitLineClamp !== undefined;
 

package/src/components/Ellipsis/index.md

@@ -7,7 +7,7 @@
 引用方式：
 
 ```javascript
-import Ellipsis from '@/components/Ellipsis'
+import Ellipsis from '@vue2-client/components/Ellipsis'
 
 export default {
     components: {
@@ -35,4 +35,4 @@ export default {
 参数 | 说明 | 类型 | 默认值
 ----|------|-----|------
 tooltip | 移动到文本展示完整内容的提示 | boolean | -
-length | 在按照长度截取下的文本最大字符数，超过则截取省略 | number | -
+length | 在按照长度截取下的文本最大字符数，超过则截取省略 | number | -

package/src/components/NumberInfo/index.md

@@ -7,7 +7,7 @@
 引用方式：
 
 ```javascript
-import NumberInfo from '@/components/NumberInfo'
+import NumberInfo from '@vue2-client/components/NumberInfo'
 
 export default {
     components: {

package/src/components/STable/README.md

@@ -31,7 +31,7 @@ Table 重封装组件说明
 </template>
 
 <script>
-  import STable from '@/components'
+  import STable from '@vue2-client/components'
 
   export default {
     components: {
@@ -130,7 +130,7 @@ Table 重封装组件说明
 </template>
 
 <script>
-  import STable from '@/components/table/'
+  import STable from '@vue2-client/components/table/'
 
   export default {
     components: {
@@ -338,4 +338,4 @@ result.then(r => {
 更新时间
 ----
 
-该文档最后更新于： 2019-06-23 PM 17:19
+该文档最后更新于： 2019-06-23 PM 17:19

package/src/components/Trend/index.md

@@ -7,7 +7,7 @@
 引用方式：
 
 ```javascript
-import Trend from '@/components/Trend'
+import Trend from '@vue2-client/components/Trend'
 
 export default {
     components: {

package/src/components/cache/AKeepAlive.js

@@ -1,4 +1,4 @@
-import { isDef, isRegExp, remove } from '@/utils/util'
+import { isDef, isRegExp, remove } from '@vue2-client/utils/util'
 
 const patternTypes = [String, RegExp, Array]
 

package/src/components/checkbox/index.js

@@ -1,5 +1,5 @@
-import ColorCheckbox from '@/components/checkbox/ColorCheckbox'
-import ImgCheckbox from '@/components/checkbox/ImgCheckbox'
+import ColorCheckbox from '@vue2-client/components/checkbox/ColorCheckbox'
+import ImgCheckbox from '@vue2-client/components/checkbox/ImgCheckbox'
 
 export {
   ColorCheckbox,

package/src/components/index.js

@@ -1,21 +1,21 @@
 // chart
-import Bar from '@/components/Charts/Bar'
-import ChartCard from '@/components/Charts/ChartCard'
-import Liquid from '@/components/Charts/Liquid'
-import MiniArea from '@/components/Charts/MiniArea'
-import MiniSmoothArea from '@/components/Charts/MiniSmoothArea'
-import MiniBar from '@/components/Charts/MiniBar'
-import MiniProgress from '@/components/Charts/MiniProgress'
-import Radar from '@/components/Charts/Radar'
-import RankList from '@/components/Charts/RankList'
-import TransferBar from '@/components/Charts/TransferBar'
-import TagCloud from '@/components/Charts/TagCloud'
+import Bar from '@vue2-client/components/Charts/Bar'
+import ChartCard from '@vue2-client/components/Charts/ChartCard'
+import Liquid from '@vue2-client/components/Charts/Liquid'
+import MiniArea from '@vue2-client/components/Charts/MiniArea'
+import MiniSmoothArea from '@vue2-client/components/Charts/MiniSmoothArea'
+import MiniBar from '@vue2-client/components/Charts/MiniBar'
+import MiniProgress from '@vue2-client/components/Charts/MiniProgress'
+import Radar from '@vue2-client/components/Charts/Radar'
+import RankList from '@vue2-client/components/Charts/RankList'
+import TransferBar from '@vue2-client/components/Charts/TransferBar'
+import TagCloud from '@vue2-client/components/Charts/TagCloud'
 
 // pro components
-import Ellipsis from '@/components/Ellipsis'
-import NumberInfo from '@/components/NumberInfo'
-import STable from '@/components/STable'
-import Trend from '@/components/Trend'
+import Ellipsis from '@vue2-client/components/Ellipsis'
+import NumberInfo from '@vue2-client/components/NumberInfo'
+import STable from '@vue2-client/components/STable'
+import Trend from '@vue2-client/components/Trend'
 
 export {
   Bar,

package/src/components/menu/menu.js

@@ -34,7 +34,7 @@
 import Menu from 'ant-design-vue/es/menu'
 import Icon from 'ant-design-vue/es/icon'
 import fastEqual from 'fast-deep-equal'
-import { getI18nKey } from '@/utils/routerUtil'
+import { getI18nKey } from '@vue2-client/utils/routerUtil'
 import { mapMutations } from 'vuex'
 
 const { Item, SubMenu } = Menu

package/src/components/setting/Setting.vue

@@ -131,12 +131,12 @@
 
 <script>
 import SettingItem from './SettingItem'
-import { ColorCheckbox, ImgCheckbox } from '@/components/checkbox'
+import { ColorCheckbox, ImgCheckbox } from '@vue2-client/components/checkbox'
 import Clipboard from 'clipboard'
 import { mapState, mapMutations } from 'vuex'
-import { formatConfig } from '@/utils/formatter'
-import { setting } from '@/config/default'
-import sysConfig from '@/config/config'
+import { formatConfig } from '@vue2-client/utils/formatter'
+import { setting } from '@vue2-client/config/default'
+import sysConfig from '@vue2-client/config/config'
 import fastEqual from 'fast-deep-equal'
 import deepMerge from 'deepmerge'
 

package/src/components/table/advance/AdvanceTable.vue

@@ -53,9 +53,9 @@
 </template>
 
 <script>
-  import ActionSize from '@/components/table/advance/ActionSize'
-  import ActionColumns from '@/components/table/advance/ActionColumns'
-  import SearchArea from '@/components/table/advance/SearchArea'
+  import ActionSize from '@vue2-client/components/table/advance/ActionSize'
+  import ActionColumns from '@vue2-client/components/table/advance/ActionColumns'
+  import SearchArea from '@vue2-client/components/table/advance/SearchArea'
   export default {
     name: 'AdvanceTable',
     components: { SearchArea, ActionColumns, ActionSize },

package/src/components/transition/PageToggleTransition.vue

@@ -10,7 +10,7 @@
 </template>
 
 <script>
-  import { preset as animates } from '@/config/default/animate.config'
+  import { preset as animates } from '@vue2-client/config/default/animate.config'
 
   export default {
     name: 'PageToggleTransition',

package/src/config/default/setting.config.js

@@ -1,33 +1,33 @@
-// 此配置为系统默认设置，需修改的设置项，在src/config/config.js中添加修改项即可。也可直接在此文件中修改。
-module.exports = {
-  lang: 'CN', // 语言，可选 CN(简体)、HK(繁体)、US(英语)，也可扩展其它语言
-  theme: { // 主题
-    color: '#1890ff', // 主题色
-    mode: 'dark', // 主题模式 可选 dark、 light 和 night
-    success: '#52c41a', // 成功色
-    warning: '#faad14', // 警告色
-    error: '#f5222f' // 错误色
-  },
-  layout: 'side', // 导航布局，可选 side 和 head，分别为侧边导航和顶部导航
-  fixedHeader: false, // 固定头部状态栏，true:固定，false:不固定
-  fixedSideBar: true, // 固定侧边栏，true:固定，false:不固定
-  fixedTabs: false, // 固定页签头，true:固定，false:不固定
-  pageWidth: 'fixed', // 内容区域宽度，fixed:固定宽度，fluid:流式宽度
-  weekMode: false, // 色弱模式，true:开启，false:不开启
-  multiPage: true, // 多页签模式，true:开启，false:不开启
-  cachePage: true, // 是否缓存页面数据，仅多页签模式下生效，true 缓存, false 不缓存
-  hideSetting: false, // 隐藏设置抽屉，true:隐藏，false:不隐藏
-  homePage: '/system/dictionaryManage', // 首页路由, 登陆后默认打开
-  systemName: '物联网监控平台', // 系统名称
-  copyright: '2021 Mr.Jiang', // copyright
-  asyncRoutes: true, // 异步加载路由，true:开启，false:不开启
-  showPageTitle: true, // 是否显示页面标题（PageLayout 布局中的页面标题），true:显示，false:不显示
-  filterMenu: true, // 根据权限过滤菜单，true:过滤，false:不过滤
-  animate: { // 动画设置
-    disabled: true, // 禁用动画，true:禁用，false:启用
-    name: 'lightSpeed', // 动画效果，支持的动画效果可参考 ./animate.config.js
-    direction: 'left' // 动画方向，切换页面时动画的方向，参考 ./animate.config.js
-  },
-  footerLinks: [ // 页面底部链接，{link: '链接地址', name: '名称/显示文字', icon: '图标，支持 ant design vue 图标库'}
-  ]
-}
+// 此配置为系统默认设置，需修改的设置项，在src/config/config.js中添加修改项即可。也可直接在此文件中修改。
+module.exports = {
+  lang: 'CN', // 语言，可选 CN(简体)、HK(繁体)、US(英语)，也可扩展其它语言
+  theme: { // 主题
+    color: '#1890ff', // 主题色
+    mode: 'dark', // 主题模式 可选 dark、 light 和 night
+    success: '#52c41a', // 成功色
+    warning: '#faad14', // 警告色
+    error: '#f5222f' // 错误色
+  },
+  layout: 'side', // 导航布局，可选 side 和 head，分别为侧边导航和顶部导航
+  fixedHeader: false, // 固定头部状态栏，true:固定，false:不固定
+  fixedSideBar: true, // 固定侧边栏，true:固定，false:不固定
+  fixedTabs: false, // 固定页签头，true:固定，false:不固定
+  pageWidth: 'fixed', // 内容区域宽度，fixed:固定宽度，fluid:流式宽度
+  weekMode: false, // 色弱模式，true:开启，false:不开启
+  multiPage: true, // 多页签模式，true:开启，false:不开启
+  cachePage: true, // 是否缓存页面数据，仅多页签模式下生效，true 缓存, false 不缓存
+  hideSetting: false, // 隐藏设置抽屉，true:隐藏，false:不隐藏
+  homePage: '/system/dictionaryManage', // 首页路由, 登陆后默认打开
+  systemName: '物联网监控平台', // 系统名称
+  copyright: '2021 Mr.Jiang', // copyright
+  asyncRoutes: true, // 异步加载路由，true:开启，false:不开启
+  showPageTitle: true, // 是否显示页面标题（PageLayout 布局中的页面标题），true:显示，false:不显示
+  filterMenu: true, // 根据权限过滤菜单，true:过滤，false:不过滤
+  animate: { // 动画设置
+    disabled: true, // 禁用动画，true:禁用，false:启用
+    name: 'lightSpeed', // 动画效果，支持的动画效果可参考 ./animate.config.js
+    direction: 'left' // 动画方向，切换页面时动画的方向，参考 ./animate.config.js
+  },
+  footerLinks: [ // 页面底部链接，{link: '链接地址', name: '名称/显示文字', icon: '图标，支持 ant design vue 图标库'}
+  ]
+}

package/src/layouts/CommonLayout.vue

@@ -6,7 +6,7 @@
 </template>
 
 <script>
-import PageFooter from '@/layouts/footer/PageFooter'
+import PageFooter from '@vue2-client/layouts/footer/PageFooter'
 import { mapState } from 'vuex'
 
 export default {

package/src/layouts/ComponentLayoutOne.vue

@@ -1,47 +1,47 @@
-<template>
-  <div id="ComponentLayoutOne">
-    <a-layout>
-      <a-layout-sider v-bind="siderProps">
-        <slot name="left"></slot>
-      </a-layout-sider>
-      <a-layout>
-        <slot></slot>
-      </a-layout>
-    </a-layout>
-  </div>
-</template>
-
-<script>
-  export default {
-    name: 'ComponentLayoutOne',
-    props: {
-      // Layout.Sider props对象
-      siderProps: {
-        type: Object,
-        default: () => {
-          return {}
-        }
-      }
-    },
-    data () {
-      return {}
-    },
-    created () {
-    },
-    mounted () {
-    },
-    methods: {}
-  }
-</script>
-
-<style lang="less">
-  @import '~ant-design-vue/../../src/theme/index';
-  #ComponentLayoutOne {
-    .ant-layout-sider {
-      .ant-layout-sider-zero-width-trigger {
-        top: 50%;
-        background-color: @shadow-color;
-      }
-    }
-  }
-</style>
+<template>
+  <div id="ComponentLayoutOne">
+    <a-layout>
+      <a-layout-sider v-bind="siderProps">
+        <slot name="left"></slot>
+      </a-layout-sider>
+      <a-layout>
+        <slot></slot>
+      </a-layout>
+    </a-layout>
+  </div>
+</template>
+
+<script>
+  export default {
+    name: 'ComponentLayoutOne',
+    props: {
+      // Layout.Sider props对象
+      siderProps: {
+        type: Object,
+        default: () => {
+          return {}
+        }
+      }
+    },
+    data () {
+      return {}
+    },
+    created () {
+    },
+    mounted () {
+    },
+    methods: {}
+  }
+</script>
+
+<style lang="less">
+  @import '~ant-design-vue/../../src/theme/index';
+  #ComponentLayoutOne {
+    .ant-layout-sider {
+      .ant-layout-sider-zero-width-trigger {
+        top: 50%;
+        background-color: @shadow-color;
+      }
+    }
+  }
+</style>

package/src/layouts/PageLayout.vue

@@ -26,9 +26,9 @@
 </template>
 
 <script>
-import PageHeader from '@/components/page/header/PageHeader'
+import PageHeader from '@vue2-client/components/page/header/PageHeader'
 import { mapState, mapMutations } from 'vuex'
-import { getI18nKey } from '@/utils/routerUtil'
+import { getI18nKey } from '@vue2-client/utils/routerUtil'
 
 export default {
   name: 'PageLayout',

package/src/layouts/SinglePageView.vue

@@ -14,7 +14,7 @@
 
 <script>
 import PageToggleTransition from '../components/transition/PageToggleTransition'
-import { ACCESS_TOKEN } from '@/store/mutation-types'
+import { ACCESS_TOKEN } from '@vue2-client/store/mutation-types'
 import { mapState, mapMutations } from 'vuex'
 
 export default {

package/src/layouts/header/AdminHeader.vue

@@ -41,10 +41,10 @@
 import HeaderSearch from './HeaderSearch'
 import HeaderNotice from './HeaderNotice'
 import HeaderAvatar from './HeaderAvatar'
-import IMenu from '@/components/menu/menu'
+import IMenu from '@vue2-client/components/menu/menu'
 import { mapState, mapMutations } from 'vuex'
 import { Modal } from 'ant-design-vue'
-import { indexedDB } from '@/utils/indexedDB'
+import { indexedDB } from '@vue2-client/utils/indexedDB'
 
 export default {
   name: 'AdminHeader',

package/src/layouts/header/HeaderAvatar.vue

@@ -24,7 +24,7 @@
 
 <script>
 import { mapGetters } from 'vuex'
-import { logout } from '@/services/user'
+import { logout } from '@vue2-client/services/user'
 
 export default {
   name: 'HeaderAvatar',

package/src/layouts/header/HeaderNotice.vue

@@ -1,97 +1,97 @@
-<template>
-  <a-dropdown :trigger="['click']" v-model="show">
-    <div slot="overlay">
-      <a-spin :spinning="loading">
-        <a-tabs class="dropdown-tabs" :tabBarStyle="{textAlign: 'center'}" :style="{width: '297px'}">
-          <a-tab-pane tab="通知" key="1">
-            <a-list>
-              <a-list-item :key="item.id" class="tab-pane" v-for=" item in exception">
-                <a-list-item-meta :title="'设备号'+ item.e_f_device_id" :description="item.e_f_error_msg" @click="read(item)">
-                  <a-avatar style="background-color: white" slot="avatar" src="https://gw.alipayobjects.com/zos/rmsportal/ThXAXghbEsBCCSDihZxY.png"/>
-                </a-list-item-meta>
-              </a-list-item>
-            </a-list>
-          </a-tab-pane>
-          <a-tab-pane tab="消息" key="2">
-            <a-list class="tab-pane"></a-list>
-          </a-tab-pane>
-          <a-tab-pane tab="待办" key="3">
-            <a-list class="tab-pane"></a-list>
-          </a-tab-pane>
-        </a-tabs>
-      </a-spin>
-    </div>
-    <span @click="fetchNotice" class="header-notice">
-      <a-badge class="notice-badge" :count=" exception.length">
-        <a-icon :class="['header-notice-icon']" type="bell" />
-      </a-badge>
-    </span>
-  </a-dropdown>
-</template>
-
-<script>
-import { post } from '@/services/api/restTools'
-export default {
-  name: 'HeaderNotice',
-  data () {
-    return {
-      loading: false,
-      show: false,
-      exception: []
-    }
-  },
-  computed: {
-  },
-  created () {
-    this.refresh()
-  },
-  methods: {
-    read (item) {
-      post('/webmeterapi/saveSingleTable', { data: { tablename: 't_iot_device_exception', param: { id: item.e_id, f_is_read: 1 } } }).then(res => {
-        this.refresh()
-      })
-    },
-    refresh () {
-      post('/webmeterapi/commonQuery', { queryParamsName: 'deviceExceptionQueryParams', conditionParams: { e_f_is_read: 0 }, pageNo: 1, pageSize: 999999 }).then(res => {
-        this.exception = res.data
-      })
-    },
-    fetchNotice () {
-      if (this.loading) {
-        this.loading = false
-        return
-      }
-      this.loadding = true
-      setTimeout(() => {
-        this.loadding = false
-      }, 1000)
-    }
-  }
-}
-</script>
-
-<style lang="less">
-  .header-notice{
-    display: inline-block;
-    transition: all 0.3s;
-    span {
-      vertical-align: initial;
-    }
-    .notice-badge{
-      color: inherit;
-      .header-notice-icon{
-        font-size: 16px;
-        padding: 4px;
-      }
-    }
-  }
-  .dropdown-tabs{
-    background-color: @base-bg-color;
-    box-shadow: 0 2px 8px @shadow-color;
-    border-radius: 4px;
-    .tab-pane{
-      padding: 0 24px 12px;
-      min-height: 250px;
-    }
-  }
-</style>
+<template>
+  <a-dropdown :trigger="['click']" v-model="show">
+    <div slot="overlay">
+      <a-spin :spinning="loading">
+        <a-tabs class="dropdown-tabs" :tabBarStyle="{textAlign: 'center'}" :style="{width: '297px'}">
+          <a-tab-pane tab="通知" key="1">
+            <a-list>
+              <a-list-item :key="item.id" class="tab-pane" v-for=" item in exception">
+                <a-list-item-meta :title="'设备号'+ item.e_f_device_id" :description="item.e_f_error_msg" @click="read(item)">
+                  <a-avatar style="background-color: white" slot="avatar" src="https://gw.alipayobjects.com/zos/rmsportal/ThXAXghbEsBCCSDihZxY.png"/>
+                </a-list-item-meta>
+              </a-list-item>
+            </a-list>
+          </a-tab-pane>
+          <a-tab-pane tab="消息" key="2">
+            <a-list class="tab-pane"></a-list>
+          </a-tab-pane>
+          <a-tab-pane tab="待办" key="3">
+            <a-list class="tab-pane"></a-list>
+          </a-tab-pane>
+        </a-tabs>
+      </a-spin>
+    </div>
+    <span @click="fetchNotice" class="header-notice">
+      <a-badge class="notice-badge" :count=" exception.length">
+        <a-icon :class="['header-notice-icon']" type="bell" />
+      </a-badge>
+    </span>
+  </a-dropdown>
+</template>
+
+<script>
+import { post } from '@vue2-client/services/api/restTools'
+export default {
+  name: 'HeaderNotice',
+  data () {
+    return {
+      loading: false,
+      show: false,
+      exception: []
+    }
+  },
+  computed: {
+  },
+  created () {
+    this.refresh()
+  },
+  methods: {
+    read (item) {
+      post('/webmeterapi/saveSingleTable', { data: { tablename: 't_iot_device_exception', param: { id: item.e_id, f_is_read: 1 } } }).then(res => {
+        this.refresh()
+      })
+    },
+    refresh () {
+      post('/webmeterapi/commonQuery', { queryParamsName: 'deviceExceptionQueryParams', conditionParams: { e_f_is_read: 0 }, pageNo: 1, pageSize: 999999 }).then(res => {
+        this.exception = res.data
+      })
+    },
+    fetchNotice () {
+      if (this.loading) {
+        this.loading = false
+        return
+      }
+      this.loadding = true
+      setTimeout(() => {
+        this.loadding = false
+      }, 1000)
+    }
+  }
+}
+</script>
+
+<style lang="less">
+  .header-notice{
+    display: inline-block;
+    transition: all 0.3s;
+    span {
+      vertical-align: initial;
+    }
+    .notice-badge{
+      color: inherit;
+      .header-notice-icon{
+        font-size: 16px;
+        padding: 4px;
+      }
+    }
+  }
+  .dropdown-tabs{
+    background-color: @base-bg-color;
+    box-shadow: 0 2px 8px @shadow-color;
+    border-radius: 4px;
+    .tab-pane{
+      padding: 0 24px 12px;
+      min-height: 250px;
+    }
+  }
+</style>