西海岸相关功能 合并代码
This commit is contained in:
commit
af1c03d3ed
|
@ -28,7 +28,8 @@ var CONFIGITEM = {
|
||||||
previewUrl: 'http://15.72.183.90:7008/',
|
previewUrl: 'http://15.72.183.90:7008/',
|
||||||
//frontUrl: 'http://15.72.183.90:7008/document/#/devModelFile/',
|
//frontUrl: 'http://15.72.183.90:7008/document/#/devModelFile/',
|
||||||
//apiURL: 'http://15.72.183.90:8000/renren-admin',
|
//apiURL: 'http://15.72.183.90:8000/renren-admin',
|
||||||
websocketURL: '15.72.183.90:8000/renren-admin',
|
// websocketURL: '15.72.183.90:8000/renren-admin',
|
||||||
|
websocketURL: '192.168.124.254:8888/renren-admin', // 李志成-远雄
|
||||||
POI_URL:
|
POI_URL:
|
||||||
'http://15.72.178.129:8090/iserver/services/addressmatch-qingdaoPOI181015/restjsr/v1/address',
|
'http://15.72.178.129:8090/iserver/services/addressmatch-qingdaoPOI181015/restjsr/v1/address',
|
||||||
},
|
},
|
||||||
|
@ -62,8 +63,9 @@ var CONFIGITEM = {
|
||||||
},
|
},
|
||||||
backUrl: 'http://10.134.135.9:9797',
|
backUrl: 'http://10.134.135.9:9797',
|
||||||
previewUrl: 'http://10.134.135.9:9796/',
|
previewUrl: 'http://10.134.135.9:9796/',
|
||||||
websocketURL: '10.134.135.9:8888/renren-admin', // 正式环境
|
// websocketURL: '10.134.135.9:8888/renren-admin', // 正式环境
|
||||||
websocketURL: '10.134.135.92:8888/renren-admin', // 测试环境
|
// websocketURL: '10.134.135.92:8888/renren-admin', // 测试环境
|
||||||
|
websocketURL: '192.168.124.254:8888/renren-admin', // 李志成-远雄
|
||||||
// websocketURL: '10.18.1.99:8889/renren-admin', // 研发
|
// websocketURL: '10.18.1.99:8889/renren-admin', // 研发
|
||||||
POI_URL:
|
POI_URL:
|
||||||
'http://15.72.178.129:8090/iserver/services/addressmatch-qingdaoPOI181015/restjsr/v1/address',
|
'http://15.72.178.129:8090/iserver/services/addressmatch-qingdaoPOI181015/restjsr/v1/address',
|
||||||
|
|
|
@ -74,7 +74,8 @@ export function getHls(params) {
|
||||||
// 加入申购车
|
// 加入申购车
|
||||||
export function sgcInsert(data) {
|
export function sgcInsert(data) {
|
||||||
return request({
|
return request({
|
||||||
url: '/resourcecar/insert',
|
// url: '/resourcecar/insert',
|
||||||
|
url: '/resourcecar/batchInsert', // 西海岸-加入购物车相当于收藏功能
|
||||||
method: 'post',
|
method: 'post',
|
||||||
data,
|
data,
|
||||||
})
|
})
|
||||||
|
|
|
@ -60,6 +60,7 @@ import {
|
||||||
} from '@/api/abilityStatistics.js'
|
} from '@/api/abilityStatistics.js'
|
||||||
// import { zywMessage } from '@/api/home'
|
// import { zywMessage } from '@/api/home'
|
||||||
import * as echarts from 'echarts'
|
import * as echarts from 'echarts'
|
||||||
|
import { message } from 'ant-design-vue'
|
||||||
//各类资源汇聚量
|
//各类资源汇聚量
|
||||||
let dataList = ref({
|
let dataList = ref({
|
||||||
title: '各类资源汇聚量',
|
title: '各类资源汇聚量',
|
||||||
|
@ -95,11 +96,10 @@ let dataList = ref({
|
||||||
// })
|
// })
|
||||||
// }
|
// }
|
||||||
selectTotal().then((res) => {
|
selectTotal().then((res) => {
|
||||||
console.log('selectTotal===============>', res.data.data)
|
console.log('selectTotal===============>', res)
|
||||||
// res.data.data.map((item, index) => {
|
if(res.data.code !== 0) {
|
||||||
// dataList.value.dataList[index].organization = '个'
|
return message.error(res.data.msg)
|
||||||
// dataList.value.dataList[index].photo = photo.value[index]
|
}
|
||||||
// })
|
|
||||||
let imgObj = {
|
let imgObj = {
|
||||||
'组件服务': require('../../../assets/abilityStatistics/banner-zj.png'),
|
'组件服务': require('../../../assets/abilityStatistics/banner-zj.png'),
|
||||||
'应用资源': require('../../../assets/abilityStatistics/banner-yy.png'),
|
'应用资源': require('../../../assets/abilityStatistics/banner-yy.png'),
|
||||||
|
|
|
@ -89,11 +89,15 @@
|
||||||
</span>
|
</span>
|
||||||
<span>{{ val.type }}</span>
|
<span>{{ val.type }}</span>
|
||||||
</div>
|
</div>
|
||||||
|
<!-- (item.note1 && JSON.parse(item.note1) &&
|
||||||
|
JSON.parse(item.note1)[0] &&
|
||||||
|
JSON.parse(item.note1)[0].channelName -->
|
||||||
|
|
||||||
<div class="description">
|
<div class="description">
|
||||||
{{
|
{{
|
||||||
val.description ||
|
val.description ||
|
||||||
((val.note1 || '') &&
|
((val.note1 || '') &&
|
||||||
(JSON.parse(val.note1)[0].channelName || '--') +
|
(JSON.parse(val.note1) && JSON.parse(val.note1)[0] && JSON.parse(val.note1)[0].channelName || '--') +
|
||||||
'等' +
|
'等' +
|
||||||
JSON.parse(val.note1).length +
|
JSON.parse(val.note1).length +
|
||||||
'个摄像头') ||
|
'个摄像头') ||
|
||||||
|
|
|
@ -502,26 +502,29 @@ export default {
|
||||||
if (item.note1 && typeof item.note1 == 'string') {
|
if (item.note1 && typeof item.note1 == 'string') {
|
||||||
item.note1 = JSON.parse(item.note1)
|
item.note1 = JSON.parse(item.note1)
|
||||||
}
|
}
|
||||||
item.note1.map((sxt) => {
|
item.note1 && item.note1.map((jcss) => {
|
||||||
|
if (!jcss) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
let _itemData = {
|
let _itemData = {
|
||||||
resourceId: sxt.idtCameraChannel + '',
|
resourceId: (jcss.idtCameraChannel || '') + '',
|
||||||
resourceName: sxt.channelName,
|
resourceName: jcss.channelName,
|
||||||
cameraId: sxt.channelId, // 改接口后删除
|
cameraId: jcss.channelId, // 改接口后删除
|
||||||
channelCode: sxt.channelCode,
|
channelCode: jcss.channelCode,
|
||||||
channelId: sxt.channelId,
|
channelId: jcss.channelId,
|
||||||
channelName: sxt.channelName,
|
channelName: jcss.channelName,
|
||||||
checkStatus: sxt.checkStatus + '',
|
checkStatus: jcss.checkStatus + '',
|
||||||
gpsX: sxt.gpsX,
|
gpsX: jcss.gpsX,
|
||||||
gpsY: sxt.gpsY,
|
gpsY: jcss.gpsY,
|
||||||
idtCameraChannel: sxt.idtCameraChannel + '',
|
idtCameraChannel: (jcss.idtCameraChannel || '') + '',
|
||||||
nodeName: sxt.nodeName,
|
nodeName: jcss.nodeName,
|
||||||
parentId: sxt.parentId,
|
parentId: jcss.parentId,
|
||||||
status: sxt.status + '',
|
status: jcss.status + '',
|
||||||
}
|
}
|
||||||
// 西海岸
|
// 西海岸
|
||||||
if (isXiHaiAn.value) {
|
if (isXiHaiAn.value) {
|
||||||
_itemData.managementUnitName = sxt.managementUnitName
|
_itemData.managementUnitName = jcss.managementUnitName;
|
||||||
_itemData.cameraPointTypeName = sxt.cameraPointTypeName
|
_itemData.cameraPointTypeName = jcss.cameraPointTypeName;
|
||||||
}
|
}
|
||||||
obj.system.push(_itemData)
|
obj.system.push(_itemData)
|
||||||
})
|
})
|
||||||
|
|
|
@ -1,11 +1,8 @@
|
||||||
<template>
|
<template>
|
||||||
<div
|
<div class="home-header" :class="[
|
||||||
class="home-header"
|
|
||||||
:class="[
|
|
||||||
select !== 'home' || scrollTop > 500 ? 'white' : '',
|
select !== 'home' || scrollTop > 500 ? 'white' : '',
|
||||||
props.showView === 'algorithm-details' ? '' : '',
|
props.showView === 'algorithm-details' ? '' : '',
|
||||||
]"
|
]">
|
||||||
>
|
|
||||||
<div class="name" @click="goToHome">
|
<div class="name" @click="goToHome">
|
||||||
<div class="name-bg" v-if="!whoShow1.itShowXiHaiAn"></div>
|
<div class="name-bg" v-if="!whoShow1.itShowXiHaiAn"></div>
|
||||||
<div class="name-bg-xihaian" v-else></div>
|
<div class="name-bg-xihaian" v-else></div>
|
||||||
|
@ -14,53 +11,26 @@
|
||||||
<p>(United Capacity System)</p>
|
<p>(United Capacity System)</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div v-for="item in navList" :key="item.key" @click="jumpPage(item)" class="nav"
|
||||||
v-for="item in navList"
|
:class="item.key == select ? 'select' : ''">
|
||||||
:key="item.key"
|
|
||||||
@click="jumpPage(item)"
|
|
||||||
class="nav"
|
|
||||||
:class="item.key == select ? 'select' : ''"
|
|
||||||
>
|
|
||||||
{{ item.name }}
|
{{ item.name }}
|
||||||
</div>
|
</div>
|
||||||
<a-badge :count="sgcNum">
|
|
||||||
<!-- 购物车 -->
|
<!-- 购物车 -->
|
||||||
<svg
|
<a-badge :count="sgcNum">
|
||||||
t="1650455446850"
|
<svg t="1650455446850" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
|
||||||
class="icon"
|
p-id="2069" width="0.4rem" height="0.4rem" @click="goToSgc">
|
||||||
viewBox="0 0 1024 1024"
|
|
||||||
version="1.1"
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
p-id="2069"
|
|
||||||
width="0.4rem"
|
|
||||||
height="0.4rem"
|
|
||||||
@click="goToSgc"
|
|
||||||
>
|
|
||||||
<path
|
<path
|
||||||
d="M384 832v85.333333h-85.333333v-85.333333h85.333333z m405.333333 0v85.333333h-85.333333v-85.333333h85.333333zM240.32 185.002667l24.149333 140.928h633.173334L835.285333 746.666667h-563.626666l-85.333334-497.685334H94.485333v-64h145.834667z m583.104 204.928H275.434667L325.632 682.666667h454.464l43.328-292.736z"
|
d="M384 832v85.333333h-85.333333v-85.333333h85.333333z m405.333333 0v85.333333h-85.333333v-85.333333h85.333333zM240.32 185.002667l24.149333 140.928h633.173334L835.285333 746.666667h-563.626666l-85.333334-497.685334H94.485333v-64h145.834667z m583.104 204.928H275.434667L325.632 682.666667h454.464l43.328-292.736z"
|
||||||
:fill="props.showView === 'algorithm-details' ? '#1296db' : '#1296db'"
|
:fill="props.showView === 'algorithm-details' ? '#1296db' : '#1296db'" p-id="2070"></path>
|
||||||
p-id="2070"
|
|
||||||
></path>
|
|
||||||
</svg>
|
</svg>
|
||||||
<!-- <a-avatar shape="square" size="large" /> -->
|
|
||||||
</a-badge>
|
</a-badge>
|
||||||
<a-badge :count="mynoticeNum" style="margin-left: 0.2rem">
|
<a-badge :count="mynoticeNum" style="margin-left: 0.2rem">
|
||||||
<!-- 消息提醒 -->
|
<!-- 消息提醒 -->
|
||||||
<svg
|
<svg t="1654051054113" class="icon2" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
|
||||||
t="1654051054113"
|
p-id="2187" width="0.35rem" height="0.35rem">
|
||||||
class="icon2"
|
|
||||||
viewBox="0 0 1024 1024"
|
|
||||||
version="1.1"
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
p-id="2187"
|
|
||||||
width="0.35rem"
|
|
||||||
height="0.35rem"
|
|
||||||
>
|
|
||||||
<path
|
<path
|
||||||
d="M544 161.536a330.666667 330.666667 0 0 1 298.666667 329.130667h-0.341334c0.213333 1.493333 0.341333 2.986667 0.341334 4.565333v219.434667h39.68a32 32 0 0 1 0 64h-212.053334a160 160 0 0 1-316.586666 0H141.909333a32 32 0 1 1 0-64h39.424v-219.434667c0-1.578667 0.128-3.072 0.341334-4.565333H181.333333a330.666667 330.666667 0 0 1 298.666667-329.130667V128a32 32 0 1 1 64 0v33.536z m-298.666667 553.130667h533.333334v-219.434667c0-1.578667 0.128-3.072 0.341333-4.565333h-0.341333a266.666667 266.666667 0 1 0-533.333334 0h-0.341333c0.213333 1.493333 0.341333 2.986667 0.341333 4.565333v219.434667z m359.765334 64H418.901333a96 96 0 0 0 186.197334 0z"
|
d="M544 161.536a330.666667 330.666667 0 0 1 298.666667 329.130667h-0.341334c0.213333 1.493333 0.341333 2.986667 0.341334 4.565333v219.434667h39.68a32 32 0 0 1 0 64h-212.053334a160 160 0 0 1-316.586666 0H141.909333a32 32 0 1 1 0-64h39.424v-219.434667c0-1.578667 0.128-3.072 0.341334-4.565333H181.333333a330.666667 330.666667 0 0 1 298.666667-329.130667V128a32 32 0 1 1 64 0v33.536z m-298.666667 553.130667h533.333334v-219.434667c0-1.578667 0.128-3.072 0.341333-4.565333h-0.341333a266.666667 266.666667 0 1 0-533.333334 0h-0.341333c0.213333 1.493333 0.341333 2.986667 0.341333 4.565333v219.434667z m359.765334 64H418.901333a96 96 0 0 0 186.197334 0z"
|
||||||
:fill="props.showView === 'algorithm-details' ? '#1296db' : '#1296db'"
|
:fill="props.showView === 'algorithm-details' ? '#1296db' : '#1296db'" p-id="2188"></path>
|
||||||
p-id="2188"
|
|
||||||
></path>
|
|
||||||
</svg>
|
</svg>
|
||||||
<!-- <a-avatar shape="square" size="large" /> -->
|
<!-- <a-avatar shape="square" size="large" /> -->
|
||||||
</a-badge>
|
</a-badge>
|
||||||
|
@ -89,10 +59,7 @@
|
||||||
<template #title>
|
<template #title>
|
||||||
<span>{{ user.username }}</span>
|
<span>{{ user.username }}</span>
|
||||||
</template>
|
</template>
|
||||||
<span
|
<span class="name" @click="jumpPage({ name: '个人中心', key: 'personalCenter' })">
|
||||||
class="name"
|
|
||||||
@click="jumpPage({ name: '个人中心', key: 'personalCenter' })"
|
|
||||||
>
|
|
||||||
{{ user.username }}
|
{{ user.username }}
|
||||||
</span>
|
</span>
|
||||||
</a-tooltip>
|
</a-tooltip>
|
||||||
|
@ -115,52 +82,50 @@
|
||||||
fill="#bfbfbf"
|
fill="#bfbfbf"
|
||||||
></path>
|
></path>
|
||||||
</svg> -->
|
</svg> -->
|
||||||
<i
|
<i @click="jumpPage({ name: '后台管理', key: 'houtaiguanli' })" class="iconTo"></i>
|
||||||
@click="jumpPage({ name: '后台管理', key: 'houtaiguanli' })"
|
|
||||||
class="iconTo"
|
|
||||||
></i>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script setup>
|
<script setup>
|
||||||
import { ref, onMounted, onBeforeUnmount, defineProps } from 'vue'
|
import { ref, onMounted, onBeforeUnmount, defineProps } from 'vue'
|
||||||
import { recordRoute } from '@/config'
|
import { recordRoute } from '@/config'
|
||||||
import { useRoute, useRouter } from 'vue-router'
|
import { useRoute, useRouter } from 'vue-router'
|
||||||
import { mynotice } from '@/api/home'
|
import { mynotice } from '@/api/home'
|
||||||
import { useStore } from 'vuex'
|
import { useStore } from 'vuex'
|
||||||
import { getSgcTotal } from '@/api/home'
|
import { getSgcTotal } from '@/api/home'
|
||||||
import Cookies from 'js-cookie'
|
import Cookies from 'js-cookie'
|
||||||
import mybus from '@/myplugins/mybus'
|
import mybus from '@/myplugins/mybus'
|
||||||
import { DETAIL_PAGE_CONTENT_DEFAULT_TAB } from '@/global/GlobalConfig.js'
|
import { DETAIL_PAGE_CONTENT_DEFAULT_TAB } from '@/global/GlobalConfig.js'
|
||||||
|
import { message } from 'ant-design-vue'
|
||||||
|
|
||||||
const store = useStore()
|
const store = useStore()
|
||||||
const router = useRouter()
|
const router = useRouter()
|
||||||
const route = useRoute()
|
const route = useRoute()
|
||||||
|
|
||||||
const whoShow1 = whoShow
|
const whoShow1 = ref(whoShow)
|
||||||
const user = ref({
|
const user = ref({
|
||||||
username: store.getters['user/username'],
|
username: store.getters['user/username'],
|
||||||
})
|
})
|
||||||
// user.username.value = store.getters(['user/username'])
|
// user.username.value = store.getters(['user/username'])
|
||||||
const select = ref(router.currentRoute.value.name)
|
const select = ref(router.currentRoute.value.name)
|
||||||
const mynoticeFlag = ref(false)
|
const mynoticeFlag = ref(false)
|
||||||
const mynoticeData = ref([])
|
const mynoticeData = ref([])
|
||||||
console.log('navListManagement------------>', navListManagement)
|
console.log('navListManagement------------>', navListManagement)
|
||||||
|
|
||||||
// eslint-disable-next-line no-undef
|
// eslint-disable-next-line no-undef
|
||||||
const navList = ref(navListManagement.navList)
|
const navList = ref(navListManagement.navList)
|
||||||
console.log('navList------------>', navList)
|
console.log('navList------------>', navList)
|
||||||
|
|
||||||
const props = defineProps({
|
const props = defineProps({
|
||||||
showView: { type: String, default: '' },
|
showView: { type: String, default: '' },
|
||||||
})
|
})
|
||||||
// // 获取用户信息
|
// // 获取用户信息
|
||||||
// getUser().then((res) => {
|
// getUser().then((res) => {
|
||||||
// user.value = res.data.data
|
// user.value = res.data.data
|
||||||
// // console.log('user===============>', user.value)
|
// // console.log('user===============>', user.value)
|
||||||
// })
|
// })
|
||||||
// 退出登录
|
// 退出登录
|
||||||
const logout = async () => {
|
const logout = async () => {
|
||||||
await store.dispatch('user/logout')
|
await store.dispatch('user/logout')
|
||||||
window.sessionStorage.setItem('visits', JSON.stringify([]))
|
window.sessionStorage.setItem('visits', JSON.stringify([]))
|
||||||
// 西海岸不返回登录页
|
// 西海岸不返回登录页
|
||||||
|
@ -172,16 +137,22 @@
|
||||||
router.push('/login')
|
router.push('/login')
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
// 返回首页
|
// 返回首页
|
||||||
const goToHome = () => {
|
const goToHome = () => {
|
||||||
router.push({
|
router.push({
|
||||||
path: '/home',
|
path: '/home',
|
||||||
})
|
})
|
||||||
|
}
|
||||||
|
// 跳转页面
|
||||||
|
const jumpPage = (item) => {
|
||||||
|
// 西海岸
|
||||||
|
if (whoShow1.itShowXiHaiAn) {
|
||||||
|
let _arr = ['共享门户', '能力云图', '能力统计', '需求中心', '赋能案例']
|
||||||
|
if (_arr.includes(item.name)) {
|
||||||
|
return message.warn('正在建设中!')
|
||||||
|
}
|
||||||
}
|
}
|
||||||
// 跳转页面
|
|
||||||
const jumpPage = (item) => {
|
|
||||||
// console.log(item)
|
|
||||||
select.value = item.key
|
select.value = item.key
|
||||||
switch (item.name) {
|
switch (item.name) {
|
||||||
case '个人中心':
|
case '个人中心':
|
||||||
|
@ -257,50 +228,50 @@
|
||||||
router.push('/home')
|
router.push('/home')
|
||||||
break
|
break
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
const scrollTop = ref(0)
|
const scrollTop = ref(0)
|
||||||
window.onscroll = function () {
|
window.onscroll = function () {
|
||||||
//为了保证兼容性,这里取两个值,哪个有值取哪一个
|
//为了保证兼容性,这里取两个值,哪个有值取哪一个
|
||||||
//scrollTop就是触发滚轮事件时滚轮的高度
|
//scrollTop就是触发滚轮事件时滚轮的高度
|
||||||
scrollTop.value =
|
scrollTop.value =
|
||||||
document.documentElement.scrollTop || document.body.scrollTop
|
document.documentElement.scrollTop || document.body.scrollTop
|
||||||
// console.log('滚动距离' + scrollTop.value)
|
// console.log('滚动距离' + scrollTop.value)
|
||||||
}
|
}
|
||||||
mybus.on('getSgcNum', () => {
|
mybus.on('getSgcNum', () => {
|
||||||
getSgcTotal().then((res) => {
|
getSgcTotal().then((res) => {
|
||||||
sgcNum.value = res.data.data.count
|
sgcNum.value = res.data.data.count
|
||||||
// console.log('申购车总数========================>', res.data.data.count)
|
// console.log('申购车总数========================>', res.data.data.count)
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
|
|
||||||
const sgcNum = ref(0)
|
const sgcNum = ref(0)
|
||||||
const goToSgc = () => {
|
const goToSgc = () => {
|
||||||
window.sessionStorage.setItem('type', JSON.stringify('PurchaseVehicle'))
|
window.sessionStorage.setItem('type', JSON.stringify('PurchaseVehicle'))
|
||||||
router.push('/personalCenter')
|
router.push('/personalCenter')
|
||||||
}
|
}
|
||||||
const mynoticeNum = ref(0)
|
const mynoticeNum = ref(0)
|
||||||
// 我的消息
|
// 我的消息
|
||||||
const getMynotice = () => {
|
const getMynotice = () => {
|
||||||
mynotice({ page: 1, limit: 3, readStatus: 0 }).then((res) => {
|
mynotice({ page: 1, limit: 3, readStatus: 0 }).then((res) => {
|
||||||
// console.log('我的消息', res.data.data)
|
// console.log('我的消息', res.data.data)
|
||||||
mynoticeNum.value = res.data.data.total
|
mynoticeNum.value = res.data.data.total
|
||||||
mynoticeData.value = res.data.data.list
|
mynoticeData.value = res.data.data.list
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
const goToView = () => {
|
const goToView = () => {
|
||||||
router.push({
|
router.push({
|
||||||
path: '/mynoticeView',
|
path: '/mynoticeView',
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
// const read = (item) => {
|
// const read = (item) => {
|
||||||
// mynoticeRead(item.id).then((res) => {
|
// mynoticeRead(item.id).then((res) => {
|
||||||
// console.log('已读', res)
|
// console.log('已读', res)
|
||||||
// getMynotice()
|
// getMynotice()
|
||||||
// })
|
// })
|
||||||
// }
|
// }
|
||||||
// 建立链接 -- 携带cookie参数
|
// 建立链接 -- 携带cookie参数
|
||||||
|
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
getSgcTotal().then((res) => {
|
getSgcTotal().then((res) => {
|
||||||
// console.log('初始化========================>', res.data.data.count)
|
// console.log('初始化========================>', res.data.data.count)
|
||||||
sgcNum.value = res.data.data.count
|
sgcNum.value = res.data.data.count
|
||||||
|
@ -334,18 +305,19 @@
|
||||||
mybus.on('getMynotice', () => {
|
mybus.on('getMynotice', () => {
|
||||||
getMynotice()
|
getMynotice()
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
onBeforeUnmount(() => {
|
onBeforeUnmount(() => {
|
||||||
mybus.off('getSgcNum')
|
mybus.off('getSgcNum')
|
||||||
mybus.off('getMynotice')
|
mybus.off('getMynotice')
|
||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
<style lang="less" scoped>
|
<style lang="less" scoped>
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'header-typeface';
|
font-family: 'header-typeface';
|
||||||
src: url('~@/assets/newHome/font/header-typeface.ttf');
|
src: url('~@/assets/newHome/font/header-typeface.ttf');
|
||||||
}
|
}
|
||||||
.home-header {
|
|
||||||
|
.home-header {
|
||||||
height: 0.64rem;
|
height: 0.64rem;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-width: 1920px;
|
max-width: 1920px;
|
||||||
|
@ -357,10 +329,12 @@
|
||||||
position: fixed;
|
position: fixed;
|
||||||
z-index: 1000;
|
z-index: 1000;
|
||||||
top: 0;
|
top: 0;
|
||||||
|
|
||||||
div {
|
div {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
font-size: 0.16rem;
|
font-size: 0.16rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.name {
|
.name {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
font-size: 0.22rem;
|
font-size: 0.22rem;
|
||||||
|
@ -368,6 +342,7 @@
|
||||||
margin-right: 0.2rem;
|
margin-right: 0.2rem;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
.name-bg {
|
.name-bg {
|
||||||
height: 0.6rem;
|
height: 0.6rem;
|
||||||
width: 0.6rem;
|
width: 0.6rem;
|
||||||
|
@ -375,45 +350,53 @@
|
||||||
background-size: 100%;
|
background-size: 100%;
|
||||||
margin-right: 0.15rem;
|
margin-right: 0.15rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.name-bg-xihaian {
|
.name-bg-xihaian {
|
||||||
height: 0.6rem;
|
height: 0.6rem;
|
||||||
width: 0.6rem;
|
width: 0.6rem;
|
||||||
background: url('~@/assets/newHome/newHome-title-bg-xihaian.png')
|
background: url('~@/assets/newHome/newHome-title-bg-xihaian.png') no-repeat;
|
||||||
no-repeat;
|
|
||||||
background-size: 100%;
|
background-size: 100%;
|
||||||
margin-right: 0.15rem;
|
margin-right: 0.15rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.name-content {
|
.name-content {
|
||||||
padding-top: 0.14rem;
|
padding-top: 0.14rem;
|
||||||
|
|
||||||
p {
|
p {
|
||||||
font-size: 0.2rem;
|
font-size: 0.2rem;
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
|
|
||||||
&:nth-of-type(2) {
|
&:nth-of-type(2) {
|
||||||
font-size: 0.12rem;
|
font-size: 0.12rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav {
|
.nav {
|
||||||
width: 1.2rem;
|
width: 1.2rem;
|
||||||
height: 0.64rem;
|
height: 0.64rem;
|
||||||
line-height: 0.64rem;
|
line-height: 0.64rem;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav:hover {
|
.nav:hover {
|
||||||
background: #0058e1;
|
background: #0058e1;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.select {
|
.select {
|
||||||
background: #0058e1;
|
background: #0058e1;
|
||||||
color: #fff !important;
|
color: #fff !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.info {
|
.info {
|
||||||
// width: 2rem;
|
// width: 2rem;
|
||||||
margin-left: 0.2rem;
|
margin-left: 0.2rem;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
|
||||||
.img {
|
.img {
|
||||||
width: 0.3rem;
|
width: 0.3rem;
|
||||||
height: 0.3rem;
|
height: 0.3rem;
|
||||||
|
@ -421,6 +404,7 @@
|
||||||
background: url('~@/assets/newHome/user.png') no-repeat;
|
background: url('~@/assets/newHome/user.png') no-repeat;
|
||||||
background-size: 100%;
|
background-size: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
span {
|
span {
|
||||||
height: 0.3rem;
|
height: 0.3rem;
|
||||||
line-height: 0.3rem;
|
line-height: 0.3rem;
|
||||||
|
@ -428,6 +412,7 @@
|
||||||
margin-right: 0.06rem;
|
margin-right: 0.06rem;
|
||||||
font-size: 0.16rem;
|
font-size: 0.16rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.name {
|
.name {
|
||||||
max-width: 2.3rem;
|
max-width: 2.3rem;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
|
@ -437,22 +422,27 @@
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
word-break: break-all;
|
word-break: break-all;
|
||||||
}
|
}
|
||||||
|
|
||||||
.out {
|
.out {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
// padding: 0 0.16rem;
|
// padding: 0 0.16rem;
|
||||||
padding: 0 0.04rem 0 0.1rem;
|
padding: 0 0.04rem 0 0.1rem;
|
||||||
border-left: 0.01rem solid #666;
|
border-left: 0.01rem solid #666;
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon {
|
.icon {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.white {
|
|
||||||
|
.white {
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
box-shadow: 0 0.02rem 0.1rem rgba(0, 0, 0, 0.1);
|
box-shadow: 0 0.02rem 0.1rem rgba(0, 0, 0, 0.1);
|
||||||
|
|
||||||
.name {
|
.name {
|
||||||
color: #0058e1;
|
color: #0058e1;
|
||||||
|
|
||||||
.name-bg {
|
.name-bg {
|
||||||
height: 0.6rem;
|
height: 0.6rem;
|
||||||
width: 0.6rem;
|
width: 0.6rem;
|
||||||
|
@ -460,46 +450,54 @@
|
||||||
background-size: 100%;
|
background-size: 100%;
|
||||||
margin-right: 0.15rem;
|
margin-right: 0.15rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
p {
|
p {
|
||||||
color: #0058e1;
|
color: #0058e1;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon {
|
.icon {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav {
|
.nav {
|
||||||
color: #000;
|
color: #000;
|
||||||
}
|
}
|
||||||
|
|
||||||
.info {
|
.info {
|
||||||
span {
|
span {
|
||||||
color: #000;
|
color: #000;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.blue {
|
|
||||||
|
.blue {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
background: linear-gradient(
|
background: linear-gradient(to right,
|
||||||
to right,
|
|
||||||
rgba(15, 90, 253, 0.8),
|
rgba(15, 90, 253, 0.8),
|
||||||
rgba(36, 25, 248, 0.8)
|
rgba(36, 25, 248, 0.8));
|
||||||
);
|
|
||||||
.name {
|
.name {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav {
|
.nav {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav:hover {
|
.nav:hover {
|
||||||
background: #fff;
|
background: #fff;
|
||||||
color: #0058e1;
|
color: #0058e1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.info {
|
.info {
|
||||||
span {
|
span {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.mynotice {
|
|
||||||
|
.mynotice {
|
||||||
width: 4rem;
|
width: 4rem;
|
||||||
height: 3rem;
|
height: 3rem;
|
||||||
background: #eee;
|
background: #eee;
|
||||||
|
@ -508,6 +506,7 @@
|
||||||
top: 0.45rem;
|
top: 0.45rem;
|
||||||
right: 2.4rem;
|
right: 2.4rem;
|
||||||
overflow-y: scroll;
|
overflow-y: scroll;
|
||||||
|
|
||||||
.bottom {
|
.bottom {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
@ -515,15 +514,19 @@
|
||||||
color: #000;
|
color: #000;
|
||||||
font-size: 0.16rem;
|
font-size: 0.16rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.mynotice::-webkit-scrollbar {
|
|
||||||
|
.mynotice::-webkit-scrollbar {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
:deep(.ant-list-item) {
|
|
||||||
|
:deep(.ant-list-item) {
|
||||||
border-bottom: 0.01rem solid #ccc;
|
border-bottom: 0.01rem solid #ccc;
|
||||||
padding: 0.1rem;
|
padding: 0.1rem;
|
||||||
}
|
}
|
||||||
:deep(.ant-list-item-meta-title) {
|
|
||||||
|
:deep(.ant-list-item-meta-title) {
|
||||||
|
|
||||||
// display: flex;
|
// display: flex;
|
||||||
// justify-content: space-around;
|
// justify-content: space-around;
|
||||||
// align-items: center;
|
// align-items: center;
|
||||||
|
@ -537,27 +540,30 @@
|
||||||
word-break: break-all;
|
word-break: break-all;
|
||||||
-webkit-box-orient: vertical;
|
-webkit-box-orient: vertical;
|
||||||
}
|
}
|
||||||
|
|
||||||
button {
|
button {
|
||||||
width: 0.7rem;
|
width: 0.7rem;
|
||||||
height: 0.25rem;
|
height: 0.25rem;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
span {
|
span {
|
||||||
font-size: 0.1rem;
|
font-size: 0.1rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.iconTo {
|
|
||||||
|
.iconTo {
|
||||||
display: block;
|
display: block;
|
||||||
width: 0.35rem;
|
width: 0.35rem;
|
||||||
height: 0.35rem;
|
height: 0.35rem;
|
||||||
background: url('~@/assets/newHome/iconTo.png') no-repeat;
|
background: url('~@/assets/newHome/iconTo.png') no-repeat;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
<style>
|
<style>
|
||||||
html::-webkit-scrollbar {
|
html::-webkit-scrollbar {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -452,15 +452,6 @@
|
||||||
>
|
>
|
||||||
批量预览
|
批量预览
|
||||||
</a-button>
|
</a-button>
|
||||||
<!-- 批量预览 -->
|
|
||||||
<!-- <a-button
|
|
||||||
type="primary"
|
|
||||||
@click="batchPicturePreview"
|
|
||||||
class="buttonAdd"
|
|
||||||
v-else
|
|
||||||
>
|
|
||||||
批量预览
|
|
||||||
</a-button> -->
|
|
||||||
<!-- 添加至申购车 -->
|
<!-- 添加至申购车 -->
|
||||||
<a-button
|
<a-button
|
||||||
v-if="isXiHaiAn"
|
v-if="isXiHaiAn"
|
||||||
|
@ -1421,6 +1412,8 @@
|
||||||
tabList.value[1].title = '视频标签'
|
tabList.value[1].title = '视频标签'
|
||||||
}
|
}
|
||||||
selectType.value = '视频资源'
|
selectType.value = '视频资源'
|
||||||
|
console.log('444------------>', 444);
|
||||||
|
|
||||||
} else if (name == '政务云资源') {
|
} else if (name == '政务云资源') {
|
||||||
room.value = true
|
room.value = true
|
||||||
tableHeight.value = 600
|
tableHeight.value = 600
|
||||||
|
@ -1488,7 +1481,12 @@
|
||||||
mapSearchParam.value.labelCodes.push(item.labelCode)
|
mapSearchParam.value.labelCodes.push(item.labelCode)
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
console.log('选中的标签code', mapSearchParam.value)
|
// todo
|
||||||
|
mapSearchParam.value.gpsX = ''
|
||||||
|
mapSearchParam.value.gpsY = ''
|
||||||
|
mapSearchParam.value.radius = ''
|
||||||
|
mapSearchParam.value.type = ''
|
||||||
|
console.log('mapSearchParam----->查询条件', mapSearchParam.value)
|
||||||
mapSearchParam.value.labelCodes = mapSearchParam.value.labelCodes + ''
|
mapSearchParam.value.labelCodes = mapSearchParam.value.labelCodes + ''
|
||||||
emits('add', 1)
|
emits('add', 1)
|
||||||
getCamera()
|
getCamera()
|
||||||
|
@ -1872,7 +1870,6 @@
|
||||||
mapSearchParam.value.parentId || '70be8c5b664f4bcf869d82f2e8335051',
|
mapSearchParam.value.parentId || '70be8c5b664f4bcf869d82f2e8335051',
|
||||||
pageNum: mapSearchParam.value.pageNum,
|
pageNum: mapSearchParam.value.pageNum,
|
||||||
pageSize: mapSearchParam.value.pageSize,
|
pageSize: mapSearchParam.value.pageSize,
|
||||||
name: mapSearchParam.value.cameraName || '',
|
|
||||||
longitude: mapSearchParam.value.gpsX || '',
|
longitude: mapSearchParam.value.gpsX || '',
|
||||||
latitude: mapSearchParam.value.gpsY || '',
|
latitude: mapSearchParam.value.gpsY || '',
|
||||||
radius: mapSearchParam.value.radius || '',
|
radius: mapSearchParam.value.radius || '',
|
||||||
|
@ -1916,13 +1913,20 @@
|
||||||
//加入申购车
|
//加入申购车
|
||||||
const addShoppingCart = () => {
|
const addShoppingCart = () => {
|
||||||
if (selectedList.value.length > 0) {
|
if (selectedList.value.length > 0) {
|
||||||
sgcInsert({
|
let _arr = []
|
||||||
|
selectedList.value.map(v => {
|
||||||
|
_arr.push({
|
||||||
delFlag: '0',
|
delFlag: '0',
|
||||||
resourceId: '8888888880000000001',
|
resourceId: v.idtCameraChannel,
|
||||||
note1: selectedList.value,
|
note1: [v],
|
||||||
// userId: userId.value,
|
})
|
||||||
}).then((res) => {
|
})
|
||||||
console.log(res)
|
console.log('_arr------------>', _arr);
|
||||||
|
sgcInsert(_arr).then((res) => {
|
||||||
|
console.log('res------申购车------>', res);
|
||||||
|
if(res.data.code !== 0) {
|
||||||
|
return message.error(res.data.msg)
|
||||||
|
}
|
||||||
message.success('添加申购车成功!')
|
message.success('添加申购车成功!')
|
||||||
mybus.emit('getSgcNum')
|
mybus.emit('getSgcNum')
|
||||||
})
|
})
|
||||||
|
@ -1958,7 +1962,7 @@
|
||||||
])
|
])
|
||||||
// 西海岸--状态展示
|
// 西海岸--状态展示
|
||||||
if(isXiHaiAn) {
|
if(isXiHaiAn) {
|
||||||
columns.value = columns.value.splice(2, 0, {
|
columns.value.splice(2, 0, {
|
||||||
title: '状态',
|
title: '状态',
|
||||||
dataIndex: 'status',
|
dataIndex: 'status',
|
||||||
width: '10%',
|
width: '10%',
|
||||||
|
|
|
@ -93,7 +93,10 @@
|
||||||
:checked="val.checked"
|
:checked="val.checked"
|
||||||
@click.stop="checkedDept(val)"
|
@click.stop="checkedDept(val)"
|
||||||
></a-checkbox>
|
></a-checkbox>
|
||||||
<span style="margin-left: 0.2rem">
|
<span style="margin-left: 0.2rem" v-if="itShowXiHaiAn">
|
||||||
|
{{ val.deptName}}
|
||||||
|
</span>
|
||||||
|
<span style="margin-left: 0.2rem" v-else>
|
||||||
{{ val.deptName + '(' + val.count + ')' }}
|
{{ val.deptName + '(' + val.count + ')' }}
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
|
@ -113,13 +116,13 @@
|
||||||
<a-list-item-meta
|
<a-list-item-meta
|
||||||
:description="
|
:description="
|
||||||
item.description ||
|
item.description ||
|
||||||
(JSON.parse(item.note1) &&
|
(item.note1 && JSON.parse(item.note1) &&
|
||||||
JSON.parse(item.note1)[0] &&
|
JSON.parse(item.note1)[0] &&
|
||||||
JSON.parse(item.note1)[0].channelName +
|
JSON.parse(item.note1)[0].channelName +
|
||||||
'等' +
|
'等' +
|
||||||
JSON.parse(item.note1).length +
|
JSON.parse(item.note1).length +
|
||||||
'个摄像头') ||
|
'个摄像头') ||
|
||||||
'--'
|
''
|
||||||
"
|
"
|
||||||
style="position: relative"
|
style="position: relative"
|
||||||
>
|
>
|
||||||
|
@ -144,8 +147,9 @@
|
||||||
</a-tooltip>
|
</a-tooltip>
|
||||||
<span class="type">{{ item.type }}</span>
|
<span class="type">{{ item.type }}</span>
|
||||||
</div>
|
</div>
|
||||||
|
<!-- // todo -->
|
||||||
<span class="time">
|
<span class="time">
|
||||||
加购时间:{{ item.time }}
|
<span v-if="!itShowXiHaiAn">加购时间:{{ item.time }}</span>
|
||||||
<a-popconfirm
|
<a-popconfirm
|
||||||
title="是否删除该记录?"
|
title="是否删除该记录?"
|
||||||
ok-text="是"
|
ok-text="是"
|
||||||
|
@ -318,6 +322,7 @@
|
||||||
const name = ref('')
|
const name = ref('')
|
||||||
const type = ref('')
|
const type = ref('')
|
||||||
const list = ref([])
|
const list = ref([])
|
||||||
|
const itShowXiHaiAn = whoShow.itShowXiHaiAn;
|
||||||
// 初始化
|
// 初始化
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
getList('init')
|
getList('init')
|
||||||
|
@ -498,6 +503,10 @@
|
||||||
pageSize: pageSize.value,
|
pageSize: pageSize.value,
|
||||||
name: name.value,
|
name: name.value,
|
||||||
}).then((res) => {
|
}).then((res) => {
|
||||||
|
console.log('res---获取信息--------->', res);
|
||||||
|
if(res.data.code !== 0) {
|
||||||
|
return message.error(res.data.msg)
|
||||||
|
}
|
||||||
let statistics = 0
|
let statistics = 0
|
||||||
res.data.data.list.map((val) => {
|
res.data.data.list.map((val) => {
|
||||||
val.initLoading = true
|
val.initLoading = true
|
||||||
|
@ -524,30 +533,13 @@
|
||||||
}
|
}
|
||||||
// console.log('整体页面加载次数===============>', load.value)
|
// console.log('整体页面加载次数===============>', load.value)
|
||||||
// 判断是否有已打开项,如果有重新载入之后自动打开
|
// 判断是否有已打开项,如果有重新载入之后自动打开
|
||||||
debugger
|
|
||||||
list.value = res.data.data.list
|
list.value = res.data.data.list
|
||||||
if (index || index === 0) {
|
if (index || index === 0) {
|
||||||
debugger
|
|
||||||
list.value[index].show = true
|
list.value[index].show = true
|
||||||
// console.log('1111', list.value[index])
|
|
||||||
showNew(list.value[index])
|
showNew(list.value[index])
|
||||||
// showBottom()
|
|
||||||
}
|
}
|
||||||
// list.value = res.data.data.list
|
|
||||||
console.log(
|
|
||||||
'重新请求值',
|
|
||||||
index,
|
|
||||||
// res.data.data.list[index].show,
|
|
||||||
list.value
|
|
||||||
)
|
|
||||||
|
|
||||||
total.value = res.data.data.deptCount
|
total.value = res.data.data.deptCount
|
||||||
console.log(
|
|
||||||
'重新请求值2',
|
|
||||||
index,
|
|
||||||
// res.data.data.list[index].show,
|
|
||||||
list.value
|
|
||||||
)
|
|
||||||
showKey.value++
|
showKey.value++
|
||||||
if (type == 'init' || type == 'changePage') {
|
if (type == 'init' || type == 'changePage') {
|
||||||
getListByDeptId(list.value[0])
|
getListByDeptId(list.value[0])
|
||||||
|
@ -558,12 +550,18 @@
|
||||||
const getListByDeptId = (item) => {
|
const getListByDeptId = (item) => {
|
||||||
console.log(item, 'item')
|
console.log(item, 'item')
|
||||||
if (item.children.length == 0) {
|
if (item.children.length == 0) {
|
||||||
selectResourceListByDept({
|
let _obj = {
|
||||||
pageNum: item.pageNum,
|
pageNum: item.pageNum,
|
||||||
pageSize: item.pageSize,
|
pageSize: item.pageSize,
|
||||||
deptId: item.deptId,
|
deptId: item.deptId || '',
|
||||||
name: name.value,
|
name: name.value,
|
||||||
}).then((res) => {
|
}
|
||||||
|
// 西海岸 todo
|
||||||
|
if(whoShow.itShowXiHaiAn) {
|
||||||
|
_obj.key = item.deptName
|
||||||
|
}
|
||||||
|
selectResourceListByDept(_obj).then((res) => {
|
||||||
|
console.log('res----根据部门查询-------->', res);
|
||||||
// console.log(
|
// console.log(
|
||||||
// '根据部门查询=============>',
|
// '根据部门查询=============>',
|
||||||
// item,
|
// item,
|
||||||
|
@ -641,16 +639,17 @@
|
||||||
}
|
}
|
||||||
// 点击部门多选框
|
// 点击部门多选框
|
||||||
const checkedDept = (item) => {
|
const checkedDept = (item) => {
|
||||||
// console.log(
|
console.log(
|
||||||
// '点击部门多选框==================>',
|
'点击部门多选框==================>',
|
||||||
// item,
|
item,
|
||||||
// checkedList.value,
|
checkedList.value,
|
||||||
// checkAll.value
|
checkAll.value
|
||||||
// )
|
)
|
||||||
item.checked = !item.checked
|
item.checked = !item.checked
|
||||||
if (item.checked) {
|
if (item.checked) {
|
||||||
if (item.children.length > 0) {
|
if (item.children.length > 0) {
|
||||||
item.children.map((val) => {
|
item.children.map((val) => {
|
||||||
|
console.log('val.id------------>', val.id);
|
||||||
if (checkedListAbility.value.indexOf(val.id) == -1) {
|
if (checkedListAbility.value.indexOf(val.id) == -1) {
|
||||||
checkedListAbility.value.push(val.id)
|
checkedListAbility.value.push(val.id)
|
||||||
item.checkedList.push(val.id)
|
item.checkedList.push(val.id)
|
||||||
|
@ -838,8 +837,15 @@
|
||||||
} else {
|
} else {
|
||||||
let arr = []
|
let arr = []
|
||||||
let delArr = []
|
let delArr = []
|
||||||
|
console.log('list.value------------>', list.value);
|
||||||
|
|
||||||
list.value.map((val) => {
|
list.value.map((val) => {
|
||||||
val.arr = val.children.filter((item) => {
|
val.arr = val.children.filter((item) => {
|
||||||
|
if(whoShow.itShowXiHaiAn) {
|
||||||
|
item.type = '基础设施';
|
||||||
|
item.resourceName = '摄像头列表';
|
||||||
|
item.resourceId = '1522550195055828996';
|
||||||
|
}
|
||||||
console.log('选择的数据=============>', item)
|
console.log('选择的数据=============>', item)
|
||||||
if (checkedListAbility.value.indexOf(item.id) > -1) {
|
if (checkedListAbility.value.indexOf(item.id) > -1) {
|
||||||
if (item.delFlag == 0) {
|
if (item.delFlag == 0) {
|
||||||
|
@ -857,6 +863,7 @@
|
||||||
if (arr.length > 0) {
|
if (arr.length > 0) {
|
||||||
console.log('一键申请===================>', arr)
|
console.log('一键申请===================>', arr)
|
||||||
localStorage.setItem('applyList', JSON.stringify(arr))
|
localStorage.setItem('applyList', JSON.stringify(arr))
|
||||||
|
return;
|
||||||
router.push({
|
router.push({
|
||||||
path: '/apply',
|
path: '/apply',
|
||||||
})
|
})
|
||||||
|
|
|
@ -1,39 +1,27 @@
|
||||||
<template>
|
<template>
|
||||||
<div id="aside-menu-container">
|
<div id="aside-menu-container">
|
||||||
<a-menu
|
<a-menu id="aside-menu" v-model:openKeys="openKeys" v-model:selectedKeys="selectedKeys" mode="inline">
|
||||||
id="aside-menu"
|
<a-menu-item class="aside-menu-item" v-for="item in menuList" :key="item.key" @click="handleClick(item)">
|
||||||
v-model:openKeys="openKeys"
|
<i class="icon" :style="{
|
||||||
v-model:selectedKeys="selectedKeys"
|
|
||||||
mode="inline"
|
|
||||||
>
|
|
||||||
<a-menu-item
|
|
||||||
class="aside-menu-item"
|
|
||||||
v-for="item in menuList"
|
|
||||||
:key="item.key"
|
|
||||||
@click="handleClick(item)"
|
|
||||||
>
|
|
||||||
<i
|
|
||||||
class="icon"
|
|
||||||
:style="{
|
|
||||||
backgroundImage:
|
backgroundImage:
|
||||||
selectedKeys == item.key
|
selectedKeys == item.key
|
||||||
? 'url(' + item.imgActive + ')'
|
? 'url(' + item.imgActive + ')'
|
||||||
: 'url(' + item.img + ')',
|
: 'url(' + item.img + ')',
|
||||||
}"
|
}"></i>
|
||||||
></i>
|
|
||||||
<span>{{ item.title }}</span>
|
<span>{{ item.title }}</span>
|
||||||
</a-menu-item>
|
</a-menu-item>
|
||||||
</a-menu>
|
</a-menu>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import { defineComponent, ref } from 'vue'
|
import { defineComponent, ref, onMounted } from 'vue'
|
||||||
import mybus from '@/myplugins/mybus'
|
import mybus from '@/myplugins/mybus'
|
||||||
export default defineComponent({
|
|
||||||
components: {},
|
|
||||||
|
|
||||||
|
export default defineComponent({
|
||||||
|
components: {},
|
||||||
setup() {
|
setup() {
|
||||||
const menuList = [
|
const itShowXiHaiAn = whoShow.itShowXiHaiAn;
|
||||||
|
let menuList = [
|
||||||
{
|
{
|
||||||
title: '申购车',
|
title: '申购车',
|
||||||
img: require('@/assets/personalCenter/demand.png'),
|
img: require('@/assets/personalCenter/demand.png'),
|
||||||
|
@ -77,7 +65,13 @@
|
||||||
key: 'remark',
|
key: 'remark',
|
||||||
},
|
},
|
||||||
]
|
]
|
||||||
const selectedKeys = ref(['PurchaseVehicle'])
|
// 西海岸
|
||||||
|
if(itShowXiHaiAn) {
|
||||||
|
let _newArr = JSON.parse(JSON.stringify(menuList))
|
||||||
|
menuList = _newArr.splice(0, 1)
|
||||||
|
}
|
||||||
|
const selectedKeys = ref(['apply'])
|
||||||
|
|
||||||
const type = JSON.parse(window.sessionStorage.getItem('type'))
|
const type = JSON.parse(window.sessionStorage.getItem('type'))
|
||||||
if (type) {
|
if (type) {
|
||||||
selectedKeys.value = [type]
|
selectedKeys.value = [type]
|
||||||
|
@ -87,16 +81,24 @@
|
||||||
mybus.emit('tabsChange', item)
|
mybus.emit('tabsChange', item)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
onMounted(() => {
|
||||||
|
if(menuList[1]) {
|
||||||
|
handleClick(menuList[1])
|
||||||
|
}else {
|
||||||
|
handleClick(menuList[0])
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
return {
|
return {
|
||||||
menuList,
|
menuList,
|
||||||
selectedKeys,
|
selectedKeys,
|
||||||
handleClick,
|
handleClick,
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
<style lang="less" scoped>
|
<style lang="less" scoped>
|
||||||
#aside-menu-container {
|
#aside-menu-container {
|
||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
height: 790px;
|
height: 790px;
|
||||||
overflow-y: scroll;
|
overflow-y: scroll;
|
||||||
|
@ -106,14 +108,17 @@
|
||||||
height: 60px;
|
height: 60px;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
color: #333;
|
color: #333;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
color: #0087ff;
|
color: #0087ff;
|
||||||
background-color: #edf4fc;
|
background-color: #edf4fc;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
:deep(.ant-menu-title-content) {
|
:deep(.ant-menu-title-content) {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
.icon {
|
.icon {
|
||||||
display: block;
|
display: block;
|
||||||
width: 24px;
|
width: 24px;
|
||||||
|
@ -122,15 +127,18 @@
|
||||||
margin-right: 30px;
|
margin-right: 30px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
:deep(.ant-menu-item-selected) {
|
:deep(.ant-menu-item-selected) {
|
||||||
background-color: #edf4fc;
|
background-color: #edf4fc;
|
||||||
color: #0087ff;
|
color: #0087ff;
|
||||||
|
|
||||||
&::after {
|
&::after {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
#aside-menu-container::-webkit-scrollbar {
|
|
||||||
|
#aside-menu-container::-webkit-scrollbar {
|
||||||
width: 0 !important;
|
width: 0 !important;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -50,7 +50,7 @@
|
||||||
const delFlag = ref(true)
|
const delFlag = ref(true)
|
||||||
mybus.on('tabsChange', (e) => {
|
mybus.on('tabsChange', (e) => {
|
||||||
console.log('进入详情', e)
|
console.log('进入详情', e)
|
||||||
if (e.flag) {
|
if (e && e.flag) {
|
||||||
delFlag.value = false
|
delFlag.value = false
|
||||||
} else {
|
} else {
|
||||||
console.log('tabsChange', e.key)
|
console.log('tabsChange', e.key)
|
||||||
|
|
Loading…
Reference in New Issue