Element Plus使用el-dialog

<!-- 查看 -->
		<el-dialog
		  top="5vh"
		  title="查看"
		  v-model="dialogVisible"
		  width="80%"
		  :before-close="handleClose">
		  <div>
			  <el-descriptions class="margin-top" title="" :column="3" :size="size" border>
			      <el-descriptions-item label="部门" class="dade">
			        66668
			      </el-descriptions-item>
			      <el-descriptions-item label="员工姓名">
			        6666
			      </el-descriptions-item>
			      <el-descriptions-item label="员工编号">
			       7777
			      </el-descriptions-item>
			    </el-descriptions>
		  </div>
		  <span slot="footer" style="">
		    <!-- <el-button type="primary" @click="dialogVisible = false">确 定</el-button> -->
		  </span>
		</el-dialog>

const dialogVisible = ref(false);			// 弹窗查看打卡信息
function handleClose(done) {				// 关闭查看打卡信息
    done();
}

dialogVisible.value = true;                  //显示

<style>
	.margin-top .el-descriptions__label{
		width: 112px;
	}
</style>