Merge branch 'dev'

package.json

@@ -20,6 +20,7 @@
     "@fullcalendar/vue": "^4.4.0",
     "vuedraggable": "^2.23.2",
     "async-validator": "^3.3.0",
+    "@popperjs/core": "^2.4.3",
     "axios": "^0.19.1",
     "core-js": "^3.4.4",
     "echarts": "^4.6.0",

src/app-register.ts

@@ -78,6 +78,7 @@ import AppOrgSelect from './components/app-org-select/app-org-select.vue'
 import AppDepartmentSelect from './components/app-department-select/app-department-select.vue'
 import AppGroupSelect from './components/app-group-select/app-group-select.vue'
 import UpdatePwd from './components/app-update-password/app-update-password.vue'
+import AppMenuItem from './components/app-menu-item/app-menu-item.vue'
 // 全局挂载UI实体服务注册中心
 window['uiServiceRegister'] = uiServiceRegister;
 // 全局挂载实体权限服务注册中心
@@ -168,5 +169,6 @@ export const AppComponents = {
         v.component('app-transfer',AppTransfer);
         v.component('context-menu-drag',ContextMenuDrag);
         v.component('app-update-password',UpdatePwd);
+        v.component('app-menu-item', AppMenuItem);
     },
 };
\ No newline at end of file

src/components/app-actionbar/app-actionbar.vue

 <template>
   <div class="app-actionbar">
     <div class="app-actionbar-item" v-for="(item,index) in items" :key="index">
-      <Badge v-if="item.counterService&&item.counterService.counterData" :count="item.counterService.counterData[item.counterId]" type="primary">
-         <i-button @click="handleClick(item.viewlogicname)"><i v-if="item.icon" style="margin-right: 5px;" :class="item.icon"></i>{{item.actionName}}</i-button>
+      <Badge v-if="item.counterService&&item.counterService.counterData" v-show="item.visabled" :count="item.counterService.counterData[item.counterId]" type="primary">
+         <i-button :style="{'pointer-events':item.disabled?'none':'auto'}" @click="handleClick(item.viewlogicname)"><i v-if="item.icon" style="margin-right: 5px;" :class="item.icon"></i>{{item.actionName}}</i-button>
     </Badge>
-    <i-button v-else @click="handleClick(item.viewlogicname)">{{item.actionName}}</i-button>
+    <i-button v-show="item.visabled" :style="{'pointer-events':item.disabled?'none':'auto'}" v-else @click="handleClick(item.viewlogicname)">{{item.actionName}}</i-button>
     </div>
   </div>
 </template>
 
 <script lang="ts">
-import { Vue, Component, Prop, Model, Emit } from "vue-property-decorator";
-import { Subject } from "rxjs";
+import { Vue, Component, Prop, Model, Emit,Inject, Watch } from "vue-property-decorator";
+import { Subject,Subscription } from "rxjs";
 
 @Component({})
 export default class AppActionBar extends Vue {
@@ -24,6 +24,49 @@ export default class AppActionBar extends Vue {
    */
   @Prop() public items!:any;
 
+  /**
+   * 注入的UI服务
+   *
+   * @type {*}
+   * @memberof AppActionBar
+   */
+  @Prop() public uiService!: any;
+
+  /**
+   * 视图通讯对象
+   *
+   * @type {Subject<ViewState>}
+   * @memberof AppActionBar
+   */
+  @Prop() public viewState!: Subject<ViewState>;
+
+  /**
+   * 视图状态事件
+   *
+   * @public
+   * @type {(Subscription | undefined)}
+   * @memberof ActionlinetestBase
+   */
+  public viewStateEvent: Subscription | undefined;
+
+  /**
+   * 组件初始化
+   *
+   * @memberof AppActionBar
+   */
+  public created(){
+    if (this.viewState) {
+        this.viewStateEvent = this.viewState.subscribe(({ tag, action, data }) => {
+            if (!Object.is(tag, "app-actionbar")) {
+                return;
+            }
+            if(Object.is(action,'loadmodel')){
+              this.calcActionItemAuthState(data,this.items,this.uiService);
+            }
+        });
+    }
+  }
+
   /**
    * 触发界面行为
    * 
@@ -33,6 +76,52 @@ export default class AppActionBar extends Vue {
     this.$emit('itemClick',$event);
   }
 
+  /**
+   * 计算界面行为项权限状态
+   *
+   * @param {*} [data] 传入数据
+   * @param {*} [ActionModel] 界面行为模型
+   * @param {*} [UIService] 界面行为服务
+   * @memberof AppActionBar
+   */
+  public calcActionItemAuthState(data:any,ActionModel:any,UIService:any){
+    for (const key in ActionModel) {
+        if (!ActionModel.hasOwnProperty(key)) {
+            return;
+        }
+        const _item = ActionModel[key];
+        if(_item && _item['dataaccaction'] && UIService && data && Object.keys(data).length >0){
+            let dataActionResult:any = UIService.getAllOPPrivs(data)[_item['dataaccaction']];
+            // 无权限:0;有权限:1
+            if(dataActionResult === 0){
+                // 禁用:1;隐藏:2;隐藏且默认隐藏:6
+                if(_item.noprivdisplaymode === 1){
+                    _item.disabled = true;
+                }
+                if((_item.noprivdisplaymode === 2) || (_item.noprivdisplaymode === 6)){
+                    _item.visabled = false;
+                }else{
+                    _item.visabled = true;
+                }
+            }
+            if(dataActionResult === 1){
+                _item.visabled = true;
+                _item.disabled = false;
+            }
+        }
+    }
+  } 
+
+  /**
+   * 组件销毁
+   * 
+   * @memberof AppActionBar
+   */
+  public destory(){
+    if (this.viewStateEvent) {
+      this.viewStateEvent.unsubscribe();
+    }
+  }
 
 }
 </script>

src/components/app-breadcrumb/app-breadcrumb.vue

@@ -161,6 +161,7 @@ export default class Breadcrumb extends Vue {
       if(item && item.meta && item.meta.viewType && Object.is(item.meta.viewType,"APPINDEX")){
         let path: string | null = window.sessionStorage.getItem(Environment.AppName);
         if (path) {
+          this.$store.commit("removeAllPage");
           this.$router.push({ path: path });
         } else {
           this.$router.push("/");

src/components/app-form-group/app-form-group.vue

@@ -165,7 +165,7 @@ export default class AppFormGroup extends Vue {
             if(_item && _item['dataaccaction'] && UIService && data && Object.keys(data).length >0){
                 let dataActionResult:any = UIService.getAllOPPrivs(data)[_item['dataaccaction']];
                 // 无权限:0;有权限:1
-                if(!dataActionResult){
+                if(dataActionResult === 0){
                     // 禁用:1;隐藏:2;隐藏且默认隐藏:6
                     if(_item.noprivdisplaymode === 1){
                         _item.disabled = true;
@@ -175,7 +175,8 @@ export default class AppFormGroup extends Vue {
                     }else{
                         _item.visabled = true;
                     }
-                }else{
+                }
+                if(dataActionResult === 1){
                     _item.visabled = true;
                     _item.disabled = false;
                 }

src/components/app-menu-item/app-menu-item.vue

+<template>
+    <div class="app-menu-item">
+        <template v-for="item in menus">
+             <template v-if="item.items && Array.isArray(item.items) && item.items.length > 0">
+                <el-submenu v-show="!item.hidden" :index="item.name" :popper-class="popperClass" :key="item.id">
+                    <template slot='title'>
+                        <template v-if="item.icon && item.icon != ''">
+                            <img :src="item.icon" class='app-menu-icon' />
+                        </template>
+                        <template v-else-if="item.iconcls && item.iconcls != ''">
+                            <i :class="[item.iconcls, 'app-menu-icon']"></i>
+                        </template>
+                        <template v-else>
+                            <i v-if="isFirst" class='fa fa-cogs app-menu-icon'></i>
+                        </template>
+                        <span class='text' :title="$t(`app.menus.${ctrlName}.${item.name}`)">{{$t(`app.menus.${ctrlName}.${item.name}`)}}</span>
+                    </template>
+                    <app-menu-item :menus="item.items" :ctrlName="ctrlName" :isFirst="false" :counterdata="counterdata" :popperclass="popperClass"></app-menu-item>
+                </el-submenu>
+             </template>
+             <template v-else>
+                <template v-if="item.type =='MENUITEM'">
+                    <el-menu-item v-show="!item.hidden" :index="item.name" :key="item.id">
+                        <template v-if="item.icon && item.icon != ''">
+                            <img :src="item.icon" class='app-menu-icon' />
+                        </template>
+                        <template v-else-if="item.iconcls && item.iconcls != ''">
+                            <i :class="[item.iconcls, 'app-menu-icon']"></i>
+                        </template>
+                        <template v-else>
+                            <i v-if="isFirst" class='fa fa-cogs app-menu-icon'></i>
+                        </template>
+                        <template slot="title">
+                            <span class="text" :title="$t(`app.menus.${ctrlName}.${item.name}`)">{{$t(`app.menus.${ctrlName}.${item.name}`)}}</span>
+                            <template v-if="counterdata && counterdata[item.counterid] && counterdata[item.counterid] > 0">
+                                <span class="pull-right">
+                                    <badge :count="counterdata[item.counterid]" :overflow-count="9999"></badge>
+                                </span>
+                            </template>
+                        </template>
+                    </el-menu-item>
+                </template>
+                <template v-if="item.type =='SEPERATOR'">
+                        <divider :key="item.id" />
+                </template>
+            </template>
+        </template>
+   </div>     
+</template>
+
+<script lang="ts">
+import { Component, Vue, Prop } from 'vue-property-decorator';
+
+@Component({})
+export default class AppMenuItem extends Vue {
+    
+    /**
+     * 菜单数据
+     * 
+     * @type {*}
+     * @memberof AppMenuItem
+     */
+    @Prop( {default: []} ) public menus!: any;
+
+    /**
+     * 部件名称
+     * 
+     * @type {*}
+     * @memberof AppMenuItem
+     */
+    @Prop() public ctrlName!: string;
+
+    /**
+     * 计数器数据
+     * 
+     * @type {*}
+     * @memberof AppMenuItem
+     */
+    @Prop() public counterdata!: any;
+
+    /**
+     * 提示框主题样式
+     * 
+     * @type {*}
+     * @memberof AppMenuItem
+     */
+    @Prop() public popperClass!: any;
+
+    /**
+     * 是否是一级菜单
+     * 
+     * @type {*}
+     * @memberof AppMenuItem
+     */
+    @Prop() public isFirst!: boolean;
+
+}
+</script>
\ No newline at end of file

src/components/app-picker/app-picker.vue

@@ -242,7 +242,7 @@ export default class AppPicker extends Vue {
      * @param {*} oldVal
      * @memberof AppPicker
      */
-    @Watch('value')
+    @Watch('value',{immediate:true})
     public onValueChange(newVal: any, oldVal: any) {
         this.curvalue = newVal;
         if (Object.is(this.editortype, 'dropdown') && this.valueitem) {

src/components/app-span/app-span.vue

@@ -6,7 +6,7 @@
 
 <script lang="ts">
 import { Vue, Component, Prop, Watch, Model } from 'vue-property-decorator';
-
+import moment from "moment"; 
 @Component({})
 export default class AppSpan extends Vue {
 
@@ -18,6 +18,38 @@ export default class AppSpan extends Vue {
      */
     @Prop() public value?: any;
 
+    /**
+     * 数据类型
+     * 
+     * @type {string}
+     * @memberof AppSpan
+     */
+    @Prop() public dataType?: string;
+
+    /**
+     * 单位名称
+     * 
+     * @type {string}
+     * @memberof AppSpan
+     */
+    @Prop({default:''}) public unitName?: string;
+
+    /**
+     * 精度
+     *
+     * @type {number}
+     * @memberof AppSpan
+     */
+    @Prop({default:'2'}) public precision?:number;
+
+    /**
+     * 日期值格式化
+     * 
+     * @type {string}
+     * @memberof AppSpan
+     */
+    @Prop() public valueFormat?: string;
+
     /**
      * 当前表单项名称
      * 
@@ -158,12 +190,52 @@ export default class AppSpan extends Vue {
         }else{
             if(this.$util.isEmpty(this.value)){
                 this.text = '';
+            }else if(this.dataType){
+                this.dataFormat();
             }else{
                 this.text = this.value;
             }
+                
+        }
+    }
+
+    /**
+     * 数据格式化
+     * 
+     * @memberof AppSpan
+     */
+    public dataFormat(){
+        if(this.valueFormat){
+            this.dateFormat() ;
+            return;
+        }
+        if(Object.is(this.dataType,"CURRENCY")){
+            let number:any = Number(this.value); 
+            this.text = Number(number.toFixed(this.precision)).toLocaleString('en-US')+ ' '+ this.unitName;   
+        }else if(Object.is(this.dataType,"FLOAT") || Object.is(this.dataType,"DECIMAL")){
+            let number:any = Number(this.value);
+            this.text = number.toFixed(this.precision);
+        }else {
+            this.text = this.value;
         }
     }
-    
+
+    /**
+     * 日期格式化
+     * 
+     * @memberof AppSpan
+     */
+    public dateFormat(){
+        if(this.valueFormat){
+            if(this.valueFormat.indexOf('%1$t') !== -1){
+                this.text= moment(this.data).format("YYYY-MM-DD HH:mm:ss");
+            }else if(this.valueFormat.indexOf('%1$s') == -1){
+                this.text= moment(this.data).format(this.valueFormat);
+            }else{
+                this.text= this.value;
+            }
+        }
+    }    
 }
 </script>
 

src/components/input-box/input-box.vue

@@ -7,8 +7,7 @@
       :precision="precision"
       v-model="CurrentVal"
       :disabled="disabled ? true : false"
-      :formatter="formatter"
-      :parser="parser"
+      :active-change="false"
     ></InputNumber>
     <i-input v-else
       :placeholder="placeholder"
@@ -188,29 +187,7 @@ export default class InputBox extends Vue {
     }
   }
 
-  /**
-   * 指定输入框展示值的格式
-   */
-  public formatter(value:any){
-    if(this.precision===0) return this.CurrentVal;
-    if(value.indexOf('.')!==-1){
-      let arr:Array<any> = value.split('.');
-      if(arr[1]==='00'){
-        return arr[0];
-      }
-      if(parseInt(arr[1])%10===0){
-        return arr[0]+'.'+parseInt(arr[1])/10;
-      }
-    }
-    return value;
-  }
 
-  /**
-   * 指定从 formatter 里转换回数字的方式
-   */
-  public parser(value:any){
-    return value;
-  }
 }
 </script>
 

src/engine/view/view-engine.ts

@@ -193,7 +193,7 @@ export default class ViewEngine {
             if(_item && _item['dataaccaction'] && _this.view.appUIService && data && Object.keys(data).length >0){
                 let dataActionResult:any = _this.view.appUIService.getAllOPPrivs(data)[_item['dataaccaction']];
                 // 无权限:0;有权限:1
-                if(!dataActionResult){
+                if(dataActionResult === 0){
                     // 禁用:1;隐藏:2;隐藏且默认隐藏:6
                     if(_item.noprivdisplaymode === 1){
                         _this.view.toolBarModels[key].disabled = true;
@@ -203,8 +203,10 @@ export default class ViewEngine {
                     }else{
                         _this.view.toolBarModels[key].visabled = true;
                     }
-                }else{
+                }
+                if(dataActionResult === 1){
                     _this.view.toolBarModels[key].visabled = true;
+                    _this.view.toolBarModels[key].disabled = false;
                 }
             }
         }

src/service/entity-service.ts

@@ -294,7 +294,8 @@ export default class EntityService {
             let result:any = JSON.parse(this.tempStorage.getItem(context.srfsessionkey+'_'+this.APPDENAME) as any);
             if(result){
                 let tempResult:any = result.filter((item:any) =>{
-                    return !( Object.is(item[this.APPDEKEY],data[this.APPDEKEY]) && Object.is(item[this.APPDETEXT],data[this.APPDETEXT]));
+                    // return !( Object.is(item[this.APPDEKEY],data[this.APPDEKEY]) && Object.is(item[this.APPDETEXT],data[this.APPDETEXT]));
+                    return !Object.is(item[this.APPDEKEY],data[this.APPDEKEY]);
                 })
                 this.tempStorage.setItem(context.srfsessionkey+'_'+this.APPDENAME,JSON.stringify(tempResult));
                  return {"status":200,"data":data};
@@ -596,6 +597,19 @@ export default class EntityService {
         return Http.getInstance().post(`/${this.APPDENAME}/batch`,data,isloading);
     }
 
+    /**
+     * saveBatch接口方法
+     *
+     * @param {*} [context={}]
+     * @param {*} [data]
+     * @param {boolean} [isloading]
+     * @returns {Promise<any>}
+     * @memberof EntityService
+     */
+    public async saveBatch(context: any = {},data: any, isloading?: boolean): Promise<any> {
+        return Http.getInstance().post(`/${this.APPDENAME}/savebatch`,data,isloading);
+    }
+
     /**
      * updateBatch接口方法
      *

src/utils/app-popover/app-popover.less

-.el-popover {
-  overflow-y: auto;
-  //z-index: 99 !important;
-  background: #ffffff;
-  border: 1px solid #dee0e4;
-  padding: 0px;
-  z-index: 2000;
-  color: var(--app-color-font-content);
-  line-height: 1.4;
-  text-align: justify;
-  font-size: 14px;
-  overflow-y: hidden;
-  overflow-x: hidden;
-  .el-card__header {
-      padding: 5px 10px;
-      border-bottom: 1px solid #dee0e4;
-      color: var(--app-color-font-content);
-  }
-  .el-card{
-      min-width: 150px;
-      border: none;
-      background-color: #ffffff;
-      color: var(--app-color-font-content);
-  }
-  .el-card__body {
-      padding: 0px;
-      overflow-x:hidden;
-      overflow-y: auto;
-      .viewcontainer2{
-          .content-container{
-              margin: 0;
-          }
-      }
-  }
-}
-.clearfix{
-  position: relative;
-  .cancel{
-      position: absolute;
-      right: 5px;
-      top: 5px;
-  }
+.app-popover-wrapper {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+
+    .app-popover.app-popper {
+        border-radius: 5px;
+        overflow: auto;
+        border: 1px solid #bfbfbf;
+        padding: 5px;
+        background: #e8e8e8;
+    }
 }
\ No newline at end of file

src/utils/decorators/errorlog.ts

-import { Notice } from 'view-design';
-
 export function Errorlog(target: Object, propertyKey: string, descriptor: TypedPropertyDescriptor<any>){
     let origin=descriptor.value;
-    let $Notice: any = Notice;
     descriptor.value=function(...args:any[]){
       return new Promise((resolve: any, reject: any) => {
           // 原方法调用方法
@@ -12,7 +9,7 @@ export function Errorlog(target: Object, propertyKey: string, descriptor: TypedP
           }).catch((error:any)=>{
               // 开发模式下页面报错
               if (process.env.NODE_ENV === 'development') {
-                $Notice.error({ title: '错误', desc: target.constructor.name+'类'+propertyKey+'方法产生异常' });
+                console.error(target.constructor.name+'类'+propertyKey+'方法产生异常');
               }
               // 控制台报错
               console.error(error); 

src/utils/view-tool/view-tool.ts

@@ -260,7 +260,7 @@ export class ViewTool {
             if(_item && _item['dataaccaction'] && UIService && data && Object.keys(data).length >0){
                 let dataActionResult:any = UIService.getAllOPPrivs(data)[_item['dataaccaction']];
                 // 无权限:0;有权限:1
-                if(!dataActionResult){
+                if(dataActionResult === 0){
                     // 禁用:1;隐藏:2;隐藏且默认隐藏:6
                     if(_item.noprivdisplaymode === 1){
                         _item.disabled = true;
@@ -270,7 +270,8 @@ export class ViewTool {
                     }else{
                         _item.visabled = true;
                     }
-                }else{
+                }
+                if(dataActionResult === 1){
                     _item.visabled = true;
                     _item.disabled = false;
                 }

yarn.lock

@@ -1210,6 +1210,11 @@
   dependencies:
     mkdirp "^1.0.4"
 
+"@popperjs/core@^2.4.3":
+  version "2.4.4"
+  resolved "https://registry.yarnpkg.com/@popperjs/core/-/core-2.4.4.tgz#11d5db19bd178936ec89cd84519c4de439574398"
+  integrity sha512-1oO6+dN5kdIA3sKPZhRGJTfGVP4SWV6KqlMOwry4J3HfyD68sl/3KmG7DeYUzvN+RbhXDnv/D8vNNB8168tAMg==
+
 "@soda/friendly-errors-webpack-plugin@^1.7.1":
   version "1.7.1"
   resolved "https://registry.yarnpkg.com/@soda/friendly-errors-webpack-plugin/-/friendly-errors-webpack-plugin-1.7.1.tgz#706f64bcb4a8b9642b48ae3ace444c70334d615d"