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

按照第二版设计图修改样式

Browse Source
This commit is contained in:
RenCheng 2025-04-15 00:01:22 +08:00
parent 11ed62275b
commit e51cd036bd
6 changed files with 193 additions and 186 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/views/dashboard/Analysis.vue
View File

@ -6,8 +6,8 @@
<div class="buttontext">任务管理</div> <div class="buttontext">任务管理</div>
<div class="buttonicon"><img src="~@/assets/img/任务管理.png"></div> <div class="buttonicon"><img src="~@/assets/img/任务管理.png"></div>
</a-col> </a-col>
<a-col :span="4" class="clickbutton" @click="openlink('/#/datalink/water')"> <a-col :span="4" class="clickbutton" @click="openlink('sjsxybs://test')">
<div class="buttontext">数据导入</div> <div class="buttontext">数据筛选与报送</div>
<div class="buttonicon"><img src="~@/assets/img/数据接入.png"></div> <div class="buttonicon"><img src="~@/assets/img/数据接入.png"></div>
</a-col> </a-col>
<a-col :span="4" class="clickbutton" @click="openlink('/#/datalink/dblink')"> <a-col :span="4" class="clickbutton" @click="openlink('/#/datalink/dblink')">

2
src/views/data/dataCataloguing.vue
View File

@ -21,7 +21,7 @@
</a-col> </a-col>
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons"> <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
<a-col :md="4" :sm="3"> <a-col :md="4" :sm="3">
<a-button type="primary" style="left: 10px" @click="gettagTables" icon="search">查询</a-button> <a-button type="primary" @click="gettagTables" icon="search">查询</a-button>
</a-col> </a-col>
</span> </span>
</a-row> </a-row>

22
src/views/data/dataManage.vue
View File

@ -3,7 +3,7 @@
<a-col :md="14" > <a-col :md="14" >
<div class="linese"></div> <div class="linese"></div>
<!-- 查询区域 --> <!-- 查询区域 -->
<div class="table-page-search-wrapper" style="background: rgb(18, 44, 65);"> <div class="table-page-search-wrapper" style="background: #e6e9f1;padding:10px;">
<a-select placeholder="选择数据类型" option-filter-prop="children" v-model="datatypequeryParam.schemaName" @change="getTables" style="width: 40%;"> <a-select placeholder="选择数据类型" option-filter-prop="children" v-model="datatypequeryParam.schemaName" @change="getTables" style="width: 40%;">
<a-select-option v-for="d in dataTypedataSources" :key="d.enName"> <a-select-option v-for="d in dataTypedataSources" :key="d.enName">
{{ d.cnName }} {{ d.cnName }}
@ -11,7 +11,7 @@
</a-select> </a-select>
</div> </div>
<!-- table区域-begin --> <!-- table区域-begin -->
<div ref="tableContainer" style="height:calc(100vh - 347px);background: rgb(18, 44, 65);padding:10px;"> <div ref="tableContainer" style="height:calc(100vh - 347px);background:rgb(230, 233, 241);padding:10px;">
<a-table <a-table
ref="table" ref="table"
size="middle" size="middle"
@ -30,7 +30,7 @@
</a-col> </a-col>
<a-col :md="10"> <a-col :md="10">
<div class="linese"></div> <div class="linese"></div>
<a-card :bordered="false" style="background: rgb(18, 44, 65) !important;"> <a-card :bordered="false" >
<!-- 查询区域 --> <!-- 查询区域 -->
<div class="table-page-search-wrapper"> <div class="table-page-search-wrapper">
<a-form layout="inline"> <a-form layout="inline">
@ -65,7 +65,7 @@
<!-- table区域-begin --> <!-- table区域-begin -->
<div class="datacleanResult"> <div class="datacleanResult">
<div class="progressbg"> <div class="progressbg">
<div class="title">发布进度：</div> <div class="title">发布进度:</div>
<a-progress :percent="percent" status="active" class="progress" /> <a-progress :percent="percent" status="active" class="progress" />
</div> </div>
<a-list :data-source="contentList" style="padding:10px 20px;"> <a-list :data-source="contentList" style="padding:10px 20px;">
@ -231,39 +231,44 @@
} }
</script> </script>
<style scoped> <style scoped>
@import '~@assets/less/common.less';
/deep/ .ant-table-bordered .ant-table-header>table { /deep/ .ant-table-bordered .ant-table-header>table {
border: none !important; border: none !important;
} }
.datacleanResult { .datacleanResult {
height: calc(100vh - 374px); height: calc(100vh - 374px);
overflow-y: auto; overflow-y: auto;
margin: 10px; margin: 10px;
background: rgb(11,34,52); background: #F1F4FA;
} }
.datacleanResult .progressbg { .datacleanResult .progressbg {
margin: 10px; margin: 10px;
height: 60px; height: 60px;
padding: 20px 10px; padding: 20px 10px;
background: rgb(17,42,64); background: #D6DAE2;
} }
.datacleanResult .title { .datacleanResult .title {
width: 14%; width: 14%;
font-size: 16px; font-size: 16px;
float: left; float: left;
text-align: right; text-align: right;
line-height: 20px; line-height: 20px;
color:#fff; color: #363F56;
} }
.datacleanResult .progress { .datacleanResult .progress {
width: 86%; width: 86%;
float: left; float: left;
} }
.datacleanResult .ant-progress-bg, .datacleanResult .ant-progress-bg,
.datacleanResult .ant-progress-inner { .datacleanResult .ant-progress-inner {
height: 16px !important; height: 16px !important;
} }
.datacleanResult .ant-progress-bg { .datacleanResult .ant-progress-bg {
background: linear-gradient(180deg, rgb(43, 97, 48), rgb(75, 160, 75), rgb(43, 97, 48)); background: linear-gradient(180deg, rgb(43, 97, 48), rgb(75, 160, 75), rgb(43, 97, 48));
} }
@ -271,6 +276,7 @@
/deep/ .datacleanResult .ant-progress-text { /deep/ .datacleanResult .ant-progress-text {
color: #fff !important; color: #fff !important;
} }
.datacleanResult .ant-list-items { .datacleanResult .ant-list-items {
border-bottom: 1px dashed rgb(35, 72, 100); border-bottom: 1px dashed rgb(35, 72, 100);
color: #fff; color: #fff;

4
src/views/data/thematicLibrary.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<a-row :gutter="30"> <a-row :gutter="30">
<a-col :md="24" :sm="1" > <a-col :md="24" :sm="1" >
<div class="table-page-search-wrapper"> <div class="table-page-search-wrapper"style="background: #e6e9f1;padding:10px;">
<a-select placeholder="选择数据类型" option-filter-prop="children" v-model="datatypequeryParam.schemaName" @change="getTables" style="width: 40%;"> <a-select placeholder="选择数据类型" option-filter-prop="children" v-model="datatypequeryParam.schemaName" @change="getTables" style="width: 40%;">
<a-select-option v-for="d in dataTypedataSources" :key="d.id"> <a-select-option v-for="d in dataTypedataSources" :key="d.id">
{{ d.cnName }} {{ d.cnName }}
@ -9,7 +9,7 @@
</a-select> </a-select>
</div> </div>
<!-- table区域-begin --> <!-- table区域-begin -->
<div ref="tableContainer" style="height:calc(100vh - 347px);background: rgb(18, 44, 65);padding:10px;"> <div ref="tableContainer" style="height:calc(100vh - 347px);background:#e6e9f1;padding:10px;">
<a-table <a-table
ref="table" ref="table"
size="middle" size="middle"

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

@ -1,11 +1,13 @@
<template> <template>
<div> <div>
<div class="filecontent"> <a-row>
<a-col :span="6">
<div class="flodContent"> <div class="flodContent">
<div class="linese"></div> <div class="linese"></div>
<div class="siderHeader echartsTitle"> <div class="siderHeader echartsTitle">
<div class="ecicon"></div> <div class="ecicon"></div>
文件目录 文件目录
<!-- <a-button type="primary" style="margin-left: 21px;float: right;" @click="searchgetFileList">添加</a-button> -->
</div> </div>
<a-dropdown :trigger="['contextmenu']"> <a-dropdown :trigger="['contextmenu']">
<a-directory-tree <a-directory-tree
@ -28,16 +30,18 @@
</a-dropdown> </a-dropdown>
<div class="linese"></div> <div class="linese"></div>
</div> </div>
</a-col>
<a-col :span="18">
<div class="righttop"> <div class="righttop">
<div class="linese"></div> <div class="linese"></div>
<div style="height:130px"> <div style="height:130px;background: #e6e9f1;margin-left: 10px;" >
<a-row class="quarter-div"> <a-row class="quarter-div">
<a-col :span="11"> <a-col :span="11">
<img src="~@/assets/img/文件总数.png" /> <img src="~@/assets/img/文件总数.png" />
</a-col> </a-col>
<a-col :span="13"> <a-col :span="13">
<div class="datanum">{{ fileNum.total }}</div> <div class="datanum" style="color: #FF9000;">{{ fileNum.total }}</div>
<div>文件总数</div> <div class="dataText">文件总数</div>
</a-col> </a-col>
</a-row> </a-row>
<a-row class="quarter-div"> <a-row class="quarter-div">
@ -45,8 +49,8 @@
<img src="~@/assets/img/图片.png" /> <img src="~@/assets/img/图片.png" />
</a-col> </a-col>
<a-col :span="13"> <a-col :span="13">
<div class="datanum">{{ fileNum.pictures }}</div> <div class="datanum" style="color: #E24660;">{{ fileNum.pictures }}</div>
<div>图片</div> <div class="dataText">图片</div>
</a-col> </a-col>
</a-row> </a-row>
<a-row class="quarter-div"> <a-row class="quarter-div">
@ -54,8 +58,8 @@
<img src="~@/assets/img/音频.png" /> <img src="~@/assets/img/音频.png" />
</a-col> </a-col>
<a-col :span="13"> <a-col :span="13">
<div class="datanum">{{ fileNum.audio }}</div> <div class="datanum" style="color: #22D780;">{{ fileNum.audio }}</div>
<div>音频</div> <div class="dataText">音频</div>
</a-col> </a-col>
</a-row> </a-row>
<a-row class="quarter-div"> <a-row class="quarter-div">
@ -63,8 +67,8 @@
<img src="~@/assets/img/数据库.png" /> <img src="~@/assets/img/数据库.png" />
</a-col> </a-col>
<a-col :span="13"> <a-col :span="13">
<div class="datanum">{{ fileNum.dbfile }}</div> <div class="datanum" style="color: #26E0EC;">{{ fileNum.dbfile }}</div>
<div>数据库文件</div> <div class="dataText">数据库<br/>文件</div>
</a-col> </a-col>
</a-row> </a-row>
<a-row class="quarter-div"> <a-row class="quarter-div">
@ -72,8 +76,8 @@
<img src="~@/assets/img/视频.png" /> <img src="~@/assets/img/视频.png" />
</a-col> </a-col>
<a-col :span="13"> <a-col :span="13">
<div class="datanum">{{ fileNum.video }}</div> <div class="datanum" style="color: #AE78FF;">{{ fileNum.video }}</div>
<div>视频</div> <div class="dataText">视频</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">
@ -81,8 +85,8 @@
<img src="~@/assets/img/文档.png" /> <img src="~@/assets/img/文档.png" />
</a-col> </a-col>
<a-col :span="13"> <a-col :span="13">
<div class="datanum">{{ fileNum.document }}</div> <div class="datanum" style="color: #43A0FF;">{{ fileNum.document }}</div>
<div>文档</div> <div class="dataText">文档</div>
</a-col> </a-col>
</a-row> </a-row>
</div> </div>
@ -98,8 +102,7 @@
</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 type="primary" icon="reload" style="margin-left: 8px" @click="reloadFileList"
>重置</a-button >重置</a-button
> >
@ -136,7 +139,8 @@
</div> </div>
<div class="linese"></div> <div class="linese"></div>
</div> </div>
</div> </a-col>
</a-row>
<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">
<a-input placeholder="请输入" v-model="dirName" style="color: #000000 !important"></a-input> <a-input placeholder="请输入" v-model="dirName" style="color: #000000 !important"></a-input>
</a-modal> </a-modal>
@ -436,8 +440,6 @@ export default {
.flodContent { .flodContent {
height: calc(100vh - 240px); height: calc(100vh - 240px);
overflow-y: auto; overflow-y: auto;
width: 300px;
float: left;
margin-right: 20px; margin-right: 20px;
} }
.siderHeader { .siderHeader {
@ -445,11 +447,10 @@ export default {
} }
.teeediv { .teeediv {
height: calc(100vh - 320px); height: calc(100vh - 320px);
background: rgb(17, 42, 64); background: #e6e9f1;
} }
.righttop { .righttop {
width: calc(100vw - 400px);
height: calc(100vh - 240px); height: calc(100vh - 240px);
float: left; float: left;
} }
@ -458,15 +459,14 @@ export default {
} }
.quarter-div { .quarter-div {
width: calc(16.6vw - 86px);
height: 130px; height: 130px;
float: left; float: left;
margin-right: 20px; margin-right: 20px;
border: 2px solid rgb(11, 72, 98);
color: #fff; color: #fff;
font-size: 16px; font-size: 16px;
text-align: center; text-align: center;
padding: 20px 0; padding: 20px 0;
background:#092776;
} }
.quarter-div .ant-col-11 { .quarter-div .ant-col-11 {
@ -474,12 +474,15 @@ export default {
} }
.quarter-div div { .quarter-div div {
text-align: left; text-align: left;
line-height: 50px; padding-left: 14px;
padding-left: 10px;
} }
.quarter-div .datanum { .quarter-div .datanum {
padding-top: 12px;
font-size: 26px; font-size: 26px;
} }
.quarter-div .dataText {
font-size: 16px;
}
.rtable { .rtable {
height: calc(100vh - 516px); height: calc(100vh - 516px);
} }

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

@ -28,17 +28,15 @@
<div class="linese"></div> <div class="linese"></div>
</a-col> </a-col>
<a-col :md="17" style="padding-right:10px;"> <a-col :md="17" style="padding-right:10px;">
<div class="linese"></div> <div class="linese"></div>
<a-row> <a-row>
<div style="margin-left: 10px;"> <div style="margin-left: 10px; background: #092776;">
<a-col :span="5" class="quarter-div"> <a-col :span="5" class="quarter-div">
<a-col :span="8"> <a-col :span="8">
<img src="~@/assets/img/icon-结构化数据条数.png" /> <img src="~@/assets/img/icon-结构化数据条数.png" />
</a-col> </a-col>
<a-col :span="16"> <a-col :span="16">
<div class="datanum">{{ fileNum.totalNumRow }}</div> <div class="datanum" style="color: #26E0EC;">{{ fileNum.totalNumRow }}</div>
<div>结构化数据条数</div> <div>结构化数据条数</div>
</a-col> </a-col>
</a-col> </a-col>
@ -47,7 +45,7 @@
<img src="~@/assets/img/icon非结构化文件大小.png" /> <img src="~@/assets/img/icon非结构化文件大小.png" />
</a-col> </a-col>
<a-col :span="16"> <a-col :span="16">
<div class="datanum">{{ fileNum.totalFileSize }}GB</div> <div class="datanum" style="color: #15C029;">{{ fileNum.totalFileSize }}GB</div>
<div>非结构化文件(大小)</div> <div>非结构化文件(大小)</div>
</a-col> </a-col>
</a-col> </a-col>
@ -56,7 +54,7 @@
<img src="~@/assets/img/icon-表数量.png" /> <img src="~@/assets/img/icon-表数量.png" />
</a-col> </a-col>
<a-col :span="14"> <a-col :span="14">
<div class="datanum">{{ fileNum.tableCount }}</div> <div class="datanum" style="color: #FF8A00;">{{ fileNum.tableCount }}</div>
<div>表数量</div> <div>表数量</div>
</a-col> </a-col>
</a-col> </a-col>
@ -65,7 +63,7 @@
<img src="~@/assets/img/icon-文件接引数量.png" /> <img src="~@/assets/img/icon-文件接引数量.png" />
</a-col> </a-col>
<a-col :span="14"> <a-col :span="14">
<div class="datanum">{{ fileNum.fileLinkCount }}</div> <div class="datanum" style="color: #FFFD2E;">{{ fileNum.fileLinkCount }}</div>
<div>文件接引数量</div> <div>文件接引数量</div>
</a-col> </a-col>
</a-col> </a-col>
@ -74,7 +72,7 @@
<img src="~@/assets/img/icon-文档数量.png" /> <img src="~@/assets/img/icon-文档数量.png" />
</a-col> </a-col>
<a-col :span="14"> <a-col :span="14">
<div class="datanum">{{ fileNum.docFileCount }}</div> <div class="datanum" style="color: #2EA4FF;">{{ fileNum.docFileCount }}</div>
<div>文档数量</div> <div>文档数量</div>
</a-col> </a-col>
</a-col> </a-col>