|
|
|
|
<!--
|
|
|
|
|
* @Author: qinzhenpen qzp1807@126.com
|
|
|
|
|
* @Date: 2025-04-22 14:05:45
|
|
|
|
|
* @LastEditors: qinzhenpen qzp1807@126.com
|
|
|
|
|
* @LastEditTime: 2025-04-24 13:28:12
|
|
|
|
|
* @FilePath: \e-commerce-internet\src\views\components\mainContent.vue
|
|
|
|
|
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
|
|
|
|
-->
|
|
|
|
|
<template>
|
|
|
|
|
<div class="main-content">
|
|
|
|
|
<el-scrollbar height="730px">
|
|
|
|
|
<component :is="currentComponent" ref="content"></component>
|
|
|
|
|
</el-scrollbar>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
<script setup>
|
|
|
|
|
import { defineExpose } from "vue";
|
|
|
|
|
const props = defineProps({
|
|
|
|
|
currentComponent: {
|
|
|
|
|
type: Object,
|
|
|
|
|
required: true,
|
|
|
|
|
},
|
|
|
|
|
});
|
|
|
|
|
const content = ref(null);
|
|
|
|
|
// const consumerLeft = () => {
|
|
|
|
|
// content.value.consumer();
|
|
|
|
|
// };
|
|
|
|
|
// const resLeft = () => {
|
|
|
|
|
// content.value.practicalTraining();
|
|
|
|
|
// };
|
|
|
|
|
// const submitDataLeft = () => {
|
|
|
|
|
// content.value.submitData();
|
|
|
|
|
// };
|
|
|
|
|
// const submitMethod = () => {
|
|
|
|
|
// console.log(666);
|
|
|
|
|
// // content.value.submitData();
|
|
|
|
|
// };
|
|
|
|
|
const submitMethod = () => {
|
|
|
|
|
// console.log(666);
|
|
|
|
|
content.value.submitData();
|
|
|
|
|
};
|
|
|
|
|
const retrainMethod = () => {
|
|
|
|
|
// console.log(666);
|
|
|
|
|
content.value.retrain();
|
|
|
|
|
};
|
|
|
|
|
defineExpose({
|
|
|
|
|
submitMethod,
|
|
|
|
|
retrainMethod,
|
|
|
|
|
});
|
|
|
|
|
</script>
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
|
|
.main-content {
|
|
|
|
|
width: calc(100% - 60px);
|
|
|
|
|
}
|
|
|
|
|
</style>
|
