update: 登录输入框

src/components/layout-element/login/app-login-input/app-login-input.less

+.app-login-input {
+    .ivu-input-wrapper {
+        width: 100%;
+        height: 100%;
+    }
+    .ivu-input {
+        height: 100%;
+        width: 100%;
+    }
+    .ivu-input-prefix {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+}
\ No newline at end of file

src/components/layout-element/login/app-login-input/app-login-input.vue

 <template>
-    <div class="app-user-input">
+    <div :class="[model.sysCss, 'app-login-input']" :style="containerStyle">
         <i-input
             size='large'
-            :prefix='icon'
-            v-model="value"
-            :placeholder="placeholder">
+            :prefix='defaultIcon'
+            v-model="curValue"
+            :disabled="disabled"
+            :readonly="readonly"
+            :placeholder="model.caption">
         </i-input>
     </div>
 </template>
 
 <script lang="ts">
-import { Vue, Component, Watch, Prop, Model } from 'vue-property-decorator';
+import { PanelFieldModel } from '@/model/panel-detail';
+import { Vue, Component, Prop } from 'vue-property-decorator';
 
 @Component({
 })
-export default class AppUserId extends Vue {
+export default class AppLoginInput extends Vue {
+
+    /**
+     * 模型
+     *
+     * @type {string}
+     * @memberof AppLoginInput
+     */
+    @Prop() public model!: PanelFieldModel;
     
     /**
-     * 登录名称
+     * 值
      *
      * @type {string}
-     * @memberof AppUserId
+     * @memberof AppLoginInput
+     */
+    @Prop() public value!: string;
+
+    /**
+     * 名称
+     *
+     * @type {string}
+     * @memberof AppLoginInput
+     */
+    @Prop() public name!: string;
+
+    /**
+     * 默认图标
+     *
+     * @type {string}
+     * @memberof AppLoginInput
+     */
+    @Prop() public defaultIcon?: string;
+
+    /**
+     * 容器样式
+     *
+     * @type {any}
+     * @memberof AppLoginInput
      */
-    @Prop({default: ''}) public value!: string;
+    public containerStyle: any = null;
 
-    @Prop() public icon?: string;
+    /**
+     * 禁用模式
+     *
+     * @type {any}
+     * @memberof AppLoginInput
+     */
+    public disabled: boolean = false;
+
+    /**
+     * 只读模式
+     *
+     * @type {any}
+     * @memberof AppLoginInput
+     */
+    public readonly: boolean = false;
+
+    /**
+     * 当前值
+     *
+     * @type {any}
+     * @memberof AppLoginInput
+     */
+    get curValue() {
+        return this.value;
+    }
+
+    /**
+     * 值变化
+     *
+     * @memberof AppPresetTextInput
+     */
+    set curValue(val: any) {
+        this.$emit('valueChange', { name: this.name, value: val });
+    }
 
-    @Prop() public placeholder?: string;
+    public mounted() {
+        if (this.model) {
+            this.containerStyle = this.model.getElementStyle();
+            this.disabled = Object.is(this.model.fieldState, '1');
+            this.readonly = Object.is(this.model.fieldState, '2'); 
+        }
+    }
     
 }
 </script>
+<style lang="less">
+@import "./app-login-input.less";
+</style>
\ No newline at end of file

src/model/panel-detail/panel-field.ts

@@ -38,6 +38,16 @@ export class PanelFieldModel extends PanelDetailModel {
      */
     public enableCond: number | 0 | 1 | 2 | 3 = 3;
 
+    /**
+     * @description 默认状态
+     * 0 不启用
+     * 1 只读
+     * 2 禁用
+     * @type {('0' | '1' | '2')}
+     * @memberof PanelFieldModel
+     */
+    public fieldState: '0' | '1' | '2';
+
     /**
      * Creates an instance of PanelFieldModel.
      * PanelFieldModel 实例
@@ -49,6 +59,7 @@ export class PanelFieldModel extends PanelDetailModel {
         super(opts);
         this.disabled = opts.disabled ? true : false;
         this.enableCond = opts.enableCond;
+        this.fieldState = opts.fieldState;
     }
 
     /**