<script setup lang="ts">
// 模拟分包单位数据列表
const subcontractedUnits = [
  { id: 1, name: '分包单位A' },
  { id: 2, name: '分包单位B' },
  { id: 3, name: '分包单位C' }
];

// 模拟一个方法，点击按钮时触发
const handleButtonClick = () => {
  console.log('点击了按钮，对分包单位进行操作');
};
</script>

<template>
  <div>
    <h1>分包单位</h1>
    <ul>
      <li v-for="unit in subcontractedUnits" :key="unit.id">{{ unit.name }}</li>
    </ul>
    <button @click="handleButtonClick">操作分包单位</button>
  </div>
</template>

<style scoped lang="scss">
/* 这里可以添加一些样式，比如设置列表样式和按钮样式 */
ul {
  list-style-type: none;
  padding: 0;
}

li {
  margin: 5px 0;
}

button {
  padding: 8px 16px;
  background-color: #007bff;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}
</style>
