<!-- 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>

