diff --git a/back/src/views/modules/ability/bsabilityai-relate-application.vue b/back/src/views/modules/ability/bsabilityai-relate-application.vue index c76d84e6..3fe9d1ee 100644 --- a/back/src/views/modules/ability/bsabilityai-relate-application.vue +++ b/back/src/views/modules/ability/bsabilityai-relate-application.vue @@ -79,7 +79,7 @@ export default { { leading: true, trailing: false } ), filterMethod(query, item) { - return item.name.indexOf(query) > -1; + return item.name && item.name.indexOf(query) > -1; } }, mounted () { diff --git a/front/public/index.html b/front/public/index.html index af10b5b8..0c666626 100644 --- a/front/public/index.html +++ b/front/public/index.html @@ -33,20 +33,20 @@ // window.SITE_CONFIG['frontUrl'] = 'http://15.72.183.90:7008/document/#/devModelFile/'; // window.SITE_CONFIG['apiURL'] = 'http://15.72.183.90:8000/renren-admin'; - // window.SITE_CONFIG['backUrl'] = 'http://15.72.183.90:8001'; - // window.SITE_CONFIG['previewUrl'] = 'http://15.72.183.90:7008/'; - // window.SITE_CONFIG['frontUrl'] = 'http://15.72.183.90:7008/document/#/devModelFile/'; - // window.SITE_CONFIG['apiURL'] = 'http://15.72.183.90:8000/renren-admin'; + window.SITE_CONFIG['backUrl'] = 'http://15.72.183.90:8001'; + window.SITE_CONFIG['previewUrl'] = 'http://15.72.183.90:7008/'; + window.SITE_CONFIG['frontUrl'] = 'http://15.72.183.90:7008/document/#/devModelFile/'; + window.SITE_CONFIG['apiURL'] = 'http://15.72.183.90:8000/renren-admin'; // 西海岸版本 // window.SITE_CONFIG['backUrl'] = 'http://10.134.135.9:9797'; // window.SITE_CONFIG['previewUrl'] = 'http://10.134.135.9:9796/'; // window.SITE_CONFIG['frontUrl'] = 'http://10.134.135.9:9796/document/#/devModelFile/'; // window.SITE_CONFIG['apiURL'] = 'http://10.134.135.9:8888/renren-admin'; // 开发 - window.SITE_CONFIG['backUrl'] = 'http://15.2.21.238:9797'; - window.SITE_CONFIG['previewUrl'] = 'http://15.2.21.238:9796'; - window.SITE_CONFIG['frontUrl'] = 'http://15.2.21.238:9796/document/#/devModelFile/'; - window.SITE_CONFIG['apiURL'] = 'http://15.2.21.238:8888/renren-admin'; + // window.SITE_CONFIG['backUrl'] = 'http://15.2.21.238:9797'; + // window.SITE_CONFIG['previewUrl'] = 'http://15.2.21.238:9796'; + // window.SITE_CONFIG['frontUrl'] = 'http://15.2.21.238:9796/document/#/devModelFile/'; + // window.SITE_CONFIG['apiURL'] = 'http://15.2.21.238:8888/renren-admin'; // 穿透版本 // window.SITE_CONFIG['backUrl'] = 'http://124.222.94.39:9797'; // window.SITE_CONFIG['previewUrl'] = 'http://124.222.94.39:9796/'; diff --git a/front/src/views/assignCase/components/AssignCaseDetailPage.vue b/front/src/views/assignCase/components/AssignCaseDetailPage.vue index 3e779326..577a47d1 100644 --- a/front/src/views/assignCase/components/AssignCaseDetailPage.vue +++ b/front/src/views/assignCase/components/AssignCaseDetailPage.vue @@ -13,7 +13,7 @@
@@ -21,7 +21,7 @@
点击查看 @@ -37,33 +37,33 @@ id="assign-case-detail-page-content-left-border-id" >
- {{ item.title }} + {{ item.attrType }}
- {{ item.title }} + {{ item.attrType }}
- {{ item.description }} + {{ item.attrValue }}

-

{{ dataFrom.else.name }}

-

{{ dataFrom.else.time }}

+

{{ item.name }}

+

{{ item.createDate }}

暂无更多
@@ -106,116 +108,66 @@ import HomeHeader from '@/views/home/components/header' import HomeFooter from '@/views/newHome/components/Footer' import { useRouter } from 'vue-router' + import { selectOne, pageWithAttrs } from '@/api/home' const router = useRouter() - let val = router.currentRoute.value.query.val + let val = router.currentRoute.value.query.id const scrollTop = ref(0) let dataFrom = ref({}) const domArr = ref([]) const selectNow = ref('') + const dataList = ref([]) let tabName = ref('案例背景') - console.log('val', val) - //图片样式切换 - function pictureFormat(name) { - if (name == '道路保洁监管场景') { - return require('@/assets/assignCase/road.png') - } else { - return require('@/assets/assignCase/city.png') - } - } //路由跳转事件 - const routerClick = (name) => { - val = name - router.push({ path: 'AssignCaseDetailPage', query: { val } }) + const routerClick = (id) => { + router.push({ path: 'AssignCaseDetailPage', query: { id: id } }) } + //初始化数据 const init = () => { - val = router.currentRoute.value.query.val + pageWithAttrsFunction(router.currentRoute.value.query.id) + val = router.currentRoute.value.query.id tabName.value = '案例背景' - if (val == '道路保洁监管场景') { - dataFrom.value = { - name: '道路保洁监管场景', - content: [ - { - title: '案例背景', - description: - '融合市生态环境局出租车走航大气检测数据、城管局渣土车及环卫作业数据、住建局建筑工地数据、城市云脑视频监控等数据，结合时空大数据分析、预测预警分析等手段，对全市道路污染重点路段进行线索分析、作业辅导', - }, - { - title: '业务挑战', - description: - '目前城市道路污染情况缺少主动发现手段，对渣土车及污染投诉事件，缺乏可参考线索等辅助执法手段', - }, - { - title: '解决方案', - description: - '当道路发生污染(PM10数值>200)时，触发道路污染事件，并通过时空算法模型智能分析污染线索，如建筑工地扬尘外溢、渣土车遗撒、环卫作业问题等。', - descriptions: [ - '系统实现预警事件与地图图层数据关联展示，当用户点击预警事件后，中间地图也会展示预警事件发生时段内的污染路段名称、污染状态，以及路段周边的工地、渣土车、环卫车轨迹及监控摄像头位置。同时屏幕右侧显示对应的工地、渣土车、摄像头列表信息。', - ], - }, - { - title: '案例成效', - description: - '实现城市运行智能监测，自动告警预警问题路段。为城管局渣土车执法提供线索，也可以快速定位疑似问题工地和渣土车。', - descriptions: [ - '根据道路污染情况，对环卫作业进行调度部署、辅助决策，实现环卫作业调度智能化。', - ], - }, - ], - else: { - name: '文明创城案例', - time: '2022-01-01 12:00', - }, - } - } else { - dataFrom.value = { - name: '文明创城场景', - content: [ - { - title: '案例背景', - description: - '通过融合视频共享平台、标准地址库、运营商手机信令等数据，结合道路不洁、占道经营、沿街晾晒、违章停放、违规广告等视频AI算法，打造文明创城专题场景。', - }, - { - title: '业务挑战', - description: - '1)城管工作人员日常通过视频监控巡检创城工作时，需要一个一个查找视频，无法快速调取重点区域视频监控，工作效率较低。', - descriptions: [ - '2)事件发生时，想要查看事件附近的视频监控进行核查时，要通过放大和拖拉拽地图查找事发地，无法快速定位。', - '3)由于破坏市容市貌事件类型多样，且需监测点位较多，工作人员有限，人工巡检不能做到及时发现。', - '4)城管重点关注人流密集的区域，但目前缺乏高效的监控手段。', - ], - }, - { - title: '解决方案', - description: - '1)通过对接自规局标准地址库，实现按地址搜索的功能，通过快速定位，可以让用户很快找到定位位置周边的视频监控。', - descriptions: [ - '2)实现视频标签功能，给视频监控打标签后，用户通过在页面选择兴趣标签，地图显示相关视频。', - '3)结合运营商手机信令数据，实现人流热力图，辅助用户监控人流量密集的区域。', - '4)依托视频监控平台，结合视频AI算法，智能发现环境卫生、沿街晾晒、违章停放、占道经营、违规广告等破坏市容市貌的事件，推送到城管案件系统中，辅助城管局创城工作开展。', - ], - }, - { - title: '案例成效', - description: - '1)智能发现不文明事件，并快速定位附近的视频监控，辅助城管、环保等各单位开展创城工作；', - descriptions: [ - '2)显示实时人流热力图，城市管理部门可快速定位人群密集区域，并通过查看周边摄像头进行实时监控；', - '3)通过视频定时截图功能，可截取便民摊点营业时间外的视频画面并智能分析，辅助城管执法单位及时发现问题进行处置，同时该功能也可以在工地及景区监管中发挥作用。', - ], - }, - ], - else: { - name: '道路保洁监管场景', - time: '2022-01-01 12:00', - }, - } - } + selectOne(val).then((res) => { + res.data.data.infoList.map((item, index) => { + console.log('res.data.data.infoList', res.data.data.infoList) + if (item.attrType == '图片') { + res.data.data.infoList.splice(index, 1) + } + }) + res.data.data.infoList.map((item, index) => { + console.log('res.data.data.infoList', res.data.data.infoList) + if (item.attrType == '应用领域') { + res.data.data.infoList.splice(index, 1) + } + }) + dataFrom.value = res.data.data + console.log('dataFrom.value', dataFrom.value) + }) + } + //其他案例 + const pageWithAttrsFunction = (id) => { + let params = { + deptIds: [], + districtId: '', + infoList: [], + orderField: 'create_date', + orderType: 'DESC', + pageNum: 1, + pageSize: 99, + type: '赋能案例', + } + pageWithAttrs(params).then((res) => { + res.data.data.records.map((item, index) => { + if (item.id == id) { + res.data.data.records.splice(index, 1) + } + }) + dataList.value = res.data.data.records + console.log('dataList.value', dataList.value) + }) } - init() //监听路由发生变化 watch( - () => router.currentRoute.value.query.val, + () => router.currentRoute.value.query.id, () => { init() }, @@ -263,6 +215,7 @@ } } onMounted(() => { + init() // console.clear() window.addEventListener('scroll', () => { domArr.value = document.querySelectorAll( @@ -291,12 +244,8 @@ }) }) //点击查看事件 - const clickToView = (name) => { - if (name == '道路保洁监管场景') { - window.open('http://15.72.183.90:7001/#/road') - } else { - window.open('http://15.72.183.90:7001/#/city') - } + const clickToView = (link) => { + window.open(link) } @@ -325,7 +274,7 @@ width: 2.9rem; background-repeat: no-repeat; background-position: center; - background-size: cover; + background-size: 100%; margin-right: 0.3rem; } .assign-case-detail-page-header-son-right { @@ -414,13 +363,12 @@ } .assign-case-detail-page-content-right { width: 2.7rem; - height: 2.6rem; display: inline-block; .assign-case-detail-page-content-right-card { width: 2.7rem; - height: 2.6rem; border: 1px #e5e5e5 solid; position: relative; + padding-bottom: 0.6rem; .assign-case-detail-page-content-right-card-title { padding-left: 15px; background: linear-gradient( diff --git a/front/src/views/assignCase/components/queryPage.vue b/front/src/views/assignCase/components/queryPage.vue index 29d70cd4..dab439ec 100644 --- a/front/src/views/assignCase/components/queryPage.vue +++ b/front/src/views/assignCase/components/queryPage.vue @@ -27,7 +27,12 @@ :ref="txttype" :class="hidetext == true ? 'hidetext' : ''" > - + {{ item.name }}
@@ -42,23 +47,19 @@
-
+
- +

{{ item.name }}

发布时间 - {{ item.time }} + {{ item.createDate }}

-
查看详情
-
-
- -

正在研发中...

+
查看详情