看板视图

@CONTROL/看板视图/CONTROL-BASE.vue.ftl

+<template>
+    <div class="app-data-view-group">
+        <#if ctrl.render??>
+        ${ctrl.render.code}
+        <#else>
+        <template v-for="(group, index) of groups">
+            <draggable :key="group + index" :list="group.items" group="${ctrl.name}" class="dataview-group-content" style="<#if ctrl.getGroupWidth() gt 0>width: ${ctrl.getGroupWidth()?c}px;<#else>flex-grow: 1;</#if>">
+                <div slot="header" class="dataview-group-header">
+                    {{ getGroupText(group.name) }}
+                    <#if ctrl.getGroupPSUIActionGroup()??>
+                    <Poptip trigger="hover" content="content" placement="bottom-end" style="float: right;">
+                        <Icon type="md-more" />
+                        <div slot="content" class="group-action">
+                            <#if ctrl.getGroupPSUIActionGroup().getPSUIActions()??>
+                            <#list ctrl.getGroupPSUIActionGroup().getPSUIActions() as action>
+                            <div class="group-action-item">
+                                <i-button long @click="uiAction('${action.getCodeName()}', $event)">
+                                <#if action.getPSSysImage()??>
+                                <#if action.getPSSysImage().getImagePath()?length gt 0>
+                                <img src="${action.getPSSysImage().getImagePath()}"/>
+                                <#else>
+                                <i class="${action.getPSSysImage().getCssClass()}"></i>
+                                </#if>
+                                </#if>
+                                ${action.getCaption()}
+                                </i-button>
+                            </div>
+                            </#list>
+                            </#if>
+                        </div>
+                    </Poptip>
+                    </#if>
+                </div>
+                <div v-for="(item, i) in group.items" :key="i" :class="{'dataview-group-item': true, 'is-select': item.isselected}" @click="handleClick(item)">
+                    <#if ctrl.getItemPSLayoutPanel()??>
+                    <#assign panel = ctrl.getItemPSLayoutPanel()>
+                    <layout_${panel.getName()} name='${panel.name}' :data="item"></layout_${panel.getName()}>
+                    <#elseif ctrl.itemRender??>
+                    ${ctrl.itemRender.code}
+                    <#else>
+                    {{ item.srfmajortext }}
+                    </#if>
+                </div>
+            </draggable>
+        </template>
+</#if>
+  </div>
+</template>
+<#assign import_block>
+import draggable from "vuedraggable";
+</#assign>
+<#assign component_block>
+draggable,
+</#assign>
+
+<#ibizinclude>
+../@MACRO/CONTROL/CONTROL_HEADER-BASE.vue.ftl
+</#ibizinclude>
+    /**
+     * 获取多项数据
+     *
+     * @returns {any[]}
+     * @memberof ${srfclassname('${ctrl.codeName}')}
+     */
+    public getDatas(): any[] {
+        return this.selections;
+    }
+
+    /**
+     * 获取单项树
+     *
+     * @returns {*}
+     * @memberof ${srfclassname('${ctrl.codeName}')}
+     */
+    public getData(): any {
+        return null;
+    }
+
+    /**
+     * 是否默认选中第一条数据
+     *
+     * @type {boolean}
+     * @memberof ${srfclassname('${ctrl.codeName}')}
+     */
+    @Prop({ default: false }) public isSelectFirstDefault!: boolean;
+
+    /**
+     * 显示处理提示
+     *
+     * @type {boolean}
+     * @memberof ${srfclassname('${ctrl.codeName}')}
+     */
+    @Prop({ default: true }) public showBusyIndicator?: boolean;
+
+    /**
+     * 部件行为--create
+     *
+     * @type {string}
+     * @memberof ${srfclassname('${ctrl.codeName}')}
+     */
+    @Prop() public createAction!: string;
+
+    /**
+     * 部件行为--remove
+     *
+     * @type {string}
+     * @memberof ${srfclassname('${ctrl.codeName}')}
+     */
+    @Prop() public removeAction!: string;
+
+    /**
+     * 部件行为--update
+     *
+     * @type {string}
+     * @memberof ${srfclassname('${ctrl.codeName}')}
+     */
+    @Prop() public updateAction!: string;
+
+    /**
+     * 部件行为--fetch
+     *
+     * @type {string}
+     * @memberof ${srfclassname('${ctrl.codeName}')}
+     */
+    @Prop() public fetchAction!: string;
+
+    /**
+     * 是否单选
+     *
+     * @type {boolean}
+     * @memberof ${srfclassname('${ctrl.codeName}')}
+     */
+    @Prop() public isSingleSelect?: boolean;
+
+    /**
+     * 数据
+     *
+     * @type {any[]}
+     * @memberof ${srfclassname('${ctrl.codeName}')}
+     */
+    public items: any[] = [];
+
+    /**
+     * 是否支持分页
+     *
+     * @type {boolean}
+     * @memberof ${srfclassname('${ctrl.codeName}')}
+     */
+    public isEnablePagingBar: boolean = ${ctrl.isEnablePagingBar()?c};;
+
+    /**
+     * 总条数
+     *
+     * @type {number}
+     * @memberof ${srfclassname('${ctrl.codeName}')}
+     */
+    public totalRecord: number = 0;
+
+    /**
+     * 加载的数据是否附加在items之后
+     *
+     * @type {boolean}
+     * @memberof ${srfclassname('${ctrl.codeName}')}
+     */
+    public isAddBehind:boolean = false;
+
+    /**
+     * 选中数组
+     * @type {Array<any>}
+     * @memberof ${srfclassname('${ctrl.codeName}')}
+     */
+    public selections: Array<any> = [];
+
+    /**
+     * 当前页
+     *
+     * @type {number}
+     * @memberof ${srfclassname('${ctrl.codeName}')}
+     */
+    public curPage: number = 1;
+
+    /**
+     * 分页条数
+     *
+     * @type {number}
+     * @memberof ${srfclassname('${ctrl.codeName}')}
+     */
+    public limit: number = ${ctrl.getPagingSize()?c};
+
+    /**
+     * 排序方向
+     *
+     * @type {string}
+     * @memberof ${srfclassname('${ctrl.codeName}')}
+     */    
+    public sortDir:string = '<#if ctrl.getMinorSortDir()??>${ctrl.getMinorSortDir()?lower_case}</#if>';
+
+    /**
+     * 排序字段
+     *
+     * @type {string}
+     * @memberof ${srfclassname('${ctrl.codeName}')}
+     */    
+    public sortField: string = '<#if ctrl.getMinorSortPSDEF()??>${ctrl.getMinorSortPSDEF().getCodeName()?lower_case}</#if>';
+
+    /**
+     * 是否分组
+     *
+     * @type {string}
+     * @memberof ${srfclassname('${ctrl.codeName}')}
+     */   
+    public isGroup: boolean = true;
+    /**
+     * 分组集合
+     *
+     * @type {string}
+     * @memberof ${srfclassname('${ctrl.codeName}')}
+     */ 
+    public groups: any[] = [];
+    /**
+     * 分组属性名称
+     *
+     * @type {string}
+     * @memberof ${srfclassname('${ctrl.codeName}')}
+     */ 
+    public groupField: string = '<#if ctrl.getGroupPSDEField()??>${ctrl.getGroupPSDEField().getCodeName()?lower_case}</#if>';
+    /**
+     * 分组模式
+     *
+     * @type {string}
+     * @memberof ${srfclassname('${ctrl.codeName}')}
+     */ 
+    public groupMode: string = '${ctrl.getGroupMode()}'
+    /**
+     * 分组模式
+     *
+     * @type {string}
+     * @memberof ${srfclassname('${ctrl.codeName}')}
+     */ 
+    public groupCodelist: string = '<#if ctrl.getGroupPSCodeList()??>${ctrl.getGroupPSCodeList().getCodeName()}</#if>'
+
+    /**
+     * Vue声明周期，组件挂载完毕
+     *
+     * @memberof ${srfclassname('${ctrl.codeName}')}
+     */
+    public mounted () {
+        this.afterMounted();
+    }
+
+    /**
+     * 执行mounted后的逻辑
+     *
+     *  @memberof ${srfclassname('${ctrl.codeName}')}
+     */    
+    public afterMounted(){
+        <#if !ctrl.isEnablePagingBar()>
+        this.$el.addEventListener('scroll', ()=> {
+            if( this.$el.scrollTop +  this.$el.clientHeight  >=  this.$el.scrollHeight) {
+                this.loadMore();
+            }
+        })
+        </#if>
+    }
+
+    /**
+     * Vue声明周期，组件创建完毕
+     *
+     * @memberof ${srfclassname('${ctrl.codeName}')}
+     */
+    public created() {
+        this.afterCreated();
+    }
+
+    /**
+     * 执行created后的逻辑
+     *
+     *  @memberof ${srfclassname('${ctrl.codeName}')}
+     */    
+    public afterCreated(){
+        if (this.viewState) {
+            this.viewStateEvent = this.viewState.subscribe(({ tag, action, data }) => {
+                if (!Object.is(this.name, tag)) {
+                    return;
+                }
+                if (Object.is(action,'load')) {
+                    this.refresh(data)
+                }
+                if (Object.is(action,'filter')) {
+                    this.refresh(data)
+                }
+            });
+        }
+    }
+
+    /**
+	 * 加载更多
+	 *
+	 * @memberof ${srfclassname('${ctrl.codeName}')}
+	 */
+    public loadMore(){
+        if(this.totalRecord>this.items.length)
+        {
+            this.curPage = ++this.curPage;
+            this.isAddBehind = true;
+            this.load({});
+        }
+    }
+
+    /**
+     * 刷新
+     *
+     * @param {*} [opt={}]
+     * @memberof ${srfclassname('${ctrl.codeName}')}
+     */
+    public refresh(opt: any = {}) {
+        this.curPage = 1;
+        this.load(opt, true);
+    }
+
+    /**
+     * vue 生命周期
+     *
+     * @memberof ${srfclassname('${ctrl.codeName}')}
+     */
+    public destroyed() {
+        this.afterDestroy();
+    }
+
+    /**
+     * 执行destroyed后的逻辑
+     *
+     * @memberof ${srfclassname('${ctrl.codeName}')}
+     */
+    public afterDestroy() {
+        if (this.viewStateEvent) {
+            this.viewStateEvent.unsubscribe();
+        }
+        <#if destroyed_block??>
+        ${destroyed_block}
+        </#if>
+    }
+
+    /**
+     * 表格数据加载
+     *
+     * @public
+     * @param {*} [arg={}]
+     * @param {boolean} [isReset=false] 是否重置items
+     * @memberof ${srfclassname('${ctrl.codeName}')}
+     */
+    public load(opt: any = {}, isReset: boolean = false): void {
+        if(!this.fetchAction){
+            this.$Notice.error({ title: '错误', desc: '${view.getName()}视图列表fetchAction参数未配置' });
+            return;
+        }      
+        const arg: any = {...opt};
+        const page: any = {};
+        if (this.isEnablePagingBar) {
+            Object.assign(page, { page: this.curPage-1, size: this.limit });
+        }
+        // 设置排序
+        if (!Object.is(this.sortDir, '') && !Object.is(this.sortField, '')) {
+          const sort: string = this.sortField+","+this.sortDir;
+            Object.assign(page, { sort: sort });
+        }
+        Object.assign(arg, page);
+        const parentdata: any = {};
+        this.$emit('beforeload', parentdata);
+        Object.assign(arg, parentdata);
+        let tempViewParams:any = parentdata.viewparams?parentdata.viewparams:{};
+        Object.assign(tempViewParams,JSON.parse(JSON.stringify(this.viewparams)));
+        Object.assign(arg,{viewparams:tempViewParams});
+        const post: Promise<any> = this.service.search(this.fetchAction,JSON.parse(JSON.stringify(this.context)), arg, this.showBusyIndicator);
+        post.then((response: any) => {
+            if (!response || response.status !== 200) {
+                if (response.errorMessage) {
+                    this.$Notice.error({ title: '错误', desc: response.errorMessage });
+                }
+                return;
+            }
+            const data: any = response.data;
+            if(!this.isAddBehind){
+                this.items = [];
+            }
+            if (Object.keys(data).length > 0) {
+                let datas = JSON.parse(JSON.stringify(data));
+                datas.map((item: any) => {
+                    Object.assign(item, { isselected: false });
+                });
+                this.totalRecord = response.total;
+                if(isReset){
+                    this.items = datas;
+                }else{
+                    this.items.push(...datas);
+                }
+            }
+            this.isAddBehind = false;
+            this.setGroups();
+            this.$emit('load', this.items);
+            if(this.isSelectFirstDefault){
+                this.handleClick(this.items[0]);
+            }
+        }, (response: any) => {
+            if (response && response.status === 401) {
+                return;
+            }
+            this.$Notice.error({ title: '错误', desc: response.errorMessage });
+        });
+    }
+
+    /**
+     * 删除
+     *
+     * @param {any[]} datas
+     * @returns {Promise<any>}
+     * @memberof ${srfclassname('${ctrl.codeName}')}
+     */
+    public async remove(datas: any[]): Promise<any> {
+        if(!this.removeAction){
+            this.$Notice.error({ title: '错误', desc: '${view.getName()}视图表格removeAction参数未配置' });
+            return;
+        }
+        let _datas:any[] = [];
+        datas.forEach((record: any, index: number) => {
+            if (Object.is(record.srfuf, '0')) {
+                this.items.some((val: any, num: number) =>{
+                    if(JSON.stringify(val) == JSON.stringify(record)){
+                        this.items.splice(num,1);
+                        return true;
+                    }
+                }); 
+            }else{
+               _datas.push(datas[index]);
+            }
+        });
+        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) => {
+                keys.push(data.srfkey);
+            });
+            let _removeAction = keys.length > 1 ? 'removeBatch' : this.removeAction ;
+            const context:any = JSON.parse(JSON.stringify(this.context));
+            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);
+            return new Promise((resolve: any, reject: any) => {
+                post.then((response: any) => {
+                    if (!response || response.status !== 200) {
+                        this.$Notice.error({ title: '', desc: '删除数据失败,' + response.info });
+                        return;
+                    } else {
+                        this.$Notice.success({ title: '', desc: '删除成功!' });
+                    }
+                    //删除items中已删除的项
+                    _datas.forEach((data: any) => {
+                      this.items.some((item:any,index:number)=>{
+                        if(Object.is(item.srfkey,data.srfkey)){
+                          this.items.splice(index,1);
+                                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) {
+                        this.$Notice.error({ title: '错误', desc: '系统异常' });
+                        reject(response);
+                        return;
+                    }
+                    reject(response);
+                });
+            });
+        }
+
+        dataInfo = dataInfo.replace(/[null]/g, '').replace(/[undefined]/g, '').replace(/[ ]/g, '');
+        this.$Modal.confirm({
+            title: '警告',
+            content: '确认要删除 ' + dataInfo + '，删除操作将不可恢复？',
+            onOk: () => {
+                removeData();
+            },
+            onCancel: () => { }
+        });
+        return removeData;
+    }
+
+    /**
+     * 设置分组集合
+     *
+     * @param {}
+     * @memberof ${srfclassname('${ctrl.codeName}')}
+     */
+    public setGroups() {
+        if(!this.isGroup || !this.groupField || Object.is(this.groupMode, 'NONE')) {
+            return;
+        }
+        if(Object.is(this.groupMode, 'AUTO')) {
+            this.groups = [];
+            this.items.forEach(item => {
+                let group: any = this.groups.find((group: any) => Object.is(group.name, item[this.groupField]));
+                if(!group) {
+                    this.groups.push({
+                        name: item[this.groupField],
+                        items: this.getGroupItems(item[this.groupField])
+                    })
+                }
+            });
+        }
+        if(Object.is(this.groupMode, 'CODELIST') && this.groupCodelist) {
+            this.groups = [];
+            let codelist: any = this.$store.getters.getCodeList(this.groupCodelist);
+            if(codelist) {
+                codelist.items.forEach((item: any) => {
+                    this.groups.push({
+                        name: item.value,
+                        items: this.getGroupItems(item.value)
+                    })
+                })
+            }
+        }
+    }
+
+    /**
+     * 设置分组集合
+     *
+     * @param {string} name
+     * @memberof ${srfclassname('${ctrl.codeName}')}
+     */
+    public getGroupItems(name: string) {
+        let datas: any = [];
+        this.items.forEach(item => {
+            if(Object.is(item[this.groupField], name)) {
+                datas.push(item);
+            }
+        })
+        return datas;
+    }
+
+    /**
+     * 设置分组集合
+     *
+     * @param {string} name
+     * @memberof ${srfclassname('${ctrl.codeName}')}
+     */
+    public getGroupText(name: string) {
+        if(Object.is(this.groupMode, 'CODELIST') && this.groupCodelist) {
+            let codelist: any = this.$store.getters.getCodeList(this.groupCodelist);
+            if(codelist) {
+                if(!name) {
+                    return codelist.emptytext;
+                }
+                let item = codelist.items.find((item: any) => Object.is(item.value, name));
+                if(item) {
+                    return item.text;
+                }
+            }
+        }
+        return name;
+    }
+
+    /**
+     * 选择数据
+     * @memberof ${srfclassname('${ctrl.codeName}')}
+     *
+     */
+    public handleClick(args: any) {
+        args.isselected = !args.isselected;
+        this.items.forEach((item:any) =>{
+            if(item.srfkey !== args.srfkey){
+                item.isselected =false;
+            }
+        })
+        this.selectchange();
+    }
+
+    /**
+     * 双击数据
+     * @memberof ${srfclassname('${ctrl.codeName}')}
+     *
+     */
+    public handleDblClick(args: any) {
+        this.$emit('rowdblclick', args);
+    }
+
+    /**
+     * 触发事件
+     * @memberof ${srfclassname('${ctrl.codeName}')}
+     *
+     */
+    public selectchange() {
+        this.selections = [];
+        this.items.map((item: any) => {
+            if (item.isselected) {
+                this.selections.push(item);
+            }
+        });
+        this.$emit('selectionchange', this.selections);
+    }
+
+    /**
+     * 界面行为
+     *
+     * @param {*} tag
+     * @param {*} $event
+     * @memberof ${srfclassname('${ctrl.codeName}')}
+     */
+	public uiAction(tag: any, $event: any) {
+        let row = this.selections.length > 0 ? this.selections[0] : {};
+        <#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()}(row, tag, $event);
+        }
+        </#if>
+        </#list>
+        </#if>
+    }
+
+<#ibizinclude>
+../@MACRO/CONTROL/CONTROL_BOTTOM-BASE.vue.ftl
+</#ibizinclude>
+
+<#ibizinclude>
+../@MACRO/CONTROL/CONTROL-BASE.style.ftl
+</#ibizinclude>
\ No newline at end of file

@CONTROL/看板视图/CONTROL.html.ftl

+<#--  content  -->
+<#assign content>
+    createAction="<#if ctrl.getCreatePSControlAction()?? && ctrl.getCreatePSControlAction().getPSAppDEMethod()??>${ctrl.getCreatePSControlAction().getPSAppDEMethod().getCodeName()}</#if>"
+    removeAction="<#if ctrl.getRemovePSControlAction()?? && ctrl.getRemovePSControlAction().getPSAppDEMethod()??>${ctrl.getRemovePSControlAction().getPSAppDEMethod().getCodeName()}</#if>"
+    updateAction="<#if ctrl.getUpdatePSControlAction()?? && ctrl.getUpdatePSControlAction().getPSAppDEMethod()??>${ctrl.getUpdatePSControlAction().getPSAppDEMethod().getCodeName()}</#if>"
+    fetchAction="<#if ctrl.getFetchPSControlAction()?? && ctrl.getFetchPSControlAction().getPSAppDEMethod()??>${ctrl.getFetchPSControlAction().getPSAppDEMethod().getCodeName()}</#if>"
+    :showBusyIndicator="${ctrl.isShowBusyIndicator()?c}" 
+  <#if view.getViewType() == 'DEDATAVIEWEXPVIEW'>
+    :isSelectFirstDefault="true"
+  </#if>
+</#assign>
+<#ibizinclude>
+../@MACRO/HTML/DEFAULT.html.ftl
+</#ibizinclude>
\ No newline at end of file

@CONTROL/看板视图/CONTROL.less.ftl

+.app-data-view-group {
+  height: 100%;
+  display: flex;
+  .dataview-group-content {
+    border: 1px solid #ddd;
+    border-left: 0;
+    .dataview-group-header {
+      height: 36px;
+      line-height: 36px;
+      border-bottom: 1px solid #ddd;
+      padding: 0 8px;
+      .group-action {
+        .group-action-item:nth-child(1) + .group-action-item {
+          margin-top: 5px;
+        }
+      }
+    }
+    .dataview-group-item {
+      margin: 8px 8px 0 8px;
+      border: 1px solid #ddd;
+      padding: 8px;
+    }
+    .dataview-group-item.is-select {
+      border-color: #108cee;
+    }
+  }
+  .dataview-group-content:nth-child(1) {
+    border-left: 1px solid #ddd;
+  }
+}
+<#ibizinclude>
+../@MACRO/CSS/DEFAULT.less.ftl
+</#ibizinclude>
\ No newline at end of file

@CONTROL/看板视图/CONTROL.vue.ftl

+<#ibizinclude>
+../@MACRO/CONTROL/CONTROL.vue.ftl
+</#ibizinclude>
\ No newline at end of file

@CONTROL/看板视图/MODEL.ts.ftl

+<#ibizinclude>
+../@MACRO/MODEL/MODEL_HEADER.ts.ftl
+</#ibizinclude>
+
+	/**
+	 * 获取数据项集合
+	 *
+	 * @returns {any[]}
+	 * @memberof ${srfclassname('${ctrl.getCodeName()}')}${srfclassname('${ctrl.name}')}Mode
+	 */
+	public getDataItems(): any[] {
+		return [
+<#--  数据视图数据项  -->
+<#if ctrl.getPSDEDataViewDataItems()??>
+  <#list ctrl.getPSDEDataViewDataItems() as dataitem>
+			{
+				name: '${dataitem.getName()}',
+    <#if dataitem.getPSDEField()??>
+				prop: '${dataitem.getPSDEField().getCodeName()?lower_case}',
+				dataType: '${dataitem.getPSDEField().getDataType()}',
+    </#if>
+			},
+  </#list>
+</#if>
+<#--  关联主实体的主键  -->
+<#if ctrl.getPSAppDataEntity()??>
+  <#assign appDataEntity = ctrl.getPSAppDataEntity() />
+  <#if appDataEntity.isMajor() == false && appDataEntity.getMinorPSAppDERSs()??>
+    <#list appDataEntity.getMinorPSAppDERSs() as minorAppDERSs>
+      <#if minorAppDERSs.getMajorPSAppDataEntity()??>
+      <#assign majorAppDataEntity = minorAppDERSs.getMajorPSAppDataEntity() />
+			{
+				name: '${majorAppDataEntity.getCodeName()?lower_case}',
+				prop: '${majorAppDataEntity.getKeyPSAppDEField().getCodeName()?lower_case}'
+			},
+      </#if>
+    </#list>
+  </#if>
+</#if>
+
+<#if ctrl.getPSDEDataViewDataItems()??>
+  <#list ctrl.getPSDEDataViewDataItems() as dataitem>
+	<#-- 界面主键标识 -->
+  <#if dataitem.getPSDEField?? && dataitem.getPSDEField()?? && dataitem.getPSDEField().isKeyDEField() == true>
+	  <#if !P.exists("importService", dataitem.getPSDEField().getId(), "")>
+			{
+				name: '${ctrl.getPSAppDataEntity().getCodeName()?lower_case}',
+				prop: '${dataitem.getPSDEField().getCodeName()?lower_case}',
+				dataType: 'FONTKEY',
+			},
+	 	</#if>
+	</#if>
+  </#list>
+</#if>
+
+<#if view.hasPSControl('searchform')>
+${P.getCtrlCode('searchform', 'MODEL_CONTENT.ts').code}
+</#if>
+
+      {
+        name:'size',
+        prop:'size'
+      },
+      {
+        name:'query',
+        prop:'query'
+      },
+      {
+        name:'sort',
+        prop:'sort'
+      },
+      {
+        name:'page',
+        prop:'page'
+      },
+      {
+        name:'srfparentdata',
+        prop:'srfparentdata'
+      },
+      // 前端新增修改标识，新增为"0",修改为"1"或未设值
+      {
+        name: 'srffrontuf',
+        prop: 'srffrontuf',
+        dataType: 'TEXT',
+      },
+		]
+	}
+
+<#ibizinclude>
+../@MACRO/MODEL/MODEL_BOTTOM.ts.ftl
+</#ibizinclude>
\ No newline at end of file

@CONTROL/看板视图/SERVICE.ts.ftl

+<#ibizinclude>
+../@MACRO/SERVICE/SERVICE_HEADER.ts.ftl
+</#ibizinclude>
+
+
+
+
+    /**
+     * 查询数据
+     *
+     * @param {string} action
+     * @param {*} [context={}]
+     * @param {*} [data={}]
+     * @param {boolean} [isloading]
+     * @returns {Promise<any>}
+     * @memberof ${srfclassname('${ctrl.codeName}')}Service
+     */
+    @Errorlog
+    public search(action: string,context: any = {}, data: any = {}, isloading?: boolean): Promise<any> {
+        const {data:Data,context:Context} = this.handleRequestData(action,context,data,true);
+        return new Promise((resolve: any, reject: any) => {
+            const _appEntityService: any = this.appEntityService;
+            let result: Promise<any>;
+            if (_appEntityService[action] && _appEntityService[action] instanceof Function) {
+                result = _appEntityService[action](Context,Data, isloading);
+            }else{
+                result =_appEntityService.FetchDefault(Context,Data, isloading);
+            }
+            result.then((response) => {
+                this.handleResponse(action, response);
+                resolve(response);
+            }).catch(response => {
+                reject(response);
+            });      
+        });
+    }
+
+    /**
+     * 删除数据
+     *
+     * @param {string} action
+     * @param {*} [context={}]
+     * @param {*} [data={}]
+     * @param {boolean} [isloading]
+     * @returns {Promise<any>}
+     * @memberof ${srfclassname('${ctrl.codeName}')}Service
+     */
+    @Errorlog
+    public delete(action: string,context: any = {}, data: any = {}, isloading?: boolean): Promise<any> {
+        const {data:Data,context:Context} = this.handleRequestData(action,context,data,true);
+        return new Promise((resolve: any, reject: any) => {
+            const _appEntityService: any = this.appEntityService;
+            let result: Promise<any>;
+            if (_appEntityService[action] && _appEntityService[action] instanceof Function) {
+                result = _appEntityService[action](Context,Data, isloading);
+            }else{
+                result =_appEntityService.remove(Context,Data, isloading);
+            }
+            result.then((response) => {
+                this.handleResponse(action, response);
+                resolve(response);
+            }).catch(response => {
+                reject(response);
+            });      
+        });
+    }
+
+
+
+<#ibizinclude>
+../@MACRO/SERVICE/SERVICE_BOTTOM.ts.ftl
+</#ibizinclude>
\ No newline at end of file

@CONTROL/看板视图/template.properties

+CTRLTYPE=KANBAN
\ No newline at end of file

@CONTROL/视图布局面板/实体看板视图/VIEW.less.ftl

+<#ibizinclude>
+../@MACRO/DEFAULT.less.ftl
+</#ibizinclude>
+.${srffilepath2(view.getCodeName())}{
+    display: block;
+}
\ No newline at end of file

@CONTROL/视图布局面板/实体看板视图/VIEW.vue.ftl

+<#ibizinclude>../../@MACRO/FUNC/MACRO.ftl</#ibizinclude>
+<div class='view-container ${view.getViewType()?lower_case} ${srffilepath2(view.getCodeName())}<#if view.getPSSysCss?? && view.getPSSysCss()??> ${view.getPSSysCss().getCssName()}</#if>'>
+    <app-studioaction :viewTitle="$t(model.srfTitle)" viewName="${view.getCodeName()?lower_case}"></app-studioaction>
+    <card class='view-card <#if !view.isShowCaptionBar()> view-no-caption</#if> <#if !view.hasPSControl('toolbar')> view-no-toolbar</#if>'  :dis-hover="true" :bordered="false">
+    <@ibizindent blank=8>
+    <#ibizinclude>
+    ../@MACRO/VIEW_CAPTION.vue.ftl
+    </#ibizinclude>
+    </@ibizindent>
+        <div class='content-container'>
+<#assign MDContent>
+  <#--  BEGIN：快速搜索框或工具栏或支持快速分组搜索或快速搜索表单部件存在  -->
+  <#if (view.isEnableQuickSearch() || view.hasPSControl('toolbar') || view.isEnableQuickGroup() || view.getQuickPSDESearchForm()??)>
+  <div style="margin-bottom:6px;">
+      <#if view.isEnableQuickGroup()>
+      <div class="quick-group-container">
+          <app-quick-group :items="quickGroupModel" <#if appCounter??>:counterService="${srfclassname('${appCounter.getCodeName()}')}counterservice"</#if> @valuechange="qucikGroupValueChange"></app-quick-group>
+      </div>
+      </#if>
+      <#if view.getQuickPSDESearchForm()??>
+      <div class="quick-search-container">
+        <#assign quickSearchForm = view.getQuickPSDESearchForm() />
+      ${P.getCtrlCode(quickSearchForm, 'CONTROL.html').code}
+      </div>
+      </#if>
+      <#if view.isEnableQuickSearch()>
+      <i-input <#if view.hasPSControl('searchform')><#if view.isExpandSearchForm??> v-show='!this.isExpandSearchForm '</#if></#if> v-model='query' search @on-search='onSearch' placeholder="<@getQuickSearchPlaceholder view />" class='pull-left' style='max-width: 400px;margin-top:6px;' />
+      </#if>
+      <div class='pull-right'>
+      <#if view.hasPSControl('toolbar')>
+      <@ibizindent blank=20>
+      ${P.getCtrlCode('toolbar', 'CONTROL.html').code}<#t>
+      </@ibizindent>
+      </#if>
+      </div>
+  </div>
+  </#if>
+  <#--  END：快速搜索框或工具栏或支持快速分组搜索或快速搜索表单部件存在  -->
+  <#if view.hasPSControl('searchform')>
+  <@ibizindent blank=12>
+  ${P.getCtrlCode('searchform', 'CONTROL.html').code}<#t>
+  </@ibizindent>
+  </#if>
+  <#if view.hasPSControl('kanban')>
+  <@ibizindent blank=12>
+  ${P.getCtrlCode('kanban', 'CONTROL.html').code}<#t>
+  </@ibizindent>
+  </#if>
+</#assign>
+            <#ibizinclude>
+            ../@MACRO/VIEW_MD_CONTENT.vue.ftl
+            </#ibizinclude>
+        </div>
+    </card>
+</div>
\ No newline at end of file

@CONTROL/视图布局面板/实体看板视图/template.properties

+CTRLTYPE=VIEWLAYOUTPANEL#APPDEKANBANVIEW
\ No newline at end of file

@VIEW/实体看板视图/VIEW-BASE.vue.ftl

+<#ibizinclude>
+../@MACRO/DATAVIEW_VIEW.vue.ftl
+</#ibizinclude>
\ No newline at end of file

@VIEW/实体看板视图/VIEW.less.ftl

+${P.getLayoutCode().code}
\ No newline at end of file

@VIEW/实体看板视图/VIEW.vue.ftl

+<#ibizinclude>
+../@MACRO/VIEW.vue.ftl
+</#ibizinclude>
\ No newline at end of file

@VIEW/实体看板视图/template.properties

+VIEWTYPE=APPDEKANBANVIEW
\ No newline at end of file

APP/src/widgets/%DE_PKGPATH%/%CTRL_PKGPATH%-kanban/%CTRL_PKGPATH%-kanban-base.vue.ftl

+<#ibiztemplate>
+TARGET=PSAPPVIEWCTRL_KANBAN
+</#ibiztemplate>
+${P.getCtrlCode('CONTROL-BASE.vue').code}
\ No newline at end of file

APP/src/widgets/%DE_PKGPATH%/%CTRL_PKGPATH%-kanban/%CTRL_PKGPATH%-kanban-model.ts.ftl

+<#ibiztemplate>
+TARGET=PSAPPVIEWCTRL_KANBAN
+</#ibiztemplate>
+${P.getCtrlCode('MODEL.ts').code}
\ No newline at end of file

APP/src/widgets/%DE_PKGPATH%/%CTRL_PKGPATH%-kanban/%CTRL_PKGPATH%-kanban-service.ts.ftl

+<#ibiztemplate>
+TARGET=PSAPPVIEWCTRL_KANBAN
+</#ibiztemplate>
+${P.getCtrlCode('SERVICE.ts').code}
\ No newline at end of file

APP/src/widgets/%DE_PKGPATH%/%CTRL_PKGPATH%-kanban/%CTRL_PKGPATH%-kanban.less.ftl

+<#ibiztemplate>
+TARGET=PSAPPVIEWCTRL_KANBAN
+</#ibiztemplate>
+${P.getCtrlCode('CONTROL.less').code}
\ No newline at end of file

APP/src/widgets/%DE_PKGPATH%/%CTRL_PKGPATH%-kanban/%CTRL_PKGPATH%-kanban.vue.ftl

+<#ibiztemplate>
+TARGET=PSAPPVIEWCTRL_KANBAN
+</#ibiztemplate>
+${P.getCtrlCode('CONTROL.vue').code}
\ No newline at end of file