async await和.then：如何确保.then方法在await之后异步操作完全执行完毕？

// 通过id获取告警图片
async initfilepath(alarmid) {
    this.isshowmorewaterfallimage = false;
    const { code, data } = await getimagepathofalarmasync(alarmid);
    if (code === 200) {
        this.dealimagedata(data);
    } else {
        this.showtype = 1;
    }                      
}

async dealimagedata(data, id = 'alarmid') {
    this.imglist = [];
    this.carouselcurrentindex = 0;
    this.imagepaths = data;
    this.imageformpathid = id;
    this.showtype = this.imagepaths.length === 0 ? 1 : (this.imagepaths.length === 1 ? 2 : 3);
    if (this.showtype !== 1) {
        const promiseList = Promise.all(this.imagepaths.map(async (path) => {
            return this.loadimgaepath(path);
        }));
        await promiseList.then(async (data) => { //这里await是多余的，then内部已经是异步的了
            this.imglist = data;
            this.$nextTick(() => {
                if (this.showtype === 2) {
                    if (this.$refs.imageref) {
                        this.$refs.imageref.loadimage(data[0]);
                    }
                } else if (this.showtype === 3) {
                    data.forEach((image, index) => {
                        if (this.$refs[`imageref${index}`] && this.$refs[`imageref${index}`][0]) {
                            this.$refs[`imageref${index}`][0].loadimage(image);
                        }
                    });
                }
            });
        });
    }
}

loadimgaepath(path) {
    return new Promise(async (resolve, reject) => { // async 在这里也是多余的
        await request({
            url: path,
            method: 'get',
            responseType: 'arraybuffer'
        }).then((response) => {
            const imgsrc = "data:image/jpeg;base64," + btoa(new Uint8Array(response.data).reduce((data, byte) => data + String.fromCharCode(byte), ""));
            resolve(imgsrc);
        }).catch(() => {
            reject();
        });
    });
}

// 父组件调用子组件方法
this.identifyfailed.forEach((alarm, index) => {
    this.$nextTick(() => {
        this.$refs['slideimagefaildref'][index].initfilepath(alarm.id);
    });
});

const initPromises = this.identifyFailed.map(async (alarm, index) => {
    await this.$nextTick(); // 保证DOM更新
    return this.$refs['slideImageFaildRef'][index].initfilepath(alarm.id);
});

Promise.all(initPromises).then(() => {
    // 所有子组件的 initfilepath 方法执行完毕后执行的代码
    console.log('All images loaded!');
}).catch(error => {
    console.error('Error loading images:', error);
});

async dealimagedata(data, id = 'alarmid') {
    // ... (other code) ...
    if (this.showtype !== 1) {
        Promise.all(this.imagepaths.map(async (path) => {
            return this.loadimgaepath(path);
        })).then((data) => {
            // ... (rest of the code) ...
        });
    }
}

loadimgaepath(path) {
    return new Promise((resolve, reject) => {
        request({
            url: path,
            method: 'get',
            responseType: 'arraybuffer'
        }).then((response) => {
            const imgsrc = "data:image/jpeg;base64," + btoa(new Uint8Array(response.data).reduce((data, byte) => data + String.fromCharCode(byte), ""));
            resolve(imgsrc);
        }).catch(() => {
            reject();
        });
    });
}