|
@@ -0,0 +1,61 @@
|
|
|
+<template>
|
|
|
+ <div>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-card style="height: 200px" header="项目数据总览">
|
|
|
+ <el-row justify="space-around">
|
|
|
+ <el-col :span="4">
|
|
|
+ <div class="bg-amber-100 h-24"></div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <div class="bg-blue-200 h-24"></div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <div class="bg-emerald-200 h-24"></div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <div class="bg-red-300 h-24"></div>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-card>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row class="mt-14">
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-card style="height: 500px;" header="项目列表">
|
|
|
+ <el-form>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="4" :offset="1">
|
|
|
+ <el-form-item label="项目名称">
|
|
|
+ <el-input placeholder="请输入项目名称"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4" :offset="1">
|
|
|
+ <el-form-item label="立项时间">
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4" :offset="1">
|
|
|
+ <el-form-item label="项目状态">
|
|
|
+ <el-select></el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-form>
|
|
|
+ </el-card>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+
|
|
|
+ </el-row>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script setup>
|
|
|
+defineOptions({
|
|
|
+ name: 'projectList'
|
|
|
+})
|
|
|
+</script>
|
|
|
+
|
|
|
+<style scoped lang="less">
|
|
|
+
|
|
|
+</style>
|