|
@@ -1,6 +1,6 @@
|
|
|
<template>
|
|
|
<div class="containe">
|
|
|
- <div class="header">
|
|
|
+ <!-- <div class="header">
|
|
|
<span>文档管理</span>
|
|
|
<img src="../../../assets/img/chevron-down.png" alt="" />
|
|
|
<img src="../../../assets/img/slash.png" alt="" />
|
|
@@ -11,7 +11,7 @@
|
|
|
<img src="../../../assets/img/chevron-up.png" alt="" class="top2" />
|
|
|
<img src="../../../assets/img/slash.png" alt="" />
|
|
|
</div>
|
|
|
- <div class="title">分组文档</div>
|
|
|
+ <div class="title">分组文档</div> -->
|
|
|
<div class="main">
|
|
|
<div class="app-container">
|
|
|
<el-row :gutter="20">
|
|
@@ -25,7 +25,7 @@
|
|
|
</el-col>
|
|
|
<!--用户数据-->
|
|
|
<el-col :span="20" :xs="24" class="main-right">
|
|
|
- <p>文档列表</p>
|
|
|
+ <p>子分组文档</p>
|
|
|
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch"
|
|
|
label-width="68px" class="main-right-form">
|
|
|
<el-form-item label="文件名称" prop="docName">
|
|
@@ -52,7 +52,7 @@
|
|
|
</el-form-item>
|
|
|
<el-form-item>
|
|
|
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
|
|
- <el-button icon="el-icon-refresh" size="mini" @click="resetQuery" class="cz">重置</el-button>
|
|
|
+ <el-button icon="el-icon-refresh" size="mini" @click="resetQuery" class="reset1">重置</el-button>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
|
|
@@ -714,53 +714,54 @@ import { listTag } from "@/api/doc/tag.js";
|
|
|
font-family: PingFang SC-Medium, PingFang SC;
|
|
|
font-weight: 500;
|
|
|
padding-left: calc(100vw * (20 / 1920));
|
|
|
- .header {
|
|
|
- // width: calc(100vw * (300 / 1920));
|
|
|
- height: calc(100vh * (22 / 1080));
|
|
|
- margin-top: calc(100vh * (20 / 1080));
|
|
|
- margin-bottom: calc(100vh * (20 / 1080));
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- img {
|
|
|
- width: calc(100vw * (16 / 1920));
|
|
|
- height: calc(100vh * (16 / 1080));
|
|
|
- border: 1px dashed grey;
|
|
|
- margin-left: 3px;
|
|
|
- margin-right: 3px;
|
|
|
- }
|
|
|
- .top1 {
|
|
|
- color: #2e8aecff;
|
|
|
- }
|
|
|
- }
|
|
|
- .title {
|
|
|
- height: calc(100vh * (22 / 1080));
|
|
|
- margin-top: calc(100vh * (20 / 1080));
|
|
|
- margin-bottom: calc(100vh * (20 / 1080));
|
|
|
- color: #ffffffff;
|
|
|
- font-size: 0.16rem;
|
|
|
- font-weight: bold;
|
|
|
- line-height: calc(100vh * (22 / 1080));
|
|
|
- }
|
|
|
+ // .header {
|
|
|
+ // // width: calc(100vw * (300 / 1920));
|
|
|
+ // height: calc(100vh * (22 / 1080));
|
|
|
+ // margin-top: calc(100vh * (20 / 1080));
|
|
|
+ // margin-bottom: calc(100vh * (20 / 1080));
|
|
|
+ // display: flex;
|
|
|
+ // align-items: center;
|
|
|
+ // img {
|
|
|
+ // width: calc(100vw * (16 / 1920));
|
|
|
+ // height: calc(100vh * (16 / 1080));
|
|
|
+ // border: 1px dashed grey;
|
|
|
+ // margin-left: 3px;
|
|
|
+ // margin-right: 3px;
|
|
|
+ // }
|
|
|
+ // .top1 {
|
|
|
+ // color: #2e8aecff;
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // .title {
|
|
|
+ // height: calc(100vh * (22 / 1080));
|
|
|
+ // margin-top: calc(100vh * (20 / 1080));
|
|
|
+ // margin-bottom: calc(100vh * (20 / 1080));
|
|
|
+ // color: #ffffffff;
|
|
|
+ // font-size: 0.16rem;
|
|
|
+ // font-weight: bold;
|
|
|
+ // line-height: calc(100vh * (22 / 1080));
|
|
|
+ // }
|
|
|
.main {
|
|
|
width: calc(100vw * (1876 / 1920));
|
|
|
- height: calc(100vh * (880 / 1080));
|
|
|
+ height: calc(100vh * (930 / 1080));
|
|
|
.app-container {
|
|
|
width: calc(100vw * (1876 / 1920));
|
|
|
- height: calc(100vh * (880 / 1080));
|
|
|
+ height: calc(100vh * (930 / 1080));
|
|
|
padding: 0;
|
|
|
}
|
|
|
.main-left {
|
|
|
width: calc(100vw * (260 / 1920));
|
|
|
- height: calc(100vh * (880 / 1080));
|
|
|
+ height: calc(100vh * (930 / 1080));
|
|
|
margin-right: calc(100vw * (20 / 1920));
|
|
|
margin-left: calc(100vw * (10 / 1920));
|
|
|
+ margin-top: calc(100vh * (35 / 1080));
|
|
|
background: url(../../../assets/img/Group-609.png);
|
|
|
- background-size: calc(100vw * (260 / 1920)) calc(100vh * (880 / 1080));
|
|
|
+ background-size: calc(100vw * (260 / 1920)) calc(100vh * (930 / 1080));
|
|
|
.head-top {
|
|
|
color: #ffffffff;
|
|
|
font-size: 0.2rem;
|
|
|
padding-left: calc(100vw * (15 / 1920));
|
|
|
- padding-top: calc(100vh * (15 / 1080));
|
|
|
+ padding-top: calc(100vh * (20 / 1080));
|
|
|
}
|
|
|
}
|
|
|
.el-breadcrumb{
|
|
@@ -777,9 +778,10 @@ import { listTag } from "@/api/doc/tag.js";
|
|
|
}
|
|
|
.main-right {
|
|
|
width: calc(100vw * (1600 / 1920));
|
|
|
- height: calc(100vh * (880 / 1080));
|
|
|
+ height: calc(100vh * (930 / 1080));
|
|
|
background: url(../../../assets/img/Group-610.png);
|
|
|
- background-size: calc(100vw * (1600 / 1920)) calc(100vh * (880 / 1080));
|
|
|
+ background-size: calc(100vw * (1600 / 1920)) calc(100vh * (930 / 1080));
|
|
|
+ margin-top: calc(100vh * (35 / 1080));
|
|
|
p {
|
|
|
color: #ffffffff;
|
|
|
font-size: 0.16rem;
|
|
@@ -788,8 +790,10 @@ import { listTag } from "@/api/doc/tag.js";
|
|
|
padding-bottom: calc(100vh * (20 / 1080));
|
|
|
}
|
|
|
//重置按钮
|
|
|
- .cz{
|
|
|
- color: #2e8aecff;
|
|
|
+ .reset1 {
|
|
|
+ color: #2e8aecff;
|
|
|
+ background: transparent;
|
|
|
+ border: 1px solid #2E8AECFF;
|
|
|
}
|
|
|
.main-right-form {
|
|
|
width: calc(100vw * (1540 / 1920));
|
|
@@ -799,7 +803,7 @@ import { listTag } from "@/api/doc/tag.js";
|
|
|
}
|
|
|
.main-right-table {
|
|
|
width: calc(100vw * (1540 / 1920));
|
|
|
- height: calc(100vh * (580 / 1080));
|
|
|
+ height: calc(100vh * (630 / 1080));
|
|
|
margin-left: calc(100vw * (20 / 1920));
|
|
|
background: transparent;
|
|
|
}
|