div el-dialog v-model=dialogVisible title=详情预览 width=50 draggable el-form label-width=70px el-form-item label=记录序号 el-input v-model=queryoid align=c

display: flex;
justify-content: space-between;
align-items: center;

完整代码如下：

<div style="display: flex; justify-content: space-between; align-items: center;">
    <el-dialog v-model="dialogVisible" title="详情预览" width="50%" draggable>
        <!-- 表单内容 -->
    </el-dialog>
</div>

这样就可以实现左右两边对齐且内容居中的效果了。