update: 组织选择

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

-.app-org-picker {
+.app-login-org {
+    height: 40px;
     width: 100%;
-    .ivu-dropdown {
+    .ivu-select {
+        height: 100%;
         width: 100%;
     }
-    .app-org-picker__empty {
+    .ivu-select-selection {
+        height: 100%;
         width: 100%;
-        font-size: 16px;
-        text-align: center;
-        color: #dbdbdb;
-        padding: 5px 0;
+        display: flex;
+        align-items: center;
     }
 }
\ No newline at end of file

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

 <template>
-    <div class="app-org-picker">
-        <dropdown @on-click="orgSelect" @on-visible-change="visibleChange">
-            <Input :value="getSelectedOrgName" placeholder="请选择部门" readonly :icon="iconClass" />
-            <dropdown-menu slot="list">
-                <dropdown-item
-                    :class="{ 'is-active': Object.is(item.srforgsectorid, getSelectedOrgName) }"
-                    :name="item.srforgsectorid"
-                    v-for="(item, index) in selectedOrgArray"
-                    :key="index"
-                >
-                    {{ item.srforgsectorname }}
-                </dropdown-item>
-                <div class="app-org-picker__empty" v-show="!selectedOrgArray.length">暂无数据</div>
-            </dropdown-menu>
-        </dropdown>
+    <div :class="[model.sysCss, 'app-login-org']" :style="containerStyle">
+        <Select v-model="curKey">
+            <Option v-for="(item, index) in items" :value="item.value" :key="item.value">{{ item.label }}</Option>
+        </Select>
     </div>
 </template>
 <script lang='ts'>
-import { Vue, Component, Inject, Prop } from 'vue-property-decorator';
+import { PanelFieldModel } from '@/model/panel-detail';
+import { Vue, Component, Prop } from 'vue-property-decorator';
 
 @Component({})
-export default class AppAuthOrgPicker extends Vue {
+export default class AppLoginOrg extends Vue {
 
     /**
-     * 输入值
+     * 名称
      *
      * @type {*}
-     * @memberof AppAuthOrgPicker
-     */
-    @Prop() public value!: string;
-
-    /**
-     * 默认数据来源模式
-     *
-     * @type {string}
-     * @memberof AppAuthOrgPicker
-     *
+     * @memberof AppLoginOrg
      */
-    public selectMode: 'REMOTE' | 'LOCAL' = 'LOCAL';
+    @Prop() public name!: string;
 
     /**
-     * 选中组织部门id
+     * 输入值
      *
-     * @type {string}
-     * @memberof AppAuthOrgPicker
+     * @type {*}
+     * @memberof AppLoginOrg
      */
-    public selectedOrgId: string = '';
+    @Prop() public value!: string;
 
     /**
-     * 图标名称
+     * 模型
      *
-     * @type {boolean}
-     * @memberof AppAuthOrgPicker
+     * @type {*}
+     * @memberof AppLoginOrg
      */
-    public iconClass: string = 'ios-arrow-down';
+    @Prop() public model!: PanelFieldModel;
 
     /**
-     * 选中组织部门名称
+     * 当前值
      *
      * @type {string}
-     * @memberof AppAuthOrgPicker
+     * @memberof AppLoginOrg
      */
-    get getSelectedOrgName() {
+    get curKey() {
         if (this.value) {
-            const selectedValue = this.selectedOrgArray.find((item: any) => {
-                return item.srforgsectorid == this.value;
-            });
-            if (selectedValue) {
-                return selectedValue.srforgsectorname;
-            }
+            return this.value;
+        } else {
+            return '';
         }
     }
 
+    set curKey(value: string) {
+        this.$emit('valueChange', { name: this.name, value: value });
+    }
+
     /**
      * 组织部门名称数组
      *
      * @type {Array<any>}
-     * @memberof AppAuthOrgPicker
+     * @memberof AppLoginOrg
      */
-    public selectedOrgArray: Array<any> = [];
+    public items: Array<any> = [];
 
     /**
-     * 组件初始化数据，vue生命周期
+     * 容器样式
      *
-     * @memberof AppAuthOrgPicker
+     * @type {any}
+     * @memberof AppLoginInput
      */
-    public created() {
-        this.getOrgData();
-    }
+    public containerStyle: any = null;
 
     /**
-     * 选择组织部门回调
+     * 组件初始化数据，vue生命周期
      *
-     * @memberof AppAuthOrgPicker
+     * @memberof AppLoginOrg
      */
-    public orgSelect(data: string) {
-        if (Object.is(data, this.selectedOrgId)) {
-            return;
+    public created() {
+        this.getOrgData();
+        if (this.model) {
+            this.containerStyle = this.model.getElementStyle();
         }
-        let item: any = this.selectedOrgArray.find((_item: any) => Object.is(_item.srforgsectorid, data));
-        this.$emit('valueChange', { value: item.srforgsectorid });
-    }
-
-    /**
-     * 下拉框打开或收起回调
-     *
-     * @memberof AppAuthOrgPicker
-     */
-    visibleChange(data: boolean) {
-        this.iconClass = data ? 'ios-arrow-up' : 'ios-arrow-down';
     }
 
     /**
      * 获取数据
      *
-     * @memberof AppAuthOrgPicker
+     * @memberof AppLoginOrg
      */
     public async getOrgData() {
         // todo