656565
This commit is contained in:
gaoyuanwei
parent
fdb6c28f3c
commit
22e395109f
File diff suppressed because it is too large
Load Diff
|
|
@ -21,10 +21,9 @@
|
||||||
<span>{{ item.name }}</span>
|
<span>{{ item.name }}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div
|
<!-- v-show="Cardsname !== '基础设施'" -->
|
||||||
v-show="Cardsname !== '基础设施' && Cardsname !== '数据资源'"
|
<!-- 搜索框 -->
|
||||||
class="resultListSearchInput-father"
|
<div class="resultListSearchInput-father">
|
||||||
>
|
|
||||||
<div class="resultListSearchInput-son">
|
<div class="resultListSearchInput-son">
|
||||||
模糊搜索
|
模糊搜索
|
||||||
<a-input-search
|
<a-input-search
|
||||||
|
|
@ -40,6 +39,7 @@
|
||||||
<div class="hengxian"></div>
|
<div class="hengxian"></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<!-- 分类 -->
|
||||||
<div class="top-content-father" :key="listKey">
|
<div class="top-content-father" :key="listKey">
|
||||||
<template
|
<template
|
||||||
v-if="
|
v-if="
|
||||||
|
|
@ -116,16 +116,22 @@
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</div>
|
</div>
|
||||||
|
<!-- 中心内容 -->
|
||||||
<searchResultList
|
<searchResultList
|
||||||
v-show="resourceList.data?.length > 0 && Cardsname !== '基础设施'"
|
v-show="resourceList.data?.length > 0"
|
||||||
:key="listKey2"
|
:key="listKey2"
|
||||||
:resourceList="resourceList"
|
:resourceList="resourceList"
|
||||||
:resourceTotal="resourceTotal"
|
:resourceTotal="resourceTotal"
|
||||||
:select-cardsname="Cardsname"
|
:select-cardsname="Cardsname"
|
||||||
/>
|
/>
|
||||||
|
<!-- 分页 -->
|
||||||
<div class="pagination">
|
<div class="pagination">
|
||||||
<a-pagination
|
<a-pagination
|
||||||
v-if="resourceList.data?.length > 0 && Cardsname !== '基础设施'"
|
v-if="
|
||||||
|
resourceList.data?.length > 0 &&
|
||||||
|
Cardsname != '基础设施' &&
|
||||||
|
Cardsname != '数据资源'
|
||||||
|
"
|
||||||
v-model:current="currentPage"
|
v-model:current="currentPage"
|
||||||
v-model:pageSize="currentPageSize"
|
v-model:pageSize="currentPageSize"
|
||||||
show-size-changer
|
show-size-changer
|
||||||
|
|
@ -136,9 +142,21 @@
|
||||||
@change="pageChange"
|
@change="pageChange"
|
||||||
@showSizeChange="onShowSizeChange"
|
@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>
|
||||||
<div class="jichusheshi" v-if="Cardsname == '基础设施'">
|
<!-- <div class="jichusheshi" v-if="Cardsname == '基础设施'">
|
||||||
<!-- <div class="yunziyuan">
|
<div class="yunziyuan">
|
||||||
<div class="yunziyuan-title">
|
<div class="yunziyuan-title">
|
||||||
<div class="tupian"></div>
|
<div class="tupian"></div>
|
||||||
<div class="title" @click="dianjitiaozhaun('青岛市云资源管理平台')">
|
<div class="title" @click="dianjitiaozhaun('青岛市云资源管理平台')">
|
||||||
|
|
@ -158,8 +176,8 @@
|
||||||
<div class="shuoming">
|
<div class="shuoming">
|
||||||
说明：政务云资源目前通过青岛市云资源管理平台进行申请
|
说明：政务云资源目前通过青岛市云资源管理平台进行申请
|
||||||
</div>
|
</div>
|
||||||
</div> -->
|
</div>
|
||||||
<!-- <div class="shipin">
|
<div class="shipin">
|
||||||
<div class="shipin-title">
|
<div class="shipin-title">
|
||||||
<div class="tupian"></div>
|
<div class="tupian"></div>
|
||||||
<div
|
<div
|
||||||
|
|
@ -253,10 +271,10 @@
|
||||||
hideOnSinglePage
|
hideOnSinglePage
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div> -->
|
|
||||||
<VideoSurveillance></VideoSurveillance>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="shujuziyuan" v-if="Cardsname == '数据资源'">
|
<VideoSurveillance></VideoSurveillance>
|
||||||
|
</div> -->
|
||||||
|
<!-- <div class="shujuziyuan" v-if="Cardsname == '数据资源'">
|
||||||
<div class="yunziyuan">
|
<div class="yunziyuan">
|
||||||
<div class="yunziyuan-title">
|
<div class="yunziyuan-title">
|
||||||
<div class="tupian"></div>
|
<div class="tupian"></div>
|
||||||
|
|
@ -278,11 +296,9 @@
|
||||||
说明：数据资源目前通过青岛市政务信息网进行申请
|
说明：数据资源目前通过青岛市政务信息网进行申请
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div> -->
|
||||||
<div v-if="resourceList.data?.length <= 0" style="margin-top: 200px">
|
<div v-if="resourceList.data?.length <= 0" style="margin-top: 200px">
|
||||||
<a-empty
|
<a-empty />
|
||||||
v-if="!(Cardsname == '基础设施') && !(Cardsname == '数据资源')"
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="top" v-else>
|
<div class="top" v-else>
|
||||||
|
|
@ -414,6 +430,7 @@
|
||||||
value: 997.17,
|
value: 997.17,
|
||||||
},
|
},
|
||||||
])
|
])
|
||||||
|
// 数据资源
|
||||||
const shujuziyuanqingkuang = ref([
|
const shujuziyuanqingkuang = ref([
|
||||||
{
|
{
|
||||||
name: '已上线目录：',
|
name: '已上线目录：',
|
||||||
|
|
@ -720,6 +737,258 @@
|
||||||
const resourceList = reactive({ data: [] })
|
const resourceList = reactive({ data: [] })
|
||||||
const videoList = reactive({ data: [] })
|
const videoList = reactive({ data: [] })
|
||||||
const resourceTotal = ref('')
|
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 = () => {
|
const getAppResources = () => {
|
||||||
paramsGetResources.name = searchValue.value
|
paramsGetResources.name = searchValue.value
|
||||||
paramsGetResources.type = Cardsname.value
|
paramsGetResources.type = Cardsname.value
|
||||||
|
|
@ -728,10 +997,23 @@
|
||||||
resourceList.data = []
|
resourceList.data = []
|
||||||
videoList.data = []
|
videoList.data = []
|
||||||
if (Cardsname.value === '基础设施') {
|
if (Cardsname.value === '基础设施') {
|
||||||
console.log('基础设施~~~~~~~~~~~')
|
// videoList.data = res.data.data.records || []
|
||||||
videoList.data = res.data.data.records || []
|
resourceTotal.value = infrastructure.value.data.total || ''
|
||||||
resourceTotal.value = res.data.data.total || ''
|
getShoppingCartList(infrastructure.value.data.records)
|
||||||
loading.value = false
|
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 {
|
} else {
|
||||||
// resourceList.data = res.data.data.records || []
|
// resourceList.data = res.data.data.records || []
|
||||||
resourceTotal.value = res.data.data.total || ''
|
resourceTotal.value = res.data.data.total || ''
|
||||||
|
|
@ -815,6 +1097,16 @@
|
||||||
paramsGetResources.pageNum = val
|
paramsGetResources.pageNum = val
|
||||||
getAppResources()
|
getAppResources()
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// 基础设施、数据资源分页
|
||||||
|
const pageChangeOther = (val) => {
|
||||||
|
console.log(val)
|
||||||
|
loading.value = true
|
||||||
|
currentPage.value = val
|
||||||
|
paramsGetResources.pageNum = val
|
||||||
|
getAppResources()
|
||||||
|
}
|
||||||
|
|
||||||
const findZywMessage = () => {
|
const findZywMessage = () => {
|
||||||
zywMessage().then((res) => {
|
zywMessage().then((res) => {
|
||||||
console.log('findMessage============>', res)
|
console.log('findMessage============>', res)
|
||||||
|
|
@ -846,6 +1138,14 @@
|
||||||
getAppResources()
|
getAppResources()
|
||||||
console.log(current, pageSize)
|
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, () => {
|
watch(currentPageSize, () => {
|
||||||
console.log('pageSize', currentPageSize.value)
|
console.log('pageSize', currentPageSize.value)
|
||||||
})
|
})
|
||||||
|
|
@ -936,6 +1236,13 @@
|
||||||
handleChangeBqTags,
|
handleChangeBqTags,
|
||||||
loading,
|
loading,
|
||||||
getShoppingCartList,
|
getShoppingCartList,
|
||||||
|
// 数据资源
|
||||||
|
resourceData,
|
||||||
|
// 基础设施
|
||||||
|
infrastructure,
|
||||||
|
// 数据资源、基础设施分页
|
||||||
|
pageChangeOther,
|
||||||
|
onShowSizeChangeOther,
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
components: {
|
components: {
|
||||||
|
|
@ -964,10 +1271,12 @@
|
||||||
background: #f3f5f9;
|
background: #f3f5f9;
|
||||||
padding-left: 20px;
|
padding-left: 20px;
|
||||||
padding-top: 20px;
|
padding-top: 20px;
|
||||||
|
|
||||||
.resultListSearchInput-son {
|
.resultListSearchInput-son {
|
||||||
background: #fff;
|
background: #fff;
|
||||||
padding: 20px 20px 0px 30px;
|
padding: 20px 20px 0px 30px;
|
||||||
margin-right: 20px;
|
margin-right: 20px;
|
||||||
|
|
||||||
.hengxian {
|
.hengxian {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 1px;
|
height: 1px;
|
||||||
|
|
@ -976,14 +1285,17 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.resultListSearchInput {
|
.resultListSearchInput {
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
|
|
||||||
:deep(.ant-input) {
|
:deep(.ant-input) {
|
||||||
width: 400px;
|
width: 400px;
|
||||||
height: 36px;
|
height: 36px;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
:deep(.ant-input-search-button) {
|
:deep(.ant-input-search-button) {
|
||||||
width: 80px;
|
width: 80px;
|
||||||
height: 36px;
|
height: 36px;
|
||||||
|
|
@ -995,10 +1307,12 @@
|
||||||
line-height: 34px;
|
line-height: 34px;
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
:deep(.ant-input-group-addon) {
|
:deep(.ant-input-group-addon) {
|
||||||
left: 0 !important;
|
left: 0 !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.button-reset {
|
.button-reset {
|
||||||
border: 0;
|
border: 0;
|
||||||
outline: none;
|
outline: none;
|
||||||
|
|
@ -1013,6 +1327,7 @@
|
||||||
margin-left: 250px;
|
margin-left: 250px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.details-pageconetent {
|
.details-pageconetent {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
@ -1023,6 +1338,7 @@
|
||||||
margin-top: 67px;
|
margin-top: 67px;
|
||||||
position: relative;
|
position: relative;
|
||||||
background: rgba(245, 243, 243, 0.3);
|
background: rgba(245, 243, 243, 0.3);
|
||||||
|
|
||||||
.details-pageconetent-left {
|
.details-pageconetent-left {
|
||||||
max-height: 790px;
|
max-height: 790px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|
@ -1032,6 +1348,7 @@
|
||||||
margin-right: 17px;
|
margin-right: 17px;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.top {
|
.top {
|
||||||
min-height: 720px;
|
min-height: 720px;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
@ -1043,34 +1360,40 @@
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
justify-content: left;
|
justify-content: left;
|
||||||
margin-left: 250px;
|
margin-left: 250px;
|
||||||
|
|
||||||
.pagination {
|
.pagination {
|
||||||
background: #f3f5f9;
|
background: #f3f5f9;
|
||||||
padding-bottom: 60px;
|
padding-bottom: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.jichusheshi {
|
.jichusheshi {
|
||||||
// display: flex;
|
// display: flex;
|
||||||
// flex-direction: column;
|
// flex-direction: column;
|
||||||
// justify-content: center;
|
// justify-content: center;
|
||||||
// padding-top: 40px;
|
// padding-top: 40px;
|
||||||
height: 445px;
|
// height: 445px;
|
||||||
// overflow: hidden;
|
// overflow: hidden;
|
||||||
.yunziyuan {
|
.yunziyuan {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
.shuoming {
|
.shuoming {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 20px;
|
right: 20px;
|
||||||
top: 15px;
|
top: 15px;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.yunziyuan-title {
|
.yunziyuan-title {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
.tupian {
|
.tupian {
|
||||||
// width: 89px;
|
// width: 89px;
|
||||||
// height: 74px;
|
// height: 74px;
|
||||||
// background: url('~@/assets/home/yunziyuan.png');
|
// background: url('~@/assets/home/yunziyuan.png');
|
||||||
}
|
}
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
|
|
@ -1078,38 +1401,47 @@
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.fenlei {
|
.fenlei {
|
||||||
display: flex;
|
display: flex;
|
||||||
margin-left: 20px;
|
margin-left: 20px;
|
||||||
margin-right: 30px;
|
margin-right: 30px;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
}
|
}
|
||||||
|
|
||||||
.keyongziyuan {
|
.keyongziyuan {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
margin-left: 30px;
|
margin-left: 30px;
|
||||||
margin-right: 30px;
|
margin-right: 30px;
|
||||||
|
|
||||||
div {
|
div {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
||||||
div:last-child {
|
div:last-child {
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.yunziyuan > div {
|
.yunziyuan > div {
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.shipin {
|
.shipin {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
||||||
.shipin-title {
|
.shipin-title {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
.tupian {
|
.tupian {
|
||||||
// width: 56px;
|
// width: 56px;
|
||||||
// height: 50px;
|
// height: 50px;
|
||||||
// background: url('~@/assets/home/shipin.png');
|
// background: url('~@/assets/home/shipin.png');
|
||||||
}
|
}
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
|
|
@ -1117,21 +1449,26 @@
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.fenlei {
|
.fenlei {
|
||||||
display: flex;
|
display: flex;
|
||||||
margin-left: 20px;
|
margin-left: 20px;
|
||||||
|
|
||||||
div {
|
div {
|
||||||
margin-right: 60px;
|
margin-right: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.shuzi {
|
.shuzi {
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.shipin > div {
|
.shipin > div {
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.jichusheshi > div {
|
.jichusheshi > div {
|
||||||
// background: #eaf4ff;
|
// background: #eaf4ff;
|
||||||
padding-top: 10px;
|
padding-top: 10px;
|
||||||
|
|
@ -1139,29 +1476,35 @@
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
padding-bottom: 40px;
|
padding-bottom: 40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.shujuziyuan {
|
.shujuziyuan {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
padding-top: 40px;
|
padding-top: 40px;
|
||||||
|
|
||||||
.yunziyuan {
|
.yunziyuan {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
.shuoming {
|
.shuoming {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 20px;
|
right: 20px;
|
||||||
top: 15px;
|
top: 15px;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.yunziyuan-title {
|
.yunziyuan-title {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
margin-left: 20px;
|
margin-left: 20px;
|
||||||
|
|
||||||
.tupian {
|
.tupian {
|
||||||
// width: 51px;
|
// width: 51px;
|
||||||
// height: 50px;
|
// height: 50px;
|
||||||
// background: url('~@/assets/home/shujuziyuan.png');
|
// background: url('~@/assets/home/shujuziyuan.png');
|
||||||
}
|
}
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
|
|
@ -1169,29 +1512,35 @@
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.fenlei {
|
.fenlei {
|
||||||
display: flex;
|
display: flex;
|
||||||
margin-left: 20px;
|
margin-left: 20px;
|
||||||
margin-right: 30px;
|
margin-right: 30px;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
}
|
}
|
||||||
|
|
||||||
.keyongziyuan {
|
.keyongziyuan {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
margin-left: 30px;
|
margin-left: 30px;
|
||||||
margin-right: 30px;
|
margin-right: 30px;
|
||||||
|
|
||||||
div {
|
div {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
||||||
div:last-child {
|
div:last-child {
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.yunziyuan > div {
|
.yunziyuan > div {
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.shujuziyuan > div {
|
.shujuziyuan > div {
|
||||||
background: #eaf4ff;
|
background: #eaf4ff;
|
||||||
padding-top: 10px;
|
padding-top: 10px;
|
||||||
|
|
@ -1199,6 +1548,7 @@
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
padding-bottom: 40px;
|
padding-bottom: 40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.top-title {
|
.top-title {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
|
|
@ -1207,12 +1557,14 @@
|
||||||
font-family: 'Alibaba PuHuiTi';
|
font-family: 'Alibaba PuHuiTi';
|
||||||
color: #000000;
|
color: #000000;
|
||||||
line-height: 34px;
|
line-height: 34px;
|
||||||
|
|
||||||
.photo {
|
.photo {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
height: 44px;
|
height: 44px;
|
||||||
width: 44px;
|
width: 44px;
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
div {
|
div {
|
||||||
margin: 0 20px;
|
margin: 0 20px;
|
||||||
padding: 0 10px;
|
padding: 0 10px;
|
||||||
|
|
@ -1220,29 +1572,35 @@
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
div:hover {
|
div:hover {
|
||||||
color: #0087ff;
|
color: #0087ff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.sel {
|
.sel {
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
color: #0087ff;
|
color: #0087ff;
|
||||||
border-bottom: 2px solid #0087ff;
|
border-bottom: 2px solid #0087ff;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.top-content-father {
|
.top-content-father {
|
||||||
width: 1087px;
|
width: 1087px;
|
||||||
padding-left: 20px;
|
padding-left: 20px;
|
||||||
// margin-bottom: 20px;
|
// margin-bottom: 20px;
|
||||||
background: #f3f5f9;
|
background: #f3f5f9;
|
||||||
|
|
||||||
.top-content-son {
|
.top-content-son {
|
||||||
background: #fff;
|
background: #fff;
|
||||||
margin: 0px 20px 20px 0px;
|
margin: 0px 20px 20px 0px;
|
||||||
padding-top: 20px;
|
padding-top: 20px;
|
||||||
padding-bottom: 20px;
|
padding-bottom: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.top-content {
|
.top-content {
|
||||||
display: flex;
|
display: flex;
|
||||||
margin-top: 0px;
|
margin-top: 0px;
|
||||||
|
|
||||||
span:nth-child(1) {
|
span:nth-child(1) {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
@ -1252,6 +1610,7 @@
|
||||||
text-align: center;
|
text-align: center;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
|
|
||||||
// .top-content-title {
|
// .top-content-title {
|
||||||
// top: -20px;
|
// top: -20px;
|
||||||
// }
|
// }
|
||||||
|
|
@ -1262,14 +1621,17 @@
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
// width: 718px;
|
// width: 718px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.leixingsumfather2 {
|
.leixingsumfather2 {
|
||||||
width: 920px;
|
width: 920px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.leixingsum {
|
.leixingsum {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin-top: 5px;
|
margin-top: 5px;
|
||||||
|
|
||||||
// margin-bottom: 10px;
|
// margin-bottom: 10px;
|
||||||
.ant-tag-checkable {
|
.ant-tag-checkable {
|
||||||
width: 83px;
|
width: 83px;
|
||||||
|
|
@ -1288,12 +1650,14 @@
|
||||||
text-align: center;
|
text-align: center;
|
||||||
line-height: 14px;
|
line-height: 14px;
|
||||||
}
|
}
|
||||||
|
|
||||||
:deep(.ant-tag-checkable-checked) {
|
:deep(.ant-tag-checkable-checked) {
|
||||||
// width: 67px;
|
// width: 67px;
|
||||||
margin-left: 15px;
|
margin-left: 15px;
|
||||||
margin-right: 15px;
|
margin-right: 15px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ant-tag-checkable:active,
|
.ant-tag-checkable:active,
|
||||||
.ant-tag-checkable-checked {
|
.ant-tag-checkable-checked {
|
||||||
width: 85px;
|
width: 85px;
|
||||||
|
|
@ -1304,6 +1668,7 @@
|
||||||
border-radius: 16px;
|
border-radius: 16px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.active {
|
.active {
|
||||||
font-family: Alibaba PuHuiTi;
|
font-family: Alibaba PuHuiTi;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
|
|
@ -1311,32 +1676,38 @@
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.top-content:nth-child(1) {
|
.top-content:nth-child(1) {
|
||||||
margin-top: 0px !important;
|
margin-top: 0px !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.shrinkTag {
|
.shrinkTag {
|
||||||
width: 50px;
|
width: 50px;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: flex-end;
|
align-items: flex-end;
|
||||||
margin-bottom: 5px;
|
margin-bottom: 5px;
|
||||||
|
|
||||||
span {
|
span {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.shrink {
|
.shrink {
|
||||||
height: unset !important;
|
height: unset !important;
|
||||||
overflow: unset !important;
|
overflow: unset !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.talk-monitor {
|
.talk-monitor {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
bottom: 50px;
|
bottom: 50px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
z-index: 9999;
|
z-index: 9999;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
||||||
i {
|
i {
|
||||||
width: 64px;
|
width: 64px;
|
||||||
height: 64px;
|
height: 64px;
|
||||||
|
|
@ -1345,13 +1716,16 @@
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.top-content-father {
|
.top-content-father {
|
||||||
width: 1087px;
|
width: 1087px;
|
||||||
padding-left: 20px;
|
padding-left: 20px;
|
||||||
|
|
||||||
// margin-bottom: 20px;
|
// margin-bottom: 20px;
|
||||||
.top-content {
|
.top-content {
|
||||||
display: flex;
|
display: flex;
|
||||||
margin-top: 23px;
|
margin-top: 23px;
|
||||||
|
|
||||||
span:nth-child(1) {
|
span:nth-child(1) {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
@ -1363,6 +1737,7 @@
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
margin-left: 30px;
|
margin-left: 30px;
|
||||||
}
|
}
|
||||||
|
|
||||||
// .top-content-title {
|
// .top-content-title {
|
||||||
// top: -20px;
|
// top: -20px;
|
||||||
// }
|
// }
|
||||||
|
|
@ -1373,12 +1748,14 @@
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
// width: 718px;
|
// width: 718px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.leixingsum {
|
.leixingsum {
|
||||||
width: 93px;
|
width: 93px;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin-top: 5px;
|
margin-top: 5px;
|
||||||
|
|
||||||
// margin-bottom: 10px;
|
// margin-bottom: 10px;
|
||||||
.ant-tag-checkable {
|
.ant-tag-checkable {
|
||||||
width: 85px;
|
width: 85px;
|
||||||
|
|
@ -1397,12 +1774,14 @@
|
||||||
text-align: center;
|
text-align: center;
|
||||||
line-height: 14px;
|
line-height: 14px;
|
||||||
}
|
}
|
||||||
|
|
||||||
:deep(.ant-tag-checkable-checked) {
|
:deep(.ant-tag-checkable-checked) {
|
||||||
// width: 67px;
|
// width: 67px;
|
||||||
margin-left: 15px;
|
margin-left: 15px;
|
||||||
margin-right: 15px;
|
margin-right: 15px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ant-tag-checkable:active,
|
.ant-tag-checkable:active,
|
||||||
.ant-tag-checkable-checked {
|
.ant-tag-checkable-checked {
|
||||||
width: 85px;
|
width: 85px;
|
||||||
|
|
@ -1413,6 +1792,7 @@
|
||||||
border-radius: 16px;
|
border-radius: 16px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.active {
|
.active {
|
||||||
font-family: Alibaba PuHuiTi;
|
font-family: Alibaba PuHuiTi;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
|
|
@ -1420,10 +1800,12 @@
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.top-content:nth-child(1) {
|
.top-content:nth-child(1) {
|
||||||
margin-top: 41px !important;
|
margin-top: 41px !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
:deep(.ant-card-grid) {
|
:deep(.ant-card-grid) {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,11 @@
|
||||||
cardType == '组件服务' ? '组件' : cardType == '应用资源' ? '应用' : ''
|
cardType == '组件服务' ? '组件' : cardType == '应用资源' ? '应用' : ''
|
||||||
}}
|
}}
|
||||||
</div>
|
</div>
|
||||||
<div class="condition" :key="showKey">
|
<div
|
||||||
|
class="condition"
|
||||||
|
:key="showKey"
|
||||||
|
v-if="cardType != '基础设施' && cardType != '数据资源'"
|
||||||
|
>
|
||||||
<ul>
|
<ul>
|
||||||
<li
|
<li
|
||||||
v-for="item in selList"
|
v-for="item in selList"
|
||||||
|
|
@ -87,10 +91,10 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="dec">
|
<div class="dec">
|
||||||
<div>
|
<div v-if="cardType != '基础设施' && cardType != '数据资源'">
|
||||||
<span>{{ item.shareType || '--' }}</span>
|
<span>{{ item.shareType || '--' }}</span>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div v-if="cardType != '基础设施' && cardType != '数据资源'">
|
||||||
<span>{{ item.deptName || '--' }}</span>
|
<span>{{ item.deptName || '--' }}</span>
|
||||||
</div>
|
</div>
|
||||||
<div>{{ item.description || '--' }}</div>
|
<div>{{ item.description || '--' }}</div>
|
||||||
|
|
@ -116,7 +120,11 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="btn">
|
<div class="btn">
|
||||||
<div class="right">
|
<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-down" v-if="item.isInShoppingCart"></span>
|
||||||
<span
|
<span
|
||||||
class="shopping-on"
|
class="shopping-on"
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue