IDCDatasync/IDCDatasync-vue
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

文档管理-文档列表

Browse Source
This commit is contained in:
su 2025-03-09 00:39:53 +08:00
parent cfe4a17fda
commit 29e7f7e0d6
8 changed files with 98 additions and 80 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/img/图片.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

BIN
src/assets/img/数据库.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

BIN
src/assets/img/文件总数.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 10 KiB

BIN
src/assets/img/文档.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 10 KiB

BIN
src/assets/img/视频.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

BIN
src/assets/img/音频.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

172
src/views/fileManage/index.vue
View File

@ -29,89 +29,91 @@
<div class="linese"></div> <div class="linese"></div>
</div> </div>
<div class="righttop"> <div class="righttop">
<div class="linese"></div> <div class="linese"></div>
<a-row class="quarter-div"> <a-row class="quarter-div">
<a-col :span="10"> <a-col :span="10">
<img src="~@/assets/img/icon-结构化数据条数.png" /> <img src="~@/assets/img/文件总数.png" />
</a-col> </a-col>
<a-col :span="14"> <a-col :span="14">
<div class="datanum">{{ fileNum.total }}</div> <div class="datanum">{{ fileNum.total }}</div>
<div>文件总数</div> <div>文件总数</div>
</a-col> </a-col>
</a-row> </a-row>
<a-row class="quarter-div"> <a-row class="quarter-div">
<a-col :span="10"> <a-col :span="10">
<img src="~@/assets/img/icon非结构化文件大小.png" /> <img src="~@/assets/img/图片.png" />
</a-col> </a-col>
<a-col :span="14"> <a-col :span="14">
<div class="datanum">{{ fileNum.pictures }}</div> <div class="datanum">{{ fileNum.pictures }}</div>
<div>图片</div> <div>图片</div>
</a-col> </a-col>
</a-row> </a-row>
<a-row class="quarter-div"> <a-row class="quarter-div">
<a-col :span="10"> <a-col :span="10">
<img src="~@/assets/img/icon-表数量.png" /> <img src="~@/assets/img/音频.png" />
</a-col> </a-col>
<a-col :span="14"> <a-col :span="14">
<div class="datanum">{{ fileNum.audio }}</div> <div class="datanum">{{ fileNum.audio }}</div>
<div>音频</div> <div>音频</div>
</a-col> </a-col>
</a-row> </a-row>
<a-row class="quarter-div"> <a-row class="quarter-div">
<a-col :span="10"> <a-col :span="10">
<img src="~@/assets/img/icon-文件接引数量.png" /> <img src="~@/assets/img/数据库.png" />
</a-col> </a-col>
<a-col :span="14"> <a-col :span="14">
<div class="datanum">{{ fileNum.dbfile }}</div> <div class="datanum">{{ fileNum.dbfile }}</div>
<div>数据库文件</div> <div>数据库文件</div>
</a-col> </a-col>
</a-row> </a-row>
<a-row class="quarter-div"> <a-row class="quarter-div">
<a-col :span="10"> <a-col :span="10">
<img src="~@/assets/img/icon-文档数量.png" /> <img src="~@/assets/img/视频.png" />
</a-col> </a-col>
<a-col :span="14"> <a-col :span="14">
<div class="datanum">{{ fileNum.video }}</div> <div class="datanum">{{ fileNum.video }}</div>
<div>视频</div> <div>视频</div>
</a-col> </a-col>
</a-row> </a-row>
<a-row class="quarter-div" style="margin-right: 0;"> <a-row class="quarter-div" style="margin-right: 0">
<a-col :span="10"> <a-col :span="10">
<img src="~@/assets/img/icon-文档数量.png" /> <img src="~@/assets/img/文档.png" />
</a-col> </a-col>
<a-col :span="14"> <a-col :span="14">
<div class="datanum">{{ fileNum.document }}</div> <div class="datanum">{{ fileNum.document }}</div>
<div>文档</div> <div>文档</div>
</a-col> </a-col>
</a-row> </a-row>
<div class="linese" style="float: left;"></div> <div class="linese" style="float: left"></div>
<div class="linese" style="float: left;"></div> <div class="linese" style="float: left"></div>
<div> <div class="search">
<a-row> <a-row>
<a-col :span="12"> <a-col :span="12">
<a-form layout="inline"> <a-form layout="inline">
<a-form-item> <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-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
> >
<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-item>
</a-form> </a-form>
</a-col> </a-col>
<a-col :span="12" style="text-align: right"> <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-icon type="upload" />
文件上传 文件上传
</a-button> </a-button>
</a-col> </a-col>
</a-row> </a-row>
</div> </div>
<div class="rtable"> <div class="rtable">
<a-table <a-table
ref="table" ref="table"
bordered bordered
size="middle" size="middle"
@ -122,14 +124,14 @@
:pagination="searchFileTable" :pagination="searchFileTable"
:loading="loading" :loading="loading"
@change="handleTableChange" @change="handleTableChange"
> >
<span slot="action" slot-scope="text, record"> <span slot="action" slot-scope="text, record">
<a @click="download(record, $event)">下载</a>&nbsp; <a @click="viewFile(record, $event)">预览</a>&nbsp; <a @click="download(record, $event)">下载</a>&nbsp; <a @click="viewFile(record, $event)">预览</a>&nbsp;
<a @click="DeleteFile(record, $event)">删除</a> <a @click="DeleteFile(record, $event)">删除</a>
</span> </span>
</a-table> </a-table>
</div> </div>
<div class="linese"></div> <div class="linese"></div>
</div> </div>
</div> </div>
<a-modal v-model="isopen" :title="modalTitle" ok-text="确认" cancel-text="取消" @ok="hideModal"> <a-modal v-model="isopen" :title="modalTitle" ok-text="确认" cancel-text="取消" @ok="hideModal">
@ -453,10 +455,13 @@ export default {
height: calc(100vh - 240px); height: calc(100vh - 240px);
float: left; float: left;
} }
.righttop .search{
/* height: 40px; */
}
.quarter-div { .quarter-div {
width:calc(16.6vw - 86px); width: calc(16.6vw - 86px);
height: 100px; height: 130px;
float: left; float: left;
margin-right: 20px; margin-right: 20px;
border: 2px solid rgb(11, 72, 98); border: 2px solid rgb(11, 72, 98);
@ -465,6 +470,13 @@ export default {
text-align: center; text-align: center;
padding: 20px 0; padding: 20px 0;
} }
.quarter-div .ant-col-10 {
text-align: center;
}
.quarter-div .ant-col-10 {
text-align: center;
}
.quarter-div div { .quarter-div div {
text-align: left; text-align: left;
line-height: 30px; line-height: 30px;
@ -472,8 +484,8 @@ export default {
.quarter-div .datanum { .quarter-div .datanum {
font-size: 26px; font-size: 26px;
} }
.rtable{ .rtable {
height: calc(100vh - 495px); height: calc(100vh - 525px);
margin-top: 15px margin-top: 15px;
} }
</style> </style>

6
src/views/task/statistics.vue
View File

@ -309,4 +309,10 @@
.quarter-div .datanum{ .quarter-div .datanum{
font-size: 26px; font-size: 26px;
} }
.quarter-div .ant-col-8,
.quarter-div .ant-col-10
{
text-align: center;
}
</style> </style>