Merge branch 'hi-ucs-dev' of http://15.2.21.221:3000/wuhongjian/hi-ucs into hi-ucs-dev
This commit is contained in:
commit
32e5253c9f
|
@ -18,11 +18,15 @@
|
||||||
<!-- <span class="name">{{ props.dataList.name }}</span> -->
|
<!-- <span class="name">{{ props.dataList.name }}</span> -->
|
||||||
<div class="label-content">
|
<div class="label-content">
|
||||||
<p class="lable-father">
|
<p class="lable-father">
|
||||||
<span class="label">
|
<span class="label" v-if="props.dataList.type">
|
||||||
{{ componentType || props.dataList.type }}
|
{{ props.dataList.type }}
|
||||||
|
</span>
|
||||||
|
<span class="label" v-if="props.dataList.shareType">
|
||||||
|
{{ props.dataList.shareType }}
|
||||||
|
</span>
|
||||||
|
<span class="label" v-if="props.dataList.shareCondition">
|
||||||
|
{{ props.dataList.shareCondition }}
|
||||||
</span>
|
</span>
|
||||||
<span class="label">{{ props.dataList.shareType }}</span>
|
|
||||||
<span class="label">{{ props.dataList.shareCondition }}</span>
|
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<!-- <span class="label">免费</span> -->
|
<!-- <span class="label">免费</span> -->
|
||||||
|
|
|
@ -2,17 +2,34 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="application-deployment-and-security">
|
<div class="application-deployment-and-security">
|
||||||
<div class="title">
|
<div class="title">
|
||||||
<DetalsTitle :title="dataFrom.title" :type="dataFrom.englishTitle"></DetalsTitle>
|
<DetalsTitle
|
||||||
|
:title="dataFrom.title"
|
||||||
|
:type="dataFrom.englishTitle"
|
||||||
|
></DetalsTitle>
|
||||||
</div>
|
</div>
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<div v-for="(item, index) in dataFrom.content" :key="index" class="content-card">
|
<div
|
||||||
|
v-for="(item, index) in dataFrom.content"
|
||||||
|
:key="index"
|
||||||
|
class="content-card"
|
||||||
|
>
|
||||||
<div class="card-title">{{ item.childrenTitle }}</div>
|
<div class="card-title">{{ item.childrenTitle }}</div>
|
||||||
<div class="card-content">
|
<div class="card-content">
|
||||||
<div v-for="carditem in item.childrenContent" :key="carditem">
|
<div
|
||||||
|
v-for="carditem in item.childrenContent"
|
||||||
|
:key="carditem"
|
||||||
|
:class="
|
||||||
|
carditem.attrType == '访问地址' ? 'access-to-the-address' : ''
|
||||||
|
"
|
||||||
|
>
|
||||||
<span>{{ carditem.attrType }}:</span>
|
<span>{{ carditem.attrType }}:</span>
|
||||||
<a-tooltip>
|
<a-tooltip>
|
||||||
<template #title>{{ carditem.attrValue }}</template>
|
<template #title>{{ carditem.attrValue }}</template>
|
||||||
<span>{{ carditem.attrValue }}</span>
|
<span
|
||||||
|
@click="addressFunction(carditem.attrType, carditem.attrValue)"
|
||||||
|
>
|
||||||
|
{{ carditem.attrValue }}
|
||||||
|
</span>
|
||||||
</a-tooltip>
|
</a-tooltip>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -80,6 +97,12 @@ if (props.dataList.infoList) {
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
//访问地址跳转方法
|
||||||
|
const addressFunction = (name, itemValue) => {
|
||||||
|
if (name == '访问地址') {
|
||||||
|
window.open(itemValue)
|
||||||
|
}
|
||||||
|
}
|
||||||
watch(
|
watch(
|
||||||
() => props.dataList,
|
() => props.dataList,
|
||||||
(val) => {
|
(val) => {
|
||||||
|
@ -151,9 +174,11 @@ watch(
|
||||||
height: 1.5rem;
|
height: 1.5rem;
|
||||||
width: 6.2rem;
|
width: 6.2rem;
|
||||||
border-radius: 0.2rem;
|
border-radius: 0.2rem;
|
||||||
background: linear-gradient(to right,
|
background: linear-gradient(
|
||||||
|
to right,
|
||||||
rgba(113, 132, 252, 0.4),
|
rgba(113, 132, 252, 0.4),
|
||||||
rgba(148, 163, 252, 0.4));
|
rgba(148, 163, 252, 0.4)
|
||||||
|
);
|
||||||
padding: 0 0.3rem;
|
padding: 0 0.3rem;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
@ -190,6 +215,9 @@ watch(
|
||||||
/*超出的设置为省略号*/
|
/*超出的设置为省略号*/
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.access-to-the-address {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -18,9 +18,15 @@
|
||||||
<!-- <span class="name">{{ props.dataList.name }}</span> -->
|
<!-- <span class="name">{{ props.dataList.name }}</span> -->
|
||||||
<div class="label-content">
|
<div class="label-content">
|
||||||
<p class="lable-father">
|
<p class="lable-father">
|
||||||
<span class="label">{{ props.dataList.type }}</span>
|
<span class="label" v-if="props.dataList.type">
|
||||||
<span class="label">{{ props.dataList.shareType }}</span>
|
{{ props.dataList.type }}
|
||||||
<span class="label">{{ props.dataList.shareCondition }}</span>
|
</span>
|
||||||
|
<span class="label" v-if="props.dataList.shareType">
|
||||||
|
{{ props.dataList.shareType }}
|
||||||
|
</span>
|
||||||
|
<span class="label" v-if="props.dataList.shareCondition">
|
||||||
|
{{ props.dataList.shareCondition }}
|
||||||
|
</span>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<!-- <span class="label">免费</span> -->
|
<!-- <span class="label">免费</span> -->
|
||||||
|
|
|
@ -18,11 +18,15 @@
|
||||||
<!-- <span class="name">{{ props.dataList.name }}</span> -->
|
<!-- <span class="name">{{ props.dataList.name }}</span> -->
|
||||||
<div class="label-content">
|
<div class="label-content">
|
||||||
<p class="lable-father">
|
<p class="lable-father">
|
||||||
<span class="label">
|
<span class="label" v-if="props.dataList.type">
|
||||||
{{ componentType || props.dataList.type }}
|
{{ props.dataList.type }}
|
||||||
|
</span>
|
||||||
|
<span class="label" v-if="props.dataList.shareType">
|
||||||
|
{{ props.dataList.shareType }}
|
||||||
|
</span>
|
||||||
|
<span class="label" v-if="props.dataList.shareCondition">
|
||||||
|
{{ props.dataList.shareCondition }}
|
||||||
</span>
|
</span>
|
||||||
<span class="label">{{ props.dataList.shareType }}</span>
|
|
||||||
<span class="label">{{ props.dataList.shareCondition }}</span>
|
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<!-- <span class="label">免费</span> -->
|
<!-- <span class="label">免费</span> -->
|
||||||
|
@ -265,7 +269,8 @@ watch(
|
||||||
.right {
|
.right {
|
||||||
width: 5.8rem;
|
width: 5.8rem;
|
||||||
height: 4rem;
|
height: 4rem;
|
||||||
background: url('~@/assets/detailsAll/business/business_right_bg.png') no-repeat;
|
background: url('~@/assets/detailsAll/business/business_right_bg.png')
|
||||||
|
no-repeat;
|
||||||
background-size: 100%;
|
background-size: 100%;
|
||||||
margin-top: -0.4rem;
|
margin-top: -0.4rem;
|
||||||
}
|
}
|
||||||
|
|
|
@ -18,11 +18,15 @@
|
||||||
<!-- <span class="name">{{ props.dataList.name }}</span> -->
|
<!-- <span class="name">{{ props.dataList.name }}</span> -->
|
||||||
<div class="label-content">
|
<div class="label-content">
|
||||||
<p class="lable-father">
|
<p class="lable-father">
|
||||||
<span class="label">
|
<span class="label" v-if="props.dataList.type">
|
||||||
{{ componentType || props.dataList.type }}
|
{{ props.dataList.type }}
|
||||||
|
</span>
|
||||||
|
<span class="label" v-if="props.dataList.shareType">
|
||||||
|
{{ props.dataList.shareType }}
|
||||||
|
</span>
|
||||||
|
<span class="label" v-if="props.dataList.shareCondition">
|
||||||
|
{{ props.dataList.shareCondition }}
|
||||||
</span>
|
</span>
|
||||||
<span class="label">{{ props.dataList.shareType }}</span>
|
|
||||||
<span class="label">{{ props.dataList.shareCondition }}</span>
|
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<!-- <span class="label">免费</span> -->
|
<!-- <span class="label">免费</span> -->
|
||||||
|
|
|
@ -18,11 +18,15 @@
|
||||||
<!-- <span class="name">{{ props.dataList.name }}</span> -->
|
<!-- <span class="name">{{ props.dataList.name }}</span> -->
|
||||||
<div class="label-content">
|
<div class="label-content">
|
||||||
<p class="lable-father">
|
<p class="lable-father">
|
||||||
<span class="label">
|
<span class="label" v-if="props.dataList.type">
|
||||||
{{ componentType || props.dataList.type }}
|
{{ props.dataList.type }}
|
||||||
|
</span>
|
||||||
|
<span class="label" v-if="props.dataList.shareType">
|
||||||
|
{{ props.dataList.shareType }}
|
||||||
|
</span>
|
||||||
|
<span class="label" v-if="props.dataList.shareCondition">
|
||||||
|
{{ props.dataList.shareCondition }}
|
||||||
</span>
|
</span>
|
||||||
<span class="label">{{ props.dataList.shareType }}</span>
|
|
||||||
<span class="label">{{ props.dataList.shareCondition }}</span>
|
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<!-- <span class="label">免费</span> -->
|
<!-- <span class="label">免费</span> -->
|
||||||
|
|
|
@ -5,13 +5,11 @@
|
||||||
<div class="infrastructrue-tab">
|
<div class="infrastructrue-tab">
|
||||||
<div v-for="(item, index) in tabList" :key="index" class="tabBox">
|
<div v-for="(item, index) in tabList" :key="index" class="tabBox">
|
||||||
<b class="leftType">{{ item.title }}</b>
|
<b class="leftType">{{ item.title }}</b>
|
||||||
<a-button @click="nullClick" v-if="item.title == '视频标签'">
|
<button @click="nullClick" v-if="item.title == '视频标签'">清空</button>
|
||||||
清空
|
|
||||||
</a-button>
|
|
||||||
<span
|
<span
|
||||||
v-for="itemContent in item.content"
|
v-for="itemContent in item.content"
|
||||||
:key="itemContent"
|
:key="itemContent"
|
||||||
@click="tabClick(index, itemContent, item)"
|
@click="tabClick(index, itemContent)"
|
||||||
:class="
|
:class="
|
||||||
clickList[index].content.indexOf(itemContent.labelName) != -1 ||
|
clickList[index].content.indexOf(itemContent.labelName) != -1 ||
|
||||||
clickList[index].content.indexOf(itemContent) != -1
|
clickList[index].content.indexOf(itemContent) != -1
|
||||||
|
@ -117,8 +115,8 @@
|
||||||
</template>
|
</template>
|
||||||
<script setup>
|
<script setup>
|
||||||
import VideoSurveillance from '@/views/home/videoSurveillance'
|
import VideoSurveillance from '@/views/home/videoSurveillance'
|
||||||
import { getCategoryTreePage } from '@/api/personalCenter'
|
// import { getCategoryTreePage } from '@/api/personalCenter'
|
||||||
import { dataType } from 'element-plus/es/components/table-v2/src/common'
|
// import { dataType } from 'element-plus/es/components/table-v2/src/common'
|
||||||
import { useRouter } from 'vue-router'
|
import { useRouter } from 'vue-router'
|
||||||
import { message } from 'ant-design-vue'
|
import { message } from 'ant-design-vue'
|
||||||
import { ref, reactive, onMounted } from 'vue'
|
import { ref, reactive, onMounted } from 'vue'
|
||||||
|
@ -245,7 +243,7 @@
|
||||||
clickList.value.push(params)
|
clickList.value.push(params)
|
||||||
})
|
})
|
||||||
mybus.off('tranferToList')
|
mybus.off('tranferToList')
|
||||||
mybus.on('tranferToList', (data) => {
|
mybus.on('tranferToList', () => {
|
||||||
console.log('获取到的列表数据')
|
console.log('获取到的列表数据')
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
@ -255,7 +253,6 @@
|
||||||
let tableHeight = ref('600')
|
let tableHeight = ref('600')
|
||||||
//tab切换点击事件
|
//tab切换点击事件
|
||||||
const tabClick = (indexFather, name) => {
|
const tabClick = (indexFather, name) => {
|
||||||
console.log(clickList.value, indexFather, name)
|
|
||||||
selectedRowKeys.value = []
|
selectedRowKeys.value = []
|
||||||
selectedList.value = []
|
selectedList.value = []
|
||||||
if (clickList.value[indexFather].content.indexOf(name) != -1) {
|
if (clickList.value[indexFather].content.indexOf(name) != -1) {
|
||||||
|
@ -341,12 +338,22 @@
|
||||||
})
|
})
|
||||||
console.log('选中的标签code', mapSearchParam.value)
|
console.log('选中的标签code', mapSearchParam.value)
|
||||||
mapSearchParam.value.labelCodes = mapSearchParam.value.labelCodes + ''
|
mapSearchParam.value.labelCodes = mapSearchParam.value.labelCodes + ''
|
||||||
if (name == '视频资源') {
|
let fatherName = ref('视频资源')
|
||||||
|
if (name == '视频资源' || name == '云资源' || name == '感知资源') {
|
||||||
|
fatherName.value == name
|
||||||
|
}
|
||||||
|
if (fatherName.value == '视频资源') {
|
||||||
getCamera()
|
getCamera()
|
||||||
} else {
|
} else {
|
||||||
dataSource.value = []
|
dataSource.value = []
|
||||||
pagination.value.total = 0
|
pagination.value.total = 0
|
||||||
}
|
}
|
||||||
|
// if (name == '视频资源') {
|
||||||
|
// getCamera()
|
||||||
|
// } else {
|
||||||
|
// dataSource.value = []
|
||||||
|
// pagination.value.total = 0
|
||||||
|
// }
|
||||||
}
|
}
|
||||||
// 清空
|
// 清空
|
||||||
const nullClick = () => {
|
const nullClick = () => {
|
||||||
|
@ -395,10 +402,10 @@
|
||||||
message.error('请选择需要申请的数据')
|
message.error('请选择需要申请的数据')
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
// 添加至购物车
|
// // 添加至购物车
|
||||||
const addShopCar = () => {
|
// const addShopCar = () => {
|
||||||
console.log('添加至购物车')
|
// console.log('添加至购物车')
|
||||||
}
|
// }
|
||||||
const getCamera = () => {
|
const getCamera = () => {
|
||||||
console.log('初始化调用')
|
console.log('初始化调用')
|
||||||
getCameraByParentId(mapSearchParam.value).then((res) => {
|
getCameraByParentId(mapSearchParam.value).then((res) => {
|
||||||
|
@ -445,7 +452,7 @@
|
||||||
key: 'channelId',
|
key: 'channelId',
|
||||||
},
|
},
|
||||||
])
|
])
|
||||||
const allClick = ref([])
|
// const allClick = ref([])
|
||||||
const onSelectChange = (record, selected, selectedRows, nativeEvent) => {
|
const onSelectChange = (record, selected, selectedRows, nativeEvent) => {
|
||||||
console.log('hahhahah', record, selected, selectedRows, nativeEvent)
|
console.log('hahhahah', record, selected, selectedRows, nativeEvent)
|
||||||
if (selected) {
|
if (selected) {
|
||||||
|
@ -541,19 +548,6 @@
|
||||||
}
|
}
|
||||||
.tabBox {
|
.tabBox {
|
||||||
margin-bottom: 0.16rem;
|
margin-bottom: 0.16rem;
|
||||||
:deep(.ant-btn:active) {
|
|
||||||
color: unset;
|
|
||||||
border-color: unset;
|
|
||||||
}
|
|
||||||
:deep(.ant-btn) {
|
|
||||||
margin-left: 10px;
|
|
||||||
border: 1px solid #666666;
|
|
||||||
color: #666666;
|
|
||||||
border-radius: 10px;
|
|
||||||
}
|
|
||||||
:deep(.ant-btn:hover) {
|
|
||||||
color: #40a9ff;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
.tabBox:last-of-type {
|
.tabBox:last-of-type {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
|
|
Loading…
Reference in New Issue