Merge branch 'hi-ucs-dev' of http://15.2.21.221:3000/wuhongjian/hi-ucs into hi-ucs-dev

This commit is contained in:
wuhongjian 2022-07-01 11:10:25 +08:00
commit e9031d0a45
8 changed files with 155 additions and 60 deletions

View File

@ -2,22 +2,22 @@
<div class='container'>
<div>
<span class='title-style'>组件服务</span>
<span class='page-introduction'>发布情况统计</span>
<span class='page-introduction'>使用情况统计</span>
<button class='back-btn' @click="backBtn">返回</button>
</div>
<div class='container-body'>
<div class='container-body1'>
<!-- <div class='container-body1'>
<span style='font-size:18px;color;#000000;'>评分发布情况</span>
<div id="main1" style="width: 400px;height:200px;"></div>
</div>
</div> -->
<div class='container-body2'>
<span style='font-size:18px;color;#000000;'>发布量情况分布</span>
<span style='font-size:18px;color;#000000;'>使用组件数量分布</span>
<div id="main2" style="width: 400px;height:200px;"></div>
</div>
<div class='container-body3'>
<span style='font-size:18px;color;#000000;'>应用领域分布情况</span>
<div id="main3" style="width: 400px;height:200px;"></div>
<span style='font-size:18px;color;#000000;'>使用组件应用领域分布情况</span>
<div id="main8" style="width: 400px;height:200px;"></div>
</div>
<div class='container-body4'>
<div style='margin-bottom:30px'>
@ -472,7 +472,7 @@ export default {
}
.container-body2{
width:420px;
width:640px;
height:250px;
background-color: #ffffff;
margin-right:20px;
@ -480,7 +480,7 @@ export default {
padding-left: 20px;
}
.container-body3{
width:420px;
width:640px;
height:250px;
background-color: #ffffff;
padding-top:20px;

View File

@ -36,7 +36,7 @@
<span style='margin-right:30px' :class="[departmentId===1?'departmentStyle':'']" @click="handleChose(1)">
部门发布情况
</span>
<span :class="[departmentId===2?'departmentStyle':'']" @click="handleChose(2)">
<span v-if='this.choseId===0' :class="[departmentId===2?'departmentStyle':'']" @click="handleChose(2)">
部门使用情况
</span>
</div>
@ -178,7 +178,7 @@ export default {
titleList:[
{name:'组件服务',key:1}, {name:'应用资源',key:2}, {name:'基础设施',key:3}, {name:'数据资源',key:3}, {name:'知识库',key:3},
],
tableData: []
tableData: [{deptName:'部门',resourceNum:222}]
}
},
created(){
@ -216,7 +216,7 @@ export default {
// pageSize: 20
}
}).then(res => {
this.tableData =res.data.data
// this.tableData =res.data.data
})
},
// //
@ -244,7 +244,7 @@ export default {
resourceType:'组件服务'
}
}).then(res => {
this.tableData =res.data.data.list
// this.tableData =res.data.data.list
this.total = res.data.data.total
})
},
@ -258,7 +258,7 @@ export default {
resourceType:'组件服务'
}
}).then(res => {
this.tableData =res.data.data.list
// this.tableData =res.data.data.list
})
},
@ -272,7 +272,7 @@ export default {
resourceType:'应用资源'
}
}).then(res => {
this.tableData =res.data.data.list
// this.tableData =res.data.data.list
this.total = res.data.data.total
})
@ -287,22 +287,31 @@ export default {
resourceType:'应用资源'
}
}).then(res => {
this.tableData =res.data.data.list
// this.tableData =res.data.data.list
})
},
handleClick(row) {
if(this.choseId===0){
this.homeIsShow=false
this.servicesIsShow=true
this.tableId=row.deptId
this.fatherId=1
}else if(this.choseId===1){
this.homeIsShow=false
this.resourcesIsShow=true
this.tableId=row.deptId
this.fatherId=2
}
if(this.departmentId===1){
this.homeIsShow=false
this.servicesIsShow=true
this.tableId=row.deptId
this.fatherId=1
}else if(this.departmentId===2){
this.homeIsShow=false
this.UsedIsShow=true
this.tableId=row.deptId
this.fatherId=1
}
else if(this.choseId===1){
this.homeIsShow=false
this.resourcesIsShow=true
this.tableId=row.deptId
this.fatherId=2
}
}
},
//

View File

@ -2,7 +2,7 @@
* @Author: hisense.liangjunhua
* @Date: 2022-06-29 15:59:51
* @LastEditors: hisense.liangjunhua
* @LastEditTime: 2022-06-29 18:17:07
* @LastEditTime: 2022-07-01 09:29:57
* @Description: 告诉大家这是什么
-->
<!-- 流程业务表单 -->
@ -183,16 +183,30 @@ export default {
})
}
this.dataForm.content = res.data.tAbilityApplicationDTOList[0]
const obj = {
name: '申请摄像头列表',
type: '基础设施',
describe: ''
}
let flag = false
res.data.tAbilityApplicationDTOList.map(val => {
this.$http.get('/resource/' + val.resourceId).then(res1 => {
console.log(res1.data.data, '1111111111111111111111111111111111')
this.dataList.push({
name: res1.data.data.name,
type: res1.data.data.type,
describe: res1.data.data.description
if (val.cameraList) {
flag = true
obj.describe += val.system
} else {
this.$http.get('/resource/' + val.resourceId).then(res1 => {
// console.log(res1.data.data, '1111111111111111111111111111111111')
this.dataList.push({
name: res1.data.data.name,
type: res1.data.data.type,
describe: res1.data.data.description
})
})
})
}
})
if (flag) {
this.dataList.push(obj)
}
})
.catch(() => {})
},

View File

@ -121,6 +121,7 @@
<script setup>
import { nextTick, ref } from 'vue'
import { UpOutlined, DownOutlined } from '@ant-design/icons-vue'
import { getCategoryTreePage } from '@/api/personalCenter'
import {
capabilityShareCapabilitySet,
selectResourceListByDept,
@ -317,23 +318,20 @@
//
const dataList = ref([])
//
const allType = ref([
'社会治安',
'城市管理',
'疫情防控',
'危化品管理',
'交通运输',
'森林防火',
'防汛抗旱',
'文化旅游',
'非煤矿山',
'医疗卫生',
'安全生产',
'生态环境',
'农业农村',
'市场监管',
'政务服务',
])
const allType = ref([])
getCategoryTreePage({
page: 1,
limit: 99,
dictTypeId: '1513712507692818433',
}).then((res) => {
// console.log('kasdjflkajsdlkf ', res.data.data)
allType.value = []
res.data.data.list.map((val) => {
if (val.dictLabel !== '其他') {
allType.value.push(val.dictLabel)
}
})
})
const flag = ref('')
const nowShow = ref(false)
const showDetails = (item) => {

View File

@ -30,10 +30,10 @@
<span
v-for="(item, index) in tabClickData"
:key="index"
:class="listBg == item.name ? 'down' : ''"
@click="switchList(item.name)"
:class="listBg == item.dictLabel ? 'down' : ''"
@click="switchList(item.dictLabel)"
>
{{ item.name }}
{{ item.dictLabel }}
</span>
</div>
<a class="more" @click="lookmore(hidetext)">
@ -82,6 +82,7 @@
import { ref, onMounted } from 'vue'
// import { useStore } from 'vuex'
import { pageWithAttrs } from '@/api/home.js'
import { getCategoryTreePage } from '@/api/personalCenter.js'
import { useRouter } from 'vue-router'
// import { pinyin } from 'pinyin-pro'
// import { Empty } from 'ant-design-vue'
@ -159,6 +160,17 @@
name: '其他',
},
])
//tab
const tabChaXun = () => {
const params = {
page: 1,
limit: 99,
dictTypeId: '1513712507692818433',
}
getCategoryTreePage(params).then(({ data: res }) => {
tabClickData.value = res.data.list
})
}
const tabClickShow = ref(false)
const number = ref(0)
const changeCards = (val) => {
@ -195,6 +207,7 @@
}
//
const init = (list) => {
tabChaXun()
let params = {
deptIds: [],
districtId: '',

View File

@ -156,6 +156,7 @@
], //,
})
let visible = ref(false)
const jjssType = ref(router.currentRoute.value.query.type)
const pagination = ref({
total: 0,
current: 1,
@ -177,7 +178,12 @@
})
const showMap = ref(true)
onMounted(() => {
tabClick(0, '视频资源')
if (jjssType.value) {
tabClick(0, jjssType.value)
} else {
tabClick(0, '视频资源')
}
getCamera()
mybus.off('getListByParentId')
mybus.on('getListByParentId', (parentId) => {

View File

@ -37,8 +37,9 @@
<div
class="name"
v-for="(item, index) in jcList"
:key="item.id"
:key="item.name"
:class="index == 2 ? 'name-last' : ''"
@click="selectOne2(item.name)"
>
{{ item.name + '-' + item.num + '项' }}
</div>
@ -232,6 +233,16 @@
},
})
}
const selectOne2 = (name) => {
console.log('点击===============》', name)
router.push({
path: '/DetailsPageconetent',
query: {
type: name,
select: '基础设施',
},
})
}
</script>
<style lang="less" scoped>
.capability-convergence {

View File

@ -1,6 +1,6 @@
<template>
<div class="navigation2">
<div class="item">
<div class="item" @click="jumpPage('组件服务')">
<div class="img zj"></div>
<div class="name">组件服务</div>
<div class="sl">
@ -8,7 +8,7 @@
</div>
</div>
<div class="item">
<div class="item" @click="jumpPage('应用资源')">
<div class="img yy"></div>
<div class="name">应用资源</div>
<div class="sl">
@ -16,7 +16,7 @@
</div>
</div>
<div class="item">
<div class="item" @click="jumpPage('基础设施')">
<div class="img jc"></div>
<div class="name">基础设施</div>
<div class="sl">
@ -24,7 +24,7 @@
</div>
</div>
<div class="item">
<div class="item" @click="jumpPage('数据资源')">
<div class="img sj"></div>
<div class="name">数据资源</div>
<div class="sl">
@ -32,7 +32,7 @@
</div>
</div>
<div class="item">
<div class="item" @click="jumpPage('知识库')">
<div class="img zs"></div>
<div class="name">知识库</div>
<div class="sl">
@ -45,6 +45,10 @@
<script setup>
import { selectTotal } from '@/api/home'
import { ref, onMounted, onBeforeUnmount } from 'vue'
import { useRouter } from 'vue-router'
import { useStore } from 'vuex'
const router = useRouter()
const store = useStore()
// import mybus from '@/myplugins/mybus'
const yyNum = ref('')
const zjNum = ref('')
@ -81,6 +85,23 @@
}
})
})
function jumpPage(type) {
// store
store.commit('home/selectCardsData', {
selectCardsnum: type,
})
console.log(
'选中===================>',
store.getters['home/selectCardsnum']
)
// router.push({ path: '/DetailsPageconetent' })
router.push({
path: '/DetailsPageconetent',
query: {
select: type,
},
})
}
// const findZywMessage = () => {
// zywMessage().then((res) => {
// // console.log('findMessage============>', res)
@ -149,5 +170,28 @@
}
}
}
.item:hover {
cursor: pointer;
.img {
animation: turn 5s linear infinite;
}
}
}
@keyframes turn {
0% {
-webkit-transform: rotateY(0deg);
}
25% {
-webkit-transform: rotateY(90deg);
}
50% {
-webkit-transform: rotateY(180deg);
}
75% {
-webkit-transform: rotateY(270deg);
}
100% {
-webkit-transform: rotateY(360deg);
}
}
</style>