CONTROL-BASE.vue.ftl 34.8 KB
Newer Older
1 2 3
<#ibizinclude>
../@MACRO/CONTROL/LANGBASE.vue.ftl
</#ibizinclude>
4
<#assign ListContent>
5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28
<div class="app-list-item-content">
    <div class="item-icon">
        <template v-if="item.srficon">
            <img :src="item.srficon" />
        </template>
        <template v-else>
            <img src="/assets/img/noimage.png"/>
        </template>
    </div>
    <template>
        <div class="item-content-text">
            <div class="item-title">
                <span >{{item.srfmajortext}}</span>
            </div>
            <div class="item-description">
                <span v-if="item.srfdescription" class="item-subtext" :title="item.srfdescription">{{ item.srfdescription }}</span>
            </div>
        </div>
    </template>
</div>
<div v-if="item.srfdate" class="app-list-item-date">
    <span class="date">{{ item.srfdate }}</span>
</div>
</#assign>
29
<template>  
30
<#if ctrl.getBatchPSDEToolbar?? && ctrl.getBatchPSDEToolbar()??>
31
<div style="overflow:auto;">
32
</#if>
33
    <div :class="['app-list',<#if ctrl.getPSSysCss?? && ctrl.getPSSysCss()??><#assign singleCss = ctrl.getPSSysCss()>'${singleCss.getCssName()}',</#if>this.items.length > 0 ? '' : 'app-list-empty' ]">
34 35
<#if ctrl.render??>
            ${ctrl.render.code}
36 37 38
<#else>
        <div v-if="items.length > 0">
<#if ctrl.isEnableGroup?? && !ctrl.isEnableGroup()>                 
tony001's avatar
tony001 committed
39
            <div v-for = "item in items" :key="item.srfkey"  :class="['app-list-item', {'isSelect': item.isselected === true ? true : false}]" @click="handleClick(item)"  @dblclick="handleDblClick(item)">
40 41 42 43 44 45 46 47
  <#if ctrl.getItemPSLayoutPanel()??>
    <#assign panel = ctrl.getItemPSLayoutPanel()>
                <@ibizindent blank=16>
                ${P.getCtrlCode(panel, 'CONTROL.html').code}
                </@ibizindent>
  <#elseif ctrl.itemRender??>
                ${ctrl.itemRender.code}
  <#else>
48
                ${ListContent}
49
                <div class="app-list-item-action">
50
                    <template v-for="(action,index) in Object.keys(actionModel)">
51
                        <a :key="index" style="display: inline-block;margin: 0 12px;" v-show="item[action].visabled" :disabled="item[action].disabled" @click="uiAction(item, action, $event)">
52 53
                            <i :class="actionModel[action].icon" style="margin-right:2px;"></i>
                            <span>{{actionModel[action].caption}}</span>
54 55 56
                        </a>
                    </template>
                </div>
57
  </#if>
58
            </div>
Shine-zwj's avatar
Shine-zwj committed
59
<#elseif ctrl.isEnableGroup?? && ctrl.isEnableGroup()>
Shine-zwj's avatar
Shine-zwj committed
60
            <el-collapse>
61 62 63 64
               <el-collapse-item v-for="(group,index) in groupData" :key="index">
                    <template slot="title">
                    <div style="margin: 0 0 0 12px;"><b>{{group.group}}</b></div>
                    </template>
65
                    <div v-if="group.children.length > 0" style="margin: 0 0 0 32px;">
Shine-zwj's avatar
Shine-zwj committed
66 67 68 69 70 71 72 73 74
                        <div v-for="item in group.children" :key="item.srfkey"  :class="['app-list-item', {'isSelect': item.isselected === true ? true : false}]" @click="handleClick(item)"  @dblclick="handleDblClick(item)">
                        <#if ctrl.getItemPSLayoutPanel()??>
                            <#assign panel = ctrl.getItemPSLayoutPanel()>
                                <@ibizindent blank=16>
                                ${P.getCtrlCode(panel, 'CONTROL.html').code}
                                </@ibizindent>
                        <#elseif ctrl.itemRender??>
                                ${ctrl.itemRender.code}
                        <#else>
75
                                ${ListContent}
76
                                <div calss="app-list-item-action">
77
                                    <template v-for="(action,index) in Object.keys(actionModel)">
78
                                        <a :key="index" style="display: inline-block;margin: 0 12px;" v-show="item[action].visabled" :disabled="item[action].disabled" @click="uiAction(item, action, $event)">
79 80
                                            <i :class="actionModel[action].icon" style="margin-right:2px;"></i>
                                            <span>{{actionModel[action].caption}}</span>
81 82 83
                                        </a>
                                    </template>
                                </div>
Shine-zwj's avatar
Shine-zwj committed
84 85 86
                        </#if>
                        </div>
                    </div>
87
                    <div v-else style="text-align: center;">
88
                        {{ $t('<#if langbase??>${langbase}.nodata</#if>') }}
Shine-zwj's avatar
Shine-zwj committed
89 90 91
                    </div>
                </el-collapse-item>
            </el-collapse>
92
</#if>
93
            <template v-if="isScrollBar">
Mosher's avatar
Mosher committed
94 95
            <div v-if="totalRecord>items.length" class="loadmore">{{ this.$t('app.commonWords.loadmore') }}</div>
            <div v-else class="loadmore">{{ this.$t('app.commonWords.nomore') }}</div>
96
            </template>
97 98
        </div>
        <div v-else>
99
            {{ $t('<#if langbase??>${langbase}.nodata</#if>') }}
100 101 102 103 104 105 106 107
            <#if ctrl.getQuickPSDEToolbar?? && ctrl.getQuickPSDEToolbar()??>
            <span class="quick-toolbar">
                <#assign quickToolbar = ctrl.getQuickPSDEToolbar()/>
                <@ibizindent blank=12>
                ${P.getCtrlCode(quickToolbar, 'CONTROL.html').code}
                </@ibizindent>
            </span>
            </#if>
108
        </div>
109
        <el-backtop target=".content-container .app-list"></el-backtop>
110
</#if>
111
    </div>
112 113 114 115 116 117 118 119 120 121 122
<#if ctrl.getBatchPSDEToolbar?? && ctrl.getBatchPSDEToolbar()??>
    <row class='list-pagination' v-if="selections.length > 0">
        <span class="batch-toolbar">
          <#assign batchToolbar = ctrl.getBatchPSDEToolbar()/>
          <@ibizindent blank=12>
        ${P.getCtrlCode(batchToolbar, 'CONTROL.html').code}
          </@ibizindent>
        </span>
    </row>
</div>
</#if>
123
</template>
Shine-zwj's avatar
Shine-zwj committed
124
<#assign import_block>
125
import CodeListService from "@/codelist/codelist-service";
Shine-zwj's avatar
Shine-zwj committed
126
</#assign>
127 128 129 130
<#ibizinclude>
../@MACRO/CONTROL/CONTROL_HEADER-BASE.vue.ftl
</#ibizinclude>

131 132 133 134 135 136
    /**
     * 代码表服务对象
     *
     * @type {CodeListService}
     * @memberof ${srfclassname('${ctrl.codeName}')}Base
     */  
RedPig97's avatar
RedPig97 committed
137
    public codeListService:CodeListService = new CodeListService();
138

139 140 141 142 143 144
    /**
     * 界面UI服务对象
     *
     * @type {${srfclassname('${appde.getCodeName()}')}UIService}
     * @memberof ${srfclassname('${ctrl.codeName}')}Base
     */  
RedPig97's avatar
RedPig97 committed
145
    public appUIService:${srfclassname('${appde.getCodeName()}')}UIService = new ${srfclassname('${appde.getCodeName()}')}UIService();
146

147 148 149 150
    /**
     * 获取多项数据
     *
     * @returns {any[]}
KK's avatar
KK committed
151
     * @memberof ${srfclassname('${ctrl.codeName}')}Base
152 153 154 155 156 157 158 159 160
     */
    public getDatas(): any[] {
        return this.selections;
    }

    /**
     * 获取单项树
     *
     * @returns {*}
KK's avatar
KK committed
161
     * @memberof ${srfclassname('${ctrl.codeName}')}Base
162 163 164 165 166 167 168 169 170
     */
    public getData(): any {
        return null;
    }

    /**
     * 是否默认选中第一条数据
     *
     * @type {boolean}
KK's avatar
KK committed
171
     * @memberof ${srfclassname('${ctrl.codeName}')}Base
172
     */
173
    @Prop({ default: false }) public isSelectFirstDefault!: boolean;
174 175 176 177 178

    /**
     * 显示处理提示
     *
     * @type {boolean}
KK's avatar
KK committed
179
     * @memberof ${srfclassname('${ctrl.codeName}')}Base
180
     */
181
    @Prop({ default: true }) public showBusyIndicator?: boolean;
182 183 184 185 186

    /**
     * 部件行为--create
     *
     * @type {string}
KK's avatar
KK committed
187
     * @memberof ${srfclassname('${ctrl.codeName}')}Base
188
     */
189
    @Prop() public createAction!: string;
190 191 192 193 194

    /**
     * 部件行为--remove
     *
     * @type {string}
KK's avatar
KK committed
195
     * @memberof ${srfclassname('${ctrl.codeName}')}Base
196
     */
197
    @Prop() public removeAction!: string;
198 199 200 201 202

    /**
     * 部件行为--update
     *
     * @type {string}
KK's avatar
KK committed
203
     * @memberof ${srfclassname('${ctrl.codeName}')}Base
204
     */
205
    @Prop() public updateAction!: string;
206
    
207 208 209 210
    /**
     * 部件行为--fetch
     *
     * @type {string}
KK's avatar
KK committed
211
     * @memberof ${srfclassname('${ctrl.codeName}')}Base
212
     */
213
    @Prop() public fetchAction!: string;
214

215
    /**
216
     * 父引用类型
217 218 219 220
     *
     * @type {boolean}
     * @memberof ${srfclassname('${ctrl.codeName}')}Base
     */
221
    @Prop({default:true}) public parentType: any;;
222

tony001's avatar
tony001 committed
223 224 225 226 227 228 229
<#if view.getPSAppViewLogics?? && view.getPSAppViewLogics()??>
  <#list view.getPSAppViewLogics() as logic>
    <#if logic.getPFLogicCodeType() == 'APP_NEWDATA'>
    /**
     * 打开新建数据视图
     *
     * @type {any}
KK's avatar
KK committed
230
     * @memberof ${srfclassname('${ctrl.codeName}')}Base
tony001's avatar
tony001 committed
231 232 233 234 235 236 237 238
     */
    @Prop() public newdata: any;
    </#if>
    <#if logic.getPFLogicCodeType() == 'APP_OPENDATA'>
    /**
     * 打开编辑数据视图
     *
     * @type {any}
KK's avatar
KK committed
239
     * @memberof ${srfclassname('${ctrl.codeName}')}Base
tony001's avatar
tony001 committed
240 241 242 243 244 245 246 247 248 249
     */
    @Prop() public opendata: any;
    </#if>
  </#list>
</#if>

    /**
     * this引用
     *
     * @type {number}
KK's avatar
KK committed
250
     * @memberof ${srfclassname('${ctrl.codeName}')}Base
tony001's avatar
tony001 committed
251 252 253
     */
    public thisRef: any = this;

Shine-zwj's avatar
Shine-zwj committed
254
<#if ctrl.isEnableGroup?? && ctrl.isEnableGroup()>
Shine-zwj's avatar
Shine-zwj committed
255 256 257 258 259 260
    /**
     * 分组属性
     * 
     * @type {string}
     * @memberof ${srfclassname('${ctrl.codeName}')}Base
     */
261 262
    public groupField: string = "<#if ctrl.getGroupPSDEField?? && ctrl.getGroupPSDEField()??>${ctrl.getGroupPSDEField().getCodeName()?lower_case}</#if>";

263
    /**
264
     * 分组属性是否配置代码表
265 266 267 268
     * 
     * @type {string}
     * @memberof ${srfclassname('${ctrl.codeName}')}Base
     */
269
    public groupFieldCodelist: boolean = <#if ctrl.getGroupPSDEField()?? && ctrl.getGroupPSDEField().getPSCodeList?? && ctrl.getGroupPSDEField().getPSCodeList()??>true<#else>false</#if>;
270

271 272 273 274 275 276 277
    /**
     * 分组数据
     * 
     * @type {Array<any>}
     * @memberof ${srfclassname('${ctrl.codeName}')}Base
     */
    public groupData: Array<any> = [];
278

279 280 281 282 283 284
    /**
     * 分组模式
     * 
     * @type {string}
     * @memberof ${srfclassname('${ctrl.codeName}')}Base
     */
285
    public groupMode: string = "<#if ctrl.getGroupMode?? && ctrl.getGroupMode()??>${ctrl.getGroupMode()}</#if>";
286

287 288 289 290 291 292
    /**
     * 分组方法
     * 
     * @memberof ${srfclassname('${ctrl.codeName}')}Base
     */
    public group(){
293 294 295 296 297 298
        let _this:any = this;
        if(_this.drawGroup && _this.drawGroup instanceof Function && Object.is(_this.groupMode,"AUTO")){
            _this.drawGroup();
        }else if(_this.drawCodelistGroup && _this.drawCodelistGroup instanceof Function && Object.is(_this.groupMode,"CODELIST")){
            _this.drawCodelistGroup();
        }
299
    }
Shine-zwj's avatar
Shine-zwj committed
300 301 302
</#if>

<#if ctrl.getGroupMode?? && ctrl.getGroupMode() == 'CODELIST'>
303 304

    /**
305 306
     * 分组代码表
     *
307 308
     * @type {string}
     * @memberof ${srfclassname('${ctrl.codeName}')}Base
309 310
     */ 
    public groupCodelist: any = {<#if ctrl.getGroupPSCodeList?? && ctrl.getGroupPSCodeList()??>type:'${ctrl.getGroupPSCodeList().getCodeListType()}',tag:'${ctrl.getGroupPSCodeList().getCodeName()}'</#if>};
Shine-zwj's avatar
Shine-zwj committed
311 312 313 314 315 316 317 318

    /**
     * 根据分组代码表绘制分组列表
     * 
     * @memberof ${srfclassname('${ctrl.codeName}')}Base
     */
    public async drawCodelistGroup(){
        let groups: Array<any> = [];
319
        let fields: Array<any> = [];
Shine-zwj's avatar
Shine-zwj committed
320 321
        let groupTree:Array<any> = [];
        let data:Array<any> = [...this.items];
322 323 324 325 326 327 328
        if(Object.keys(this.groupCodelist).length > 0){
            let groupCodelist: any = await this.codeListService.getDataItems(this.groupCodelist);
            groups = Util.deepCopy(groupCodelist);

        }
        if(groups.length == 0){
            console.warn("分组数据无效");
329
        }
Shine-zwj's avatar
Shine-zwj committed
330 331 332
        groups.forEach((group: any,i: number)=>{
            let children:Array<any> = [];
            data.forEach((item: any,j: number)=>{
333 334
                if(this.groupFieldCodelist){
                    if(Object.is(group.label,item[this.groupField])) {
335 336
                        children.push(item);
                    }
337
                }else if(Object.is(group.value,item[this.groupField])){
Shine-zwj's avatar
Shine-zwj committed
338 339 340 341
                    children.push(item);
                }
            });
            const tree: any ={
Shine-zwj's avatar
Shine-zwj committed
342
                group: group.label,
Shine-zwj's avatar
Shine-zwj committed
343 344 345 346 347 348
                children: children
            }
            groupTree.push(tree);
        });
        let child:Array<any> = [];
        data.forEach((item: any)=>{
349
            let i: number = 0;
350
            if(this.groupFieldCodelist){
351
                i = groups.findIndex((group: any)=>Object.is(group.label,item[this.groupField]));
352 353
            }else{
                i = groups.findIndex((group: any)=>Object.is(group.value,item[this.groupField]));
354
            }
Shine-zwj's avatar
Shine-zwj committed
355 356 357 358 359 360 361 362
            if(i < 0){
                child.push(item);
            }
        })
        const Tree: any = {
            group: this.$t('app.commonWords.other'),
            children: child
        }
363 364 365
        if(child && child.length > 0){
            groupTree.push(Tree);
        }
366
        this.groupData = [...groupTree];
Shine-zwj's avatar
Shine-zwj committed
367 368 369 370 371 372 373 374 375
    }
</#if>

<#if ctrl.getGroupMode?? && ctrl.getGroupMode() == 'AUTO'>
    /**
     * 绘制分组列表
     * 
     * @memberof ${srfclassname('${ctrl.codeName}')}Base
     */
376
    public async drawGroup(){
Shine-zwj's avatar
Shine-zwj committed
377 378
        let data:Array<any> = [...this.items];
        let groups:Array<any> = [];
379
        let fields: Array<any> = [];
Shine-zwj's avatar
Shine-zwj committed
380
        data.forEach((item: any)=>{
381
            if(item.hasOwnProperty(this.groupField)){
382
                groups.push(item[this.groupField]);
Shine-zwj's avatar
Shine-zwj committed
383 384 385
            }
        });
        groups = [...new Set(groups)];
386 387 388
        if(groups.length == 0){
            console.warn("分组数据无效");
        }
Shine-zwj's avatar
Shine-zwj committed
389 390 391 392
        let groupTree:Array<any> = [];
        groups.forEach((group: any,i: number)=>{
            let children:Array<any> = [];
            data.forEach((item: any,j: number)=>{
393
                if(Object.is(group,item[this.groupField])){
Shine-zwj's avatar
Shine-zwj committed
394 395 396
                    children.push(item);
                }
            });
397
            group = group ? group : this.$t('app.commonWords.other');
Shine-zwj's avatar
Shine-zwj committed
398 399 400 401 402 403
            const tree: any ={
                group: group,
                children: children
            }
            groupTree.push(tree);
        });
404
        this.groupData = [...groupTree];
Shine-zwj's avatar
Shine-zwj committed
405 406 407
    }
</#if>

408 409 410 411 412 413 414 415 416 417
    <#if ctrl.getQuickPSDEToolbar?? && ctrl.getQuickPSDEToolbar()??>
      <#assign quickToolbar = ctrl.getQuickPSDEToolbar()/>
      ${P.getCtrlCode(quickToolbar, 'CONTROL.vue').code}
    </#if>

    <#if ctrl.getBatchPSDEToolbar?? && ctrl.getBatchPSDEToolbar()??>
      <#assign batchToolbar = ctrl.getBatchPSDEToolbar()/>
      ${P.getCtrlCode(batchToolbar, 'CONTROL.vue').code}
    </#if>

418 419 420 421
    /**
     * 当前页
     *
     * @type {number}
KK's avatar
KK committed
422
     * @memberof ${srfclassname('${ctrl.codeName}')}Base
423
     */
424
    public curPage: number = 1;
425 426 427 428 429

    /**
     * 数据
     *
     * @type {any[]}
KK's avatar
KK committed
430
     * @memberof ${srfclassname('${ctrl.codeName}')}Base
431
     */
432
    public items: any[] = [];
433 434 435 436 437

    /**
     * 是否支持分页
     *
     * @type {boolean}
KK's avatar
KK committed
438
     * @memberof ${srfclassname('${ctrl.codeName}')}Base
439
     */
440
    public isEnablePagingBar: boolean = true;
441 442 443 444 445

    /**
     * 分页条数
     *
     * @type {number}
KK's avatar
KK committed
446
     * @memberof ${srfclassname('${ctrl.codeName}')}Base
447
     */
tony001's avatar
tony001 committed
448
    public limit: number = ${ctrl.getPagingSize()?c};
449 450 451 452 453

    /**
     * 总条数
     *
     * @type {number}
KK's avatar
KK committed
454
     * @memberof ${srfclassname('${ctrl.codeName}')}Base
455
     */
456
    public totalRecord: number = 0;
457

tony001's avatar
tony001 committed
458 459 460 461
    /**
     * 加载的数据是否附加在items之后
     *
     * @type {boolean}
KK's avatar
KK committed
462
     * @memberof ${srfclassname('${ctrl.codeName}')}Base
tony001's avatar
tony001 committed
463 464 465
     */
    public isAddBehind:boolean = false;

466 467 468 469 470 471 472 473
    /**
     * 是否有滚动条
     *
     * @type {boolean}
     * @memberof ${srfclassname('${ctrl.codeName}')}Base
     */
    public isScrollBar: boolean = false;

474 475 476 477
    /**
     * 排序方向
     *
     * @type {string}
KK's avatar
KK committed
478
     * @memberof ${srfclassname('${ctrl.codeName}')}Base
479 480 481 482 483 484 485
     */    
    public sortDir:string = '<#if ctrl.getMinorSortDir()??>${ctrl.getMinorSortDir()?lower_case}</#if>';

    /**
     * 排序字段
     *
     * @type {string}
KK's avatar
KK committed
486
     * @memberof ${srfclassname('${ctrl.codeName}')}Base
487 488 489
     */    
    public sortField: string = '<#if ctrl.getMinorSortPSDEF()??>${ctrl.getMinorSortPSDEF().getCodeName()?lower_case}</#if>';

490 491 492
    /**
     * 选中数组
     * @type {Array<any>}
KK's avatar
KK committed
493
     * @memberof ${srfclassname('${ctrl.codeName}')}Base
494
     */
495
    public selections: Array<any> = [];
496

497 498 499 500 501 502 503 504 505
    /**
     * 应用状态事件
     *
     * @public
     * @type {(Subscription | undefined)}
     * @memberof ${srfclassname('${ctrl.codeName}')}Base
     */
    public appStateEvent: Subscription | undefined;

506 507 508
     /**
     * Vue声明周期,组件挂载完毕
     *
KK's avatar
KK committed
509
     * @memberof ${srfclassname('${ctrl.codeName}')}Base
510
     */
511
    public mounted () {
512 513 514 515 516 517
        this.afterMounted();
    }

    /**
     * 执行mounted后的逻辑
     *
KK's avatar
KK committed
518
     * @memberof ${srfclassname('${ctrl.codeName}')}Base
519
     */
520
    public afterMounted () {
tony001's avatar
tony001 committed
521
        const loadMoreCallBack:any = this.throttle(this.loadMore,3000);
522 523 524 525 526 527 528 529 530 531 532 533 534
        <#if ctrl.getBatchPSDEToolbar?? && ctrl.getBatchPSDEToolbar()??>
        let listDom = this.$el.children[0];
        listDom.addEventListener('scroll', ()=> {
            if(this.$el.scrollHeight > this.$el.clientHeight) {
                this.isScrollBar = true;
            } else {
                this.isScrollBar = false;
            }
            if( this.$el.scrollTop +  this.$el.clientHeight  >=  this.$el.scrollHeight) {
                loadMoreCallBack();
            }
        })
        <#else>
535
        this.$el.addEventListener('scroll', ()=> {
536
            if(this.$el.scrollHeight > this.$el.clientHeight) {
537
                this.isScrollBar = true;
538
            } else {
539
                this.isScrollBar = false;
540
            }
541
            if( this.$el.scrollTop +  this.$el.clientHeight  >=  this.$el.scrollHeight) {
tony001's avatar
tony001 committed
542
                loadMoreCallBack();
543 544
            }
        })
545
        </#if>
546 547 548 549 550
    }

    /**
     * Vue声明周期,组件创建完毕
     *
KK's avatar
KK committed
551
     * @memberof ${srfclassname('${ctrl.codeName}')}Base
552
     */
553
    public created() {
554 555 556 557 558 559
        this.afterCreated()
    }

    /**
     * 执行created后的逻辑
     *
KK's avatar
KK committed
560
     *  @memberof ${srfclassname('${ctrl.codeName}')}Base
561
     */    
562
    public afterCreated(){
563 564 565 566 567
        if (this.viewState) {
            this.viewStateEvent = this.viewState.subscribe(({ tag, action, data }) => {
                if (!Object.is(this.name, tag)) {
                    return;
                }
568
                if (Object.is(action,'load')) {
tony001's avatar
tony001 committed
569 570 571 572 573 574
                    this.curPage = 1;
                    this.items = [];
                    this.load(data);
                }
                if (Object.is(action,'refresh')) {
                    this.refresh(data);
575 576 577
                }
            });
        }
578 579 580 581 582 583 584 585 586 587
        if(AppCenterService && AppCenterService.getMessageCenter()){
            this.appStateEvent = AppCenterService.getMessageCenter().subscribe(({ name, action, data }) =>{
                if(!Object.is(name,"${ctrl.getPSAppDataEntity().getCodeName()}")){
                    return;
                }
                if(Object.is(action,'appRefresh')){
                    this.refresh([data]);
                }
            })
        }
588 589 590 591 592
    }    

    /**
     * vue 生命周期
     *
KK's avatar
KK committed
593
     * @memberof ${srfclassname('${ctrl.codeName}')}Base
594
     */
595
    public destroyed() {
596 597 598 599 600 601
        this.afterDestroy();
    }

    /**
     * 执行destroyed后的逻辑
     *
KK's avatar
KK committed
602
     * @memberof ${srfclassname('${ctrl.codeName}')}Base
603
     */
604
    public afterDestroy() {
605 606 607
        if (this.viewStateEvent) {
            this.viewStateEvent.unsubscribe();
        }
608 609 610
        if(this.appStateEvent){
            this.appStateEvent.unsubscribe();
        }
611 612 613 614 615 616 617 618
        <#if destroyed_block??>
        ${destroyed_block}
        </#if>
    }    

    /**
    * 加载更多
    *
KK's avatar
KK committed
619
    * @memberof ${srfclassname('${ctrl.codeName}')}Base
620
    */
621
    public loadMore(){
tony001's avatar
tony001 committed
622
        if(this.totalRecord>this.items.length){
623
            this.curPage = ++this.curPage;
tony001's avatar
tony001 committed
624
            this.isAddBehind = true;
625 626 627 628 629 630 631
            this.load({});
        }
    }

    /**
     * 刷新
     *
632
     * @param {*} [args={}]
633 634
     * @memberof Main
     */
635
    public refresh(args?: any) {
tony001's avatar
tony001 committed
636
        this.isAddBehind = true;
637
        this.load(args);
638 639 640 641 642
    }

    /**
     * 列表数据加载
     *
643
     * @public
644
     * @param {*} [arg={}]
KK's avatar
KK committed
645
     * @memberof ${srfclassname('${ctrl.codeName}')}Base
646
     */
647
    public load(opt: any = {}): void {
648
        if(!this.fetchAction){
Mosher's avatar
Mosher committed
649
            this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: '${view.getName()}' + (this.$t('app.list.notConfig.fetchAction') as string) });
650 651 652 653 654 655 656
            return;
        }        
        const arg: any = {...opt};
        const page: any = {};
        if (this.isEnablePagingBar) {
            Object.assign(page, { page: this.curPage-1, size: this.limit });
        }
657 658 659 660 661
        // 设置排序
        if (!Object.is(this.sortDir, '') && !Object.is(this.sortField, '')) {
          const sort: string = this.sortField+","+this.sortDir;
            Object.assign(page, { sort: sort });
        }
662 663 664 665
        Object.assign(arg, page);
        const parentdata: any = {};
        this.$emit('beforeload', parentdata);
        Object.assign(arg, parentdata);
666
        let tempViewParams:any = parentdata.viewparams?parentdata.viewparams:{};
tony001's avatar
tony001 committed
667 668 669
        if(this.viewparams){
            Object.assign(tempViewParams,JSON.parse(JSON.stringify(this.viewparams)));
        }
670
        Object.assign(arg,{viewparams:tempViewParams});
671 672 673
        const post: Promise<any> = this.service.search(this.fetchAction, this.context?JSON.parse(JSON.stringify(this.context)):{}, arg, this.showBusyIndicator);
        post.then((response: any) => {
            if (!response || response.status !== 200) {
674 675
                if (response.data && response.data.message) {
                    this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: response.data.message });
676 677 678 679
                }
                return;
            }
            const data: any = response.data;
tony001's avatar
tony001 committed
680 681 682
            if(!this.isAddBehind){
                this.items = [];
            }
tony001's avatar
tony001 committed
683
            if (data && data.length > 0) {
684 685 686 687 688 689
                let datas = JSON.parse(JSON.stringify(data));
                datas.map((item: any) => {
                    Object.assign(item, { isselected: false });
                });
                this.totalRecord = response.total;
                this.items.push(...datas);
tony001's avatar
tony001 committed
690
                this.items = this.arrayNonRepeatfy(this.items);
691
            }
tony001's avatar
tony001 committed
692
            this.isAddBehind = false;
693 694 695
            this.items.forEach((item: any) => {
                Object.assign(item,this.getActionState(item));    
            })
696
            this.$emit('load', this.items);
697
            //在导航视图中,如已有选中数据,则右侧展开已选中数据的视图,如无选中数据则默认选中第一条
698
            if(this.isSelectFirstDefault){
699 700 701 702 703 704 705 706 707 708
                if(this.selections && this.selections.length > 0){
                    this.selections.forEach((select: any)=>{
                        const index = this.items.findIndex((item:any) => Object.is(item.srfkey,select.srfkey));
                        if(index != -1){
                            this.handleClick(this.items[index]);
                        }
                    })
                }else{
                    this.handleClick(this.items[0]);
                } 
709
            }
710 711
            <#if ctrl.isEnableGroup?? && ctrl.isEnableGroup()>
            this.group();
Shine-zwj's avatar
Shine-zwj committed
712
            </#if>
713 714 715 716
        }, (response: any) => {
            if (response && response.status === 401) {
                return;
            }
717
            this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: response.data && response.data.message ? response.data.message : "" });
718 719 720
        });
    }

tony001's avatar
tony001 committed
721 722 723 724 725 726 727 728 729 730 731 732 733 734 735 736 737 738 739 740 741 742 743 744 745 746 747 748 749 750 751 752 753 754 755 756 757 758
    /**
     * 列表数据去重
     *
     * @param {Array<any>} [arr]
     * @returns {void}
     * @memberof ${srfclassname('${ctrl.codeName}')}Base
     */
    public arrayNonRepeatfy(arr:Array<any>) {
        let map = new Map();
        let array = new Array();
        for (let i = 0; i < arr.length; i++) {
            map .set(arr[i].srfkey, arr[i]); 
        }
        map.forEach((value:any, key:string, map:any) => {
            array.push(value);
        });
        return array ;
    }

    /**
     * 节流
     *
     * @param {Array<any>} [arr]
     * @returns {void}
     * @memberof ${srfclassname('${ctrl.codeName}')}Base
     */
    public throttle(fn:any, wait:number){
        let time = 0;
        return () =>{
          let now = Date.now()
          let args = arguments;
          if(now - time > wait){
            fn.apply(this, args)
            time = now;
          }
        }
    }

759 760 761 762 763
    /**
     * 删除
     *
     * @param {any[]} datas
     * @returns {Promise<any>}
KK's avatar
KK committed
764
     * @memberof ${srfclassname('${ctrl.codeName}')}Base
765
     */
766
    public async remove(datas: any[]): Promise<any> {
767
        if(!this.removeAction){
Mosher's avatar
Mosher committed
768
            this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: '${view.getName()}' + (this.$t('app.list.notConfig.removeAction') as string) });
769 770 771 772 773 774 775 776 777 778 779 780 781 782 783 784 785 786 787 788 789 790 791 792 793 794 795
            return;
        }
        if (datas.length === 0) {
            return;
        }
        let dataInfo = '';
        datas.forEach((record: any, index: number) => {
            let srfmajortext = record.srfmajortext;
            if (index < 5) {
                if (!Object.is(dataInfo, '')) {
                    dataInfo += '、';
                }
                dataInfo += srfmajortext;
            } else {
                return false;
            }
        });

        if (datas.length < 5) {
            dataInfo = dataInfo + ' 共' + datas.length + '条数据';
        } else {
            dataInfo = dataInfo + '...' + ' 共' + datas.length + '条数据';
        }

        const removeData = () => {
            let keys: any[] = [];
            datas.forEach((data: any) => {
796
                keys.push(data.srfkey); 
797
            });
WodahsOrez's avatar
WodahsOrez committed
798
            let _removeAction = keys.length > 1 ? 'removeBatch' : this.removeAction ;
799
            const context:any = JSON.parse(JSON.stringify(this.context));
800
            const post: Promise<any> = this.service.delete(_removeAction,Object.assign(context,{ ${ctrl.getPSAppDataEntity().codeName?lower_case}: keys.join(';') }),Object.assign({ ${ctrl.getPSAppDataEntity().codeName?lower_case}: keys.join(';') },{viewparams:this.viewparams}), this.showBusyIndicator);
801 802 803
            return new Promise((resolve: any, reject: any) => {
                post.then((response: any) => {
                    if (!response || response.status !== 200) {
Mosher's avatar
Mosher committed
804
                        this.$Notice.error({ title: '', desc: (this.$t('app.commonWords.delDataFail') as string) + ',' + response.info });
805 806
                        return;
                    } else {
Mosher's avatar
Mosher committed
807
                        this.$Notice.success({ title: '', desc: (this.$t('app.commonWords.deleteSuccess') as string) });
808 809 810
                    }
                    //删除items中已删除的项
                    datas.forEach((data: any) => {
811 812 813
                        this.items.some((item:any,index:number)=>{
                            if(Object.is(item.srfkey,data.srfkey)){
                                this.items.splice(index,1);
814 815
                                <#if ctrl.isEnableGroup?? && ctrl.isEnableGroup()>
                                this.group();
816
                                </#if>
817 818 819 820 821 822 823 824 825 826 827 828
                                return true;
                            }
                        });
                    });
                    this.$emit('remove', null);
                    this.selections = [];
                    resolve(response);
                }).catch((response: any) => {
                    if (response && response.status === 401) {
                        return;
                    }
                    if (!response || !response.status || !response.data) {
Mosher's avatar
Mosher committed
829
                        this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: (this.$t('app.commonWords.sysException') as string) });
830 831 832 833 834 835 836 837 838 839
                        reject(response);
                        return;
                    }
                    reject(response);
                });
            });
        }

        dataInfo = dataInfo.replace(/[null]/g, '').replace(/[undefined]/g, '').replace(/[ ]/g, '');
        this.$Modal.confirm({
Mosher's avatar
Mosher committed
840 841
            title: (this.$t('app.commonWords.warning') as string),
            content: (this.$t('app.list.confirmDel') as string) + ' ' + dataInfo + ',' + (this.$t('app.list.notRecoverable') as string) ,
842 843 844 845 846 847 848 849
            onOk: () => {
                removeData();
            },
            onCancel: () => { }
        });
        return removeData;
    }

850 851 852 853 854
    /**
     * 保存
     *
     * @param {*} $event
     * @returns {Promise<any>}
KK's avatar
KK committed
855
     * @memberof ${srfclassname('${ctrl.codeName}')}Base
856 857 858 859 860 861 862 863 864 865
     */
    public async save(args: any[], params?: any, $event?: any, xData?: any){
        let _this = this;
        let successItems:any = [];
        let errorItems:any = [];
        let errorMessage:any = [];
        for (const item of _this.items) {
            try {
                if(Object.is(item.rowDataState, 'create')){
                    if(!this.createAction){
Mosher's avatar
Mosher committed
866
                        this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: '${view.getName()}' + (this.$t('app.list.notConfig.createAction') as string) });
867 868 869 870 871 872 873
                    }else{
                      Object.assign(item,{viewparams:this.viewparams});
                      let response = await this.service.add(this.createAction, JSON.parse(JSON.stringify(this.context)),item, this.showBusyIndicator);
                      successItems.push(JSON.parse(JSON.stringify(response.data)));
                    }
                }else if(Object.is(item.rowDataState, 'update')){
                    if(!this.updateAction){
Mosher's avatar
Mosher committed
874
                        this.$Notice.error({ title: (this.$t('app.commonWords.warning') as string), desc: '${view.getName()}' + (this.$t('app.list.notConfig.updateAction') as string) });
875 876 877 878 879 880 881 882 883 884 885 886 887 888 889 890 891 892 893
                    }else{
                        Object.assign(item,{viewparams:this.viewparams});
<#if de??>
                        if(item.${appde.getCodeName()?lower_case}){
                            Object.assign(this.context,{${appde.getCodeName()?lower_case}:item.${appde.getCodeName()?lower_case}});
                        }
</#if>
                        let response = await this.service.add(this.updateAction,JSON.parse(JSON.stringify(this.context)),item, this.showBusyIndicator);
                        successItems.push(JSON.parse(JSON.stringify(response.data)));
                    }
                }
            } catch (error) {
                errorItems.push(JSON.parse(JSON.stringify(item)));
                errorMessage.push(error);
            }
        }
        this.$emit('save', successItems);
        this.refresh();
        if(errorItems.length === 0){
Mosher's avatar
Mosher committed
894
            this.$Notice.success({ title: '', desc: (this.$t('app.commonWords.saveSuccess') as string) });
895 896
        }else{
          errorItems.forEach((item:any,index:number)=>{
Mosher's avatar
Mosher committed
897
            this.$Notice.error({ title: (this.$t('app.commonWords.saveFailed') as string), desc: item.majorentityname+ (this.$t('app.commonWords.saveFailed') as string) + '!' });
898 899 900 901 902 903
            console.error(errorMessage[index]);
          });
        }
        return successItems;
    }

904 905 906 907 908
    /**
     * 面板数据变化处理事件
     * @param {any} item 当前列数据
     * @param {any} $event 面板事件数据
     *
KK's avatar
KK committed
909
     * @memberof ${srfclassname('${ctrl.codeName}')}Base
910 911 912 913 914
     */
    public onPanelDataChange(item:any,$event:any) {
        Object.assign(item, $event, {rowDataState:'update'});
    }

915 916
    /**
     * 选择数据
KK's avatar
KK committed
917
     * @memberof ${srfclassname('${ctrl.codeName}')}Base
918 919
     *
     */
920
    public handleClick(args: any) {
921 922
        if(this.parentType && this.parentType === "listExpBar") {
            const flag = args.isselected;
923
            this.clearSelection();
924 925 926 927 928 929 930
            if(!flag) {
                args.isselected = !args.isselected;
            } else {
                args.isselected = flag;
            }
        } else {
            args.isselected = !args.isselected;
931
        }
932 933 934 935 936
        this.selectchange();
    }

    /**
     * 双击数据
KK's avatar
KK committed
937
     * @memberof ${srfclassname('${ctrl.codeName}')}Base
938 939
     *
     */
940
    public handleDblClick(args: any) {
941 942 943 944 945
        this.$emit('rowdblclick', args);
    }

    /**
     * 触发事件
KK's avatar
KK committed
946
     * @memberof ${srfclassname('${ctrl.codeName}')}Base
947 948
     *
     */
949
    public selectchange() {
950 951 952 953 954 955 956 957 958 959 960 961
        this.selections = [];
        this.items.map((item: any) => {
            if (item.isselected) {
                this.selections.push(item);
            }
        });
        this.$emit('selectionchange', this.selections);
    }

    /**
     * 清除当前所有选中状态
     *
KK's avatar
KK committed
962
     * @memberof ${srfclassname('${ctrl.codeName}')}Base
963
     */
964
    public clearSelection(){
965 966 967 968 969
        this.items.map((item: any) => {
            Object.assign(item, { isselected: false });
        }); 
    }

970 971 972 973 974 975
    /**
     * 操作栏模型数据
     *
     * @type {*}
     * @memberof ${srfclassname('${ctrl.codeName}')}Base
     */ 
976
    public actionModel:any ={
977 978 979 980 981 982
    <#if ctrl.getPSDEListItems?? && ctrl.getPSDEListItems()??>
    <#list ctrl.getPSDEListItems() as listItem>
        <#if listItem.getPSDEUIActionGroup?? && listItem.getPSDEUIActionGroup()??>
        <#assign UIActionGrop = listItem.getPSDEUIActionGroup() />
        <#if UIActionGrop.getPSUIActions?? && UIActionGrop.getPSUIActions()??>
        <#list UIActionGrop.getPSUIActions() as UIAction >
983
         "${UIAction.getUIActionTag()}":{name:"${UIAction.getUIActionTag()}",icon:"<#if UIAction.getPSSysImage()??><#assign img=UIAction.getPSSysImage() /><#if img.getCssClass()?? && (img.getCssClass()?length gt 0)>${img.getCssClass()}</#if></#if>",caption:"${UIAction.getCaption()}",disabled: false, visabled: true,noprivdisplaymode:<#if UIAction.getNoPrivDisplayMode(view)??>${UIAction.getNoPrivDisplayMode(view)}</#if>,dataaccaction: "<#if UIAction.getDataAccessAction()??>${UIAction.getDataAccessAction()}</#if>", actiontarget: "${UIAction.getActionTarget()}"},
984 985
        </#list>
        </#if>
986 987 988 989 990 991 992 993 994 995 996 997 998 999 1000 1001 1002 1003 1004 1005 1006 1007 1008 1009 1010 1011 1012
        </#if>
    </#list>
    </#if>
    };

    /**
     * 操作列界面行为
     *
     * @param {*} data
     * @param {*} tag
     * @param {*} $event
     * @memberof ${srfclassname('${ctrl.codeName}')}Base
     */
	public uiAction(data: any, tag: any, $event: any) {
        $event.stopPropagation();
        <#if ctrl.getPSAppViewLogics()??>
        <#list ctrl.getPSAppViewLogics() as logic>
        <#if logic.getPSAppViewUIAction().getPSUIAction()??>
        <#assign action = logic.getPSAppViewUIAction().getPSUIAction()>
        if(Object.is('${action.getUIActionTag()}', tag)) {
            this.${logic.getName()}(data, tag, $event);
        }
        </#if>
        </#list>
        </#if>
    }

1013 1014 1015 1016 1017 1018 1019 1020 1021 1022 1023 1024 1025
    /**
     * 获取界面行为权限状态
     *
     * @param {*} data 当前列表行数据
     * @memberof ${srfclassname('${ctrl.codeName}')}Base
     */
    public getActionState(data:any){
        let tempActionModel:any = JSON.parse(JSON.stringify(this.actionModel));
        let targetData:any = this.transformData(data);
        ViewTool.calcActionItemAuthState(targetData,tempActionModel,this.appUIService);
        return tempActionModel;
    }

1026 1027 1028 1029 1030 1031 1032
<#ibizinclude>
../@MACRO/CONTROL/CONTROL_BOTTOM-BASE.vue.ftl
</#ibizinclude>

<#ibizinclude>
../@MACRO/CONTROL/CONTROL-BASE.style.ftl
</#ibizinclude>