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

app_Web/src/locale/lanres/entities/ibizsample0001/ibizsample0001_en_US.ts

@@ -55,6 +55,7 @@ export default {
 			grouppanel1: "数据选择", 
 			grouppanel4: "自动填充", 
 			grouppanel5: "其他", 
+			grouppanel6: "部门人员选择器", 
 			group1: "编辑器", 
 			formpage1: "基本信息", 
 			srfupdatedate: "更新时间", 
@@ -102,6 +103,7 @@ export default {
 			f35: "代码编辑器", 
 			f36: "图片控件", 
 			f37: "文件上传控件", 
+			f38: "部门人员选择器（单选）", 
 			ibizsample0001id: "IBIZSAMPLE0001标识", 
 		},
 		uiactions: {

app_Web/src/locale/lanres/entities/ibizsample0001/ibizsample0001_zh_CN.ts

@@ -54,6 +54,7 @@ export default {
 			grouppanel1: "数据选择", 
 			grouppanel4: "自动填充", 
 			grouppanel5: "其他", 
+			grouppanel6: "部门人员选择器", 
 			group1: "编辑器", 
 			formpage1: "基本信息", 
 			srfupdatedate: "更新时间", 
@@ -101,6 +102,7 @@ export default {
 			f35: "代码编辑器", 
 			f36: "图片控件", 
 			f37: "文件上传控件", 
+			f38: "部门人员选择器（单选）", 
 			ibizsample0001id: "IBIZSAMPLE0001标识", 
 		},
 		uiactions: {

app_Web/src/widgets/ibizsample0001/main4-form/main4-form-base.vue

@@ -401,6 +401,36 @@
     </row>
 </app-form-group>
 
+</i-col>
+<i-col v-show="detailsModel.grouppanel6.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
+    <app-form-group :uiService="appUIService" :data="transformData(data)" :manageContainerStatus="detailsModel.grouppanel6.manageContainerStatus"  :isManageContainer="detailsModel.grouppanel6.isManageContainer" @managecontainerclick="manageContainerClick('grouppanel6')" layoutType="TABLE_24COL" titleStyle="" class='' :uiActionGroup="detailsModel.grouppanel6.uiActionGroup" @groupuiactionclick="groupUIActionClick($event)" :caption="$t('entities.ibizsample0001.main4_form.details.grouppanel6')" :isShowCaption="true" uiStyle="DEFAULT" :titleBarCloseMode="0" :isInfoGroupMode="false" >    
+    <row>
+        <i-col v-show="detailsModel.f38.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
+    <app-form-item name='f38' :itemRules="this.rules().f38" class='' :caption="$t('entities.ibizsample0001.main4_form.details.f38')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.f38.error" :isEmptyCaption="false" labelPos="LEFT">
+    
+<app-department-personnel
+  name="f38"
+  :value='data.f38'
+  valueitem=""
+  url="/ibzdepartments/{deptId}/emp"
+  
+  :multiple="false"
+  filter="srfsdept"
+  :fillmap="{'id':'','label':'f38'}"
+  :disabled="detailsModel.f38.disabled"
+  :data="data"
+  :context="context"
+  
+  @formitemvaluechange="onFormItemValueChange">
+</app-department-personnel>
+
+</app-form-item>
+
+</i-col>
+    
+    </row>
+</app-form-group>
+
 </i-col>
     
     </row>
@@ -831,6 +861,7 @@ export default class Main4Base extends Vue implements ControlInterface {
         f35: null,
         f36: null,
         f37: null,
+        f38: null,
         ibizsample0001id: null,
         ibizsample0001:null,
     };
@@ -1031,6 +1062,10 @@ export default class Main4Base extends Vue implements ControlInterface {
             { required: this.detailsModel.f37.required, type: 'string', message: '文件上传控件 值不能为空', trigger: 'change' },
             { required: this.detailsModel.f37.required, type: 'string', message: '文件上传控件 值不能为空', trigger: 'blur' },
         ],
+        f38: [
+            { required: this.detailsModel.f38.required, type: 'string', message: '部门人员选择器（单选） 值不能为空', trigger: 'change' },
+            { required: this.detailsModel.f38.required, type: 'string', message: '部门人员选择器（单选） 值不能为空', trigger: 'blur' },
+        ],
         }
     }
 
@@ -1139,6 +1174,8 @@ export default class Main4Base extends Vue implements ControlInterface {
         grouppanel4: new FormGroupPanelModel({ caption: '自动填充', detailType: 'GROUPPANEL', name: 'grouppanel4', visible: true, isShowCaption: true, form: this, isControlledContent: false , uiActionGroup: { caption: '', langbase: 'entities.ibizsample0001.main4_form', extractMode: 'ITEM', details: [] }, isManageContainer: false, showMoreModeItems: []  })
 , 
         grouppanel5: new FormGroupPanelModel({ caption: '其他', detailType: 'GROUPPANEL', name: 'grouppanel5', visible: true, isShowCaption: true, form: this, isControlledContent: false , uiActionGroup: { caption: '', langbase: 'entities.ibizsample0001.main4_form', extractMode: 'ITEM', details: [] }, isManageContainer: false, showMoreModeItems: []  })
+, 
+        grouppanel6: new FormGroupPanelModel({ caption: '部门人员选择器', detailType: 'GROUPPANEL', name: 'grouppanel6', visible: true, isShowCaption: true, form: this, isControlledContent: false , uiActionGroup: { caption: '', langbase: 'entities.ibizsample0001.main4_form', extractMode: 'ITEM', details: [] }, isManageContainer: false, showMoreModeItems: []  })
 , 
         group1: new FormGroupPanelModel({ caption: '编辑器', detailType: 'GROUPPANEL', name: 'group1', visible: true, isShowCaption: false, form: this, isControlledContent: false , uiActionGroup: { caption: '', langbase: 'entities.ibizsample0001.main4_form', extractMode: 'ITEM', details: [] }, isManageContainer: false, showMoreModeItems: []  })
 , 
@@ -1233,6 +1270,8 @@ export default class Main4Base extends Vue implements ControlInterface {
         f36: new FormItemModel({ caption: '图片控件', detailType: 'FORMITEM', name: 'f36', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
 , 
         f37: new FormItemModel({ caption: '文件上传控件', detailType: 'FORMITEM', name: 'f37', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
+, 
+        f38: new FormItemModel({ caption: '部门人员选择器（单选）', detailType: 'FORMITEM', name: 'f38', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
 , 
         ibizsample0001id: new FormItemModel({ caption: 'IBIZSAMPLE0001标识', detailType: 'FORMITEM', name: 'ibizsample0001id', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
 , 
@@ -1778,6 +1817,18 @@ export default class Main4Base extends Vue implements ControlInterface {
         this.formDataChange({ name: 'f37', newVal: newVal, oldVal: oldVal });
     }
 
+    /**
+     * 监控表单属性 f38 值
+     *
+     * @param {*} newVal
+     * @param {*} oldVal
+     * @memberof Main4Base
+     */
+    @Watch('data.f38')
+    onF38Change(newVal: any, oldVal: any) {
+        this.formDataChange({ name: 'f38', newVal: newVal, oldVal: oldVal });
+    }
+
     /**
      * 监控表单属性 ibizsample0001id 值
      *
@@ -1894,6 +1945,8 @@ export default class Main4Base extends Vue implements ControlInterface {
 
 
 
+
+
 
 
 

app_Web/src/widgets/ibizsample0001/main4-form/main4-form-model.ts

@@ -204,6 +204,10 @@ export default class Main4Model {
         name: 'f37',
         dataType:'FORMITEM',
       },
+      {
+        name: 'f38',
+        dataType:'FORMITEM',
+      },
       {
         name: 'ibizsample0001id',
         prop: 'ibizsample0001id',