hxgksystemapp/.history/src/views/knowledge/ask/dialog_20231025091402.vue

<!--
@ 作者: 鲁智强
@ 时间: 2023-08-15 11:34:38
@ 备注: 
-->
<template>
	<el-dialog :model-value="true" :title="title" @close="handleClose">
	</el-dialog>
  </template>
  <script lang="ts">
  import { reactive,onMounted } from "vue";
  interface FormInfo {
	id: string;
	age: string;
	name: string;
	sex: string;
	ccc: string;
	ade: string;
  }
const props = defineProps( {
	title: {
		type: String,
		default: "",
	},
	dialogShow: {
		type: Boolean,
		default: false,
	},
	rowInfo: {
		type: Object,
		default() {
		  return {};
		},
	},
	arrayNum: {
		type: Number,
		default: 0,
	},
});
const emit = defineEmits(['update:dialogShow', 'editRow', 'addRow'])
		// 关闭弹窗
const handleClose=()=> {
		  emit("update:dialogShow", false);
		}
onMounted(()=>{
	Object.assign(formData,props.row)
})
</script>
  
  <style scoped>
  
  
  .avatar-uploader .avatar {
	display: block;
	width: 178px;
	height: 178px;
  }
  </style>
  
  <style lang="scss">
  .avatar-uploader .el-upload {
	position: relative;
	overflow: hidden;
	cursor: pointer;
	border: 1px dashed var(--el-border-color);
	border-radius: 6px;
	transition: var(--el-transition-duration-fast);
  }
  
  .avatar-uploader .el-upload:hover {
	border-color: var(--el-color-primary);
  }
  
  .el-icon.avatar-uploader-icon {
	width: 178px;
	height: 178px;
	font-size: 28px;
	color: #8c939d;
	text-align: center;
  }
  .el-dialog{
	  width:1200px;
  }
  </style>