vue2-client 1.2.38 → 1.2.42

package/src/base-client/components/ticket/TicketDetailsView/TicketDetailsView.vue

@@ -466,7 +466,7 @@
       handleCloseOk () {
         return post(TicketDetailsViewApi.manualCloseTicket, {
           ticketId: this.ticketId,
-          time: new Date()
+          time: this.format(new Date(), 'yyyy-MM-dd hh:mm:ss')
         })
           .then(res => {
             if (res !== 0) {
@@ -495,7 +495,7 @@
         this.getCurrentEmpId()
         return post(TicketDetailsViewApi.confirmTicket, {
           ticketId: this.ticketId,
-          time: new Date(),
+          time: this.format(new Date(), 'yyyy-MM-dd hh:mm:ss'),
           empId: this.empIdInDataBase
         })
           .then(res => {
@@ -559,7 +559,7 @@
         } else {
           return post(TicketDetailsViewApi.transferTicketToOthers, {
             ticketId: this.ticketId,
-            endTime: new Date(),
+            endTime: this.format(new Date(), 'yyyy-MM-dd hh:mm:ss'),
             transferTo: this.transferTo,
             note: this.note,
             images: this.fileList

package/src/components/setting/Setting.vue

@@ -136,9 +136,7 @@ import Clipboard from 'clipboard'
 import { mapState, mapMutations } from 'vuex'
 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'
 
 const ColorCheckboxGroup = ColorCheckbox.Group
 const ImgCheckboxGroup = ImgCheckbox.Group
@@ -168,7 +166,7 @@ export default {
       return this.$el.parentNode
     },
     copyCode () {
-      const config = this.extractConfig(false)
+      const config = this.extractConfig()
       this.copyConfig = `// 自定义配置，参考 ./default/setting.config.js，需要自定义的属性在这里配置即可
       module.exports = ${formatConfig(config)}
       `
@@ -186,7 +184,7 @@ export default {
     },
     saveSetting () {
       const closeMessage = this.$message.loading('正在保存到本地，请稍后...', 0)
-      const config = this.extractConfig(true)
+      const config = this.extractConfig()
       localStorage.setItem(process.env.VUE_APP_SETTING_KEY, JSON.stringify(config))
       setTimeout(closeMessage, 800)
     },
@@ -200,10 +198,10 @@ export default {
       })
     },
     // 提取配置
-    extractConfig (local = false) {
+    extractConfig () {
       const config = {}
       const mySetting = this.$store.state.setting
-      const dftSetting = local ? deepMerge(setting, sysConfig) : setting
+      const dftSetting = setting
       Object.keys(mySetting).forEach(key => {
         const dftValue = dftSetting[key]; const myValue = mySetting[key]
         if (dftValue != undefined && !fastEqual(dftValue, myValue)) {

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

@@ -1,34 +1,35 @@
-// 此配置为系统默认设置，需修改的设置项，在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', // 首页路由, 登陆后默认打开
-  ticketPage: '/submitTicket', // 提交工单路由
-  systemName: '基础组件平台', // 系统名称
-  copyright: '2022 AoFengSoft', // 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 图标库'}
-  ]
-}
+// 此配置为系统默认设置
+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: true, // 固定头部状态栏，true:固定，false:不固定
+  fixedSideBar: true, // 固定侧边栏，true:固定，false:不固定
+  fixedTabs: true, // 固定页签头，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', // 首页路由, 登陆后默认打开
+  ticketPage: '/submitTicket', // 提交工单路由
+  systemName: '基础组件平台', // 系统名称
+  systemDesc: '为PC端中、后台系统业务开发提供支持', // 系统描述
+  copyright: '2022 AoFengSoft', // 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/config/index.js

@@ -1,6 +1,3 @@
-const deepMerge = require('deepmerge')
-const _config = require('./config')
 const { setting } = require('./default')
-const config = deepMerge(setting, _config)
 
-module.exports = config
+module.exports = setting

package/src/layouts/SinglePageView.vue

@@ -2,11 +2,10 @@
   <page-toggle-transition :disabled="animate.disabled" :animate="animate.name" :direction="animate.direction">
     <template v-if="login">
       <iframe
-        id="singlepageview"
-        @load="load"
-        :src="url"
-        frameborder="0"
-        ref="singlepage">
+        ref="singlepage"
+        :src="iframeSrc"
+        class="single-page-iframe"
+        @load="load">
       </iframe>
     </template>
   </page-toggle-transition>
@@ -22,32 +21,29 @@ export default {
   components: { PageToggleTransition },
   props: {
     singlePageUrl: {
-      type: Object,
-      default: () => {
-        return { url: '' }
-      }
+      type: String,
+      default: ''
     }
   },
   data () {
     return {
-      url: '../singlepage/page.html',
-      // singlePageUrl: null,
-      iframe: {}
+      iframeSrc: '../singlepage/page.html',
+      iframe: null
     }
   },
   computed: {
-    ...mapState('setting', ['multiPage', 'animate']),
+    ...mapState('setting', ['animate']),
     ...mapState('account', ['login'])
   },
   mounted () {
     if (!this.login) {
       this.setLogin(JSON.parse(sessionStorage.getItem(process.env.VUE_APP_LOGIN_KEY)))
     }
+    this.iframe = this.$refs.singlepage.contentWindow
   },
   methods: {
     ...mapMutations('account', ['setLogin']),
     load () {
-      this.iframe = this.$refs.singlepage.contentWindow
       const appdata = {
         singleValues: this.$appdata.getSingleValues(),
         params: this.$appdata.getParams()
@@ -56,17 +52,17 @@ export default {
         token: localStorage.getItem(ACCESS_TOKEN),
         login: this.login,
         appdata: appdata,
-        page: this.singlePageUrl.url
+        page: this.singlePageUrl
       }
       console.log('发送参数', data)
-      this.iframe.postMessage(data, '*')
+      this.iframe?.postMessage(data, '*')
     }
   }
 }
 </script>
 
 <style lang="less">
-#singlepageview {
+.single-page-iframe {
   width: 100%;
   height: calc(100vh - 117px);
   border: none;

package/src/layouts/tabs/TabsView.vue

@@ -1,29 +1,29 @@
 <template>
-  <admin-layout>
-    <contextmenu :itemList="menuItemList" :visible.sync="menuVisible" @select="onMenuSelect" />
-    <tabs-head
-      v-if="multiPage"
-      :active="activePage"
-      :page-list="pageList"
-      @change="changePage"
-      @close="remove"
-      @refresh="refresh"
-      @contextmenu="onContextmenu"
-    />
-    <div :class="['tabs-view-content', layout, pageWidth]" :style="`margin-top: ${multiPage ? -24 : 0}px`">
-      <page-toggle-transition v-show="!$route.meta.singlePage" :disabled="animate.disabled" :animate="animate.name" :direction="animate.direction">
-        <a-keep-alive :exclude-keys="excludeKeys" v-if="multiPage && cachePage" v-model="clearCaches">
-          <router-view v-if="!refreshing" ref="tabContent" :key="$route.path" />
-        </a-keep-alive>
-        <router-view ref="tabContent" v-else-if="!refreshing" />
-      </page-toggle-transition>
-      <div v-show="$route.meta.singlePage && this.single.length > 0">
+  <div id="TabsView">
+    <admin-layout>
+      <contextmenu :itemList="menuItemList" :visible.sync="menuVisible" @select="onMenuSelect" />
+      <tabs-head
+        v-if="multiPage"
+        :active="activePage"
+        :page-list="pageList"
+        @change="changePage"
+        @close="remove"
+        @refresh="refresh"
+        @contextmenu="onContextmenu"
+      />
+      <div :class="['tabs-view-content', layout, pageWidth]" :style="`margin-top: ${multiPage ? -24 : 0}px`">
+        <page-toggle-transition v-show="!$route.meta.singlePage" :disabled="animate.disabled" :animate="animate.name" :direction="animate.direction">
+          <a-keep-alive :exclude-keys="excludeKeys" v-if="multiPage && cachePage" v-model="clearCaches">
+            <router-view v-if="!refreshing" ref="tabContent" :key="$route.path" />
+          </a-keep-alive>
+          <router-view ref="tabContent" v-else-if="!refreshing" />
+        </page-toggle-transition>
         <template v-for="page in single">
-          <single-page-view v-show="page.meta.singlePage === $route.meta.singlePage" :single-page-url="{url:page.meta.singlePage}" :key="page.meta.singlePage"></single-page-view>
+          <single-page-view v-show="page.meta.singlePage === $route.meta.singlePage" :single-page-url="page.meta.singlePage" :key="page.meta.singlePage" />
         </template>
       </div>
-    </div>
-  </admin-layout>
+    </admin-layout>
+  </div>
 </template>
 
 <script>
@@ -338,24 +338,23 @@ export default {
 }
 </script>
 
-<style scoped lang="less">
-  .tabs-view{
-    margin: -16px auto 8px;
-    &.head.fixed{
-      max-width: 1400px;
+<style lang="less">
+  #TabsView {
+    .tabs-view {
+      margin: -16px auto 8px;
+      &.head.fixed {
+        max-width: 1400px;
+      }
     }
-  }
-  .tabs-view-content{
-    position: relative;
-    &.head.fixed{
-      width: 1400px;
-      margin: 0 auto;
+    .tabs-view-content {
+      position: relative;
+      &.head.fixed {
+        width: 1400px;
+        margin: 0 auto;
+      }
+      .ant-card:only-of-type {
+        min-height: calc(100vh - 64px - 56px - 16px);
+      }
     }
   }
 </style>
-
-<style scoped>
-  .tabs-view-content >>> .ant-card:only-of-type {
-    min-height: calc(100vh - 64px - 56px - 16px);
-  }
-</style>