51 lines
1.1 KiB
Vue
51 lines
1.1 KiB
Vue
<!-- src/views/ProjectDetail/Project4Zh.vue -->
|
|
<template>
|
|
<div class="container">
|
|
<!-- 物料管理页面 -->
|
|
<h2>物料管理页面</h2>
|
|
<img :src="img1" alt="物料管理页面">
|
|
|
|
<!-- 工艺管理页面 -->
|
|
<h2>工艺管理页面</h2>
|
|
<img :src="img2" alt="工艺管理页面">
|
|
|
|
<!-- 设备保养页面 -->
|
|
<h2>设备保养页面</h2>
|
|
<img :src="img3" alt="设备保养页面">
|
|
|
|
<!-- 生产管理页面 -->
|
|
<h2>生产管理页面</h2>
|
|
<img :src="img4" alt="生产管理页面">
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
import img1 from '@/assets/project4/project4-1.png'
|
|
import img2 from '@/assets/project4/project4-2.png'
|
|
import img3 from '@/assets/project4/project4-3.png'
|
|
import img4 from '@/assets/project4/project4-3.png'
|
|
|
|
// 可选：定义组件名（仅用于调试）
|
|
defineOptions({
|
|
name: 'Project4Zh'
|
|
})
|
|
</script>
|
|
|
|
<style scoped>
|
|
.container {
|
|
padding: 20px;
|
|
font-family: Arial, sans-serif;
|
|
}
|
|
h1, h2, h3 {
|
|
color: #333;
|
|
}
|
|
img {
|
|
max-width: 100%;
|
|
height: auto;
|
|
margin: 10px 0;
|
|
border: 1px solid #ddd;
|
|
border-radius: 4px;
|
|
}
|
|
</style>
|
|
|