ShineKOT 发布系统代码 [后台服务，演示应用]

app_Web/public/assets/json/view-config.json

@@ -1111,6 +1111,14 @@
         "viewname": "IBIZBOOKEditView",
         "viewtag": "b3429ecc4d89a02bc5f5279f1bd7f620"
     },
+    "ibizbookpickuptreeview": {
+        "title": "图书选择树视图",
+        "caption": "图书",
+        "viewtype": "DEPICKUPTREEVIEW",
+        "viewmodule": "Sample",
+        "viewname": "IBIZBOOKPickupTreeView",
+        "viewtag": "b3a27af7c6e3cea3b600057793da2bd1"
+    },
     "ibizorderdetailsgridview9": {
         "title": "订单明细表格视图",
         "caption": "订单明细",

app_Web/src/locale/lanres/entities/ibizbook/ibizbook_en_US.ts

@@ -130,6 +130,10 @@ export default {
 			caption: "图书",
       		title: "图书编辑视图",
 		},
+		pickuptreeview: {
+			caption: "图书",
+      		title: "图书选择树视图",
+		},
 		roweditgridview: {
 			caption: "表格行编辑",
       		title: "表格行编辑",
@@ -1494,6 +1498,15 @@ export default {
 	},
 	haspanellistviewtoolbar_toolbar: {
 	},
+	booktypeselect_treeview: {
+		nodata:"",
+		nodes: {
+			ibizbooktype: "图书类型",
+			root: "默认根节点",
+		},
+		uiactions: {
+		},
+	},
 	tree_treeview: {
 		nodata:"",
 		nodes: {

app_Web/src/locale/lanres/entities/ibizbook/ibizbook_zh_CN.ts

@@ -129,6 +129,10 @@ export default {
 			caption: "图书",
       		title: "图书编辑视图",
 		},
+		pickuptreeview: {
+			caption: "图书",
+      		title: "图书选择树视图",
+		},
 		roweditgridview: {
 			caption: "表格行编辑",
       		title: "表格行编辑",
@@ -1493,6 +1497,15 @@ export default {
 	},
 	haspanellistviewtoolbar_toolbar: {
 	},
+	booktypeselect_treeview: {
+		nodata:"",
+		nodes: {
+			ibizbooktype: "图书类型",
+			root: "默认根节点",
+		},
+		uiactions: {
+		},
+	},
 	tree_treeview: {
 		nodata:"",
 		nodes: {

app_Web/src/mock/viewconfig/viewconfig.ts

@@ -1119,6 +1119,14 @@ mock.onGet('./assets/json/view-config.json').reply((config: any) => {
             "viewname": "IBIZBOOKEditView",
             "viewtag": "b3429ecc4d89a02bc5f5279f1bd7f620"
         },
+        "ibizbookpickuptreeview": {
+            "title": "图书选择树视图",
+            "caption": "图书",
+            "viewtype": "DEPICKUPTREEVIEW",
+            "viewmodule": "Sample",
+            "viewname": "IBIZBOOKPickupTreeView",
+            "viewtag": "b3a27af7c6e3cea3b600057793da2bd1"
+        },
         "ibizorderdetailsgridview9": {
             "title": "订单明细表格视图",
             "caption": "订单明细",

app_Web/src/pages/sample/ibizbookpickup-tree-view/ibizbookpickup-tree-view.less

+.ibizbookpickup-tree-view{
+    position: relative;
+}
+
+
+.search-contant {
+    height: 40px;
+    .ivu-input-wrapper {
+        max-width: 400px;
+        padding-top: 6px;
+    }
+}
+.tree-contant {
+    height: 100%;
+    margin:  0px 0px 16px 0;
+    overflow: auto;
+}
\ No newline at end of file

app_Web/src/pages/sample/ibizbookpickup-tree-view/ibizbookpickup-tree-view.vue

+<script lang='tsx'>
+import { Component } from 'vue-property-decorator';
+import IBIZBOOKPickupTreeViewBase from './ibizbookpickup-tree-view-base.vue';
+
+import view_tree from '@widgets/ibizbook/book-type-select-treeview/book-type-select-treeview.vue';
+@Component({
+    components: {
+        view_tree, 
+    },
+    beforeRouteEnter: (to: any, from: any, next: any) => {
+        next((vm: any) => {
+            if(!Object.is(vm.navModel,"route")){
+                vm.initNavDataWithTab(vm.viewCacheData);
+            }
+            vm.$store.commit('addCurPageViewtag', { fullPath: to.fullPath, viewtag: vm.viewtag });
+        });
+    },
+})
+export default class IBIZBOOKPickupTreeView extends IBIZBOOKPickupTreeViewBase {
+
+}
+</script>
\ No newline at end of file

app_Web/src/pages/sample/index/page-register.ts

@@ -133,6 +133,7 @@ export const PageComponents = {
         Vue.component('ibizorder-detail-f6-edit-view', () => import('@pages/sample/ibizorder-detail-f6-edit-view/ibizorder-detail-f6-edit-view.vue'));
         Vue.component('ibizbookusr4-grid-view', () => import('@pages/sample/ibizbookusr4-grid-view/ibizbookusr4-grid-view.vue'));
         Vue.component('ibizbookusr2-medit-view9', () => import('@pages/sample/ibizbookusr2-medit-view9/ibizbookusr2-medit-view9.vue'));
+        Vue.component('ibizbookpickup-tree-view', () => import('@pages/sample/ibizbookpickup-tree-view/ibizbookpickup-tree-view.vue'));
         Vue.component('ibizorder-sedit-view3', () => import('@pages/sample/ibizorder-sedit-view3/ibizorder-sedit-view3.vue'));
         Vue.component('ibizorder-odsp-d10-wfgrid-view', () => import('@pages/sample/ibizorder-odsp-d10-wfgrid-view/ibizorder-odsp-d10-wfgrid-view.vue'));
         Vue.component('ibizbookinternal-func-grid-view', () => import('@pages/sample/ibizbookinternal-func-grid-view/ibizbookinternal-func-grid-view.vue'));

app_Web/src/pages/sample/index/router.ts

@@ -2137,6 +2137,20 @@ const router = new Router({
                     },
                     component: () => import('@pages/sample/ibizbookusr2-medit-view9/ibizbookusr2-medit-view9.vue'),
                 },
+                {
+                    path: 'ibizbooks/:ibizbook?/pickuptreeview/:pickuptreeview?',
+                    meta: {
+                        caption: 'entities.ibizbook.views.pickuptreeview.caption',
+                        info:'',
+                        parameters: [
+                            { pathName: 'index', parameterName: 'index' },
+                            { pathName: 'ibizbooks', parameterName: 'ibizbook' },
+                            { pathName: 'pickuptreeview', parameterName: 'pickuptreeview' },
+                        ],
+                        requireAuth: true,
+                    },
+                    component: () => import('@pages/sample/ibizbookpickup-tree-view/ibizbookpickup-tree-view.vue'),
+                },
                 {
                     path: 'ibizorders/:ibizorder?/seditview3/:seditview3?',
                     meta: {
@@ -4457,6 +4471,19 @@ const router = new Router({
         },
         component: () => import('@pages/sample/ibizbookedit-view/ibizbookedit-view.vue'),
     },
+    {
+        path: '/ibizbooks/:ibizbook?/pickuptreeview/:pickuptreeview?',
+        meta: {
+            caption: 'entities.ibizbook.views.pickuptreeview.caption',
+            info:'',
+            parameters: [
+                { pathName: 'ibizbooks', parameterName: 'ibizbook' },
+                { pathName: 'pickuptreeview', parameterName: 'pickuptreeview' },
+            ],
+            requireAuth: true,
+        },
+        component: () => import('@pages/sample/ibizbookpickup-tree-view/ibizbookpickup-tree-view.vue'),
+    },
     {
         path: '/ibizorders/:ibizorder?/ibizorderdetails/:ibizorderdetail?/sgridview9/:sgridview9?',
         meta: {

app_Web/src/service/ibizbook/ibizbook-service-base.ts

 import { Http,Util } from '@/utils';
 import EntityService from '../entity-service';
+import InitDataLogic from '@/service/ibizbook/init-data-logic';
 
 
 

app_Web/src/service/ibizbook/init-data-logic-base.ts

+import { Verify } from '@/utils/verify/verify';
+
+
+/**
+ * 图书初始化
+ *
+ * @export
+ * @class InitDataLogicBase
+ */
+export default class InitDataLogicBase {
+
+    /**
+     * 名称
+     * 
+     * @memberof  InitDataLogicBase
+     */
+    private name:string ="initData";
+
+    /**
+     * 唯一标识
+     * 
+     * @memberof  InitDataLogicBase
+     */
+    private id:string = "75C65A74-51D9-436A-AD72-3F67FAC34810";
+
+    /**
+     * 默认参数名称
+     * 
+     * @memberof  InitDataLogicBase
+     */
+    private defaultParamName:string = "Default";
+
+    /**
+     * 参数集合
+     * 
+     * @memberof  InitDataLogicBase
+     */
+    private paramsMap:Map<string,any> = new Map();
+
+    /**
+     * Creates an instance of  InitDataLogicBase.
+     * 
+     * @param {*} [opts={}]
+     * @memberof  InitDataLogicBase
+     */
+    constructor(opts: any = {}) {
+        this.initParams(opts);
+    }
+
+    /**
+     * 初始化参数集合
+     * 
+     * @param {*} [opts={}]
+     * @memberof  InitDataLogicBase
+     */
+    public initParams(opts:any){
+        this.paramsMap.set('Default',opts);
+    }
+
+
+    /**
+     * 执行逻辑
+     * 
+     * @param context 应用上下文
+     * @param params 传入参数
+     */
+    public onExecute(context:any,params:any,isloading:boolean){
+        return this.executeBegin(context,params,isloading);
+    }
+
+
+    /**
+    * 开始
+    * 
+    * @param params 传入参数
+    */
+    private async executeBegin(context:any,params:any,isloading:boolean){
+        //开始节点
+        return this.paramsMap.get(this.defaultParamName).data;
+    }
+
+
+}
\ No newline at end of file

app_Web/src/service/ibizbook/init-data-logic.ts

+import { Http,Util } from '@/utils';
+import InitDataLogicBase from './init-data-logic-base';
+
+/**
+ * 图书初始化
+ *
+ * @export
+ * @class InitDataLogic
+ */
+export default class InitDataLogic extends InitDataLogicBase{
+
+    /**
+     * Creates an instance of  InitDataLogic
+     * 
+     * @param {*} [opts={}]
+     * @memberof  InitDataLogic
+     */
+    constructor(opts: any = {}) {
+        super(opts);
+    }
+
+}
\ No newline at end of file

app_Web/src/store/modules/view-action/state.ts

@@ -524,6 +524,7 @@ export const viewstate: any = {
             viewaction: '',
             viewdatachange: false,
             refviews: [
+                'b3a27af7c6e3cea3b600057793da2bd1',
             ],
         },
         {
@@ -1337,6 +1338,15 @@ export const viewstate: any = {
             refviews: [
             ],
         },
+        {
+            viewtag: 'b3a27af7c6e3cea3b600057793da2bd1',
+            viewmodule: 'Sample',
+            viewname: 'IBIZBOOKPickupTreeView',
+            viewaction: '',
+            viewdatachange: false,
+            refviews: [
+            ],
+        },
         {
             viewtag: 'b4db5cb272d2da535285852bc436e9de',
             viewmodule: 'Sample',

app_Web/src/uiservice/ibizbook/ibizbook-ui-service-base.ts

@@ -123,6 +123,7 @@ export default class IBIZBOOKUIServiceBase extends UIService {
         this.allViewMap.set(':',{viewname:'listview',srfappde:'ibizbooks',component:'ibizbooklist-view'});
         this.allViewMap.set(':',{viewname:'customview',srfappde:'ibizbooks',component:'ibizbookcustom-view'});
         this.allViewMap.set('EDITVIEW:',{viewname:'editview',srfappde:'ibizbooks',component:'ibizbookedit-view'});
+        this.allViewMap.set(':',{viewname:'pickuptreeview',srfappde:'ibizbooks',component:'ibizbookpickup-tree-view'});
         this.allViewMap.set(':',{viewname:'roweditgridview',srfappde:'ibizbooks',component:'ibizbookrow-edit-grid-view'});
         this.allViewMap.set(':',{viewname:'usr6gridview',srfappde:'ibizbooks',component:'ibizbookusr6-grid-view'});
         this.allViewMap.set(':',{viewname:'usr4dataview',srfappde:'ibizbooks',component:'ibizbookusr4-data-view'});

app_Web/src/widgets/ibizbook/book-type-select-treeview/book-type-select-treeview-model.ts

+/**
+ * BookTypeSelect 部件模型
+ *
+ * @export
+ * @class BookTypeSelectModel
+ */
+export default class BookTypeSelectModel {
+
+  /**
+    * 获取数据项集合
+    *
+    * @returns {any[]}
+    * @memberof BookTypeSelectModel
+    */
+  public getDataItems(): any[] {
+    return [
+      {
+        name: 'createman',
+      },
+      {
+        name: 'ibizbookname',
+      },
+      {
+        name: 'ibizbook',
+        prop: 'ibizbookid',
+      },
+      {
+        name: 'createdate',
+      },
+      {
+        name: 'updateman',
+      },
+      {
+        name: 'updatedate',
+      },
+      {
+        name: 'author',
+      },
+      {
+        name: 'price',
+      },
+      {
+        name: 'press',
+      },
+      {
+        name: 'type',
+      },
+      {
+        name: 'booknumber',
+      },
+      {
+        name: 'subtext',
+      },
+      {
+        name: 'lendouttime',
+      },
+      {
+        name: 'returntime',
+      },
+      {
+        name: 'icon',
+      },
+      {
+        name: 'sailstate',
+      },
+      {
+        name: 'borrowstatus',
+      },
+      {
+        name: 'stepstatus',
+      },
+      {
+        name: 'borrower',
+      },
+    ]
+  }
+
+
+}
\ No newline at end of file

app_Web/src/widgets/ibizbook/book-type-select-treeview/book-type-select-treeview.less

+.tree-right-menu {
+    .ivu-divider-horizontal {
+        width: 100%;
+        min-width: 100%;
+        margin: 0 auto;
+    }
+    .ivu-dropdown-item {
+        position: relative;
+        padding-left: 32px;
+        > i {
+            position: absolute;
+            left: 16px;
+            top: 10px;
+        }
+        .ivu-icon-ios-arrow-forward {
+            left: initial;
+            right: 4px;
+        }
+    }
+    .ivu-dropdown {
+        .ivu-select-dropdown {
+            margin: 0;
+        }
+    }
+}
+
+.el-tree .context-menu-component .tree-node{
+    width: calc(100% - 15px);
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+    .icon{
+      padding-right: 10px;
+    }
+}
+// this is less

app_Web/src/widgets/ibizbook/book-type-select-treeview/book-type-select-treeview.vue

+<script lang='tsx'>
+import { Component } from 'vue-property-decorator';
+import BookTypeSelectBase from './book-type-select-treeview-base.vue';
+
+ 
+@Component({
+    components: {
+         
+    }
+})
+export default class BookTypeSelect extends BookTypeSelectBase {
+
+}
+</script>
\ No newline at end of file

app_Web/src/widgets/ibizbook/inter-func-form-2-form/inter-func-form-2-form-base.vue

@@ -75,14 +75,23 @@
 </i-col>
 <i-col v-show="detailsModel.type.visible" :style="{}"  :sm="{ span: 12, offset: 0 }" :md="{ span: 12, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 8, offset: 0 }">
     <app-form-item name='type' :itemRules="this.rules().type" class='' :caption="$t('entities.ibizbook.interfuncform_2_form.details.type')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.type.error" :isEmptyCaption="false" labelPos="LEFT">
-    <input-box 
-    v-model="data.type"  
-    @enter="onEnter($event)"  
-     unit=""  
+    
+<app-picker 
+  :formState="formState" 
+  :data="data"
+  :context="context"
+  :viewparams="viewparams"
+  :localContext ='{ }' 
+  :localParam ='{ }' 
   :disabled="detailsModel.type.disabled"
-    type='text' 
-    style="">
-</input-box>
+  name='type'
+  valueitem='' 
+  :value="data.type"
+  editortype="pickup-no-ac" 
+  :pickupView="{ viewname: 'ibizbookpickup-tree-view', title: $t('entities.ibizbook.views.pickuptreeview.title'), deResParameters: [], parameters: [{ pathName: 'ibizbooks', parameterName: 'ibizbook' }, { pathName: 'pickuptreeview', parameterName: 'pickuptreeview' } ], placement:'' }"
+  style=""  
+  @formitemvaluechange="onFormItemValueChange">
+</app-picker>
 
 </app-form-item>