wuhongjian
/
hi-ucs
1
0
Fork 0
Code Issues Pull Requests Projects Releases 10 Wiki Activity

656565

This commit is contained in:
gaoyuanwei 2022-06-14 16:28:12 +08:00
parent fdb6c28f3c
commit 22e395109f
3 changed files with 16804 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16388
back/package-lock.json generated Normal file
View File

File diff suppressed because it is too large Load Diff

426
front/src/views/home/DetailsPageconetent.vue
View File

@ -21,10 +21,9 @@
<span>{{ item.name }}</span>
</div>
</div>
<div
v-show="Cardsname !== '基础设施' && Cardsname !== '数据资源'"
class="resultListSearchInput-father"
>
<!-- v-show="Cardsname !== '基础设施'" -->
<!-- 搜索框 -->
<div class="resultListSearchInput-father">
<div class="resultListSearchInput-son">
模糊搜索
<a-input-search
@ -40,6 +39,7 @@
<div class="hengxian"></div>
</div>
</div>
<!-- 分类 -->
<div class="top-content-father" :key="listKey">
<template
v-if="
@ -116,16 +116,22 @@
</div>
</template>
</div>
<!-- 中心内容 -->
<searchResultList
v-show="resourceList.data?.length > 0 && Cardsname !== '基础设施'"
v-show="resourceList.data?.length > 0"
:key="listKey2"
:resourceList="resourceList"
:resourceTotal="resourceTotal"
:select-cardsname="Cardsname"
/>
<!-- 分页 -->
<div class="pagination">
<a-pagination
v-if="resourceList.data?.length > 0 && Cardsname !== '基础设施'"
v-if="
resourceList.data?.length > 0 &&
Cardsname != '基础设施' &&
Cardsname != '数据资源'
"
v-model:current="currentPage"
v-model:pageSize="currentPageSize"
show-size-changer
@ -136,9 +142,21 @@
@change="pageChange"
@showSizeChange="onShowSizeChange"
/>
<a-pagination
v-else
v-model:current="currentPage"
v-model:pageSize="currentPageSize"
show-size-changer
show-less-items
show-quick-jumper
:total="resourceTotal"
:page-size-options="pageSizeOptions"
@change="pageChangeOther"
@showSizeChange="onShowSizeChangeOther"
/>
</div>
<div class="jichusheshi" v-if="Cardsname == '基础设施'">
<!-- <div class="yunziyuan">
<!-- <div class="jichusheshi" v-if="Cardsname == '基础设施'">
<div class="yunziyuan">
<div class="yunziyuan-title">
<div class="tupian"></div>
<div class="title" @click="dianjitiaozhaun('青岛市云资源管理平台')">
@ -158,8 +176,8 @@
<div class="shuoming">
说明：政务云资源目前通过青岛市云资源管理平台进行申请
</div>
</div> -->
<!-- <div class="shipin">
</div>
<div class="shipin">
<div class="shipin-title">
<div class="tupian"></div>
<div
@ -253,10 +271,10 @@
hideOnSinglePage
/>
</div>
</div> -->
<VideoSurveillance></VideoSurveillance>
</div>
<div class="shujuziyuan" v-if="Cardsname == '数据资源'">
<VideoSurveillance></VideoSurveillance>
</div> -->
<!-- <div class="shujuziyuan" v-if="Cardsname == '数据资源'">
<div class="yunziyuan">
<div class="yunziyuan-title">
<div class="tupian"></div>
@ -278,11 +296,9 @@
说明：数据资源目前通过青岛市政务信息网进行申请
</div>
</div>
</div>
</div> -->
<div v-if="resourceList.data?.length <= 0" style="margin-top: 200px">
<a-empty
v-if="!(Cardsname == '基础设施') && !(Cardsname == '数据资源')"
/>
<a-empty />
</div>
</div>
<div class="top" v-else>
@ -414,6 +430,7 @@
value: 997.17,
},
])
// 数据资源
const shujuziyuanqingkuang = ref([
{
name: '已上线目录：',
@ -720,6 +737,258 @@
const resourceList = reactive({ data: [] })
const videoList = reactive({ data: [] })
const resourceTotal = ref('')
// 数据资源数据
const resourceData = ref({
status: true,
message: '查询成功！',
data: {
total: 77,
records: [
{
serviceId: '516224376401072128',
name: '电子警察数据',
description: '电子警察数据',
type: 'data',
createDate: '2020-10-26T06:45:42.000+0000',
requestNum: 1540003,
requestQuantity: 154060,
starNum: 5,
},
{
serviceId: '553628641336680448',
name: '婚姻信息',
description: null,
type: 'data',
createDate: '2021-02-01T06:44:56.270+0000',
requestNum: 389562,
requestQuantity: 107211740,
starNum: 5,
},
{
serviceId: '553628691060154368',
name: '联系信息',
description: null,
type: 'data',
createDate: '2021-02-01T06:44:53.368+0000',
requestNum: 365069,
requestQuantity: 68082160,
starNum: 5,
},
{
serviceId: '515975914317189120',
name: '成都出租车GPS数据开放服务',
description: '成都出租车GPS数据开放服务',
type: 'data',
createDate: '2020-10-22T03:24:16.000+0000',
requestNum: 300044,
requestQuantity: 57500,
starNum: 5,
},
{
serviceId: '516224453593042944',
name: '设施数据',
description: '设施数据',
type: 'data',
createDate: '2020-10-26T03:43:18.000+0000',
requestNum: 200000,
requestQuantity: 2000000,
starNum: 5,
},
{
serviceId: '516224413768126464',
name: '车道数据',
description: '车道数据',
type: 'data',
createDate: '2020-10-26T03:43:26.000+0000',
requestNum: 195007,
requestQuantity: 1950140,
starNum: 5,
},
{
serviceId: '514474782668898304',
name: '共享库数据',
description: '共享库数据',
type: 'data',
createDate: '2020-10-22T03:24:02.000+0000',
requestNum: 154048,
requestQuantity: 1578100,
starNum: 5,
},
{
serviceId: '514474693493800960',
name: '出租车GPS数据',
description: '出租车GPS数据',
type: 'data',
createDate: '2020-10-22T03:24:14.000+0000',
requestNum: 154044,
requestQuantity: 1574100,
starNum: 5,
},
{
serviceId: '514475042631860224',
name: '出租车运营数据',
description: '出租车运营数据',
type: 'data',
createDate: '2020-10-22T03:24:11.000+0000',
requestNum: 154042,
requestQuantity: 1572100,
starNum: 5,
},
{
serviceId: '514474984528166912',
name: '环保数据',
description: '环保数据',
type: 'data',
createDate: '2020-10-22T03:23:59.000+0000',
requestNum: 154038,
requestQuantity: 1568100,
starNum: 5,
},
],
pageNum: 1,
pageSize: 10,
size: 10,
startRow: 1,
endRow: 10,
pages: 8,
prePage: 0,
nextPage: 2,
isFirstPage: true,
isLastPage: false,
hasPreviousPage: false,
hasNextPage: true,
navigatePages: 8,
navigatepageNums: [1, 2, 3, 4, 5, 6, 7, 8],
navigateFirstPage: 1,
navigateLastPage: 8,
},
})
// 基础设施数据
const infrastructure = ref({
status: true,
message: '查询成功！',
data: {
total: 77,
records: [
{
serviceId: '516224376401072128',
name: '电子警察数据',
description: '电子警察数据',
type: 'data',
createDate: '2020-10-26T06:45:42.000+0000',
requestNum: 1540003,
requestQuantity: 154060,
starNum: 5,
},
{
serviceId: '553628641336680448',
name: '婚姻信息',
description: null,
type: 'data',
createDate: '2021-02-01T06:44:56.270+0000',
requestNum: 389562,
requestQuantity: 107211740,
starNum: 5,
},
{
serviceId: '553628691060154368',
name: '联系信息',
description: null,
type: 'data',
createDate: '2021-02-01T06:44:53.368+0000',
requestNum: 365069,
requestQuantity: 68082160,
starNum: 5,
},
{
serviceId: '515975914317189120',
name: '成都出租车GPS数据开放服务',
description: '成都出租车GPS数据开放服务',
type: 'data',
createDate: '2020-10-22T03:24:16.000+0000',
requestNum: 300044,
requestQuantity: 57500,
starNum: 5,
},
{
serviceId: '516224453593042944',
name: '设施数据',
description: '设施数据',
type: 'data',
createDate: '2020-10-26T03:43:18.000+0000',
requestNum: 200000,
requestQuantity: 2000000,
starNum: 5,
},
{
serviceId: '516224413768126464',
name: '车道数据',
description: '车道数据',
type: 'data',
createDate: '2020-10-26T03:43:26.000+0000',
requestNum: 195007,
requestQuantity: 1950140,
starNum: 5,
},
{
serviceId: '514474782668898304',
name: '共享库数据',
description: '共享库数据',
type: 'data',
createDate: '2020-10-22T03:24:02.000+0000',
requestNum: 154048,
requestQuantity: 1578100,
starNum: 5,
},
{
serviceId: '514474693493800960',
name: '出租车GPS数据',
description: '出租车GPS数据',
type: 'data',
createDate: '2020-10-22T03:24:14.000+0000',
requestNum: 154044,
requestQuantity: 1574100,
starNum: 5,
},
{
serviceId: '514475042631860224',
name: '出租车运营数据',
description: '出租车运营数据',
type: 'data',
createDate: '2020-10-22T03:24:11.000+0000',
requestNum: 154042,
requestQuantity: 1572100,
starNum: 5,
},
{
serviceId: '514474984528166912',
name: '环保数据',
description: '环保数据',
type: 'data',
createDate: '2020-10-22T03:23:59.000+0000',
requestNum: 154038,
requestQuantity: 1568100,
starNum: 5,
},
],
pageNum: 1,
pageSize: 10,
size: 10,
startRow: 1,
endRow: 10,
pages: 8,
prePage: 0,
nextPage: 2,
isFirstPage: true,
isLastPage: false,
hasPreviousPage: false,
hasNextPage: true,
navigatePages: 8,
navigatepageNums: [1, 2, 3, 4, 5, 6, 7, 8],
navigateFirstPage: 1,
navigateLastPage: 8,
},
})
const getAppResources = () => {
paramsGetResources.name = searchValue.value
paramsGetResources.type = Cardsname.value
@ -728,10 +997,23 @@
resourceList.data = []
videoList.data = []
if (Cardsname.value === '基础设施') {
console.log('基础设施~~~~~~~~~~~')
videoList.data = res.data.data.records || []
resourceTotal.value = res.data.data.total || ''
loading.value = false
// videoList.data = res.data.data.records || []
resourceTotal.value = infrastructure.value.data.total || ''
getShoppingCartList(infrastructure.value.data.records)
console.log(
'基础设施~~~~~~~~~~~',
resourceTotal.value,
resourceList.data
)
} else if (Cardsname.value === '数据资源') {
resourceTotal.value = resourceData.value.data.total || ''
getShoppingCartList(resourceData.value.data.records)
console.log(
'数据资源~~~~~~~~~~~',
resourceTotal.value,
resourceList.data
)
// debugger
} else {
// resourceList.data = res.data.data.records || []
resourceTotal.value = res.data.data.total || ''
@ -815,6 +1097,16 @@
paramsGetResources.pageNum = val
getAppResources()
}
// 基础设施、数据资源分页
const pageChangeOther = (val) => {
console.log(val)
loading.value = true
currentPage.value = val
paramsGetResources.pageNum = val
getAppResources()
}
const findZywMessage = () => {
zywMessage().then((res) => {
console.log('findMessage============>', res)
@ -846,6 +1138,14 @@
getAppResources()
console.log(current, pageSize)
}
const onShowSizeChangeOther = (current, pageSize) => {
currentPage.value = current
currentPageSize.value = pageSize
paramsGetResources.pageNum = current
paramsGetResources.pageSize = pageSize
getAppResources()
console.log(current, pageSize)
}
watch(currentPageSize, () => {
console.log('pageSize', currentPageSize.value)
})
@ -936,6 +1236,13 @@
handleChangeBqTags,
loading,
getShoppingCartList,
// 数据资源
resourceData,
// 基础设施
infrastructure,
// 数据资源、基础设施分页
pageChangeOther,
onShowSizeChangeOther,
}
},
components: {
@ -964,10 +1271,12 @@
background: #f3f5f9;
padding-left: 20px;
padding-top: 20px;
.resultListSearchInput-son {
background: #fff;
padding: 20px 20px 0px 30px;
margin-right: 20px;
.hengxian {
width: 100%;
height: 1px;
@ -976,14 +1285,17 @@
}
}
}
.resultListSearchInput {
margin-left: 10px;
:deep(.ant-input) {
width: 400px;
height: 36px;
background: #fff;
border-radius: 4px;
}
:deep(.ant-input-search-button) {
width: 80px;
height: 36px;
@ -995,10 +1307,12 @@
line-height: 34px;
margin-left: 10px;
}
:deep(.ant-input-group-addon) {
left: 0 !important;
}
}
.button-reset {
border: 0;
outline: none;
@ -1013,6 +1327,7 @@
margin-left: 250px;
cursor: pointer;
}
.details-pageconetent {
height: 100%;
width: 100%;
@ -1023,6 +1338,7 @@
margin-top: 67px;
position: relative;
background: rgba(245, 243, 243, 0.3);
.details-pageconetent-left {
max-height: 790px;
position: absolute;
@ -1032,6 +1348,7 @@
margin-right: 17px;
overflow: auto;
}
.top {
min-height: 720px;
position: relative;
@ -1043,34 +1360,40 @@
font-size: 16px;
justify-content: left;
margin-left: 250px;
.pagination {
background: #f3f5f9;
padding-bottom: 60px;
}
.jichusheshi {
// display: flex;
// flex-direction: column;
// justify-content: center;
// padding-top: 40px;
height: 445px;
// height: 445px;
// overflow: hidden;
.yunziyuan {
width: 100%;
position: relative;
.shuoming {
position: absolute;
right: 20px;
top: 15px;
font-size: 12px;
}
.yunziyuan-title {
display: flex;
align-items: center;
.tupian {
// width: 89px;
// height: 74px;
// background: url('~@/assets/home/yunziyuan.png');
}
.title {
margin-left: 10px;
font-weight: 600;
@ -1078,38 +1401,47 @@
cursor: pointer;
}
}
.fenlei {
display: flex;
margin-left: 20px;
margin-right: 30px;
justify-content: space-between;
}
.keyongziyuan {
display: flex;
justify-content: space-between;
margin-left: 30px;
margin-right: 30px;
div {
display: flex;
div:last-child {
font-weight: 600;
}
}
}
}
.yunziyuan > div {
margin-bottom: 10px;
}
.shipin {
width: 100%;
.shipin-title {
display: flex;
align-items: center;
.tupian {
// width: 56px;
// height: 50px;
// background: url('~@/assets/home/shipin.png');
}
.title {
margin-left: 10px;
font-weight: 600;
@ -1117,21 +1449,26 @@
cursor: pointer;
}
}
.fenlei {
display: flex;
margin-left: 20px;
div {
margin-right: 60px;
}
.shuzi {
font-weight: 600;
}
}
}
.shipin > div {
margin-bottom: 10px;
}
}
.jichusheshi > div {
// background: #eaf4ff;
padding-top: 10px;
@ -1139,29 +1476,35 @@
margin-bottom: 20px;
padding-bottom: 40px;
}
.shujuziyuan {
display: flex;
flex-direction: column;
justify-content: center;
padding-top: 40px;
.yunziyuan {
width: 100%;
position: relative;
.shuoming {
position: absolute;
right: 20px;
top: 15px;
font-size: 12px;
}
.yunziyuan-title {
display: flex;
align-items: center;
margin-left: 20px;
.tupian {
// width: 51px;
// height: 50px;
// background: url('~@/assets/home/shujuziyuan.png');
}
.title {
margin-left: 10px;
font-weight: 600;
@ -1169,29 +1512,35 @@
cursor: pointer;
}
}
.fenlei {
display: flex;
margin-left: 20px;
margin-right: 30px;
justify-content: space-between;
}
.keyongziyuan {
display: flex;
justify-content: space-between;
margin-left: 30px;
margin-right: 30px;
div {
display: flex;
div:last-child {
font-weight: 600;
}
}
}
}
.yunziyuan > div {
margin-bottom: 10px;
}
}
.shujuziyuan > div {
background: #eaf4ff;
padding-top: 10px;
@ -1199,6 +1548,7 @@
margin-bottom: 20px;
padding-bottom: 40px;
}
.top-title {
display: flex;
justify-content: space-between;
@ -1207,12 +1557,14 @@
font-family: 'Alibaba PuHuiTi';
color: #000000;
line-height: 34px;
.photo {
display: inline-block;
height: 44px;
width: 44px;
margin-right: 10px;
}
div {
margin: 0 20px;
padding: 0 10px;
@ -1220,29 +1572,35 @@
display: flex;
align-items: center;
}
div:hover {
color: #0087ff;
}
.sel {
font-weight: 600;
color: #0087ff;
border-bottom: 2px solid #0087ff;
}
}
.top-content-father {
width: 1087px;
padding-left: 20px;
// margin-bottom: 20px;
background: #f3f5f9;
.top-content-son {
background: #fff;
margin: 0px 20px 20px 0px;
padding-top: 20px;
padding-bottom: 20px;
}
.top-content {
display: flex;
margin-top: 0px;
span:nth-child(1) {
display: inline-block;
position: relative;
@ -1252,6 +1610,7 @@
text-align: center;
vertical-align: middle;
}
// .top-content-title {
// top: -20px;
// }
@ -1262,14 +1621,17 @@
overflow: hidden;
// width: 718px;
}
.leixingsumfather2 {
width: 920px;
}
.leixingsum {
display: inline-block;
cursor: pointer;
text-align: center;
margin-top: 5px;
// margin-bottom: 10px;
.ant-tag-checkable {
width: 83px;
@ -1288,12 +1650,14 @@
text-align: center;
line-height: 14px;
}
:deep(.ant-tag-checkable-checked) {
// width: 67px;
margin-left: 15px;
margin-right: 15px;
text-align: center;
}
.ant-tag-checkable:active,
.ant-tag-checkable-checked {
width: 85px;
@ -1304,6 +1668,7 @@
border-radius: 16px;
}
}
.active {
font-family: Alibaba PuHuiTi;
font-weight: 500;
@ -1311,32 +1676,38 @@
color: #ffffff;
}
}
.top-content:nth-child(1) {
margin-top: 0px !important;
}
}
}
}
.shrinkTag {
width: 50px;
display: flex;
justify-content: center;
align-items: flex-end;
margin-bottom: 5px;
span {
cursor: pointer;
}
}
.shrink {
height: unset !important;
overflow: unset !important;
}
.talk-monitor {
position: fixed;
bottom: 50px;
right: 10px;
z-index: 9999;
cursor: pointer;
i {
width: 64px;
height: 64px;
@ -1345,13 +1716,16 @@
background-size: cover;
}
}
.top-content-father {
width: 1087px;
padding-left: 20px;
// margin-bottom: 20px;
.top-content {
display: flex;
margin-top: 23px;
span:nth-child(1) {
display: inline-block;
position: relative;
@ -1363,6 +1737,7 @@
font-size: 16px;
margin-left: 30px;
}
// .top-content-title {
// top: -20px;
// }
@ -1373,12 +1748,14 @@
overflow: hidden;
// width: 718px;
}
.leixingsum {
width: 93px;
display: inline-block;
cursor: pointer;
text-align: center;
margin-top: 5px;
// margin-bottom: 10px;
.ant-tag-checkable {
width: 85px;
@ -1397,12 +1774,14 @@
text-align: center;
line-height: 14px;
}
:deep(.ant-tag-checkable-checked) {
// width: 67px;
margin-left: 15px;
margin-right: 15px;
text-align: center;
}
.ant-tag-checkable:active,
.ant-tag-checkable-checked {
width: 85px;
@ -1413,6 +1792,7 @@
border-radius: 16px;
}
}
.active {
font-family: Alibaba PuHuiTi;
font-weight: 500;
@ -1420,10 +1800,12 @@
color: #ffffff;
}
}
.top-content:nth-child(1) {
margin-top: 41px !important;
}
}
:deep(.ant-card-grid) {
overflow: hidden;
white-space: nowrap;

16
front/src/views/home/components/searchResultList.vue
View File

@ -9,7 +9,11 @@
cardType == '组件服务' ? '组件' : cardType == '应用资源' ? '应用' : ''
}}
</div>
<div class="condition" :key="showKey">
<div
class="condition"
:key="showKey"
v-if="cardType != '基础设施' && cardType != '数据资源'"
>
<ul>
<li
v-for="item in selList"
@ -87,10 +91,10 @@
</div>
</div>
<div class="dec">
<div>
<div v-if="cardType != '基础设施' && cardType != '数据资源'">
<span>{{ item.shareType || '--' }}</span>
</div>
<div>
<div v-if="cardType != '基础设施' && cardType != '数据资源'">
<span>{{ item.deptName || '--' }}</span>
</div>
<div>{{ item.description || '--' }}</div>
@ -116,7 +120,11 @@
</div>
<div class="btn">
<div class="right">
<div class="shopping" :key="shoppingKey">
<div
class="shopping"
:key="shoppingKey"
v-if="cardType != '基础设施' && cardType != '数据资源'"
>
<span class="shopping-down" v-if="item.isInShoppingCart"></span>
<span
class="shopping-on"