form- item 下拉 返显示

下拉的返显示

 return [
                { itemType: 'input', prop: 'creditNum', label: '信用额度' },
                { itemType: 'select', prop: 'wayFlag', label: '了解途径', list: this.$store.getters.getSelectData(2043) || [] },
                { itemType: 'select', prop: 'persionName', label: '介绍人', list: this.$store.getters.getSelectData(2042) || []},
                { itemType: 'select', prop: 'sickType', label: '疾病类型', list: this.$store.getters.getSelectData(2041) || []},
                { itemType: 'date-picker', prop: 'applyDate', label: '挂号时间', valueFormat: 'yyyy-MM-dd', disabled: true },
                { itemType: 'select', prop: 'isEmergency', label: '是否急诊',list: [{ dictValue: 0, dictName: '非急诊' },{ dictValue: 1, dictName: '急诊' }] },
                { itemType: 'input', type: 'textarea', rows: '2', prop: 'remark', label: '备注', col: '24' }
            ];

tableColomn的

 tableColumn: [
                { state: '麻醉状态', formatter(row) {
                        const data = { 1: '未麻醉', 2: '已麻醉', 3: '未手术', 4: '已手术'};
                        return data[row.state];
                    }},
                { patientSource: '患者来源' ,formatter(row) {
                        const data = { 0: '门诊', 1: '住院'};
                        return data[row.patientSource];
                    }},
                { hospitalCode: '住院号/门诊号', width: '115px' },
                { patientName: '姓名' },
                { gender: '性别', formatter: row => this.$store.getters.getSelectDataName(41001, row.gender)},
                { age: '年龄' },
                { applyDepartName: '申请科室' },
                { applyDocName: '申请医生' },
                { applyTime: '申请时间' },
                { operationName: '拟行手术' },
                { anaesLevel: '拟行麻醉', formatter: row => this.$store.getters.getSelectDataName(2000007, row.anaesLevel)},
                { exeDepartName: '手术间' },
                { berth: '床位' }
            ]

tableColumn: [
                { expectNo: '预约号' },
                { treatType: '挂号类型',  formatter: row => {
                    let treatTVal = '';
                    this.treatTypeOptions.map(item => {
                        if(item.registerCode == row.treatType){
                            // console.log(item.registerCode);
                            // console.log(item);
                            return treatTVal = item.registerName;
                        }
                    });
                    return treatTVal;
                 } },
                { patientKind: '病人类别', formatter: row => this.$store.getters.getSelectDataName(13, row.patientKind)},
                { patientPay: '病人费别', formatter: row => this.$store.getters.getSelectDataName(42002, row.patientPay) },
                { patientName: '姓名' },
                { gender: '性别', formatter: row => this.$store.getters.getSelectDataName(41001, row.gender) },
                { age: '年龄' },
                { departName: '预约科室'},
                { userName: '预约医师' },
                { certNum: '证件号码' },
                { wayFlag: '了解途径', formatter: row => this.$store.getters.getSelectDataName(2043, Number(row.wayFlag)) },
                { persionName: '介绍人', formatter: row => this.$store.getters.getSelectDataName(2042, Number(row.persion)) },
                { address: '家庭地址' }
            ],

form-item

 operationConfig() {
                return [
                    { itemType:'input', label:'拟行手术',prop:'operationName', listName: 'userName', listKey: 'id', list: this.userOptions, disabled:true},
                    { itemType:'select', label:'手术间',prop:'imDepart', listName: 'departName', listKey: 'departCode', list: this.imDepartOptions},
                    { itemType:'select', label:'手术者',prop:'mainDoc', listName: 'userName', listKey: 'id', list: this.userOptions},
                    { itemType:'select', label:'第一助手',prop:'firstDoc', listName: 'userName', listKey: 'id', list: this.userOptions},
                    { itemType:'select', label:'第二助手',prop:'secondDoc', listName: 'userName', listKey: 'id', list: this.userOptions},
                    { itemType:'select', label:'第三助手',prop:'thirdDoc', listName: 'userName', listKey: 'id', list: this.userOptions},
                    { itemType:'select', label:'洗手护士',prop:'washNurse', listName: 'userName', listKey: 'id', list: this.userOptions},
                    { itemType:'select', label:'巡回护士',prop:'tourNurse', listName: 'userName', listKey: 'id', list: this.userOptions},
                    { itemType:'select', label:'器械护士',prop:'weaponNurse', listName: 'userName', listKey: 'id', list: this.userOptions},
                    { itemType:'input', label:'拟行麻醉',prop:'anaesLevel', formatter: row => (this.$store.getters.getSelectDataName(2000007, row.anaesLevel)), disabled:true},
                    { itemType:'select', label:'麻醉医师',prop:'anefinishDoc', listName: 'userName', listKey: 'id', list: this.userOptions},
                    { itemType: 'input', type: "textarea", prop: 'remark', label: '备注：', placeholder: '请输入', col: 24 }
                ]
            }

this.$store.dispatch(‘getSelect’, [2000007, 41001]);

async await promise nextTick includes

 getHttpData() {
            const data = Object.assign({page: this.pager}, this.form, {treatmentFlag:13});
            this.$http.post(this.$service.medical.anesthesiaDetail.list, data).then(res => {
            var get = res.data && res.data.list;
            let data = ['age', 'gender', 'outpatientService', 'patientName'];
            for(let i in get) {
                data.map((item)=>{
                    get[i][item] = get[i].mcPatientInfoOutput && get[i].mcPatientInfoOutput[item];
                })
            }
            this.tableData =  get;
            this.total = res.data && res.data.total;          
                });
        },

vue没法监听属性 采用的方法：

  this.formData = {...this.formData}