form- item 下拉返显示

布满荆棘的人生 2023-02-26 07:24 12阅读 0赞

下拉的返显示

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}