文档管理-文档列表
This commit is contained in:
su
parent
cfe4a17fda
commit
29e7f7e0d6
BIN
src/assets/img/图片.png
Normal file
BIN
src/assets/img/图片.png
Normal file
Binary file not shown.
|
After 
(image error) Size: 11 KiB |
BIN
src/assets/img/数据库.png
Normal file
BIN
src/assets/img/数据库.png
Normal file
Binary file not shown.
|
After 
(image error) Size: 11 KiB |
BIN
src/assets/img/文件总数.png
Normal file
BIN
src/assets/img/文件总数.png
Normal file
Binary file not shown.
|
After 
(image error) Size: 10 KiB |
BIN
src/assets/img/文档.png
Normal file
BIN
src/assets/img/文档.png
Normal file
Binary file not shown.
|
After 
(image error) Size: 10 KiB |
BIN
src/assets/img/视频.png
Normal file
BIN
src/assets/img/视频.png
Normal file
Binary file not shown.
|
After 
(image error) Size: 11 KiB |
BIN
src/assets/img/音频.png
Normal file
BIN
src/assets/img/音频.png
Normal file
Binary file not shown.
|
After 
(image error) Size: 11 KiB |
|
|
@ -29,89 +29,91 @@
|
|||
<div class="linese"></div>
|
||||
</div>
|
||||
<div class="righttop">
|
||||
<div class="linese"></div>
|
||||
<a-row class="quarter-div">
|
||||
<a-col :span="10">
|
||||
<img src="~@/assets/img/icon-结构化数据条数.png" />
|
||||
</a-col>
|
||||
<a-col :span="14">
|
||||
<div class="datanum">{{ fileNum.total }}</div>
|
||||
<div>文件总数</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row class="quarter-div">
|
||||
<a-col :span="10">
|
||||
<img src="~@/assets/img/icon非结构化文件大小.png" />
|
||||
</a-col>
|
||||
<a-col :span="14">
|
||||
<div class="datanum">{{ fileNum.pictures }}</div>
|
||||
<div>图片</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row class="quarter-div">
|
||||
<a-col :span="10">
|
||||
<img src="~@/assets/img/icon-表数量.png" />
|
||||
</a-col>
|
||||
<a-col :span="14">
|
||||
<div class="datanum">{{ fileNum.audio }}</div>
|
||||
<div>音频</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row class="quarter-div">
|
||||
<a-col :span="10">
|
||||
<img src="~@/assets/img/icon-文件接引数量.png" />
|
||||
</a-col>
|
||||
<a-col :span="14">
|
||||
<div class="datanum">{{ fileNum.dbfile }}</div>
|
||||
<div>数据库文件</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row class="quarter-div">
|
||||
<a-col :span="10">
|
||||
<img src="~@/assets/img/icon-文档数量.png" />
|
||||
</a-col>
|
||||
<a-col :span="14">
|
||||
<div class="datanum">{{ fileNum.video }}</div>
|
||||
<div>视频</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row class="quarter-div" style="margin-right: 0;">
|
||||
<a-col :span="10">
|
||||
<img src="~@/assets/img/icon-文档数量.png" />
|
||||
</a-col>
|
||||
<a-col :span="14">
|
||||
<div class="datanum">{{ fileNum.document }}</div>
|
||||
<div>文档</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<div class="linese" style="float: left;"></div>
|
||||
<div class="linese" style="float: left;"></div>
|
||||
|
||||
<div>
|
||||
<a-row>
|
||||
<div class="linese"></div>
|
||||
<a-row class="quarter-div">
|
||||
<a-col :span="10">
|
||||
<img src="~@/assets/img/文件总数.png" />
|
||||
</a-col>
|
||||
<a-col :span="14">
|
||||
<div class="datanum">{{ fileNum.total }}</div>
|
||||
<div>文件总数</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row class="quarter-div">
|
||||
<a-col :span="10">
|
||||
<img src="~@/assets/img/图片.png" />
|
||||
</a-col>
|
||||
<a-col :span="14">
|
||||
<div class="datanum">{{ fileNum.pictures }}</div>
|
||||
<div>图片</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row class="quarter-div">
|
||||
<a-col :span="10">
|
||||
<img src="~@/assets/img/音频.png" />
|
||||
</a-col>
|
||||
<a-col :span="14">
|
||||
<div class="datanum">{{ fileNum.audio }}</div>
|
||||
<div>音频</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row class="quarter-div">
|
||||
<a-col :span="10">
|
||||
<img src="~@/assets/img/数据库.png" />
|
||||
</a-col>
|
||||
<a-col :span="14">
|
||||
<div class="datanum">{{ fileNum.dbfile }}</div>
|
||||
<div>数据库文件</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row class="quarter-div">
|
||||
<a-col :span="10">
|
||||
<img src="~@/assets/img/视频.png" />
|
||||
</a-col>
|
||||
<a-col :span="14">
|
||||
<div class="datanum">{{ fileNum.video }}</div>
|
||||
<div>视频</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row class="quarter-div" style="margin-right: 0">
|
||||
<a-col :span="10">
|
||||
<img src="~@/assets/img/文档.png" />
|
||||
</a-col>
|
||||
<a-col :span="14">
|
||||
<div class="datanum">{{ fileNum.document }}</div>
|
||||
<div>文档</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<div class="linese" style="float: left"></div>
|
||||
<div class="linese" style="float: left"></div>
|
||||
|
||||
<div class="search">
|
||||
<a-row>
|
||||
<a-col :span="12">
|
||||
<a-form layout="inline">
|
||||
<a-form layout="inline">
|
||||
<a-form-item>
|
||||
<a-input placeholder="请输入" v-model="searchFile.queryCondition"></a-input>
|
||||
<a-input placeholder="请输入" v-model="searchFile.queryCondition"></a-input>
|
||||
</a-form-item>
|
||||
<a-form-item>
|
||||
<a-button type="primary" icon="search" style="margin-left: 21px" @click="searchgetFileList"
|
||||
<a-button type="primary" icon="search" style="margin-left: 21px" @click="searchgetFileList"
|
||||
>查询</a-button
|
||||
>
|
||||
<a-button type="primary" icon="reload" style="margin-left: 8px" @click="reloadFileList">重置</a-button>
|
||||
>
|
||||
<a-button type="primary" icon="reload" style="margin-left: 8px" @click="reloadFileList"
|
||||
>重置</a-button
|
||||
>
|
||||
</a-form-item>
|
||||
</a-form>
|
||||
</a-form>
|
||||
</a-col>
|
||||
<a-col :span="12" style="text-align: right">
|
||||
<a-button type="primary" style="margin-left: 8px" @click="clickfile">
|
||||
<a-button type="primary" style="margin-left: 8px" @click="clickfile">
|
||||
<a-icon type="upload" />
|
||||
文件上传
|
||||
</a-button>
|
||||
</a-button>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-row>
|
||||
</div>
|
||||
<div class="rtable">
|
||||
<a-table
|
||||
<a-table
|
||||
ref="table"
|
||||
bordered
|
||||
size="middle"
|
||||
|
|
@ -122,14 +124,14 @@
|
|||
:pagination="searchFileTable"
|
||||
:loading="loading"
|
||||
@change="handleTableChange"
|
||||
>
|
||||
>
|
||||
<span slot="action" slot-scope="text, record">
|
||||
<a @click="download(record, $event)">下载</a> <a @click="viewFile(record, $event)">预览</a>
|
||||
<a @click="DeleteFile(record, $event)">删除</a>
|
||||
<a @click="download(record, $event)">下载</a> <a @click="viewFile(record, $event)">预览</a>
|
||||
<a @click="DeleteFile(record, $event)">删除</a>
|
||||
</span>
|
||||
</a-table>
|
||||
</a-table>
|
||||
</div>
|
||||
<div class="linese"></div>
|
||||
<div class="linese"></div>
|
||||
</div>
|
||||
</div>
|
||||
<a-modal v-model="isopen" :title="modalTitle" ok-text="确认" cancel-text="取消" @ok="hideModal">
|
||||
|
|
@ -453,10 +455,13 @@ export default {
|
|||
height: calc(100vh - 240px);
|
||||
float: left;
|
||||
}
|
||||
.righttop .search{
|
||||
/* height: 40px; */
|
||||
}
|
||||
|
||||
.quarter-div {
|
||||
width:calc(16.6vw - 86px);
|
||||
height: 100px;
|
||||
width: calc(16.6vw - 86px);
|
||||
height: 130px;
|
||||
float: left;
|
||||
margin-right: 20px;
|
||||
border: 2px solid rgb(11, 72, 98);
|
||||
|
|
@ -465,6 +470,13 @@ export default {
|
|||
text-align: center;
|
||||
padding: 20px 0;
|
||||
}
|
||||
|
||||
.quarter-div .ant-col-10 {
|
||||
text-align: center;
|
||||
}
|
||||
.quarter-div .ant-col-10 {
|
||||
text-align: center;
|
||||
}
|
||||
.quarter-div div {
|
||||
text-align: left;
|
||||
line-height: 30px;
|
||||
|
|
@ -472,8 +484,8 @@ export default {
|
|||
.quarter-div .datanum {
|
||||
font-size: 26px;
|
||||
}
|
||||
.rtable{
|
||||
height: calc(100vh - 495px);
|
||||
margin-top: 15px
|
||||
.rtable {
|
||||
height: calc(100vh - 525px);
|
||||
margin-top: 15px;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -309,4 +309,10 @@
|
|||
.quarter-div .datanum{
|
||||
font-size: 26px;
|
||||
}
|
||||
|
||||
.quarter-div .ant-col-8,
|
||||
.quarter-div .ant-col-10
|
||||
{
|
||||
text-align: center;
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in New Issue
Block a user