<template>
  <div class="app-container">
    <el-card class="box-card" shadow="always">
      <el-form ref="queryForm" :model="queryParams" :inline="true">
        <el-form-item label="项目" prop="projectId">
          <el-select v-model="queryParams.projectId" clearable size="small" placeholder="项目" class="filter-item">
            <el-option v-for="item in projectsOptions" :key="item.id" :label="item.projectName" :value="item.id" />
          </el-select>
        </el-form-item>
      </el-form>
      <iframe src="http://192.168.1.217:8001/model/modelChildren?hideInMenu=true" width="100%" height="850px" frameborder="0" />
    </el-card>
  </div>
</template>

<script>
export default {
  name: 'DataModel',
  data() {
    return {
      projectsOptions: [
        {id: '1111', projectName: '演示项目'}
      ],
      // 查询参数
      queryParams: {
        pageNum: 1,
        pageSize: 20,
        projectId: '1111',
        fileName: ''
      }
    }
  },
  methods: {
  }
}
</script>

<style lang="scss" scoped>

</style>
