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

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

@@ -234,6 +234,7 @@ export default {
 			grouppanel4: "HTML编辑器", 
 			grouppanel5: "下拉列表框", 
 			grouppanel6: "数据选择", 
+			grouppanel7: "文本框", 
 			formpage1: "基本信息", 
 			srfupdatedate: "更新时间", 
 			srforikey: "", 
@@ -259,6 +260,7 @@ export default {
 			formitem4: "	CRON表达式组件", 
 			formitem13: "动态代码表国际化", 
 			formitem14: "地图定位", 
+			formitem1: "颜色选择", 
 			ibizsample0001id: "IBIZSAMPLE0001标识", 
 		},
 		uiactions: {

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

@@ -233,6 +233,7 @@ export default {
 			grouppanel4: "HTML编辑器", 
 			grouppanel5: "下拉列表框", 
 			grouppanel6: "数据选择", 
+			grouppanel7: "文本框", 
 			formpage1: "基本信息", 
 			srfupdatedate: "更新时间", 
 			srforikey: "", 
@@ -258,6 +259,7 @@ export default {
 			formitem4: "	CRON表达式组件", 
 			formitem13: "动态代码表国际化", 
 			formitem14: "地图定位", 
+			formitem1: "颜色选择", 
 			ibizsample0001id: "IBIZSAMPLE0001标识", 
 		},
 		uiactions: {

app_Web/src/widgets/ibizorder/sform-form/sform-form-base.vue

@@ -2,10 +2,10 @@
     <i-form :model="this.data" class='app-form' ref='form'  id='ibizorder_sform' style="" @on-validate="formItemValidate">
     <input style="display:none;" />
     <row >
-            <i-col v-show="detailsModel.group1.visible" :style="{}"  :sm="{ span: 12, offset: 0 }" :md="{ span: 12, offset: 0 }" :lg="{ span: 12, offset: 0 }">
+            <i-col v-show="detailsModel.group1.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
     <app-form-group :uiService="appUIService" :data="transformData(data)" :manageContainerStatus="detailsModel.group1.manageContainerStatus"  :isManageContainer="detailsModel.group1.isManageContainer" @managecontainerclick="manageContainerClick('group1')" layoutType="TABLE_24COL" titleStyle="" class='' :uiActionGroup="detailsModel.group1.uiActionGroup" @groupuiactionclick="groupUIActionClick($event)" :caption="$t('entities.ibizorder.sform_form.details.group1')" :isShowCaption="true" uiStyle="DEFAULT" :titleBarCloseMode="0" :isInfoGroupMode="false" >    
     <row>
-        <i-col v-show="detailsModel.orderuid.visible" :style="{}"  :sm="{ span: 6, offset: 0 }" :md="{ span: 6, offset: 0 }" :lg="{ span: 6, offset: 0 }">
+        <i-col v-show="detailsModel.orderuid.visible" :style="{}"  :sm="{ span: 6, offset: 0 }" :md="{ span: 6, offset: 0 }" :lg="{ span: 6, offset: 0 }" :xl="{ span: 12, offset: 0 }">
     <app-form-item name='orderuid' :itemRules="this.rules().orderuid" class='' :caption="$t('entities.ibizorder.sform_form.details.orderuid')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.orderuid.error" :isEmptyCaption="false" labelPos="LEFT">
     <input-box 
     v-model="data.orderuid"  
@@ -19,7 +19,7 @@
 </app-form-item>
 
 </i-col>
-<i-col v-show="detailsModel.ibizordername.visible" :style="{}"  :sm="{ span: 6, offset: 0 }" :md="{ span: 6, offset: 0 }" :lg="{ span: 6, offset: 0 }">
+<i-col v-show="detailsModel.ibizordername.visible" :style="{}"  :sm="{ span: 6, offset: 0 }" :md="{ span: 6, offset: 0 }" :lg="{ span: 6, offset: 0 }" :xl="{ span: 12, offset: 0 }">
     <app-form-item name='ibizordername' :itemRules="this.rules().ibizordername" class='' :caption="$t('entities.ibizorder.sform_form.details.ibizordername')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.ibizordername.error" :isEmptyCaption="false" labelPos="LEFT">
     <input-box 
     v-model="data.ibizordername"  
@@ -33,14 +33,14 @@
 </app-form-item>
 
 </i-col>
-<i-col v-show="detailsModel.ordertime.visible" :style="{}"  :sm="{ span: 6, offset: 0 }" :md="{ span: 6, offset: 0 }" :lg="{ span: 6, offset: 0 }">
+<i-col v-show="detailsModel.ordertime.visible" :style="{}"  :sm="{ span: 6, offset: 0 }" :md="{ span: 6, offset: 0 }" :lg="{ span: 6, offset: 0 }" :xl="{ span: 12, offset: 0 }">
     <app-form-item name='ordertime' :itemRules="this.rules().ordertime" class='' :caption="$t('entities.ibizorder.sform_form.details.ordertime')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.ordertime.error" :isEmptyCaption="false" labelPos="LEFT">
     <date-picker type="date" :transfer="true" format="yyyy-MM-dd"  :value="data.ordertime" :disabled="detailsModel.ordertime.disabled" style="min-width: 150px; width:100px;" @on-change="(val1, val2) => { this.data.ordertime = val1 }"></date-picker>
 
 </app-form-item>
 
 </i-col>
-<i-col v-show="detailsModel.ibizcustomername.visible" :style="{}"  :sm="{ span: 6, offset: 0 }" :md="{ span: 6, offset: 0 }" :lg="{ span: 6, offset: 0 }">
+<i-col v-show="detailsModel.ibizcustomername.visible" :style="{}"  :sm="{ span: 6, offset: 0 }" :md="{ span: 6, offset: 0 }" :lg="{ span: 6, offset: 0 }" :xl="{ span: 12, offset: 0 }">
     <app-form-item name='ibizcustomername' :itemRules="this.rules().ibizcustomername" class='' :caption="$t('entities.ibizorder.sform_form.details.ibizcustomername')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.ibizcustomername.error" :isEmptyCaption="false" labelPos="LEFT">
     
 <app-picker 
@@ -68,7 +68,7 @@
 </app-form-item>
 
 </i-col>
-<i-col v-show="detailsModel.ordertype.visible" :style="{}"  :sm="{ span: 6, offset: 0 }" :md="{ span: 6, offset: 0 }" :lg="{ span: 6, offset: 0 }">
+<i-col v-show="detailsModel.ordertype.visible" :style="{}"  :sm="{ span: 6, offset: 0 }" :md="{ span: 6, offset: 0 }" :lg="{ span: 6, offset: 0 }" :xl="{ span: 12, offset: 0 }">
     <app-form-item name='ordertype' :itemRules="this.rules().ordertype" class='' :caption="$t('entities.ibizorder.sform_form.details.ordertype')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.ordertype.error" :isEmptyCaption="false" labelPos="LEFT">
     
  <dropdown-list 
@@ -89,7 +89,7 @@
 </app-form-item>
 
 </i-col>
-<i-col v-show="detailsModel.amount.visible" :style="{}"  :sm="{ span: 6, offset: 0 }" :md="{ span: 6, offset: 0 }" :lg="{ span: 6, offset: 0 }">
+<i-col v-show="detailsModel.amount.visible" :style="{}"  :sm="{ span: 6, offset: 0 }" :md="{ span: 6, offset: 0 }" :lg="{ span: 6, offset: 0 }" :xl="{ span: 12, offset: 0 }">
     <app-form-item name='amount' :itemRules="this.rules().amount" class='' :caption="$t('entities.ibizorder.sform_form.details.amount')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.amount.error" :isEmptyCaption="false" labelPos="LEFT">
     <input-box 
     v-model="data.amount"  
@@ -104,7 +104,7 @@
 </app-form-item>
 
 </i-col>
-<i-col v-show="detailsModel.detailnum.visible" :style="{}"  :sm="{ span: 6, offset: 0 }" :md="{ span: 6, offset: 0 }" :lg="{ span: 6, offset: 0 }">
+<i-col v-show="detailsModel.detailnum.visible" :style="{}"  :sm="{ span: 6, offset: 0 }" :md="{ span: 6, offset: 0 }" :lg="{ span: 6, offset: 0 }" :xl="{ span: 12, offset: 0 }">
     <app-form-item name='detailnum' :itemRules="this.rules().detailnum" class='' :caption="$t('entities.ibizorder.sform_form.details.detailnum')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.detailnum.error" :isEmptyCaption="false" labelPos="LEFT">
     
 <app-span name='detailnum' :value="data.detailnum" dataType="INT"     :precision="0"
@@ -114,7 +114,7 @@
 </app-form-item>
 
 </i-col>
-<i-col v-show="detailsModel.orderstate.visible" :style="{}"  :sm="{ span: 6, offset: 0 }" :md="{ span: 6, offset: 0 }" :lg="{ span: 6, offset: 0 }">
+<i-col v-show="detailsModel.orderstate.visible" :style="{}"  :sm="{ span: 6, offset: 0 }" :md="{ span: 6, offset: 0 }" :lg="{ span: 6, offset: 0 }" :xl="{ span: 12, offset: 0 }">
     <app-form-item name='orderstate' :itemRules="this.rules().orderstate" class='' :caption="$t('entities.ibizorder.sform_form.details.orderstate')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.orderstate.error" :isEmptyCaption="false" labelPos="LEFT">
     
  <dropdown-list 
@@ -135,7 +135,7 @@
 </app-form-item>
 
 </i-col>
-<i-col v-show="detailsModel.ibizorderid.visible" :style="{}"  :sm="{ span: 6, offset: 0 }" :md="{ span: 6, offset: 0 }" :lg="{ span: 6, offset: 0 }">
+<i-col v-show="detailsModel.ibizorderid.visible" :style="{}"  :sm="{ span: 6, offset: 0 }" :md="{ span: 6, offset: 0 }" :lg="{ span: 6, offset: 0 }" :xl="{ span: 12, offset: 0 }">
     <app-form-item name='ibizorderid' :itemRules="this.rules().ibizorderid" class='' :caption="$t('entities.ibizorder.sform_form.details.ibizorderid')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.ibizorderid.error" :isEmptyCaption="false" labelPos="LEFT">
     
 <app-span name='ibizorderid' :value="data.ibizorderid" dataType="GUID"     :precision="0"
@@ -145,7 +145,7 @@
 </app-form-item>
 
 </i-col>
-<i-col v-show="detailsModel.memo.visible" :style="{}"  :sm="{ span: 12, offset: 0 }" :md="{ span: 12, offset: 0 }" :lg="{ span: 12, offset: 0 }">
+<i-col v-show="detailsModel.memo.visible" :style="{}"  :sm="{ span: 6, offset: 0 }" :md="{ span: 6, offset: 0 }" :lg="{ span: 6, offset: 0 }">
     <app-form-item name='memo' :itemRules="this.rules().memo" class='' :caption="$t('entities.ibizorder.sform_form.details.memo')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.memo.error" :isEmptyCaption="false" labelPos="LEFT">
     <input-box v-model="data.memo" :textareaId="this.$util.createUUID()"  :disabled="detailsModel.memo.disabled" type='textarea' textareaStyle="height:200px;" ></input-box>
 

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

@@ -212,6 +212,28 @@ dataType="HTMLTEXT"     :precision="0"
     </row>
 </app-form-group>
 
+</i-col>
+<i-col v-show="detailsModel.grouppanel7.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
+    <app-form-group :uiService="appUIService" :data="transformData(data)" :manageContainerStatus="detailsModel.grouppanel7.manageContainerStatus"  :isManageContainer="detailsModel.grouppanel7.isManageContainer" @managecontainerclick="manageContainerClick('grouppanel7')" layoutType="TABLE_24COL" titleStyle="" class='' :uiActionGroup="detailsModel.grouppanel7.uiActionGroup" @groupuiactionclick="groupUIActionClick($event)" :caption="$t('entities.ibizsample0001.main5_form.details.grouppanel7')" :isShowCaption="true" uiStyle="DEFAULT" :titleBarCloseMode="0" :isInfoGroupMode="false" >    
+    <row>
+        <i-col v-show="detailsModel.formitem1.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
+    <app-form-item name='formitem1' :itemRules="this.rules().formitem1" class='' :caption="$t('entities.ibizsample0001.main5_form.details.formitem1')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.formitem1.error" :isEmptyCaption="false" labelPos="LEFT">
+    <input-box 
+    v-model="data.formitem1"  
+    @enter="onEnter($event)"  
+      
+    :disabled="detailsModel.formitem1.disabled" 
+    type='text' 
+    style="">
+</input-box>
+
+</app-form-item>
+
+</i-col>
+    
+    </row>
+</app-form-group>
+
 </i-col>
 
 
@@ -624,6 +646,7 @@ export default class Main5Base extends Vue implements ControlInterface {
         formitem4: null,
         formitem13: null,
         formitem14: null,
+        formitem1: null,
         ibizsample0001id: null,
         ibizsample0001:null,
     };
@@ -740,6 +763,10 @@ export default class Main5Base extends Vue implements ControlInterface {
             { required: this.detailsModel.formitem14.required, type: 'string', message: '地图定位 值不能为空', trigger: 'change' },
             { required: this.detailsModel.formitem14.required, type: 'string', message: '地图定位 值不能为空', trigger: 'blur' },
         ],
+        formitem1: [
+            { required: this.detailsModel.formitem1.required, type: 'string', message: '颜色选择 值不能为空', trigger: 'change' },
+            { required: this.detailsModel.formitem1.required, type: 'string', message: '颜色选择 值不能为空', trigger: 'blur' },
+        ],
         }
     }
 
@@ -858,6 +885,8 @@ export default class Main5Base extends Vue implements ControlInterface {
         grouppanel5: new FormGroupPanelModel({ caption: '下拉列表框', detailType: 'GROUPPANEL', name: 'grouppanel5', visible: true, isShowCaption: true, form: this, isControlledContent: false , uiActionGroup: { caption: '', langbase: 'entities.ibizsample0001.main5_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.main5_form', extractMode: 'ITEM', details: [] }, isManageContainer: false, showMoreModeItems: []  })
+, 
+        grouppanel7: new FormGroupPanelModel({ caption: '文本框', detailType: 'GROUPPANEL', name: 'grouppanel7', visible: true, isShowCaption: true, form: this, isControlledContent: false , uiActionGroup: { caption: '', langbase: 'entities.ibizsample0001.main5_form', extractMode: 'ITEM', details: [] }, isManageContainer: false, showMoreModeItems: []  })
 , 
         formpage1: new FormPageModel({ caption: '基本信息', detailType: 'FORMPAGE', name: 'formpage1', visible: true, isShowCaption: true, form: this, isControlledContent: false  })
 , 
@@ -908,6 +937,8 @@ export default class Main5Base extends Vue implements ControlInterface {
         formitem13: new FormItemModel({ caption: '动态代码表国际化', detailType: 'FORMITEM', name: 'formitem13', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
 , 
         formitem14: new FormItemModel({ caption: '地图定位', detailType: 'FORMITEM', name: 'formitem14', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
+, 
+        formitem1: new FormItemModel({ caption: '颜色选择', detailType: 'FORMITEM', name: 'formitem1', 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 })
 , 
@@ -1201,6 +1232,18 @@ export default class Main5Base extends Vue implements ControlInterface {
         this.formDataChange({ name: 'formitem14', newVal: newVal, oldVal: oldVal });
     }
 
+    /**
+     * 监控表单属性 formitem1 值
+     *
+     * @param {*} newVal
+     * @param {*} oldVal
+     * @memberof Main5Base
+     */
+    @Watch('data.formitem1')
+    onFormitem1Change(newVal: any, oldVal: any) {
+        this.formDataChange({ name: 'formitem1', newVal: newVal, oldVal: oldVal });
+    }
+
     /**
      * 监控表单属性 ibizsample0001id 值
      *
@@ -1297,6 +1340,8 @@ export default class Main5Base extends Vue implements ControlInterface {
 
 
 
+
+
 
 
 

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

@@ -135,6 +135,10 @@ export default class Main5Model {
         prop: 'address',
         dataType: 'TEXT',
       },
+      {
+        name: 'formitem1',
+        dataType:'FORMITEM',
+      },
       {
         name: 'ibizsample0001id',
         prop: 'ibizsample0001id',