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

市局还原

This commit is contained in:
wuhongjian 2022-12-09 17:33:27 +08:00
parent ad65db6236
commit 4c59abaa7c
2 changed files with 154 additions and 298 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -15,7 +15,7 @@
<div class="details-pageconetent-left" v-else-if="Cardsname === '基础设施'"> <div class="details-pageconetent-left" v-else-if="Cardsname === '基础设施'">
<detailsPageInfrastructureTree v-if="flag == '1'" /> <detailsPageInfrastructureTree v-if="flag == '1'" />
</div> </div>
<div class="top" v-if="Cardsname != '基础设施'"> <div class="top" v-if="Cardsname != '知识库' && Cardsname != '基础设施'">
<div class="resultListSearchInput-father"> <div class="resultListSearchInput-father">
<div class="resultListSearchInput-son"> <div class="resultListSearchInput-son">
模糊搜索 模糊搜索
@ -79,7 +79,7 @@
<div class="top-content-father" :key="listKey"> <div class="top-content-father" :key="listKey">
<template <template
v-if=" v-if="
Cardsname == '组件服务' ||Cardsname == '知识库' || Cardsname == '组件服务' ||
Cardsname == '应用资源' || Cardsname == '应用资源' ||
Cardsname == '' Cardsname == ''
" "
@ -278,6 +278,10 @@
</span> </span>
</div> </div>
</div> </div>
<KnowledgeBase
:resourceList="resourceList"
:resourceTotal="resourceTotal"
></KnowledgeBase>
</div> </div>
<!--客户反馈：能力集市-问答机器人属于互联网链接，先注释掉，不要删除。写一下注释，方便后面要放开的时候一下子找到。--> <!--客户反馈：能力集市-问答机器人属于互联网链接，先注释掉，不要删除。写一下注释，方便后面要放开的时候一下子找到。-->
<!-- <div class="talk-monitor" @click="openMonitor"> <!-- <div class="talk-monitor" @click="openMonitor">
@ -313,7 +317,7 @@
<div class="details-pageconetent-left" style="left: 0.16rem" v-else> <div class="details-pageconetent-left" style="left: 0.16rem" v-else>
<detailsPageInfrastructureTreeXha v-show="showFlag" /> <detailsPageInfrastructureTreeXha v-show="showFlag" />
</div> </div>
<div class="top" v-if="Cardsname != '基础设施'"> <div class="top" v-if="Cardsname != '知识库' && Cardsname != '基础设施'">
<div class="top-title"> <div class="top-title">
<div <div
v-for="item in titleName" v-for="item in titleName"
@ -1002,7 +1006,6 @@
paramsGetResources, paramsGetResources,
flag flag
) )
getAppResources() getAppResources()
} }
//跳转链接 //跳转链接
@ -1163,10 +1166,8 @@
} }
console.log('selectSubType------------>', selectSubType) console.log('selectSubType------------>', selectSubType)
console.log('ListContent.records------------>', ListContent.records) console.log('ListContent.records------------>', ListContent.records)
ListContent.records.forEach((val) => { ListContent.records.forEach((val) => {
console.log('val-----ddd------->', val) console.log('val-----ddd------->', val)
if (!val) { if (!val) {
return return
} }
@ -1198,7 +1199,6 @@
} }
} }
}) })
// 智能算法-特殊处理 // 智能算法-特殊处理
if (whoShow1.value.itShowXiHaiAn) { if (whoShow1.value.itShowXiHaiAn) {
if (!storageSearchInfo) { if (!storageSearchInfo) {
@ -1337,7 +1337,6 @@
globalData.data = [] globalData.data = []
} }
select = router.currentRoute.value.query.select select = router.currentRoute.value.query.select
if ( if (
(select == '应用资源' && (select == '应用资源' &&
(paramsGetResources.orderField == '' || (paramsGetResources.orderField == '' ||
@ -1645,7 +1644,6 @@
val.createTime = val.createTime.split('.')[0] val.createTime = val.createTime.split('.')[0]
val.createDate = val.createTime // 发布时间 val.createDate = val.createTime // 发布时间
}) })
console.log('接口数据', data) console.log('接口数据', data)
resourceList.data = data || [] resourceList.data = data || []
console.log('接口数据2', resourceList.data) console.log('接口数据2', resourceList.data)
@ -1816,7 +1814,6 @@
listKey.value++ listKey.value++
} }
} }
// 如果有搜索条件但是没有类型 全局搜索 // 如果有搜索条件但是没有类型 全局搜索
if (str && !router.currentRoute.value.query.select) { if (str && !router.currentRoute.value.query.select) {
globalSearch() globalSearch()
@ -2025,11 +2022,9 @@
font-family: 'webfont'; font-family: 'webfont';
src: url('~@/assets/capacitySquare/webfont.ttf'); src: url('~@/assets/capacitySquare/webfont.ttf');
} }
.resultListSearchInput-father { .resultListSearchInput-father {
background: #f3f5f9; background: #f3f5f9;
padding: 0.2rem; padding: 0.2rem;
.resultListSearchInput-son { .resultListSearchInput-son {
background: #fff; background: #fff;
padding: 0.2rem 0.2rem 0rem 0.3rem; padding: 0.2rem 0.2rem 0rem 0.3rem;
@ -2050,17 +2045,14 @@
} }
} }
} }
.resultListSearchInput { .resultListSearchInput {
margin-left: 0.1rem; margin-left: 0.1rem;
:deep(.ant-input) { :deep(.ant-input) {
width: 4rem; width: 4rem;
height: 0.32rem; height: 0.32rem;
background: #fff; background: #fff;
border-radius: 0.02rem; border-radius: 0.02rem;
} }
:deep(.ant-input-search-button) { :deep(.ant-input-search-button) {
width: 0.8rem; width: 0.8rem;
height: 0.32rem; height: 0.32rem;
@ -2072,12 +2064,10 @@
line-height: 0.32rem; line-height: 0.32rem;
margin-left: 0.1rem; margin-left: 0.1rem;
} }
: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;
@ -2094,7 +2084,6 @@
margin-left: 2.5rem; margin-left: 2.5rem;
cursor: pointer; cursor: pointer;
} }
.details-pageconetent { .details-pageconetent {
height: 100%; height: 100%;
width: 100%; width: 100%;
@ -2104,7 +2093,6 @@
margin-top: 0.67rem; margin-top: 0.67rem;
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: 8.5rem; // max-height: 8.5rem;
height: 100%; height: 100%;
@ -2118,7 +2106,6 @@
margin-right: 0.17rem; margin-right: 0.17rem;
overflow: auto; overflow: auto;
} }
.top { .top {
min-height: 7.2rem; min-height: 7.2rem;
position: relative; position: relative;
@ -2130,33 +2117,26 @@
justify-content: left; justify-content: left;
margin-left: 2.5rem; margin-left: 2.5rem;
background: #f3f5f9; background: #f3f5f9;
.pagination { .pagination {
background: #f3f5f9; background: #f3f5f9;
padding-bottom: 0.6rem; padding-bottom: 0.6rem;
} }
.jichusheshi { .jichusheshi {
height: 4.45rem; height: 4.45rem;
.yunziyuan { .yunziyuan {
width: 100%; width: 100%;
position: relative; position: relative;
.shuoming { .shuoming {
position: absolute; position: absolute;
right: 0.2rem; right: 0.2rem;
top: 0.15rem; top: 0.15rem;
font-size: 0.12rem; font-size: 0.12rem;
} }
.yunziyuan-title { .yunziyuan-title {
display: flex; display: flex;
align-items: center; align-items: center;
.tupian { .tupian {
} }
.title { .title {
margin-left: 0.1rem; margin-left: 0.1rem;
font-weight: 600; font-weight: 600;
@ -2164,44 +2144,35 @@
cursor: pointer; cursor: pointer;
} }
} }
.fenlei { .fenlei {
display: flex; display: flex;
margin-left: 0.2rem; margin-left: 0.2rem;
margin-right: 0.3rem; margin-right: 0.3rem;
justify-content: space-between; justify-content: space-between;
} }
.keyongziyuan { .keyongziyuan {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
margin-left: 0.3rem; margin-left: 0.3rem;
margin-right: 0.3rem; margin-right: 0.3rem;
div { div {
display: flex; display: flex;
div:last-child { div:last-child {
font-weight: 600; font-weight: 600;
} }
} }
} }
} }
.yunziyuan > div { .yunziyuan > div {
margin-bottom: 0.1rem; margin-bottom: 0.1rem;
} }
.shipin { .shipin {
width: 100%; width: 100%;
.shipin-title { .shipin-title {
display: flex; display: flex;
align-items: center; align-items: center;
.tupian { .tupian {
} }
.title { .title {
margin-left: 0.1rem; margin-left: 0.1rem;
font-weight: 600; font-weight: 600;
@ -2209,58 +2180,47 @@
cursor: pointer; cursor: pointer;
} }
} }
.fenlei { .fenlei {
display: flex; display: flex;
margin-left: 0.2rem; margin-left: 0.2rem;
div { div {
margin-right: 0.6rem; margin-right: 0.6rem;
} }
.shuzi { .shuzi {
font-weight: 600; font-weight: 600;
} }
} }
} }
.shipin > div { .shipin > div {
margin-bottom: 0.1rem; margin-bottom: 0.1rem;
} }
} }
.jichusheshi > div { .jichusheshi > div {
padding-top: 0.1rem; padding-top: 0.1rem;
border-radius: 0.04rem; border-radius: 0.04rem;
margin-bottom: 0.2rem; margin-bottom: 0.2rem;
padding-bottom: 0.4rem; padding-bottom: 0.4rem;
} }
.shujuziyuan { .shujuziyuan {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
padding-top: 0.4rem; padding-top: 0.4rem;
.yunziyuan { .yunziyuan {
width: 100%; width: 100%;
position: relative; position: relative;
.shuoming { .shuoming {
position: absolute; position: absolute;
right: 0.2rem; right: 0.2rem;
top: 0.15rem; top: 0.15rem;
font-size: 0.12rem; font-size: 0.12rem;
} }
.yunziyuan-title { .yunziyuan-title {
display: flex; display: flex;
align-items: center; align-items: center;
margin-left: 0.2rem; margin-left: 0.2rem;
.tupian { .tupian {
} }
.title { .title {
margin-left: 0.1rem; margin-left: 0.1rem;
font-weight: 600; font-weight: 600;
@ -2268,35 +2228,29 @@
cursor: pointer; cursor: pointer;
} }
} }
.fenlei { .fenlei {
display: flex; display: flex;
margin-left: 0.2rem; margin-left: 0.2rem;
margin-right: 0.3rem; margin-right: 0.3rem;
justify-content: space-between; justify-content: space-between;
} }
.keyongziyuan { .keyongziyuan {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
margin-left: 0.3rem; margin-left: 0.3rem;
margin-right: 0.3rem; margin-right: 0.3rem;
div { div {
display: flex; display: flex;
div:last-child { div:last-child {
font-weight: 600; font-weight: 600;
} }
} }
} }
} }
.yunziyuan > div { .yunziyuan > div {
margin-bottom: 0.1rem; margin-bottom: 0.1rem;
} }
} }
.shujuziyuan > div { .shujuziyuan > div {
background: #eaf4ff; background: #eaf4ff;
padding-top: 0.1rem; padding-top: 0.1rem;
@ -2304,7 +2258,6 @@
margin-bottom: 0.2rem; margin-bottom: 0.2rem;
padding-bottom: 0.4rem; padding-bottom: 0.4rem;
} }
.top-title { .top-title {
display: flex; display: flex;
justify-content: space-around; justify-content: space-around;
@ -2314,47 +2267,39 @@
color: #000000; color: #000000;
line-height: 0.34rem; line-height: 0.34rem;
margin-bottom: 0.2rem; margin-bottom: 0.2rem;
.photo { .photo {
display: inline-block; display: inline-block;
height: 0.44rem; height: 0.44rem;
width: 0.44rem; width: 0.44rem;
margin-right: 0.1rem; margin-right: 0.1rem;
} }
div { div {
padding: 0 0.1rem; padding: 0 0.1rem;
cursor: pointer; cursor: pointer;
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: 0.02rem solid #0087ff; border-bottom: 0.02rem solid #0087ff;
} }
} }
.top-content-father { .top-content-father {
width: 100%; width: 100%;
padding: 0 0.2rem 0.2rem 0.2rem; padding: 0 0.2rem 0.2rem 0.2rem;
background: #f3f5f9; background: #f3f5f9;
margin-bottom: 0.2rem; margin-bottom: 0.2rem;
.top-content-son { .top-content-son {
background: #fff; background: #fff;
padding: 0.2rem 0; padding: 0.2rem 0;
} }
.top-content { .top-content {
display: flex; display: flex;
margin-top: 0rem; margin-top: 0rem;
span:nth-child(1) { span:nth-child(1) {
display: inline-block; display: inline-block;
position: relative; position: relative;
@ -2363,7 +2308,6 @@
text-align: center; text-align: center;
vertical-align: middle; vertical-align: middle;
} }
.leixingsumfather { .leixingsumfather {
margin-left: -13px; margin-left: -13px;
width: 9.4rem; width: 9.4rem;
@ -2371,17 +2315,14 @@
height: 0.3014rem; height: 0.3014rem;
overflow: hidden; overflow: hidden;
} }
.leixingsumfather2 { .leixingsumfather2 {
width: 9.2rem; width: 9.2rem;
} }
.leixingsum { .leixingsum {
display: inline-block; display: inline-block;
cursor: pointer; cursor: pointer;
text-align: center; text-align: center;
margin-top: 0.05rem; margin-top: 0.05rem;
.ant-tag-checkable { .ant-tag-checkable {
width: 1rem; width: 1rem;
height: 0.25rem; height: 0.25rem;
@ -2399,13 +2340,11 @@
text-align: center; text-align: center;
line-height: 0.14rem; line-height: 0.14rem;
} }
:deep(.ant-tag-checkable-checked) { :deep(.ant-tag-checkable-checked) {
margin-left: 0.15rem; margin-left: 0.15rem;
margin-right: 0.15rem; margin-right: 0.15rem;
text-align: center; text-align: center;
} }
.ant-tag-checkable:active, .ant-tag-checkable:active,
.ant-tag-checkable-checked { .ant-tag-checkable-checked {
// width: 0.85rem; // width: 0.85rem;
@ -2417,7 +2356,6 @@
border-radius: 0.16rem; border-radius: 0.16rem;
} }
} }
.active { .active {
font-family: Alibaba PuHuiTi; font-family: Alibaba PuHuiTi;
font-weight: 500; font-weight: 500;
@ -2425,38 +2363,32 @@
color: #ffffff; color: #ffffff;
} }
} }
.top-content:nth-child(1) { .top-content:nth-child(1) {
margin-top: 0rem !important; margin-top: 0rem !important;
} }
} }
} }
} }
.shrinkTag { .shrinkTag {
width: 0.5rem; width: 0.5rem;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: flex-end; align-items: flex-end;
margin-bottom: 0.05rem; margin-bottom: 0.05rem;
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: 0.5rem; bottom: 0.5rem;
right: 0.1rem; right: 0.1rem;
z-index: 9999; z-index: 9999;
cursor: pointer; cursor: pointer;
i { i {
width: 0.64rem; width: 0.64rem;
height: 0.64rem; height: 0.64rem;
@ -2465,7 +2397,6 @@
background-size: cover; background-size: cover;
} }
} }
.abilitySquare { .abilitySquare {
width: 0.7rem; width: 0.7rem;
height: 0.7rem; height: 0.7rem;
@ -2481,11 +2412,9 @@
right: 0.1rem; right: 0.1rem;
cursor: pointer; cursor: pointer;
background: #e3edfc; background: #e3edfc;
p { p {
margin: 0; margin: 0;
} }
p:nth-child(1) { p:nth-child(1) {
height: 0.35rem; height: 0.35rem;
width: 0.36rem; width: 0.36rem;
@ -2493,7 +2422,6 @@
background-size: 100% 100%; background-size: 100% 100%;
background-position: center; background-position: center;
} }
ul { ul {
background: #ffffff; background: #ffffff;
font-family: webfont; font-family: webfont;
@ -2506,7 +2434,6 @@
left: -0.62rem; left: -0.62rem;
padding: 0; padding: 0;
margin: 0; margin: 0;
li { li {
list-style: none; list-style: none;
color: #0061ec; color: #0061ec;
@ -2515,24 +2442,20 @@
padding-left: 0.4rem; padding-left: 0.4rem;
border-bottom: 0.01rem solid #dfd9d9; border-bottom: 0.01rem solid #dfd9d9;
} }
li:nth-of-type(1) { li:nth-of-type(1) {
background: url('~@/assets/home/appIcon.png') no-repeat; background: url('~@/assets/home/appIcon.png') no-repeat;
background-position: 0.18rem center; background-position: 0.18rem center;
} }
li:nth-of-type(2) { li:nth-of-type(2) {
background: url('~@/assets/home/AiIcon.png') no-repeat; background: url('~@/assets/home/AiIcon.png') no-repeat;
background-position: 0.18rem center; background-position: 0.18rem center;
} }
li:nth-of-type(3) { li:nth-of-type(3) {
border-bottom: none; border-bottom: none;
background: url('~@/assets/home/GisIcon.png') no-repeat; background: url('~@/assets/home/GisIcon.png') no-repeat;
background-position: 0.18rem center; background-position: 0.18rem center;
} }
} }
ul::after { ul::after {
content: ''; content: '';
position: absolute; position: absolute;
@ -2543,7 +2466,6 @@
border: 0.13rem solid; border: 0.13rem solid;
border-color: #fff transparent transparent transparent; border-color: #fff transparent transparent transparent;
} }
ul::before { ul::before {
content: ''; content: '';
position: absolute; position: absolute;
@ -2554,30 +2476,25 @@
border: 0.13rem solid; border: 0.13rem solid;
border-color: #dfd9d9 transparent transparent transparent; border-color: #dfd9d9 transparent transparent transparent;
} }
@keyframes ulShowTime { @keyframes ulShowTime {
0% { 0% {
transform: scale(0); transform: scale(0);
} }
100% { 100% {
transform: scale(0); transform: scale(0);
} }
} }
} }
.top-content-father { .top-content-father {
width: 10.87rem; width: 10.87rem;
padding-left: 0.2rem; padding-left: 0.2rem;
.top-content { .top-content {
display: flex; display: flex;
margin-top: 0.23rem; margin-top: 0.23rem;
span:nth-child(1) { span:nth-child(1) {
display: inline-block; display: inline-block;
position: relative; position: relative;
width: 0.9rem; width: 0.68rem;
font-weight: 600; font-weight: 600;
white-space: normal; white-space: normal;
text-align: center; text-align: center;
@ -2585,21 +2502,18 @@
font-size: 0.16rem; font-size: 0.16rem;
margin-left: 0.3rem; margin-left: 0.3rem;
} }
.leixingsumfather { .leixingsumfather {
width: 7.7rem; width: 7.7rem;
display: inline-block; display: inline-block;
height: 0.3014rem; height: 0.3014rem;
overflow: hidden; overflow: hidden;
} }
.leixingsum { .leixingsum {
// width: 1rem; // width: 1rem;
display: inline-block; display: inline-block;
cursor: pointer; cursor: pointer;
text-align: center; text-align: center;
margin-top: 0.05rem; margin-top: 0.05rem;
.ant-tag-checkable { .ant-tag-checkable {
width: 1rem; width: 1rem;
height: 0.25rem; height: 0.25rem;
@ -2617,13 +2531,11 @@
text-align: center; text-align: center;
line-height: 0.14rem; line-height: 0.14rem;
} }
:deep(.ant-tag-checkable-checked) { :deep(.ant-tag-checkable-checked) {
margin-left: 0.15rem; margin-left: 0.15rem;
margin-right: 0.15rem; margin-right: 0.15rem;
text-align: center; text-align: center;
} }
.ant-tag-checkable:active, .ant-tag-checkable:active,
.ant-tag-checkable-checked { .ant-tag-checkable-checked {
width: 0.85rem; width: 0.85rem;
@ -2634,7 +2546,6 @@
border-radius: 0.16rem; border-radius: 0.16rem;
} }
} }
.active { .active {
font-family: Alibaba PuHuiTi; font-family: Alibaba PuHuiTi;
font-weight: 500; font-weight: 500;
@ -2642,12 +2553,10 @@
color: #ffffff; color: #ffffff;
} }
} }
.top-content:nth-child(1) { .top-content:nth-child(1) {
margin-top: 0.41rem !important; margin-top: 0.41rem !important;
} }
} }
:deep(.ant-card-grid) { :deep(.ant-card-grid) {
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;

345
front/src/views/home/details.vue
View File

@ -1,8 +1,8 @@
<!-- <!--
* @Author: hisense.liangjunhua * @Author: hisense.liangjunhua
* @Date: 2022-06-14 09:43:49 * @Date: 2022-06-14 09:43:49
* @LastEditors: hisense.liangjunhua * @LastEditors: hisense.wuhongjian
* @LastEditTime: 2022-06-20 18:44:52 * @LastEditTime: 2022-12-09 17:31:52
* @Description: 告诉大家这是什么 * @Description: 告诉大家这是什么
--> -->
<template> <template>
@ -12,103 +12,133 @@
<detail-back></detail-back> <detail-back></detail-back>
<div class="detail-content"> <div class="detail-content">
<details-view v-if="showView === 'details-view'"></details-view> <details-view v-if="showView === 'details-view'"></details-view>
<algorithm-details v-if="showView === 'algorithm-details'"></algorithm-details> <algorithm-details
<application-details v-else-if="showView === 'application-details'"></application-details> v-if="showView === 'algorithm-details'"
<developer-components v-else-if="showView === 'development-of-component'"></developer-components> ></algorithm-details>
<business-details v-else-if="showView === 'business-details'"></business-details> <application-details
v-else-if="showView === 'application-details'"
></application-details>
<developer-components
v-else-if="showView === 'development-of-component'"
></developer-components>
<business-details
v-else-if="showView === 'business-details'"
></business-details>
<layer-service v-else-if="showView === 'layer-service'"></layer-service> <layer-service v-else-if="showView === 'layer-service'"></layer-service>
<governance-model v-else-if="showView === 'governance-model'"></governance-model>
<standard-doc v-else-if="showView === 'standard-doc'"></standard-doc>
</div> </div>
<home-footer></home-footer> <home-footer></home-footer>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import HomeHeader from '@/views/home/components/header' import HomeHeader from '@/views/home/components/header'
import { defineComponent, reactive, ref } from 'vue' import { defineComponent, reactive, ref } from 'vue'
import DetailsView from './components/DetailsView.vue' import DetailsView from './components/DetailsView.vue'
import HomeFooter from '@/views/newHome/components/Footer' import HomeFooter from '@/views/newHome/components/Footer'
// import Standard from "@/views/detailsAll/StandardDoc " import AlgorithmDetails from '@/views/detailsAll/AlgorithmDetails'
import AlgorithmDetails from '@/views/detailsAll/AlgorithmDetails' import ApplicationDetails from '@/views/detailsAll/ApplicationDetails'
import ApplicationDetails from '@/views/detailsAll/ApplicationDetails' import DeveloperComponents from '@/views/detailsAll/DeveloperComponents'
import DeveloperComponents from '@/views/detailsAll/DeveloperComponents' import BusinessDetails from '@/views/detailsAll/BusinessDetails'
import BusinessDetails from '@/views/detailsAll/BusinessDetails' import LayerService from '@/views/detailsAll/LayerService'
import LayerService from '@/views/detailsAll/LayerService' import detailBack from '@/views/home/detailBack.vue'
import GovernanceModel from '@/views/detailsAll/GovernanceModel' import { selectOne } from '@/api/home'
import StandardDoc from '@/views/detailsAll/StandardDoc' import { useRouter } from 'vue-router'
import detailBack from '@/views/home/detailBack.vue' export default defineComponent({
import { selectOne } from '@/api/home' name: '',
import { useRouter } from 'vue-router' props: {},
export default defineComponent({ components: {
name: '', HomeHeader,
props: {}, DetailsView,
components: { HomeFooter,
HomeHeader, AlgorithmDetails,
DetailsView, ApplicationDetails,
HomeFooter, DeveloperComponents,
AlgorithmDetails, BusinessDetails,
ApplicationDetails, LayerService,
DeveloperComponents, detailBack,
BusinessDetails, },
LayerService, setup() {
detailBack, const formState = reactive({
StandardDoc, applyRequire: '',
GovernanceModel, applyDept: '',
applyName: '',
}, applyPurpose: '',
setup() { applySystem: '',
const formState = reactive({ })
applyRequire: '', const options = ref([
applyDept: '', {
applyName: '', value: '政法委',
applyPurpose: '', label: '政法委',
applySystem: '', },
}) {
value: '公安局',
const options = ref([ label: '公安局',
{ },
value: '政法委', {
label: '政法委', value: '卫健委',
}, label: '卫健委',
{ },
value: '公安局', {
label: '公安局', value: '城市管理局',
}, label: '城市管理局',
{ },
value: '卫健委', {
label: '卫健委', value: '生态环境局',
}, label: '生态环境局',
{ },
value: '城市管理局', {
label: '城市管理局', value: '交通运输局',
}, label: '交通运输局',
{ },
value: '生态环境局', ])
label: '生态环境局', const router = useRouter()
}, const id = router.currentRoute.value.query.id
{ const obj = JSON.parse(window.sessionStorage.getItem('preview'))
value: '交通运输局', let showView = ref('')
label: '交通运输局', const targetFlag = ref(true)
}, const init = () => {
]) if (id) {
const router = useRouter() selectOne(id).then((res) => {
const id = router.currentRoute.value.query.id if (res.data.data.type == '组件服务') {
const obj = JSON.parse(window.sessionStorage.getItem('preview')) let detection = res.data.data.infoList.filter(
let showView = ref('') (item) => item.attrType === '组件类型'
const targetFlag = ref(true) )[0]
const init = () => { if (detection) {
debugger res.data.data.infoList.map((item) => {
if (id) { if (item.attrType == '组件类型') {
selectOne(id).then((res) => { switch (item.attrValue) {
if (res.data.data.type == '组件服务') { case '智能算法':
let detection = res.data.data.infoList.filter( showView.value = 'algorithm-details'
break
case '开发组件':
showView.value = 'development-of-component'
break
case '业务组件':
showView.value = 'business-details'
break
case '图层服务':
showView.value = 'layer-service'
break
default:
break
}
}
})
} else {
showView.value = 'algorithm-details'
}
} else {
showView.value = 'application-details'
}
})
} else if (obj) {
console.log('obj============>', obj)
if (obj.type == '组件服务') {
let detection = obj.infoList.filter(
(item) => item.attrType === '组件类型' (item) => item.attrType === '组件类型'
)[0] )[0]
if (detection) { if (detection) {
res.data.data.infoList.map((item) => { obj.infoList.map((item) => {
if (item.attrType == '组件类型') { if (item.attrType == '组件类型') {
switch (item.attrValue) { switch (item.attrValue) {
case '智能算法': case '智能算法':
@ -131,121 +161,38 @@ export default defineComponent({
} else { } else {
showView.value = 'algorithm-details' showView.value = 'algorithm-details'
} }
} else if (res.data.data.type == '知识库') {
let detection = res.data.data.infoList.find((item) => item.attrType === '知识库类型')
console.log('detection---ww--------->', detection);
if (detection) {
res.data.data.infoList.map((item) => {
if (item.attrType == '知识库类型') {
switch (item.attrValue) {
case '数据标准':
showView.value = 'standard-doc'
break
case '治理模型':
showView.value = 'governance-model'
break
default:
showView.value = 'standard-doc'
break
}
}
})
} else {
showView.value = 'standard-doc'
}
} else { } else {
showView.value = 'standard-doc' showView.value = 'application-details'
} }
})
} else if (obj) {
console.log('obj============>', obj)
if (obj.type == '组件服务') {
let detection = obj.infoList.filter(
(item) => item.attrType === '组件类型'
)[0]
if (detection) {
obj.infoList.map((item) => {
if (item.attrType == '组件类型') {
switch (item.attrValue) {
case '智能算法':
showView.value = 'algorithm-details'
break
case '开发组件':
showView.value = 'development-of-component'
break
case '业务组件':
showView.value = 'business-details'
break
case '图层服务':
showView.value = 'layer-service'
break
default:
break
}
}
})
} else {
showView.value = 'algorithm-details'
}
} else if (obj.type == '知识库') {
let detection = obj.infoList.filter(
(item) => item.attrType === '知识库类型'
)[0]
if (detection) {
obj.infoList.map((item) => {
if (item.attrType == '知识库类型') {
switch (item.attrValue) {
case '数据标准':
showView.value = 'standard-doc'
break
case '治理模型':
showView.value = 'governance-model'
break
default:
break
}
}
})
} else {
showView.value = 'standard-doc'
}
} else {
showView.value = 'standard-doc'
} }
} }
} init()
init()
return { return {
formState, formState,
options, options,
showView, showView,
targetFlag, targetFlag,
init, init,
router, router,
id, id,
} }
}, },
}) })
</script> </script>
<style scoped lang="less"></style>
<style scoped lang="less">
</style>
<style> <style>
html, html,
body { body {
height: unset; height: unset;
} }
#apply-container {
#apply-container { height: 100vh;
height: 100vh; display: flex;
display: flex; flex-direction: column;
flex-direction: column; justify-content: space-between;
justify-content: space-between; }
} .detail-content {
margin-top: 90px;
.detail-content { }
margin-top: 90px;
}
</style> </style>