门户：融合服务列表+详情+我的收藏
This commit is contained in:
parent
82b72fd5f6
commit
4aef24c734
|
|
@ -36,6 +36,7 @@ if (newLocation === 'qingdao') {
|
||||||
{ name: '区市站点', key: 'mapTest' },
|
{ name: '区市站点', key: 'mapTest' },
|
||||||
// { name: '后台管理', key: 'houtaiguanli' },
|
// { name: '后台管理', key: 'houtaiguanli' },
|
||||||
{ name: '赋能案例', key: 'assignCase' },
|
{ name: '赋能案例', key: 'assignCase' },
|
||||||
|
{ name: '融合服务', key: 'integrationServices' },
|
||||||
]
|
]
|
||||||
footerDataList.footerList = {
|
footerDataList.footerList = {
|
||||||
company: {
|
company: {
|
||||||
|
|
|
||||||
|
|
@ -329,3 +329,23 @@ export function getApplyCameraList(id) {
|
||||||
method: 'get',
|
method: 'get',
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// 融合服务--start
|
||||||
|
// 融合服务--列表
|
||||||
|
export function getIntegrationServicesList(params) {
|
||||||
|
return request({
|
||||||
|
url: '/fuse/page',
|
||||||
|
method: 'get',
|
||||||
|
params
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 融合服务--详情
|
||||||
|
export function getIntegrationDetail(id) {
|
||||||
|
return request({
|
||||||
|
url: '/fuse/' + id,
|
||||||
|
method: 'get',
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 融合服务--end
|
||||||
|
|
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
|
|
@ -444,6 +444,24 @@ export const constantRoutes = [
|
||||||
icon: 'error-warning-line',
|
icon: 'error-warning-line',
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
path: '/integrationServicesDetails',
|
||||||
|
name: 'integrationServicesDetails',
|
||||||
|
component: () => import('@/views/home/integrationServicesDetails'),
|
||||||
|
meta: {
|
||||||
|
title: '详情',
|
||||||
|
icon: 'error-warning-line',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: '/integrationServices',
|
||||||
|
name: 'integrationServices',
|
||||||
|
component: () => import('@/views/home/integrationServices'),
|
||||||
|
meta: {
|
||||||
|
title: '列表',
|
||||||
|
icon: 'error-warning-line',
|
||||||
|
},
|
||||||
|
},
|
||||||
]
|
]
|
||||||
export const asyncRoutes = [
|
export const asyncRoutes = [
|
||||||
{
|
{
|
||||||
|
|
|
||||||
|
|
@ -4,7 +4,7 @@
|
||||||
<div class="title">
|
<div class="title">
|
||||||
<DetalsTitle title="常见问题" type="Q&A"></DetalsTitle>
|
<DetalsTitle title="常见问题" type="Q&A"></DetalsTitle>
|
||||||
</div>
|
</div>
|
||||||
<div class="content">
|
<div class="content" v-if="dataFrom.length > 0">
|
||||||
<div v-for="(item, index) in dataFrom" :key="index" class="content-son">
|
<div v-for="(item, index) in dataFrom" :key="index" class="content-son">
|
||||||
<div class="content-top">
|
<div class="content-top">
|
||||||
<div class="top-img"></div>
|
<div class="top-img"></div>
|
||||||
|
|
@ -16,6 +16,9 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div v-else class="no-data">
|
||||||
|
暂无数据
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|
@ -120,4 +123,12 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.no-data {
|
||||||
|
background: transparent !important;
|
||||||
|
color: #212121;
|
||||||
|
text-align: center;
|
||||||
|
padding: 0.5rem 0;
|
||||||
|
font-size: 0.2rem;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
File diff suppressed because it is too large
Load Diff
|
|
@ -205,6 +205,15 @@
|
||||||
path: '/assignCase',
|
path: '/assignCase',
|
||||||
})
|
})
|
||||||
break
|
break
|
||||||
|
case '融合服务':
|
||||||
|
router.push({
|
||||||
|
path: '/integrationServices',
|
||||||
|
// path: '/DetailsPageconetent',
|
||||||
|
query: {
|
||||||
|
select: '融合服务',
|
||||||
|
},
|
||||||
|
})
|
||||||
|
break
|
||||||
default:
|
default:
|
||||||
router.push('/home')
|
router.push('/home')
|
||||||
break
|
break
|
||||||
|
|
|
||||||
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,68 @@
|
||||||
|
export const titleNameArray = [
|
||||||
|
{
|
||||||
|
photo: require('@/assets/newHome/banner-zj.png'),
|
||||||
|
name: '组件服务',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
photo: require('@/assets/newHome/banner-yy.png'),
|
||||||
|
name: '应用资源',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
photo: require('@/assets/newHome/banner-jc.png'),
|
||||||
|
name: '基础设施',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
photo: require('@/assets/newHome/banner-sj.png'),
|
||||||
|
name: '数据资源',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
photo: require('@/assets/newHome/banner-zs.png'),
|
||||||
|
name: '知识库',
|
||||||
|
},
|
||||||
|
]
|
||||||
|
|
||||||
|
// 模糊查询
|
||||||
|
export const keyongziyuanqingkaungArray = [
|
||||||
|
{
|
||||||
|
name: 'CPU/核：',
|
||||||
|
value: 2102,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '内存/T：',
|
||||||
|
value: 6.68,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '存储/T：',
|
||||||
|
value: 2102,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'RDS for Mysql/G：',
|
||||||
|
value: 982.82,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'RDS for SqlServer/G：',
|
||||||
|
value: 997.17,
|
||||||
|
},
|
||||||
|
]
|
||||||
|
|
||||||
|
export const shujuziyuanqingkuangArray = [
|
||||||
|
{
|
||||||
|
name: '已上线目录：',
|
||||||
|
value: 10372,
|
||||||
|
danwei: '条',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '已发布服务：',
|
||||||
|
value: 1080,
|
||||||
|
danwei: '条',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '已发布接口：',
|
||||||
|
value: 976,
|
||||||
|
danwei: '条',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '更新时间：',
|
||||||
|
value: '2022-05-06',
|
||||||
|
},
|
||||||
|
]
|
||||||
|
|
@ -0,0 +1,317 @@
|
||||||
|
<template>
|
||||||
|
<!-- 青岛 -->
|
||||||
|
<div class="details-pageconetent">
|
||||||
|
<home-header></home-header>
|
||||||
|
<div class="top">
|
||||||
|
<div class="resultListSearchInput-father">
|
||||||
|
<div class="resultListSearchInput-son">
|
||||||
|
模糊搜索
|
||||||
|
<a-input-search v-model:value="searchValue" placeholder="请输入关键词" enter-button="搜索" size="large"
|
||||||
|
@search="getAppResources" @change="onSearch" class="resultListSearchInput" />
|
||||||
|
<button class="button-reset" @click="chongzhi()">重置</button>
|
||||||
|
<div class="hengxian"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<searchResultList v-show="resourceList.data && resourceList.data.length > 0" :key="listKey2"
|
||||||
|
:resourceList="resourceList" :resourceTotal="resourceTotal" selectCardsname="融合服务" />
|
||||||
|
<div class="pagination">
|
||||||
|
<a-pagination v-if="resourceList.data && resourceList.data.length > 0" v-model:current="currentPage"
|
||||||
|
v-model:pageSize="currentPageSize" show-size-changer show-less-items show-quick-jumper
|
||||||
|
:total="resourceTotal" :page-size-options="pageSizeOptions" @change="pageChange"
|
||||||
|
@showSizeChange="onShowSizeChange" />
|
||||||
|
</div>
|
||||||
|
<div v-if="resourceList.data && resourceList.data.length <= 0" style="margin-top: 2rem">
|
||||||
|
<a-empty />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<home-footer></home-footer>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import HomeFooter from '@/views/newHome/components/Footer'
|
||||||
|
import mybus from '@/myplugins/mybus'
|
||||||
|
import {
|
||||||
|
defineComponent,
|
||||||
|
reactive,
|
||||||
|
ref,
|
||||||
|
toRefs,
|
||||||
|
onMounted,
|
||||||
|
watch,
|
||||||
|
} from 'vue'
|
||||||
|
|
||||||
|
import {
|
||||||
|
getIntegrationServicesList,
|
||||||
|
} from '@/api/home.js'
|
||||||
|
import { useRouter } from 'vue-router'
|
||||||
|
import HomeHeader from '@/views/home/components/header'
|
||||||
|
import searchResultList from '@/views/home/components/searchResultList.vue'
|
||||||
|
import { message } from 'ant-design-vue'
|
||||||
|
|
||||||
|
export default defineComponent({
|
||||||
|
setup() {
|
||||||
|
// 分页
|
||||||
|
const loading = ref(true)
|
||||||
|
const currentPage = ref(1)
|
||||||
|
const currentPageSize = ref(5)
|
||||||
|
const pageSizeOptions = ref(['5', '10', '20', '50'])
|
||||||
|
const router = useRouter()
|
||||||
|
const select = router.currentRoute.value.query.select
|
||||||
|
const searchValue = ref('')
|
||||||
|
const Cardsname = ref(select)
|
||||||
|
const resourceList = reactive({ data: [] })
|
||||||
|
const resourceTotal = ref(0)
|
||||||
|
const current = ref(1)
|
||||||
|
// 刷新筛选条件组件
|
||||||
|
let listKey = ref(0)
|
||||||
|
// 刷新筛选列表信息组件
|
||||||
|
const listKey2 = ref(0)
|
||||||
|
|
||||||
|
// 查询参数
|
||||||
|
const paramsGetResources = {
|
||||||
|
pageNum: 1,
|
||||||
|
pageSize: currentPageSize.value,
|
||||||
|
type: Cardsname.value,
|
||||||
|
name: '',
|
||||||
|
orderField: 'create_date', // total 综合 visits 访问量 applyCount 申请量 score 评分 collectCount 收藏量
|
||||||
|
orderType: 'DESC', // ASC 升序 DESC 降序
|
||||||
|
}
|
||||||
|
|
||||||
|
// 查询
|
||||||
|
const onSearch = () => {
|
||||||
|
loading.value = true
|
||||||
|
currentPage.value = 1
|
||||||
|
}
|
||||||
|
// 重置数据
|
||||||
|
const chongzhi = () => {
|
||||||
|
loading.value = true
|
||||||
|
// 重置模糊查字段
|
||||||
|
searchValue.value = ''
|
||||||
|
// 分页
|
||||||
|
currentPage.value = 1
|
||||||
|
currentPageSize.value = 5
|
||||||
|
// 重置查询条件
|
||||||
|
paramsGetResources.pageNum = 1
|
||||||
|
paramsGetResources.pageSize = 5
|
||||||
|
paramsGetResources.orderField = 'create_date'
|
||||||
|
paramsGetResources.orderType = 'DESC'
|
||||||
|
mybus.emit('chongzhi')
|
||||||
|
getAppResources()
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
const getAppResources = () => {
|
||||||
|
getIntegrationList()
|
||||||
|
}
|
||||||
|
|
||||||
|
// 获取融合服务列表
|
||||||
|
const getIntegrationList = () => {
|
||||||
|
let postData = {
|
||||||
|
limit: currentPageSize.value,
|
||||||
|
page: currentPage.value,
|
||||||
|
orderField: paramsGetResources.orderField,
|
||||||
|
orderType: paramsGetResources.orderType,
|
||||||
|
name: searchValue.value
|
||||||
|
}
|
||||||
|
getIntegrationServicesList(postData).then(res => {
|
||||||
|
if (res.data.code !== 0) {
|
||||||
|
return message.error(res.data.msg)
|
||||||
|
}
|
||||||
|
resourceList.data = res.data.data.list || []
|
||||||
|
resourceTotal.value = res.data.data.total || 0
|
||||||
|
}, err => {
|
||||||
|
message.error(err)
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
mybus.on('paramsGetResources', (ids) => {
|
||||||
|
if (ids && ids.length > 0) {
|
||||||
|
paramsGetResources.deptIds = ids
|
||||||
|
} else {
|
||||||
|
delete paramsGetResources.deptIds
|
||||||
|
}
|
||||||
|
getAppResources()
|
||||||
|
console.log('paramsGetResources', paramsGetResources)
|
||||||
|
})
|
||||||
|
mybus.on('changePage', (page) => {
|
||||||
|
paramsGetResources.pageNum = page
|
||||||
|
getAppResources('分页查询')
|
||||||
|
})
|
||||||
|
mybus.on('changeSelcted', () => {
|
||||||
|
getAppResources()
|
||||||
|
})
|
||||||
|
|
||||||
|
mybus.on('refresh', () => {
|
||||||
|
paramsGetResources.pageNum = 1
|
||||||
|
currentPage.value = 1
|
||||||
|
getAppResources()
|
||||||
|
})
|
||||||
|
mybus.on('changeCondition', (condition) => {
|
||||||
|
paramsGetResources.orderField = condition.orderField
|
||||||
|
paramsGetResources.orderType = condition.orderType
|
||||||
|
getAppResources()
|
||||||
|
})
|
||||||
|
|
||||||
|
const pageChange = (val) => {
|
||||||
|
console.log(val)
|
||||||
|
loading.value = true
|
||||||
|
currentPage.value = val
|
||||||
|
paramsGetResources.pageNum = val
|
||||||
|
let params = '分页查询' //判断是否是点击下面的分页的调用模糊查询方法还是点击搜索调用模糊查询方法
|
||||||
|
getAppResources(params)
|
||||||
|
}
|
||||||
|
|
||||||
|
onMounted(() => {
|
||||||
|
listKey2.value++;
|
||||||
|
getAppResources()
|
||||||
|
})
|
||||||
|
|
||||||
|
// 分页
|
||||||
|
const onShowSizeChange = (current, pageSize) => {
|
||||||
|
currentPage.value = current
|
||||||
|
currentPageSize.value = pageSize
|
||||||
|
paramsGetResources.pageNum = current
|
||||||
|
paramsGetResources.pageSize = pageSize
|
||||||
|
getAppResources()
|
||||||
|
}
|
||||||
|
watch(currentPageSize, () => {
|
||||||
|
console.log('pageSize', currentPageSize.value)
|
||||||
|
})
|
||||||
|
|
||||||
|
return {
|
||||||
|
listKey,
|
||||||
|
searchValue,
|
||||||
|
currentPage,
|
||||||
|
resourceList,
|
||||||
|
resourceTotal,
|
||||||
|
pageChange,
|
||||||
|
listKey2,
|
||||||
|
Cardsname,
|
||||||
|
getAppResources,
|
||||||
|
chongzhi,
|
||||||
|
onSearch,
|
||||||
|
currentPageSize,
|
||||||
|
pageSizeOptions,
|
||||||
|
current,
|
||||||
|
loading,
|
||||||
|
}
|
||||||
|
},
|
||||||
|
components: {
|
||||||
|
HomeHeader,
|
||||||
|
HomeFooter,
|
||||||
|
searchResultList,
|
||||||
|
},
|
||||||
|
beforeUnmount() {
|
||||||
|
mybus.off('paramsGetResources')
|
||||||
|
mybus.off('changeCondition')
|
||||||
|
mybus.off('refresh')
|
||||||
|
mybus.off('changePage')
|
||||||
|
},
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
<style lang="less" scoped>
|
||||||
|
.resultListSearchInput-father {
|
||||||
|
background: #f3f5f9;
|
||||||
|
padding: 0.2rem;
|
||||||
|
|
||||||
|
// padding-left: 0.2rem;
|
||||||
|
// padding-top: 0.2rem;
|
||||||
|
.resultListSearchInput-son {
|
||||||
|
background: #fff;
|
||||||
|
padding: 0.2rem 0.2rem 0rem 0.3rem;
|
||||||
|
|
||||||
|
.hengxian {
|
||||||
|
width: 100%;
|
||||||
|
height: 0.01rem;
|
||||||
|
background: rgba(150, 144, 144, 0.3);
|
||||||
|
margin-top: 0.2rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.resultListSearchInput {
|
||||||
|
margin-left: 0.1rem;
|
||||||
|
|
||||||
|
:deep(.ant-input) {
|
||||||
|
width: 4rem;
|
||||||
|
height: 0.36rem;
|
||||||
|
background: #fff;
|
||||||
|
border-radius: 0.04rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
:deep(.ant-input-search-button) {
|
||||||
|
width: 0.8rem;
|
||||||
|
height: 0.36rem;
|
||||||
|
background: #0087ff;
|
||||||
|
border-radius: 0.04rem !important;
|
||||||
|
font-size: 0.14rem;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #fff;
|
||||||
|
line-height: 0.34rem;
|
||||||
|
margin-left: 0.1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
:deep(.ant-input-group-addon) {
|
||||||
|
left: 0 !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.button-reset {
|
||||||
|
border: 0;
|
||||||
|
outline: none;
|
||||||
|
width: 0.8rem;
|
||||||
|
height: 0.36rem;
|
||||||
|
background: #e1edfa;
|
||||||
|
border-radius: 0.04rem;
|
||||||
|
font-size: 0.14rem;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #0087ff;
|
||||||
|
line-height: 0.34rem;
|
||||||
|
margin-left: 2.5rem;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.details-pageconetent {
|
||||||
|
height: 100%;
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
margin-top: 0.67rem;
|
||||||
|
position: relative;
|
||||||
|
background: rgba(245, 243, 243, 0.3);
|
||||||
|
|
||||||
|
.details-pageconetent-left {
|
||||||
|
max-height: 6.9rem;
|
||||||
|
position: absolute;
|
||||||
|
width: 2.5rem;
|
||||||
|
top: 0.17rem;
|
||||||
|
left: 2.5rem;
|
||||||
|
margin-right: 0.17rem;
|
||||||
|
overflow: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.top {
|
||||||
|
min-height: 7.2rem;
|
||||||
|
position: relative;
|
||||||
|
width: 11.5rem;
|
||||||
|
display: flex;
|
||||||
|
padding-top: 0.2rem;
|
||||||
|
flex-direction: column;
|
||||||
|
font-size: 0.16rem;
|
||||||
|
justify-content: left;
|
||||||
|
background: #f3f5f9;
|
||||||
|
|
||||||
|
.pagination {
|
||||||
|
background: #f3f5f9;
|
||||||
|
padding-bottom: 0.6rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
:deep(.ant-card-grid) {
|
||||||
|
overflow: hidden;
|
||||||
|
white-space: nowrap;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
-webkit-line-clamp: 1;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -0,0 +1,452 @@
|
||||||
|
<!-- 融合服务详情 -->
|
||||||
|
<template>
|
||||||
|
<div class="IntegrationServicesDetails" :class="{ fixed2: scrollTop >= 600 }">
|
||||||
|
<!-- 头部基本信息 -->
|
||||||
|
<application-top-details :dataList="detailInfoObj" :navList="navList"></application-top-details>
|
||||||
|
|
||||||
|
<!-- 导航 -->
|
||||||
|
<div :class="{ fixed: scrollTop >= 600 }">
|
||||||
|
<div class="application-navigation">
|
||||||
|
<template v-for="nav in navList" :key="nav.key">
|
||||||
|
<div class="nav" :class="{ selectNow: nav.key == selectNow }" @click="selectNav(nav.key)">
|
||||||
|
{{ nav.name }}
|
||||||
|
<span class="line"></span>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 组合能力 -->
|
||||||
|
<div id="integration-combination-ability" class="combination-ability scrollBox">
|
||||||
|
<div class="title-1">
|
||||||
|
<DetalsTitle title="组合能力" type="COMBINATION ABILITY"></DetalsTitle>
|
||||||
|
</div>
|
||||||
|
<div class="flex-row-center combine-content">
|
||||||
|
<div class="combine-item" v-for="(item, i) in combineList" :key="i">
|
||||||
|
<div class="title">{{ item.title }}</div>
|
||||||
|
<div class="name-box">
|
||||||
|
<div class="name-text" v-for="(name, j) in item.list" :key="j">
|
||||||
|
{{ name }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 使用方式 -->
|
||||||
|
<div id="integration-use-way" class="use-way scrollBox">
|
||||||
|
<div class="title-1">
|
||||||
|
<DetalsTitle title="使用方式" type="USE WAY"></DetalsTitle>
|
||||||
|
</div>
|
||||||
|
<div class="content">
|
||||||
|
<div class="content-card flex-row-between left word-bg">
|
||||||
|
<div class="content-card-item left-item">
|
||||||
|
<div class="card-title">文档</div>
|
||||||
|
<!-- <div class="card-text">文档描述文档描述文档描述文档描述</div> -->
|
||||||
|
</div>
|
||||||
|
<div class="content-card-item btn-box">
|
||||||
|
<div class="btn" @click="handleOpenUrl('技术文档')">技术文档</div>
|
||||||
|
<div class="btn" @click="handleOpenUrl('使用手册')">使用手册</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="content-card flex-row-start">
|
||||||
|
<div class="right-item content-card-item" v-for="(use, i) in useWayShowList" :key="i">
|
||||||
|
<div class="card-title title">{{ use.title }}</div>
|
||||||
|
<div class="card-text" v-for="(d, k) in Object.keys(use.info)" :key="k">
|
||||||
|
{{ use.info[d] }}:{{ detailInfoObj[d] || '--' }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 常见问题-->
|
||||||
|
<application-common-problem :dataList="detailInfoObj" id="common-problem" class="scrollBox">
|
||||||
|
</application-common-problem>
|
||||||
|
|
||||||
|
<home-footer></home-footer>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import ApplicationTopDetails from '@/views/detailsAll/components/Application/ApplicationTopDetails.vue'
|
||||||
|
import DetalsTitle from '@/views/detailsAll/components/DetalsTitle'
|
||||||
|
import ApplicationCommonProblem from '@/views/detailsAll/components/Application/ApplicationCommonProblem' //常见问题
|
||||||
|
import HomeFooter from '@/views/newHome/components/Footer'
|
||||||
|
import { ref, onMounted, onBeforeUnmount, reactive } from 'vue'
|
||||||
|
import { useRouter } from 'vue-router'
|
||||||
|
import { getIntegrationDetail } from '@/api/home'
|
||||||
|
import mybus from '@/myplugins/mybus'
|
||||||
|
|
||||||
|
const router = useRouter()
|
||||||
|
const scrollTop = ref(0)
|
||||||
|
const domArr = ref([])
|
||||||
|
const id = router.currentRoute.value.query.id
|
||||||
|
document.documentElement.style.transition = 'all 0.3s ease'
|
||||||
|
document.documentElement.scrollTop = 0
|
||||||
|
document.body.style.transition = 'all 0.3s ease'
|
||||||
|
document.body.scrollTop = 0
|
||||||
|
mybus.on('flyToView', (id) => {
|
||||||
|
let top = document.querySelector('#' + id) && document.querySelector('#' + id).offsetTop - 50;
|
||||||
|
document.documentElement.scrollTop = top
|
||||||
|
document.body.scrollTop = top
|
||||||
|
})
|
||||||
|
|
||||||
|
const navList = ref([
|
||||||
|
{
|
||||||
|
name: '组合能力',
|
||||||
|
key: 'integration-combination-ability',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '使用方式',
|
||||||
|
key: 'integration-use-way',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '常见问题',
|
||||||
|
key: 'common-problem',
|
||||||
|
},
|
||||||
|
])
|
||||||
|
|
||||||
|
const selectNow = ref('integration-combination-ability')
|
||||||
|
|
||||||
|
const useWayShowList = ref([
|
||||||
|
{
|
||||||
|
title: '归属部门',
|
||||||
|
info: {
|
||||||
|
deptUser: '部门联系人',
|
||||||
|
mobile: '联系人电话',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '服务商',
|
||||||
|
info: {
|
||||||
|
providerUser: '服务商联系人',
|
||||||
|
providerMobile: '联系人电话',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
])
|
||||||
|
|
||||||
|
const combineList = ref([
|
||||||
|
{
|
||||||
|
title: '基础设施',
|
||||||
|
list: []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '组件服务',
|
||||||
|
list: []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '数据资源',
|
||||||
|
list: []
|
||||||
|
},
|
||||||
|
])
|
||||||
|
const detailInfoObj = ref({})
|
||||||
|
|
||||||
|
onMounted(() => {
|
||||||
|
window.addEventListener('scroll', () => {
|
||||||
|
domArr.value = document.querySelectorAll('.scrollBox')
|
||||||
|
scrollTop.value =
|
||||||
|
document.documentElement.scrollTop || document.body.scrollTop
|
||||||
|
for (let i = 0; i < domArr.value.length; i++) {
|
||||||
|
if (i === 0) {
|
||||||
|
if (scrollTop.value <= domArr.value[i + 1].offsetTop - 50) {
|
||||||
|
selectNow.value = domArr.value[i].id
|
||||||
|
}
|
||||||
|
} else if (i == domArr.value.length - 1) {
|
||||||
|
if (scrollTop.value >= domArr.value[i].offsetTop - 50) {
|
||||||
|
selectNow.value = domArr.value[i].id
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
if (
|
||||||
|
scrollTop.value >= domArr.value[i].offsetTop - 50 &&
|
||||||
|
scrollTop.value <= domArr.value[i + 1].offsetTop - 50
|
||||||
|
) {
|
||||||
|
selectNow.value = domArr.value[i].id
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
})
|
||||||
|
|
||||||
|
const selectNav = (key) => {
|
||||||
|
selectNow.value = key
|
||||||
|
mybus.emit('flyToView', selectNow.value)
|
||||||
|
}
|
||||||
|
|
||||||
|
// 融合服务--详情
|
||||||
|
const getIntegrationServicesDeatil = (id) => {
|
||||||
|
getIntegrationDetail(id).then(res => {
|
||||||
|
if (res.data.code !== 0) {
|
||||||
|
return message.error(res.data.msg)
|
||||||
|
}
|
||||||
|
detailInfoObj.value = res.data.data || {}
|
||||||
|
// 资源属性
|
||||||
|
let fuseAttrList = res.data.data.fuseAttrList || []
|
||||||
|
// 融合关系
|
||||||
|
let fuseResourceList = res.data.data.fuseResourceList || []
|
||||||
|
let questionValue = fuseAttrList.find(v => v.attrType === '常见问题') || {}
|
||||||
|
let questionObj = {
|
||||||
|
attrType: '常见问题',
|
||||||
|
attrValue: JSON.stringify(questionValue.attrValue || [])
|
||||||
|
}
|
||||||
|
let areaObj = {
|
||||||
|
attrType: '应用领域',
|
||||||
|
attrValue: detailInfoObj.value.applicationArea
|
||||||
|
}
|
||||||
|
console.log('areaObj------------>', areaObj);
|
||||||
|
|
||||||
|
combineList.value.map(item => {
|
||||||
|
let arr = (fuseResourceList.filter(v => v.resource && v.resource.type == item.title) || []).map(d => d.resource.name)
|
||||||
|
item.list = arr;
|
||||||
|
return item
|
||||||
|
})
|
||||||
|
detailInfoObj.value.infoList = []
|
||||||
|
detailInfoObj.value.infoList.push(questionObj)
|
||||||
|
detailInfoObj.value.infoList.push(areaObj)
|
||||||
|
}, err => {
|
||||||
|
message.error(err)
|
||||||
|
})
|
||||||
|
}
|
||||||
|
getIntegrationServicesDeatil(id)
|
||||||
|
|
||||||
|
function handleOpenUrl(type) {
|
||||||
|
let obj = (detailInfoObj.value.fuseAttrList || []).find(v => v.attrType == type) || {};
|
||||||
|
let url = obj.attrValue || '';
|
||||||
|
if (!obj.attrValue) {
|
||||||
|
return message.error('错误的文档链接地址！')
|
||||||
|
}
|
||||||
|
window.open(
|
||||||
|
window.SITE_CONFIG.previewUrl +
|
||||||
|
'hisense_office/onlinePreview?url=' +
|
||||||
|
btoa(encodeURI(url))
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
onBeforeUnmount(() => {
|
||||||
|
mybus.off('flyToView')
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="less" scoped>
|
||||||
|
.flex-row-between {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
|
||||||
|
.flex-row-start {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: flex-start;
|
||||||
|
}
|
||||||
|
|
||||||
|
.flex-row-center {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.IntegrationServicesDetails {
|
||||||
|
.fixed {
|
||||||
|
position: fixed !important;
|
||||||
|
z-index: 2000;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fixed2>div:nth-of-type(3) {
|
||||||
|
margin-top: 0.84rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.application-navigation {
|
||||||
|
width: 19.12rem;
|
||||||
|
height: 0.84rem;
|
||||||
|
line-height: 0.8rem;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-around;
|
||||||
|
font-size: 0.24rem;
|
||||||
|
color: #666;
|
||||||
|
background: #fff;
|
||||||
|
padding: 0 3rem;
|
||||||
|
box-shadow: 0rem 0.05rem 0.1rem #f2f3fb;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
.nav {
|
||||||
|
cursor: pointer;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
.line {
|
||||||
|
width: 0.4rem;
|
||||||
|
height: 0.04rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.selectNow {
|
||||||
|
color: #526aff;
|
||||||
|
|
||||||
|
.line {
|
||||||
|
background: #526aff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.use-way {
|
||||||
|
padding: 0.8rem 0;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
.title-1 {
|
||||||
|
margin-bottom: 0.3rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.left {
|
||||||
|
.btn {
|
||||||
|
padding: 10px 20px;
|
||||||
|
color: #526aff;
|
||||||
|
background: #fff;
|
||||||
|
border-radius: 50px;
|
||||||
|
margin: 10px;
|
||||||
|
font-size: 0.2rem;
|
||||||
|
width: 150px;
|
||||||
|
text-align: center;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-box {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: flex-end;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.content {
|
||||||
|
display: flex;
|
||||||
|
width: 13rem;
|
||||||
|
justify-content: space-between;
|
||||||
|
|
||||||
|
.word-bg {
|
||||||
|
background: linear-gradient(90deg, #7184fc, #94a3fc) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content-card {
|
||||||
|
height: 1.5rem;
|
||||||
|
width: 6.2rem;
|
||||||
|
border-radius: 0.2rem;
|
||||||
|
background: linear-gradient(to right,
|
||||||
|
rgba(113, 132, 252, 0.4),
|
||||||
|
rgba(148, 163, 252, 0.4));
|
||||||
|
padding: 0 0.3rem;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
|
||||||
|
.card-title {
|
||||||
|
font-size: 0.26rem;
|
||||||
|
color: #212956;
|
||||||
|
margin-bottom: 0.2rem;
|
||||||
|
line-height: 0.26rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content-card-item {
|
||||||
|
width: 50%;
|
||||||
|
|
||||||
|
.card-text {
|
||||||
|
margin-right: 0.2rem;
|
||||||
|
color: rgba(33, 41, 86, 0.8);
|
||||||
|
font-size: 0.2rem;
|
||||||
|
max-width: 2.8rem;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
div:first-child {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.combination-ability {
|
||||||
|
padding: 0.8rem 0;
|
||||||
|
background: rgb(247, 248, 250);
|
||||||
|
|
||||||
|
.title-1 {
|
||||||
|
margin-bottom: 0.3rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.combine-content {
|
||||||
|
width: 13rem;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.combine-item {
|
||||||
|
margin: 0 0.1rem;
|
||||||
|
width: 4.28rem;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
border: 1px solid #e4e6f5;
|
||||||
|
border-radius: 0.1rem;
|
||||||
|
padding: 0.1rem 0;
|
||||||
|
cursor: pointer;
|
||||||
|
height: 2.5rem;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
border-radius: 0.02rem;
|
||||||
|
border: 0.01rem solid #0058e1;
|
||||||
|
box-shadow: 0rem 0.08rem 0.2rem rgb(0 88 225 / 30%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.title {
|
||||||
|
color: #212121;
|
||||||
|
text-align: center;
|
||||||
|
padding: 0.2rem 0;
|
||||||
|
font-size: .22rem;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.name-box {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
justify-content: flex-start;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.no-data {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
font-size: 0.16rem;
|
||||||
|
color: #666;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.name-text {
|
||||||
|
font-size: 0.16rem;
|
||||||
|
color: #212121;
|
||||||
|
line-height: 0.3rem;
|
||||||
|
height: 0.3rem;
|
||||||
|
text-align: center;
|
||||||
|
width: 50%;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -1,117 +1,58 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="title">我的收藏</div>
|
<div class="title">我的收藏</div>
|
||||||
<div class="sousuokuang">
|
<div class="sousuokuang">
|
||||||
<a-input-search
|
<a-input-search v-model:value="name" placeholder="请输入关键词" enter-button="搜索" size="large" @change="onSearch"
|
||||||
v-model:value="name"
|
@search="getList" />
|
||||||
placeholder="请输入关键词"
|
<a-button type="primary" style="width: 80px; height: 36px; margin-left: 10px" @click="clean">
|
||||||
enter-button="搜索"
|
|
||||||
size="large"
|
|
||||||
@change="onSearch"
|
|
||||||
@search="getList"
|
|
||||||
/>
|
|
||||||
<a-button
|
|
||||||
type="primary"
|
|
||||||
style="width: 80px; height: 36px; margin-left: 10px"
|
|
||||||
@click="clean"
|
|
||||||
>
|
|
||||||
重置
|
重置
|
||||||
</a-button>
|
</a-button>
|
||||||
</div>
|
</div>
|
||||||
<div class="tab">
|
<div class="tab">
|
||||||
<span>筛选</span>
|
<span>筛选</span>
|
||||||
<div
|
<div :class="tabIndex == index ? 'tabclass' : ' '" @click="changeTab(index)" v-for="(item, index) in tabList"
|
||||||
:class="tabIndex == index ? 'tabclass' : ' '"
|
:key="index">
|
||||||
@click="changeTab(index)"
|
|
||||||
v-for="(item, index) in tabList"
|
|
||||||
:key="index"
|
|
||||||
>
|
|
||||||
{{ item }}
|
{{ item }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<a-list
|
<a-list class="demo-loadmore-list" :loading="initLoading" item-layout="horizontal" :data-source="list" :key="showKey">
|
||||||
class="demo-loadmore-list"
|
|
||||||
:loading="initLoading"
|
|
||||||
item-layout="horizontal"
|
|
||||||
:data-source="list"
|
|
||||||
:key="showKey"
|
|
||||||
>
|
|
||||||
<template #renderItem="{ item }">
|
<template #renderItem="{ item }">
|
||||||
<a-list-item>
|
<a-list-item>
|
||||||
<a-skeleton avatar :title="false" :loading="!!item.loading" active>
|
<a-skeleton avatar :title="false" :loading="!!item.loading" active>
|
||||||
<a-list-item-meta
|
<a-list-item-meta :description="item.description || '--'" style="position: relative">
|
||||||
:description="item.description || '--'"
|
|
||||||
style="position: relative"
|
|
||||||
>
|
|
||||||
<template #title>
|
<template #title>
|
||||||
<span
|
<span @click="showItem(item, item.type, item.delFlag)" style="cursor: pointer" class="name">
|
||||||
@click="showItem(item.resourceId, item.type, item.delFlag)"
|
|
||||||
style="cursor: pointer"
|
|
||||||
class="name"
|
|
||||||
>
|
|
||||||
{{ item.name }}
|
{{ item.name }}
|
||||||
</span>
|
</span>
|
||||||
<span class="time">收藏时间：{{ item.createDate }}</span>
|
<span class="time">收藏时间：{{ item.createDate }}</span>
|
||||||
<svg
|
<svg t="1652233950228" class="icon" viewBox="0 0 1024 1024" version="1.1"
|
||||||
t="1652233950228"
|
xmlns="http://www.w3.org/2000/svg" p-id="5970" data-spm-anchor-id="a313x.7781069.0.i8" width="50"
|
||||||
class="icon"
|
height="50" v-if="item.delFlag == 4 || item.delFlag == 5"
|
||||||
viewBox="0 0 1024 1024"
|
style="position: absolute; top: 0; left: 100px">
|
||||||
version="1.1"
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
p-id="5970"
|
|
||||||
data-spm-anchor-id="a313x.7781069.0.i8"
|
|
||||||
width="50"
|
|
||||||
height="50"
|
|
||||||
v-if="item.delFlag == 4 || item.delFlag == 5"
|
|
||||||
style="position: absolute; top: 0; left: 100px"
|
|
||||||
>
|
|
||||||
<path
|
<path
|
||||||
d="M955.22053 256C813.82053 11.2 500.72053-72.6 255.92053 68.8S-72.67947 523.2 68.72053 768 523.22053 1096.6 768.02053 955.2c244.7-141.2 328.6-454.1 187.4-698.8 0-0.1-0.1-0.3-0.2-0.4zM762.02053 944.7c-239 138.1-544.8 56.2-682.9-182.8S22.92053 217.1 261.92053 79.1s544.8-56.2 682.9 182.8c137.9 239 56.1 544.6-182.8 682.8z"
|
d="M955.22053 256C813.82053 11.2 500.72053-72.6 255.92053 68.8S-72.67947 523.2 68.72053 768 523.22053 1096.6 768.02053 955.2c244.7-141.2 328.6-454.1 187.4-698.8 0-0.1-0.1-0.3-0.2-0.4zM762.02053 944.7c-239 138.1-544.8 56.2-682.9-182.8S22.92053 217.1 261.92053 79.1s544.8-56.2 682.9 182.8c137.9 239 56.1 544.6-182.8 682.8z"
|
||||||
fill="#515151"
|
fill="#515151" opacity=".5" p-id="5971"></path>
|
||||||
opacity=".5"
|
|
||||||
p-id="5971"
|
|
||||||
></path>
|
|
||||||
<path
|
<path
|
||||||
d="M898.12053 289.2C775.02053 76 502.42053 2.9 289.22053 126 76.02053 249.1 3.02053 521.6 126.02053 734.8 249.12053 948 521.62053 1021.1 734.82053 898 947.92053 774.9 1021.02053 502.4 898.12053 289.2zM731.62053 892.8C521.32053 1014.3 252.42053 942.2 131.02053 731.9 9.52053 521.6 81.62053 252.7 291.92053 131.3 502.12053 9.9 771.02053 81.8 892.42053 292c121.5 210.3 49.5 479.3-160.8 600.8z"
|
d="M898.12053 289.2C775.02053 76 502.42053 2.9 289.22053 126 76.02053 249.1 3.02053 521.6 126.02053 734.8 249.12053 948 521.62053 1021.1 734.82053 898 947.92053 774.9 1021.02053 502.4 898.12053 289.2zM731.62053 892.8C521.32053 1014.3 252.42053 942.2 131.02053 731.9 9.52053 521.6 81.62053 252.7 291.92053 131.3 502.12053 9.9 771.02053 81.8 892.42053 292c121.5 210.3 49.5 479.3-160.8 600.8z"
|
||||||
fill="#515151"
|
fill="#515151" opacity=".5" p-id="5972"></path>
|
||||||
opacity=".5"
|
|
||||||
p-id="5972"
|
|
||||||
></path>
|
|
||||||
<path
|
<path
|
||||||
d="M323.62053 176.8c3.6-2 6 0.8 8.8 2.8 6 4.4 12.4 8.8 18.8 12.8 7.2-2.4 14.4-5.1 21.6-7.7 3.6-1.2 6-2.8 8.8 0.4 2.4 2.8 0.4 6.4-0.4 8.8-2 6.8-3.6 13.6-5.6 20.8 4.8 6 10 11.6 15.2 17.6 2.4 2.8 4.4 5.6 2.8 8.4-1.2 2.8-5.6 2.4-7.7 2.4l-22.4 0.8c-4.4 6.8-8.4 13.6-12.8 20-1.6 2.4-4 5.1-7.2 4-2.4-1.9-3.9-4.7-4.4-7.7l-7.2-20.5-25.2-6.4c-2.3-1.2-3.6-3.8-3.2-6.4 1.3-1.8 2.9-3.3 4.8-4.4 4-3.2 7.7-6.8 11.6-10 1.9-1.3 3.6-2.7 5.1-4.4-0.4-6.8-1.2-13.6-1.6-20.5-0.7-2.9-0.9-5.9-0.4-8.8-0.7-0.8-0.3-1.6 0.6-2zM200.72053 289.2c3.6-2 6 0.8 8.8 2.8 6.4 4.4 12.4 8.4 18.8 12.8 7.2-2.4 14.4-5.1 21.6-7.7 3.6-1.2 6-2.8 8.8 0.4 2.4 2.8 0.4 6.4-0.4 8.8-2 6.8-3.6 13.6-5.6 20.8 4.8 6 10 11.6 14.8 17.6 2.4 2.8 4.4 5.6 2.8 8.4-1.2 2.4-5.6 2.4-7.7 2.4l-22.4 0.8c-4.4 6.8-8.8 13.6-12.8 20-1.6 2.4-4 5.1-7.2 4-2.2-2-3.8-4.7-4.4-7.7l-7.2-20.5c-8.4-2-16.8-4.4-25.2-6.4-2.3-1.2-3.6-3.8-3.2-6.4 1.3-1.8 2.9-3.3 4.8-4.4 3.6-3.2 7.7-6.8 11.6-10 1.9-1.3 3.6-2.7 5.1-4.4-0.4-6.8-1.2-13.6-1.6-20.5-0.7-2.9-0.9-5.9-0.4-8.8-0.4-1.2 0-1.6 0.8-2.4l0.2 0.4z m276.6-159.6c3.6-2 6 0.8 8.8 2.8 6.4 4.4 12.4 8.4 18.8 12.8 7.2-2.4 14.4-5.1 21.6-7.7 3.6-1.2 6-2.8 8.8 0.4 2.4 2.8 0.4 6.4-0.4 8.8-2 6.8-3.6 14-5.6 20.8 4.8 6 10 12 15.2 17.6 2.4 2.8 4.4 5.6 2.8 8.4-1.2 2.8-5.6 2.4-7.7 2.4l-22.4 0.8c-4.4 6.8-8.8 13.6-12.8 20-1.6 2.4-4 5.1-7.2 4-2.2-2-3.8-4.7-4.4-7.7l-7.2-20.5-25.2-6.4c-2.3-1.2-3.6-3.8-3.2-6.4 1.3-1.8 2.9-3.3 4.8-4.4 4-3.2 7.7-6.8 11.6-10 1.9-1.3 3.6-2.7 5.1-4.4-0.4-6.8-1.2-13.6-1.6-20.5-0.7-2.9-0.9-5.9-0.4-8.8-0.8-1.2-0.4-1.6 0.4-2.4l0.2 0.4z m141.9 29.6c3.6-2 6 0.8 8.8 2.8l18.8 12.8c7.2-2.4 14.4-5.1 21.6-7.7 3.6-1.2 6-2.8 8.8 0.4 2.4 2.8 0.4 6.4-0.4 8.8-2 6.8-3.6 14-5.6 20.8 4.8 6 10 12 15.2 17.6 2.4 2.8 4.4 5.6 2.8 8.4-1.2 2.8-5.6 2.4-7.7 2.4-7.7 0.4-15.2 0.8-22.4 0.8-4.4 6.8-8.4 13.2-12.8 20-1.6 2.4-4 5.1-7.2 4-2.4-1.9-3.9-4.7-4.4-7.7l-7.2-20.5c-8.4-2-16.8-4.4-25.2-6.4-2.3-1.2-3.6-3.8-3.2-6.4 1.3-1.8 2.9-3.3 4.8-4.4 4-3.2 7.7-6.8 11.6-10 1.9-1.3 3.6-2.7 5.1-4.4-0.4-6.8-1.2-13.6-1.6-20.5-0.7-2.9-0.9-5.9-0.4-8.8-0.5-1.2 0.2-1.6 0.6-2zM150.02053 430c3.6-2 6 0.8 8.8 2.8 6.4 4.4 12.4 8.4 18.8 12.8 7.2-2.4 14.4-5.1 21.6-7.7 3.6-1.2 6-2.8 8.8 0.4 2.4 2.8 0.4 6.4-0.4 8.8-2 6.8-4 14-5.6 20.8 4.8 6 10 11.6 15.2 17.6 2.4 2.8 4.4 5.6 2.8 8.4-1.2 2.8-5.6 2.4-7.7 2.4l-22.4 0.8c-4.4 6.8-8.8 13.6-12.8 20-1.6 2.4-4 5.1-7.2 4-2.2-2-3.8-4.7-4.4-7.7l-7.2-20.5-25.2-6.4c-2.3-1.2-3.6-3.8-3.2-6.4 1.3-1.8 2.9-3.3 4.8-4.4 3.6-3.2 7.7-6.8 11.6-10 1.9-1.3 3.6-2.7 5.1-4.4-0.4-6.8-1.2-13.6-1.6-20.5-0.7-2.9-0.9-5.9-0.4-8.8-0.7-0.8-0.3-1.5 0.6-2z m558.9 414.4c3.6-2.4 2.4-5.6 2-8.8l-1.6-22.4 17.2-14.8c2.8-2.4 5.1-4 4-7.7-1.2-3.2-5.6-3.6-7.7-4-6.8-2-14-3.6-20.8-5.6-2.8-7.2-5.1-14.4-7.7-21.6-1.2-3.6-2.8-6.4-5.6-6.8-2.8-0.4-4.8 3.6-5.6 5.1l-12 19.2-24 1.2c-2.8 0-6.8 0.8-6.8 4.4 0.5 3 2 5.7 4.4 7.7 4.8 5.6 9.2 11.2 14 16.4l-7.2 25.2c-0.3 2.7 1.4 5.2 4 6 2.2-0.1 4.4-0.7 6.4-1.6l14.4-4.8c2.1-0.8 4.2-1.5 6.4-2 5.6 4 11.2 7.7 16.8 11.6 2.2 2.1 4.8 3.6 7.7 4.4 0.5-1.1 0.8-1.1 1.6-1.1h0.1z m-158.8 50c3.6-2.4 2.4-5.6 2-8.8l-1.6-22.4 17.2-14.8c2.8-2.4 5.1-4 4-7.7-1.1-3.7-5.6-3.6-7.7-4-6.8-1.6-14-3.6-20.8-5.6l-7.7-22c-1.2-3.6-2.8-6.4-5.6-6.8-2.8-0.4-4.8 3.6-5.6 5.1l-12 19.2-24 1.2c-2.8 0-6.8 0.8-6.8 4.4 0.5 3 2 5.7 4.4 7.7 4.8 5.6 9.2 11.2 14 16.4l-7.2 25.2c-0.3 2.7 1.4 5.2 4 6 2.2-0.3 4.3-0.9 6.4-1.6l14.4-4.8c2-1 4.2-1.7 6.4-2 5.6 4 11.2 7.7 16.8 11.6 2.2 2.1 4.8 3.6 7.7 4.4 0.4-0.8 0.8-0.8 1.7-0.7z m276.5-159.6c3.6-2.4 2.4-5.6 2-8.8l-1.6-22.4 17.2-14.8c2.8-2.4 5.1-4 4-7.7-1.2-3.2-5.6-3.6-7.7-4-6.8-2-14-3.6-20.8-5.6-2.8-7.2-5.1-14.4-7.7-21.6-1.2-3.6-2.8-6.4-5.6-6.8s-4.8 3.6-5.6 5.1l-12 19.2-24 1.2c-2.8 0-6.8 0.8-6.8 4.4 0.5 3 2 5.7 4.4 7.7 4.8 5.6 9.2 11.2 14 16.4l-7.2 25.2c-0.3 2.7 1.4 5.2 4 6 2.2-0.2 4.4-0.7 6.4-1.6l14.4-4.8c2.1-0.8 4.2-1.5 6.4-2 5.6 4 11.2 7.7 16.8 11.6 2.2 2.1 4.8 3.6 7.7 4.4 0-0.8 0.8-1.2 1.6-1.2l0.1 0.1z m45.6-137.6c3.6-2.4 2.4-5.6 2-8.8l-1.6-22.4 17.2-14.8c2.8-2.4 5.1-4 4-7.7-1.2-3.2-5.6-3.6-7.7-4-6.8-1.6-14-3.6-20.8-5.6l-7.7-22c-1.2-3.6-2.8-6.4-5.6-6.8-2.8-0.4-4.8 3.6-5.6 5.1l-12 19.2-24 1.2c-2.8 0-6.8 0.8-6.8 4.4 0.5 3 2 5.7 4.4 7.7 4.8 5.6 9.2 11.2 14 16.4l-7.2 25.2c-0.3 2.7 1.4 5.2 4 6 2.2-0.3 4.3-0.9 6.4-1.6l14.4-4.8c2.1-0.8 4.2-1.5 6.4-2 5.6 4 11.2 7.7 16.8 11.6 2.2 2.1 4.8 3.6 7.7 4.4 0.2-0.7 0.6-0.7 1.4-0.7h0.3zM402.72053 868c3.6-2.4 2.4-5.6 2-8.8l-1.6-22.4 17.2-14.8c2.8-2.4 5.1-4 4-7.7-1.2-3.2-5.6-3.6-7.7-4-6.8-2-14-3.6-20.8-5.6-2.8-7.2-5.1-14.4-7.7-21.6-1.2-3.6-2.8-6.4-5.6-6.8-2.8-0.4-4.8 3.6-5.6 5.1l-12 19.2-24 1.2c-2.8 0-6.8 0.8-6.8 4.4 0.5 3 2 5.7 4.4 7.7 4.8 5.6 9.2 11.2 14 16.4l-7.2 25.2c-0.3 2.7 1.4 5.2 4 6 2.2-0.3 4.3-0.9 6.4-1.6l14.4-4.8c2.1-0.8 4.2-1.5 6.4-2 5.6 4 11.2 7.7 16.8 11.6 2.2 2.1 4.8 3.6 7.7 4.4 0.5-0.8 1-1.1 1.7-1.1z"
|
d="M323.62053 176.8c3.6-2 6 0.8 8.8 2.8 6 4.4 12.4 8.8 18.8 12.8 7.2-2.4 14.4-5.1 21.6-7.7 3.6-1.2 6-2.8 8.8 0.4 2.4 2.8 0.4 6.4-0.4 8.8-2 6.8-3.6 13.6-5.6 20.8 4.8 6 10 11.6 15.2 17.6 2.4 2.8 4.4 5.6 2.8 8.4-1.2 2.8-5.6 2.4-7.7 2.4l-22.4 0.8c-4.4 6.8-8.4 13.6-12.8 20-1.6 2.4-4 5.1-7.2 4-2.4-1.9-3.9-4.7-4.4-7.7l-7.2-20.5-25.2-6.4c-2.3-1.2-3.6-3.8-3.2-6.4 1.3-1.8 2.9-3.3 4.8-4.4 4-3.2 7.7-6.8 11.6-10 1.9-1.3 3.6-2.7 5.1-4.4-0.4-6.8-1.2-13.6-1.6-20.5-0.7-2.9-0.9-5.9-0.4-8.8-0.7-0.8-0.3-1.6 0.6-2zM200.72053 289.2c3.6-2 6 0.8 8.8 2.8 6.4 4.4 12.4 8.4 18.8 12.8 7.2-2.4 14.4-5.1 21.6-7.7 3.6-1.2 6-2.8 8.8 0.4 2.4 2.8 0.4 6.4-0.4 8.8-2 6.8-3.6 13.6-5.6 20.8 4.8 6 10 11.6 14.8 17.6 2.4 2.8 4.4 5.6 2.8 8.4-1.2 2.4-5.6 2.4-7.7 2.4l-22.4 0.8c-4.4 6.8-8.8 13.6-12.8 20-1.6 2.4-4 5.1-7.2 4-2.2-2-3.8-4.7-4.4-7.7l-7.2-20.5c-8.4-2-16.8-4.4-25.2-6.4-2.3-1.2-3.6-3.8-3.2-6.4 1.3-1.8 2.9-3.3 4.8-4.4 3.6-3.2 7.7-6.8 11.6-10 1.9-1.3 3.6-2.7 5.1-4.4-0.4-6.8-1.2-13.6-1.6-20.5-0.7-2.9-0.9-5.9-0.4-8.8-0.4-1.2 0-1.6 0.8-2.4l0.2 0.4z m276.6-159.6c3.6-2 6 0.8 8.8 2.8 6.4 4.4 12.4 8.4 18.8 12.8 7.2-2.4 14.4-5.1 21.6-7.7 3.6-1.2 6-2.8 8.8 0.4 2.4 2.8 0.4 6.4-0.4 8.8-2 6.8-3.6 14-5.6 20.8 4.8 6 10 12 15.2 17.6 2.4 2.8 4.4 5.6 2.8 8.4-1.2 2.8-5.6 2.4-7.7 2.4l-22.4 0.8c-4.4 6.8-8.8 13.6-12.8 20-1.6 2.4-4 5.1-7.2 4-2.2-2-3.8-4.7-4.4-7.7l-7.2-20.5-25.2-6.4c-2.3-1.2-3.6-3.8-3.2-6.4 1.3-1.8 2.9-3.3 4.8-4.4 4-3.2 7.7-6.8 11.6-10 1.9-1.3 3.6-2.7 5.1-4.4-0.4-6.8-1.2-13.6-1.6-20.5-0.7-2.9-0.9-5.9-0.4-8.8-0.8-1.2-0.4-1.6 0.4-2.4l0.2 0.4z m141.9 29.6c3.6-2 6 0.8 8.8 2.8l18.8 12.8c7.2-2.4 14.4-5.1 21.6-7.7 3.6-1.2 6-2.8 8.8 0.4 2.4 2.8 0.4 6.4-0.4 8.8-2 6.8-3.6 14-5.6 20.8 4.8 6 10 12 15.2 17.6 2.4 2.8 4.4 5.6 2.8 8.4-1.2 2.8-5.6 2.4-7.7 2.4-7.7 0.4-15.2 0.8-22.4 0.8-4.4 6.8-8.4 13.2-12.8 20-1.6 2.4-4 5.1-7.2 4-2.4-1.9-3.9-4.7-4.4-7.7l-7.2-20.5c-8.4-2-16.8-4.4-25.2-6.4-2.3-1.2-3.6-3.8-3.2-6.4 1.3-1.8 2.9-3.3 4.8-4.4 4-3.2 7.7-6.8 11.6-10 1.9-1.3 3.6-2.7 5.1-4.4-0.4-6.8-1.2-13.6-1.6-20.5-0.7-2.9-0.9-5.9-0.4-8.8-0.5-1.2 0.2-1.6 0.6-2zM150.02053 430c3.6-2 6 0.8 8.8 2.8 6.4 4.4 12.4 8.4 18.8 12.8 7.2-2.4 14.4-5.1 21.6-7.7 3.6-1.2 6-2.8 8.8 0.4 2.4 2.8 0.4 6.4-0.4 8.8-2 6.8-4 14-5.6 20.8 4.8 6 10 11.6 15.2 17.6 2.4 2.8 4.4 5.6 2.8 8.4-1.2 2.8-5.6 2.4-7.7 2.4l-22.4 0.8c-4.4 6.8-8.8 13.6-12.8 20-1.6 2.4-4 5.1-7.2 4-2.2-2-3.8-4.7-4.4-7.7l-7.2-20.5-25.2-6.4c-2.3-1.2-3.6-3.8-3.2-6.4 1.3-1.8 2.9-3.3 4.8-4.4 3.6-3.2 7.7-6.8 11.6-10 1.9-1.3 3.6-2.7 5.1-4.4-0.4-6.8-1.2-13.6-1.6-20.5-0.7-2.9-0.9-5.9-0.4-8.8-0.7-0.8-0.3-1.5 0.6-2z m558.9 414.4c3.6-2.4 2.4-5.6 2-8.8l-1.6-22.4 17.2-14.8c2.8-2.4 5.1-4 4-7.7-1.2-3.2-5.6-3.6-7.7-4-6.8-2-14-3.6-20.8-5.6-2.8-7.2-5.1-14.4-7.7-21.6-1.2-3.6-2.8-6.4-5.6-6.8-2.8-0.4-4.8 3.6-5.6 5.1l-12 19.2-24 1.2c-2.8 0-6.8 0.8-6.8 4.4 0.5 3 2 5.7 4.4 7.7 4.8 5.6 9.2 11.2 14 16.4l-7.2 25.2c-0.3 2.7 1.4 5.2 4 6 2.2-0.1 4.4-0.7 6.4-1.6l14.4-4.8c2.1-0.8 4.2-1.5 6.4-2 5.6 4 11.2 7.7 16.8 11.6 2.2 2.1 4.8 3.6 7.7 4.4 0.5-1.1 0.8-1.1 1.6-1.1h0.1z m-158.8 50c3.6-2.4 2.4-5.6 2-8.8l-1.6-22.4 17.2-14.8c2.8-2.4 5.1-4 4-7.7-1.1-3.7-5.6-3.6-7.7-4-6.8-1.6-14-3.6-20.8-5.6l-7.7-22c-1.2-3.6-2.8-6.4-5.6-6.8-2.8-0.4-4.8 3.6-5.6 5.1l-12 19.2-24 1.2c-2.8 0-6.8 0.8-6.8 4.4 0.5 3 2 5.7 4.4 7.7 4.8 5.6 9.2 11.2 14 16.4l-7.2 25.2c-0.3 2.7 1.4 5.2 4 6 2.2-0.3 4.3-0.9 6.4-1.6l14.4-4.8c2-1 4.2-1.7 6.4-2 5.6 4 11.2 7.7 16.8 11.6 2.2 2.1 4.8 3.6 7.7 4.4 0.4-0.8 0.8-0.8 1.7-0.7z m276.5-159.6c3.6-2.4 2.4-5.6 2-8.8l-1.6-22.4 17.2-14.8c2.8-2.4 5.1-4 4-7.7-1.2-3.2-5.6-3.6-7.7-4-6.8-2-14-3.6-20.8-5.6-2.8-7.2-5.1-14.4-7.7-21.6-1.2-3.6-2.8-6.4-5.6-6.8s-4.8 3.6-5.6 5.1l-12 19.2-24 1.2c-2.8 0-6.8 0.8-6.8 4.4 0.5 3 2 5.7 4.4 7.7 4.8 5.6 9.2 11.2 14 16.4l-7.2 25.2c-0.3 2.7 1.4 5.2 4 6 2.2-0.2 4.4-0.7 6.4-1.6l14.4-4.8c2.1-0.8 4.2-1.5 6.4-2 5.6 4 11.2 7.7 16.8 11.6 2.2 2.1 4.8 3.6 7.7 4.4 0-0.8 0.8-1.2 1.6-1.2l0.1 0.1z m45.6-137.6c3.6-2.4 2.4-5.6 2-8.8l-1.6-22.4 17.2-14.8c2.8-2.4 5.1-4 4-7.7-1.2-3.2-5.6-3.6-7.7-4-6.8-1.6-14-3.6-20.8-5.6l-7.7-22c-1.2-3.6-2.8-6.4-5.6-6.8-2.8-0.4-4.8 3.6-5.6 5.1l-12 19.2-24 1.2c-2.8 0-6.8 0.8-6.8 4.4 0.5 3 2 5.7 4.4 7.7 4.8 5.6 9.2 11.2 14 16.4l-7.2 25.2c-0.3 2.7 1.4 5.2 4 6 2.2-0.3 4.3-0.9 6.4-1.6l14.4-4.8c2.1-0.8 4.2-1.5 6.4-2 5.6 4 11.2 7.7 16.8 11.6 2.2 2.1 4.8 3.6 7.7 4.4 0.2-0.7 0.6-0.7 1.4-0.7h0.3zM402.72053 868c3.6-2.4 2.4-5.6 2-8.8l-1.6-22.4 17.2-14.8c2.8-2.4 5.1-4 4-7.7-1.2-3.2-5.6-3.6-7.7-4-6.8-2-14-3.6-20.8-5.6-2.8-7.2-5.1-14.4-7.7-21.6-1.2-3.6-2.8-6.4-5.6-6.8-2.8-0.4-4.8 3.6-5.6 5.1l-12 19.2-24 1.2c-2.8 0-6.8 0.8-6.8 4.4 0.5 3 2 5.7 4.4 7.7 4.8 5.6 9.2 11.2 14 16.4l-7.2 25.2c-0.3 2.7 1.4 5.2 4 6 2.2-0.3 4.3-0.9 6.4-1.6l14.4-4.8c2.1-0.8 4.2-1.5 6.4-2 5.6 4 11.2 7.7 16.8 11.6 2.2 2.1 4.8 3.6 7.7 4.4 0.5-0.8 1-1.1 1.7-1.1z"
|
||||||
fill="#515151"
|
fill="#515151" opacity=".5" p-id="5973"></path>
|
||||||
opacity=".5"
|
|
||||||
p-id="5973"
|
|
||||||
></path>
|
|
||||||
<path
|
<path
|
||||||
d="M386.42053 590.4l-43.8-75.9L207.02053 592.7l10.2 17.7L334.02053 543l23.4 40.4-90.5 52.2-13.5-23.4-18.7 10.8 53.1 92c9.1 15.8 21.2 19.5 36.4 10.7l98.8-57c6.2-3.6 11-9.3 13.4-16.1-1.4-15.9-6.2-31.2-14.2-45l-21.4 4.8c6.7 10.3 11 21.9 12.8 34-1 3.3-3.2 6-6.1 7.8l-88.3 51c-6.2 3.6-11.1 2.1-14.8-4.3l-27.3-47.4 109.3-63.1z m2.9-103.2l10.4 18.1 65.6-37.9 79.9 138.4 18.6-10.8-55.9-96.9c18.8-0.9 43.2-0.6 73 0.7l1.5-23.1c-29.8-0.3-58.4 0.4-86 2.6l-12.5-21.6 74.9-43.2-10.4-18.1-159.1 91.8zM669.52053 329l38.2 66.2 61.4-35.4-38.1-66.1-61.5 35.3z m72.4 24.2l-26.3 15.2-19-33 26.3-15.2 19 33zM599.02053 356.7l7.9 13.7-23.3 13.5 9.8 17 21.8-12.6c7.5 18.7 6.6 39.6-2.5 57.6l20.7 4.4c10.3-23.1 10.3-49.4 0-72.5l18.8-10.9c6 9.2 10.7 19.2 14.2 29.7 0.3 5-2.6 9.7-7.2 11.7-2.9 1.2-6.4 2.8-10.9 4.9l14.1 14.1c3.7-1.3 7.3-2.9 10.7-4.8 8.6-3.9 14.4-12.2 15.2-21.6-5.4-22.1-14.6-43-27.4-61.8l-36.1 20.8-7.9-13.7-17.9 10.5z m29.9 108.1l10 17.4 53.2-30.7c-7.8 23.7-20.6 45.4-37.5 63.6l20.6 11.1c18.6-24.2 30-53.1 33-83.4l29.8 51.5 18.4-10.7-29.8-51.5c27.4 11.5 57.2 16.3 86.9 14.1l3.5-23.5c-24.7 5.1-50.1 5-74.8-0.1l53.5-30.9-10-17.3-69.3 40-7.3-12.6-18.4 10.7L698.02053 425l-69.1 39.8z"
|
d="M386.42053 590.4l-43.8-75.9L207.02053 592.7l10.2 17.7L334.02053 543l23.4 40.4-90.5 52.2-13.5-23.4-18.7 10.8 53.1 92c9.1 15.8 21.2 19.5 36.4 10.7l98.8-57c6.2-3.6 11-9.3 13.4-16.1-1.4-15.9-6.2-31.2-14.2-45l-21.4 4.8c6.7 10.3 11 21.9 12.8 34-1 3.3-3.2 6-6.1 7.8l-88.3 51c-6.2 3.6-11.1 2.1-14.8-4.3l-27.3-47.4 109.3-63.1z m2.9-103.2l10.4 18.1 65.6-37.9 79.9 138.4 18.6-10.8-55.9-96.9c18.8-0.9 43.2-0.6 73 0.7l1.5-23.1c-29.8-0.3-58.4 0.4-86 2.6l-12.5-21.6 74.9-43.2-10.4-18.1-159.1 91.8zM669.52053 329l38.2 66.2 61.4-35.4-38.1-66.1-61.5 35.3z m72.4 24.2l-26.3 15.2-19-33 26.3-15.2 19 33zM599.02053 356.7l7.9 13.7-23.3 13.5 9.8 17 21.8-12.6c7.5 18.7 6.6 39.6-2.5 57.6l20.7 4.4c10.3-23.1 10.3-49.4 0-72.5l18.8-10.9c6 9.2 10.7 19.2 14.2 29.7 0.3 5-2.6 9.7-7.2 11.7-2.9 1.2-6.4 2.8-10.9 4.9l14.1 14.1c3.7-1.3 7.3-2.9 10.7-4.8 8.6-3.9 14.4-12.2 15.2-21.6-5.4-22.1-14.6-43-27.4-61.8l-36.1 20.8-7.9-13.7-17.9 10.5z m29.9 108.1l10 17.4 53.2-30.7c-7.8 23.7-20.6 45.4-37.5 63.6l20.6 11.1c18.6-24.2 30-53.1 33-83.4l29.8 51.5 18.4-10.7-29.8-51.5c27.4 11.5 57.2 16.3 86.9 14.1l3.5-23.5c-24.7 5.1-50.1 5-74.8-0.1l53.5-30.9-10-17.3-69.3 40-7.3-12.6-18.4 10.7L698.02053 425l-69.1 39.8z"
|
||||||
fill="#515151"
|
fill="#515151" opacity=".5" p-id="5974"></path>
|
||||||
opacity=".5"
|
|
||||||
p-id="5974"
|
|
||||||
></path>
|
|
||||||
</svg>
|
</svg>
|
||||||
</template>
|
</template>
|
||||||
<template #avatar>
|
<template #avatar>
|
||||||
<a-checkbox
|
<a-checkbox :checked="item.checked" @click.stop="checkedItem(item)" @change="checkedItem(item)">
|
||||||
:checked="item.checked"
|
</a-checkbox>
|
||||||
@click.stop="checkedItem(item)"
|
|
||||||
@change="checkedItem(item)"
|
|
||||||
></a-checkbox>
|
|
||||||
</template>
|
</template>
|
||||||
</a-list-item-meta>
|
</a-list-item-meta>
|
||||||
</a-skeleton>
|
</a-skeleton>
|
||||||
</a-list-item>
|
</a-list-item>
|
||||||
</template>
|
</template>
|
||||||
</a-list>
|
</a-list>
|
||||||
<a-pagination
|
<a-pagination v-model:current="pageNum" v-model:page-size="pageSize" :page-size-options="pageSizeOptions"
|
||||||
v-model:current="pageNum"
|
:total="total" show-size-changer @showSizeChange="onShowSizeChange" @change="pageChange" :key="showKey">
|
||||||
v-model:page-size="pageSize"
|
|
||||||
:page-size-options="pageSizeOptions"
|
|
||||||
:total="total"
|
|
||||||
show-size-changer
|
|
||||||
@showSizeChange="onShowSizeChange"
|
|
||||||
@change="pageChange"
|
|
||||||
:key="showKey"
|
|
||||||
>
|
|
||||||
<template #buildOptionText="props">
|
<template #buildOptionText="props">
|
||||||
<span>{{ props.value }}条/页</span>
|
<span>{{ props.value }}条/页</span>
|
||||||
</template>
|
</template>
|
||||||
|
|
@ -121,17 +62,9 @@
|
||||||
<a-checkbox v-model:checked="checkAll" @change="onCheckAllChange">
|
<a-checkbox v-model:checked="checkAll" @change="onCheckAllChange">
|
||||||
全选
|
全选
|
||||||
</a-checkbox>
|
</a-checkbox>
|
||||||
<a-popconfirm
|
<a-popconfirm :title="'是否批量删除已选中的' + checkedList.length + '条数据?'" ok-text="是" cancel-text="否" @confirm="delList"
|
||||||
:title="'是否批量删除已选中的' + checkedList.length + '条数据?'"
|
@cancel="cancel">
|
||||||
ok-text="是"
|
<a-button type="primary" style="width: 70px; height: 32px; margin-left: 10px">
|
||||||
cancel-text="否"
|
|
||||||
@confirm="delList"
|
|
||||||
@cancel="cancel"
|
|
||||||
>
|
|
||||||
<a-button
|
|
||||||
type="primary"
|
|
||||||
style="width: 70px; height: 32px; margin-left: 10px"
|
|
||||||
>
|
|
||||||
删除
|
删除
|
||||||
</a-button>
|
</a-button>
|
||||||
</a-popconfirm>
|
</a-popconfirm>
|
||||||
|
|
@ -139,312 +72,355 @@
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script setup>
|
<script setup>
|
||||||
import { onMounted, ref } from 'vue'
|
import { onMounted, ref } from 'vue'
|
||||||
import { useRouter } from 'vue-router'
|
import { useRouter } from 'vue-router'
|
||||||
import { message } from 'ant-design-vue'
|
import { message } from 'ant-design-vue'
|
||||||
import mybus from '@/myplugins/mybus'
|
import mybus from '@/myplugins/mybus'
|
||||||
import { getScList, scDel, getTopCategory } from '@/api/personalCenter'
|
import { getScList, scDel, getTopCategory } from '@/api/personalCenter'
|
||||||
const router = useRouter()
|
import { getType } from '@turf/invariant'
|
||||||
// 分页
|
const router = useRouter()
|
||||||
const pageNum = ref('1')
|
// 分页
|
||||||
const pageSize = ref('5')
|
const pageNum = ref('1')
|
||||||
const pageSizeOptions = ref(['5', '10', '20'])
|
const pageSize = ref('5')
|
||||||
const total = ref(0)
|
const pageSizeOptions = ref(['5', '10', '20'])
|
||||||
// 多选框
|
const total = ref(0)
|
||||||
const checkedList = ref([])
|
// 多选框
|
||||||
const checkAll = ref(false)
|
const checkedList = ref([])
|
||||||
const initLoading = ref(true)
|
const checkAll = ref(false)
|
||||||
const showKey = ref(0)
|
const initLoading = ref(true)
|
||||||
// 筛选条件
|
const showKey = ref(0)
|
||||||
const name = ref('')
|
// 筛选条件
|
||||||
const type = ref('')
|
const name = ref('')
|
||||||
const list = ref([])
|
const type = ref('')
|
||||||
const tabList = ref([])
|
const list = ref([])
|
||||||
// 初始化
|
const tabList = ref([])
|
||||||
onMounted(() => {
|
// 初始化
|
||||||
getList()
|
onMounted(() => {
|
||||||
getCategory()
|
getList()
|
||||||
})
|
getCategory()
|
||||||
// 获取一级编目
|
})
|
||||||
const getCategory = () => {
|
// 获取一级编目
|
||||||
getTopCategory().then((res) => {
|
const getCategory = () => {
|
||||||
console.log('编目一级=============>', res.data)
|
getTopCategory().then((res) => {
|
||||||
res.data.data.forEach((val) => {
|
console.log('编目一级=============>', res.data)
|
||||||
// tabList.value.push(val.name)
|
res.data.data.forEach((val) => {
|
||||||
if (val.name == '应用资源' || val.name == '组件服务') {
|
// tabList.value.push(val.name)
|
||||||
tabList.value.push(val.name)
|
if (val.name == '应用资源' || val.name == '组件服务') {
|
||||||
}
|
tabList.value.push(val.name)
|
||||||
})
|
}
|
||||||
})
|
})
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 全选按钮
|
||||||
|
const onCheckAllChange = () => {
|
||||||
|
console.log(checkedList)
|
||||||
|
if (checkAll.value) {
|
||||||
|
// checkedList.value = []
|
||||||
|
list.value.forEach((val) => {
|
||||||
|
if (checkedList.value.indexOf(val.resourceId) != -1) {
|
||||||
|
checkedList.value.splice(checkedList.value.indexOf(val.resourceId), 1)
|
||||||
|
}
|
||||||
|
val.checked = true
|
||||||
|
checkedList.value.push(val.resourceId)
|
||||||
|
dataResourceId.value.push(val.resourceId)
|
||||||
|
arr.value.push(val.name)
|
||||||
|
})
|
||||||
|
console.log(checkAll.value)
|
||||||
|
} else {
|
||||||
|
list.value.forEach((val) => {
|
||||||
|
val.checked = false
|
||||||
|
if (checkedList.value.indexOf(val.resourceId) != -1) {
|
||||||
|
checkedList.value.splice(checkedList.value.indexOf(val.resourceId), 1)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
// checkedList.value = []
|
||||||
|
dataResourceId.value = []
|
||||||
|
arr.value = []
|
||||||
|
console.log(checkAll.value)
|
||||||
}
|
}
|
||||||
// 全选按钮
|
}
|
||||||
const onCheckAllChange = () => {
|
// 重置
|
||||||
console.log(checkedList)
|
const clean = () => {
|
||||||
if (checkAll.value) {
|
name.value = ''
|
||||||
// checkedList.value = []
|
type.value = ''
|
||||||
list.value.forEach((val) => {
|
pageNum.value = '1'
|
||||||
if (checkedList.value.indexOf(val.resourceId) != -1) {
|
pageSize.value = '5'
|
||||||
checkedList.value.splice(checkedList.value.indexOf(val.resourceId), 1)
|
showKey.value++
|
||||||
}
|
checkAll.value = false
|
||||||
val.checked = true
|
getList()
|
||||||
|
}
|
||||||
|
// 获取信息
|
||||||
|
const getList = () => {
|
||||||
|
console.log(name.value)
|
||||||
|
getScList({
|
||||||
|
pageNum: pageNum.value,
|
||||||
|
pageSize: pageSize.value,
|
||||||
|
name: name.value,
|
||||||
|
type: type.value,
|
||||||
|
}).then((res) => {
|
||||||
|
if (res.data.code !== 0) {
|
||||||
|
return message.error(res.data.msg)
|
||||||
|
}
|
||||||
|
initLoading.value = false
|
||||||
|
checkAll.value = true
|
||||||
|
console.log('申购车列表================>', res.data.data.records)
|
||||||
|
list.value = []
|
||||||
|
total.value = res.data.data.total
|
||||||
|
res.data.data.records.forEach((val) => {
|
||||||
|
const obj = {
|
||||||
|
loading: false,
|
||||||
|
id: val.id,
|
||||||
|
checked: false,
|
||||||
|
resourceId: val.resourceId,
|
||||||
|
createDate: val.createDate,
|
||||||
|
...getObj(val, val.resourceDTO ? 'resourceDTO' : 'fuseDTO')
|
||||||
|
}
|
||||||
|
if (checkedList.value.indexOf(val.resourceId) == -1) {
|
||||||
|
checkAll.value = false
|
||||||
|
} else {
|
||||||
|
obj.checked = true
|
||||||
|
}
|
||||||
|
list.value.push(obj)
|
||||||
|
})
|
||||||
|
}).catch(err => {
|
||||||
|
message.error(err)
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
function getObj(val, typeStr) {
|
||||||
|
let typeObj = val[typeStr] || {};
|
||||||
|
console.log('typeObj------------>', typeObj);
|
||||||
|
return {
|
||||||
|
name: typeObj.name,
|
||||||
|
type: typeObj.type,
|
||||||
|
description: typeObj.description,
|
||||||
|
delFlag: typeObj.delFlag,
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const onShowSizeChange = (current, pageSize) => {
|
||||||
|
console.log(current, pageSize)
|
||||||
|
// pageNum.value = current
|
||||||
|
// pageSize.value = pageSize
|
||||||
|
// getList()
|
||||||
|
}
|
||||||
|
// 切换页数
|
||||||
|
const pageChange = (val) => {
|
||||||
|
pageNum.value = val
|
||||||
|
pageNum.value = val
|
||||||
|
// checkedList.value = []
|
||||||
|
getList()
|
||||||
|
}
|
||||||
|
// 搜索框
|
||||||
|
const onSearch = () => {
|
||||||
|
console.log('search======================>', name.value)
|
||||||
|
}
|
||||||
|
|
||||||
|
//申请id
|
||||||
|
const dataResourceId = ref([])
|
||||||
|
|
||||||
|
const arr = ref([])
|
||||||
|
// 点击多选框
|
||||||
|
const checkedItem = (item) => {
|
||||||
|
checkAll.value = true
|
||||||
|
list.value.forEach((val) => {
|
||||||
|
if (val.id === item.id) {
|
||||||
|
console.log(val)
|
||||||
|
val.checked = !val.checked
|
||||||
|
if (val.checked) {
|
||||||
checkedList.value.push(val.resourceId)
|
checkedList.value.push(val.resourceId)
|
||||||
dataResourceId.value.push(val.resourceId)
|
dataResourceId.value.push(val.resourceId)
|
||||||
arr.value.push(val.name)
|
arr.value.push(val.name)
|
||||||
})
|
} else {
|
||||||
console.log(checkAll.value)
|
checkedList.value.splice(checkedList.value.indexOf(val.resourceId), 1)
|
||||||
} else {
|
dataResourceId.value.splice(
|
||||||
list.value.forEach((val) => {
|
checkedList.value.indexOf(val.resourceId),
|
||||||
val.checked = false
|
1
|
||||||
if (checkedList.value.indexOf(val.resourceId) != -1) {
|
)
|
||||||
checkedList.value.splice(checkedList.value.indexOf(val.resourceId), 1)
|
arr.value.splice(arr.value.indexOf(val.name), 1)
|
||||||
}
|
}
|
||||||
})
|
|
||||||
// checkedList.value = []
|
|
||||||
dataResourceId.value = []
|
|
||||||
arr.value = []
|
|
||||||
console.log(checkAll.value)
|
|
||||||
}
|
}
|
||||||
}
|
console.log(checkedList.value, val.resourceId)
|
||||||
// 重置
|
if (checkedList.value.indexOf(val.resourceId) == -1) {
|
||||||
const clean = () => {
|
checkAll.value = false
|
||||||
name.value = ''
|
console.log('不存在', checkAll.value)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
showKey.value++
|
||||||
|
}
|
||||||
|
// 切换筛选条件
|
||||||
|
const tabIndex = ref(-1)
|
||||||
|
const changeTab = (index) => {
|
||||||
|
console.log('tabIndex', tabIndex.value, index, tabList)
|
||||||
|
if (tabIndex.value == index) {
|
||||||
|
tabIndex.value = -1
|
||||||
type.value = ''
|
type.value = ''
|
||||||
pageNum.value = '1'
|
} else {
|
||||||
pageSize.value = '5'
|
tabIndex.value = index
|
||||||
showKey.value++
|
type.value = tabList.value[index]
|
||||||
checkAll.value = false
|
|
||||||
getList()
|
|
||||||
}
|
}
|
||||||
// 获取信息
|
getList()
|
||||||
const getList = () => {
|
}
|
||||||
console.log(name.value)
|
// 删除按钮
|
||||||
getScList({
|
const delList = () => {
|
||||||
pageNum: pageNum.value,
|
if (checkedList.value.length == 0) {
|
||||||
pageSize: pageSize.value,
|
message.error('请先选择需要操作的数据！')
|
||||||
name: name.value,
|
} else {
|
||||||
type: type.value,
|
scDel(checkedList.value).then((res) => {
|
||||||
}).then((res) => {
|
if (res.data.msg === 'success') {
|
||||||
checkAll.value = true
|
message.success('删除成功')
|
||||||
console.log('申购车列表================>', res.data.data.records)
|
console.log('删除申购车列表================>', res)
|
||||||
initLoading.value = false
|
|
||||||
list.value = []
|
|
||||||
total.value = res.data.data.total
|
|
||||||
res.data.data.records.forEach((val) => {
|
|
||||||
const obj = {
|
|
||||||
loading: false,
|
|
||||||
name: val.resourceDTO.name,
|
|
||||||
id: val.id,
|
|
||||||
checked: false,
|
|
||||||
type: val.resourceDTO.type,
|
|
||||||
resourceId: val.resourceId,
|
|
||||||
createDate: val.createDate,
|
|
||||||
description: val.resourceDTO.description,
|
|
||||||
delFlag: val.resourceDTO.delFlag,
|
|
||||||
}
|
|
||||||
if (checkedList.value.indexOf(val.resourceId) == -1) {
|
|
||||||
checkAll.value = false
|
|
||||||
} else {
|
|
||||||
obj.checked = true
|
|
||||||
}
|
|
||||||
list.value.push(obj)
|
|
||||||
})
|
|
||||||
})
|
|
||||||
}
|
|
||||||
const onShowSizeChange = (current, pageSize) => {
|
|
||||||
console.log(current, pageSize)
|
|
||||||
// pageNum.value = current
|
|
||||||
// pageSize.value = pageSize
|
|
||||||
// getList()
|
|
||||||
}
|
|
||||||
// 切换页数
|
|
||||||
const pageChange = (val) => {
|
|
||||||
pageNum.value = val
|
|
||||||
pageNum.value = val
|
|
||||||
// checkedList.value = []
|
|
||||||
getList()
|
|
||||||
}
|
|
||||||
// 搜索框
|
|
||||||
const onSearch = () => {
|
|
||||||
console.log('search======================>', name.value)
|
|
||||||
}
|
|
||||||
|
|
||||||
//申请id
|
|
||||||
const dataResourceId = ref([])
|
|
||||||
|
|
||||||
const arr = ref([])
|
|
||||||
// 点击多选框
|
|
||||||
const checkedItem = (item) => {
|
|
||||||
checkAll.value = true
|
|
||||||
list.value.forEach((val) => {
|
|
||||||
if (val.id === item.id) {
|
|
||||||
console.log(val)
|
|
||||||
val.checked = !val.checked
|
|
||||||
if (val.checked) {
|
|
||||||
checkedList.value.push(val.resourceId)
|
|
||||||
dataResourceId.value.push(val.resourceId)
|
|
||||||
arr.value.push(val.name)
|
|
||||||
} else {
|
|
||||||
checkedList.value.splice(checkedList.value.indexOf(val.resourceId), 1)
|
|
||||||
dataResourceId.value.splice(
|
|
||||||
checkedList.value.indexOf(val.resourceId),
|
|
||||||
1
|
|
||||||
)
|
|
||||||
arr.value.splice(arr.value.indexOf(val.name), 1)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
console.log(checkedList.value, val.resourceId)
|
|
||||||
if (checkedList.value.indexOf(val.resourceId) == -1) {
|
|
||||||
checkAll.value = false
|
checkAll.value = false
|
||||||
console.log('不存在', checkAll.value)
|
checkedList.value = []
|
||||||
|
dataResourceId.value = []
|
||||||
|
pageNum.value = '1'
|
||||||
|
showKey.value++
|
||||||
|
mybus.emit('getSgcNum')
|
||||||
|
getList()
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
showKey.value++
|
|
||||||
}
|
}
|
||||||
// 切换筛选条件
|
}
|
||||||
const tabIndex = ref(-1)
|
const cancel = (e) => {
|
||||||
const changeTab = (index) => {
|
console.log(e)
|
||||||
console.log('tabIndex', tabIndex.value, index, tabList)
|
}
|
||||||
if (tabIndex.value == index) {
|
// 详情
|
||||||
tabIndex.value = -1
|
const showItem = (item, type, delFlag) => {
|
||||||
type.value = ''
|
if (delFlag == 0) {
|
||||||
} else {
|
console.log('进入详情')
|
||||||
tabIndex.value = index
|
mybus.emit('tabsChange', { flag: item.resourceId })
|
||||||
type.value = tabList.value[index]
|
router.push({
|
||||||
}
|
path: `/details`,
|
||||||
getList()
|
query: {
|
||||||
}
|
id: item.resourceId,
|
||||||
// 删除按钮
|
},
|
||||||
const delList = () => {
|
})
|
||||||
if (checkedList.value.length == 0) {
|
} else if (delFlag === undefined) {
|
||||||
message.error('请先选择需要操作的数据！')
|
// 融合服务
|
||||||
} else {
|
mybus.emit('tabsChange', { flag: item.resourceId })
|
||||||
scDel(checkedList.value).then((res) => {
|
router.push({
|
||||||
if (res.data.msg === 'success') {
|
path: `/integrationServicesDetails`,
|
||||||
message.success('删除成功')
|
query: {
|
||||||
console.log('删除申购车列表================>', res)
|
id: item.resourceId,
|
||||||
checkAll.value = false
|
},
|
||||||
checkedList.value = []
|
})
|
||||||
dataResourceId.value = []
|
|
||||||
pageNum.value = '1'
|
|
||||||
showKey.value++
|
|
||||||
mybus.emit('getSgcNum')
|
|
||||||
getList()
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
|
||||||
}
|
|
||||||
const cancel = (e) => {
|
|
||||||
console.log(e)
|
|
||||||
}
|
|
||||||
// 详情
|
|
||||||
const showItem = (id, type, delFlag) => {
|
|
||||||
if (delFlag == 0) {
|
|
||||||
console.log('进入详情')
|
|
||||||
mybus.emit('tabsChange', { flag: id })
|
|
||||||
router.push({
|
|
||||||
path: '/details',
|
|
||||||
query: {
|
|
||||||
id: id,
|
|
||||||
},
|
|
||||||
})
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
<style lang="less" scoped>
|
<style lang="less" scoped>
|
||||||
.ant-list {
|
.ant-list {
|
||||||
height: 540px;
|
height: 540px;
|
||||||
overflow-y: scroll;
|
overflow-y: scroll;
|
||||||
.ant-list-item-meta {
|
|
||||||
align-items: center;
|
.ant-list-item-meta {
|
||||||
:deep(.ant-list-item-meta-avatar) {
|
|
||||||
padding-left: 20px;
|
|
||||||
margin-right: 30px;
|
|
||||||
}
|
|
||||||
.time {
|
|
||||||
margin-left: 30px;
|
|
||||||
font-size: 12px;
|
|
||||||
color: #ccc;
|
|
||||||
}
|
|
||||||
:deep(.ant-list-item-meta-description) {
|
|
||||||
max-height: 44px;
|
|
||||||
overflow: hidden;
|
|
||||||
margin-right: 10px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
:deep(.ant-list-item-meta-title) {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
span {
|
|
||||||
margin-right: 0.3rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.ant-list::-webkit-scrollbar {
|
|
||||||
width: 0 !important;
|
|
||||||
}
|
|
||||||
.bottom {
|
|
||||||
margin: 10px;
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
align-items: center;
|
align-items: center;
|
||||||
.left span {
|
|
||||||
margin-left: 10px;
|
:deep(.ant-list-item-meta-avatar) {
|
||||||
|
padding-left: 20px;
|
||||||
|
margin-right: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.time {
|
||||||
|
margin-left: 30px;
|
||||||
|
font-size: 12px;
|
||||||
|
color: #ccc;
|
||||||
|
}
|
||||||
|
|
||||||
|
:deep(.ant-list-item-meta-description) {
|
||||||
|
max-height: 44px;
|
||||||
|
overflow: hidden;
|
||||||
|
margin-right: 10px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.title {
|
}
|
||||||
font-size: 20px;
|
|
||||||
color: #000000;
|
:deep(.ant-list-item-meta-title) {
|
||||||
font-family: 'Alibaba PuHuiTi';
|
display: flex;
|
||||||
font-weight: 500;
|
justify-content: space-between;
|
||||||
margin-top: 20px;
|
|
||||||
margin-left: 20px;
|
span {
|
||||||
|
margin-right: 0.3rem;
|
||||||
}
|
}
|
||||||
.sousuokuang {
|
}
|
||||||
margin: 10px 0px 21px 20px;
|
|
||||||
.ant-input-search {
|
.ant-list::-webkit-scrollbar {
|
||||||
max-width: 490px;
|
width: 0 !important;
|
||||||
}
|
}
|
||||||
:deep(.ant-input) {
|
|
||||||
width: 400px;
|
.bottom {
|
||||||
height: 36px;
|
margin: 10px;
|
||||||
font-size: 14px;
|
display: flex;
|
||||||
color: #b2b2b2;
|
justify-content: space-between;
|
||||||
background: #f5f5f5;
|
align-items: center;
|
||||||
}
|
|
||||||
:deep(.ant-input-group-addon) {
|
.left span {
|
||||||
display: inline-block;
|
margin-left: 10px;
|
||||||
margin-left: 10px;
|
|
||||||
.ant-input-search-button {
|
|
||||||
width: 80px;
|
|
||||||
height: 36px;
|
|
||||||
border-radius: 4px;
|
|
||||||
font-size: 14px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
.tab {
|
}
|
||||||
margin-top: 10px;
|
|
||||||
margin-left: 20px;
|
.title {
|
||||||
margin-bottom: 10px;
|
font-size: 20px;
|
||||||
display: flex;
|
color: #000000;
|
||||||
|
font-family: 'Alibaba PuHuiTi';
|
||||||
|
font-weight: 500;
|
||||||
|
margin-top: 20px;
|
||||||
|
margin-left: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sousuokuang {
|
||||||
|
margin: 10px 0px 21px 20px;
|
||||||
|
|
||||||
|
.ant-input-search {
|
||||||
|
max-width: 490px;
|
||||||
|
}
|
||||||
|
|
||||||
|
:deep(.ant-input) {
|
||||||
|
width: 400px;
|
||||||
|
height: 36px;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
color: #999999;
|
color: #b2b2b2;
|
||||||
div {
|
background: #f5f5f5;
|
||||||
width: 70px;
|
}
|
||||||
height: 24px;
|
|
||||||
border: 1px solid #cccccc;
|
:deep(.ant-input-group-addon) {
|
||||||
border-radius: 12px;
|
display: inline-block;
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
text-align: center;
|
|
||||||
color: #666666;
|
.ant-input-search-button {
|
||||||
cursor: pointer;
|
width: 80px;
|
||||||
}
|
height: 36px;
|
||||||
.tabclass {
|
border-radius: 4px;
|
||||||
border: 1px solid #0087ff;
|
font-size: 14px;
|
||||||
color: #0087ff;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.name:hover {
|
}
|
||||||
|
|
||||||
|
.tab {
|
||||||
|
margin-top: 10px;
|
||||||
|
margin-left: 20px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
display: flex;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #999999;
|
||||||
|
|
||||||
|
div {
|
||||||
|
width: 70px;
|
||||||
|
height: 24px;
|
||||||
|
border: 1px solid #cccccc;
|
||||||
|
border-radius: 12px;
|
||||||
|
margin-left: 10px;
|
||||||
|
text-align: center;
|
||||||
|
color: #666666;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tabclass {
|
||||||
|
border: 1px solid #0087ff;
|
||||||
color: #0087ff;
|
color: #0087ff;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.name:hover {
|
||||||
|
color: #0087ff;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue