|
|
@@ -1,6 +1,37 @@
|
|
|
<template>
|
|
|
- <hc-new-dialog v-model="isShow" widths="64rem" is-table title="项目信息" :footer="false" @close="dialogClose">
|
|
|
- 111111
|
|
|
+ <hc-new-dialog v-model="isShow" widths="64rem" is-table title="项目信息" :footer="false" :padding="false" @close="dialogClose">
|
|
|
+ <el-container class="hc-project-info-dialog">
|
|
|
+ <el-header>
|
|
|
+ <div class="left">
|
|
|
+ <el-button hc-btn color="#626aef" style="color: white">计量管理</el-button>
|
|
|
+ <el-button hc-btn color="#e233fb" style="color: white">征拆划分</el-button>
|
|
|
+ <el-button hc-btn color="#ac54ff" style="color: white">实验划分</el-button>
|
|
|
+ <el-button hc-btn type="success" style="color: white">WBS树管理</el-button>
|
|
|
+ <el-button hc-btn color="#2bbeed" style="color: white">日志树管理</el-button>
|
|
|
+ </div>
|
|
|
+ <div class="right">
|
|
|
+ <el-button hc-btn type="warning">编辑项目</el-button>
|
|
|
+ <el-button hc-btn type="primary">创建合同段</el-button>
|
|
|
+ <el-button hc-btn type="danger">删除项目</el-button>
|
|
|
+ </div>
|
|
|
+ </el-header>
|
|
|
+ <el-container>
|
|
|
+ <el-aside width="300px">
|
|
|
+ <hc-body scrollbar padding="0px">
|
|
|
+ <hc-list-item title="项目ID：" :content="projectInfo.id" />
|
|
|
+ <hc-list-item title="项目简称：" :content="projectInfo.projectAlias" />
|
|
|
+ <hc-list-item title="项目全名：" :content="projectInfo.projectName" />
|
|
|
+ <hc-list-item title="创建时间：" :content="projectInfo.createTime" />
|
|
|
+ <hc-list-item title="更新时间：" :content="projectInfo.updateTime" />
|
|
|
+ </hc-body>
|
|
|
+ </el-aside>
|
|
|
+ <el-main>
|
|
|
+ <hc-body scrollbar padding="0px">
|
|
|
+ 1111
|
|
|
+ </hc-body>
|
|
|
+ </el-main>
|
|
|
+ </el-container>
|
|
|
+ </el-container>
|
|
|
</hc-new-dialog>
|
|
|
</template>
|
|
|
|
|
|
@@ -66,6 +97,40 @@ const dialogClose = () => {
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
-<style scoped lang="scss">
|
|
|
-
|
|
|
+<style lang="scss">
|
|
|
+.el-container.hc-project-info-dialog {
|
|
|
+ position: relative;
|
|
|
+ height: 100%;
|
|
|
+ .el-header {
|
|
|
+ position: relative;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+ --el-header-padding: 0;
|
|
|
+ --el-header-height: 50px;
|
|
|
+ border-bottom: 1px solid #f4f4f4;
|
|
|
+ }
|
|
|
+ .el-aside, .el-main {
|
|
|
+ position: relative;
|
|
|
+ --el-main-padding: 0;
|
|
|
+ .hc-new-main-body {
|
|
|
+ top: 10px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .el-aside {
|
|
|
+ border-right: 1px solid #f4f4f4;
|
|
|
+ .hc-new-main-body {
|
|
|
+ right: 10px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .el-main .hc-new-main-body {
|
|
|
+ left: 10px;
|
|
|
+ }
|
|
|
+ .hc-list-item .title {
|
|
|
+ width: 70px;
|
|
|
+ }
|
|
|
+ .hc-list-item .content {
|
|
|
+ flex: 1;
|
|
|
+ }
|
|
|
+}
|
|
|
</style>
|
