<!--
 * @Author: wrh
 * @Date: 2024-03-25 17:38:39
 * @LastEditors: wrh
 * @LastEditTime: 2024-05-17 14:56:12
-->
<template>
  <div>
    <!-- <el-table :data="tableData" style="width: 100%">
      <el-table-column type="expand">
        <template slot-scope="props">
          <div style="background-color: #F0F2F5;">
            <el-descriptions direction="vertical" :column="3" border>
              <el-descriptions-item label="工作内容">XXXXXX</el-descriptions-item>
              <el-descriptions-item label="工作量">XXXXXX</el-descriptions-item>
              <el-descriptions-item label="单位" :span="2">km²</el-descriptions-item>
            </el-descriptions>
          </div>
        </template>
</el-table-column>
<el-table-column label="项目编号" prop="projectNumber">
</el-table-column>
<el-table-column label="项目名称" prop="projectName">
</el-table-column>
<el-table-column label="项目负责人" prop="projectLeader">
</el-table-column>
</el-table> -->
    <el-collapse v-model="activeNames" @change="handleChange">
      <el-collapse-item :name="item.projectNumber" v-for="item in tableData" :key="item.projectNumber">
        <template slot="title">
          <div>
            <svg-icon icon-class="ArrowRight" class="info-icon"></svg-icon>
            <!-- {{ item.projectNumber + ' ' + ' ' + item.projectName + ' ' + ' ' + item.projectLeaderUser.nickName }} -->
          </div>
        </template>
        <div>暂无信息，敬请期待</div>
      </el-collapse-item>
    </el-collapse>
  </div>
</template>

<script>

import { listProject, getProject, getListByProjectLeader, delProject, addProject, updateProject } from "@/api/oa/project/project";
export default {
  data() {
    return {

      tableData: [
        {
          projectNumber: '2021C40',
          projectName: '重庆轨道交通4号线西延伸段工程施工监测及控制测量',
          projectLeader: 'XXX'
        },
        {
          projectNumber: '2021C50',
          projectName: '重庆轨道交通4号线西延伸段工程施工监测及控制测量',
          projectLeader: 'XXX'
        },
        {
          projectNumber: '2021C60',
          projectName: '重庆轨道交通4号线西延伸段工程施工监测及控制测量',
          projectLeader: 'XXX'
        }
      ],
      activeNames: ['1'],
    }
  },
  created() {
    // this.getListByProjectLeader();
    if(this.$route.query){
      let userId = this.$route.query.userId
      // this.getUserInfo(userId)
    }
  },
  methods: {
    handleChange(val) {

    },
    getListByProjectLeader() {
      let projectLeader = this.$route.query.userId;
      getListByProjectLeader({ projectLeader: projectLeader }).then(res => {
        this.tableData = res.data
      });
    }
  }
}
</script>

<style lang="scss" scoped>
.info-icon {
  font-size: 20px;
}
</style>