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>
|
||||
</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;
|
||||
|
|
|
|||
|
|
@ -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"
|
||||
|
|
|
|||
Loading…
Reference in New Issue