Compare commits
2 Commits
21e602bb9e
...
e818e901ac
Author | SHA1 | Date |
---|---|---|
gongjiale | e818e901ac | |
gongjiale | c3c3fe9199 |
|
@ -23,10 +23,8 @@ let loadingInstance
|
||||||
* @param {*} msg
|
* @param {*} msg
|
||||||
*/
|
*/
|
||||||
const handleCode = (code, msg, res) => {
|
const handleCode = (code, msg, res) => {
|
||||||
// debugger
|
|
||||||
switch (code) {
|
switch (code) {
|
||||||
case 401:
|
case 401:
|
||||||
debugger
|
|
||||||
store.dispatch('user/resetAll').catch(() => {})
|
store.dispatch('user/resetAll').catch(() => {})
|
||||||
break
|
break
|
||||||
case 403:
|
case 403:
|
||||||
|
@ -66,7 +64,6 @@ const instance = axios.create({
|
||||||
*/
|
*/
|
||||||
instance.interceptors.request.use(
|
instance.interceptors.request.use(
|
||||||
(config) => {
|
(config) => {
|
||||||
// debugger
|
|
||||||
const token = getAccessToken()
|
const token = getAccessToken()
|
||||||
if (token) config.headers[tokenName] = token
|
if (token) config.headers[tokenName] = token
|
||||||
if (
|
if (
|
||||||
|
@ -157,7 +154,6 @@ instance.interceptors.response.use(
|
||||||
// }
|
// }
|
||||||
},
|
},
|
||||||
(error) => {
|
(error) => {
|
||||||
// debugger
|
|
||||||
console.log('接口error', error)
|
console.log('接口error', error)
|
||||||
if (loadingInstance) loadingInstance.close()
|
if (loadingInstance) loadingInstance.close()
|
||||||
|
|
||||||
|
|
|
@ -267,7 +267,7 @@
|
||||||
|
|
||||||
<style scoped lang="less">
|
<style scoped lang="less">
|
||||||
.ability-to-apply-for {
|
.ability-to-apply-for {
|
||||||
height: 2.9rem;
|
// height: 2.9rem;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
|
@ -281,7 +281,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.ability-to-apply-for-content {
|
.ability-to-apply-for-content {
|
||||||
padding-right: 0.5rem;
|
// padding-right: 0.5rem;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
.dep-name {
|
.dep-name {
|
||||||
|
|
|
@ -2321,7 +2321,8 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.leixingsumfather {
|
.leixingsumfather {
|
||||||
width: 8.1rem;
|
margin-left: -13px;
|
||||||
|
width: 9.4rem;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
height: 0.3014rem;
|
height: 0.3014rem;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
|
@ -312,7 +312,6 @@
|
||||||
const apiURL = window.SITE_CONFIG.apiURL
|
const apiURL = window.SITE_CONFIG.apiURL
|
||||||
|
|
||||||
if (!applyAll) {
|
if (!applyAll) {
|
||||||
debugger
|
|
||||||
list.value.map((item) => {
|
list.value.map((item) => {
|
||||||
item.arr.map((val) => {
|
item.arr.map((val) => {
|
||||||
let obj = item.children
|
let obj = item.children
|
||||||
|
|
|
@ -857,8 +857,8 @@
|
||||||
</script>
|
</script>
|
||||||
<style scoped lang="less">
|
<style scoped lang="less">
|
||||||
#search-result-list-container {
|
#search-result-list-container {
|
||||||
width: 1088px;
|
// width: 1088px;
|
||||||
padding: 0 20px;
|
padding: 0 18px;
|
||||||
background: #f3f5f9;
|
background: #f3f5f9;
|
||||||
|
|
||||||
.detail-content {
|
.detail-content {
|
||||||
|
@ -871,7 +871,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.shai-xuan {
|
.shai-xuan {
|
||||||
width: 1047px;
|
// width: 1047px;
|
||||||
height: 36px;
|
height: 36px;
|
||||||
// margin: 11px 0 20px;
|
// margin: 11px 0 20px;
|
||||||
// background: #e5f2ff;
|
// background: #e5f2ff;
|
||||||
|
@ -904,7 +904,7 @@
|
||||||
|
|
||||||
.condition {
|
.condition {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 20px;
|
right: 0px;
|
||||||
top: 10px;
|
top: 10px;
|
||||||
|
|
||||||
ul li {
|
ul li {
|
||||||
|
@ -941,7 +941,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.result-list {
|
.result-list {
|
||||||
width: 1048px;
|
// width: 1048px;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
|
@ -1010,7 +1010,7 @@
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
margin: 0 10px 0 0;
|
// margin: 0 10px 0 0;
|
||||||
|
|
||||||
.header-right {
|
.header-right {
|
||||||
// display: flex;
|
// display: flex;
|
||||||
|
@ -1023,7 +1023,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
div {
|
div {
|
||||||
margin-right: 24px;
|
// margin-right: 24px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.label-content {
|
.label-content {
|
||||||
|
@ -1043,7 +1043,7 @@
|
||||||
|
|
||||||
.header-right:last-child {
|
.header-right:last-child {
|
||||||
div {
|
div {
|
||||||
margin-right: 16px;
|
// margin-right: 10px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -1107,7 +1107,7 @@
|
||||||
flex: 1;
|
flex: 1;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: flex-end;
|
justify-content: flex-end;
|
||||||
margin: 0 10px;
|
// margin: 0 10px;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
.shopping {
|
.shopping {
|
||||||
|
@ -1194,7 +1194,8 @@
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
& > div {
|
& > div {
|
||||||
margin: 0 10px;
|
margin-right: 16px;
|
||||||
|
// margin: 0 10px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -1224,7 +1225,7 @@
|
||||||
|
|
||||||
.description {
|
.description {
|
||||||
max-width: 990px;
|
max-width: 990px;
|
||||||
height: 52px;
|
// height: 52px;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
line-height: 18px;
|
line-height: 18px;
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
|
|
|
@ -2,7 +2,7 @@
|
||||||
* @Author: Light
|
* @Author: Light
|
||||||
* @Date: 2022-11-18 11:53:43
|
* @Date: 2022-11-18 11:53:43
|
||||||
* @LastEditors: Light
|
* @LastEditors: Light
|
||||||
* @LastEditTime: 2022-11-22 10:54:46
|
* @LastEditTime: 2022-11-21 17:51:38
|
||||||
* @Description: 告诉大家这是什么
|
* @Description: 告诉大家这是什么
|
||||||
-->
|
-->
|
||||||
<template>
|
<template>
|
||||||
|
@ -258,8 +258,7 @@
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
dataList.requested.map((val) => {
|
dataList.requested.map((val) => {
|
||||||
console.log('111', val, addFlag)
|
if (addFlag && val.channelId == obj.channelId) {
|
||||||
if (addFlag && val.cameraInfo.channelId == obj.channelId) {
|
|
||||||
addFlag = false
|
addFlag = false
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
|
@ -25,12 +25,12 @@
|
||||||
</a-carousel>
|
</a-carousel>
|
||||||
<div class="operation-content" style="position:ab">
|
<div class="operation-content" style="position:ab">
|
||||||
<div class="video-content">
|
<div class="video-content">
|
||||||
<h5-player :video-url="videoUrl"></h5-player>
|
<h5-player :video-url="videoUrl"></h5-player>
|
||||||
</div>
|
</div>
|
||||||
<div class="text-label">
|
<div class="text-label">
|
||||||
<span>{{defaultIndex+1}}</span>/<span>{{cameraDataList.length}}</span>
|
<span>{{defaultIndex+1}}</span>/<span>{{cameraDataList.length}}</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="footer-button">
|
<div class="footer-button">
|
||||||
<a-button type="primary" @click="applyNow(cameraDataList[defaultIndex])">立即申请</a-button>
|
<a-button type="primary" @click="applyNow(cameraDataList[defaultIndex])">立即申请</a-button>
|
||||||
<a-button type="primary" style="margin-left:20px" @click="addIntoCart(cameraDataList[defaultIndex])">加入申购车</a-button>
|
<a-button type="primary" style="margin-left:20px" @click="addIntoCart(cameraDataList[defaultIndex])">加入申购车</a-button>
|
||||||
</div>
|
</div>
|
||||||
|
@ -46,15 +46,11 @@
|
||||||
LeftCircleOutlined,
|
LeftCircleOutlined,
|
||||||
RightCircleOutlined,
|
RightCircleOutlined,
|
||||||
} from '@ant-design/icons-vue'
|
} from '@ant-design/icons-vue'
|
||||||
// import { useRouter } from 'vue-router'
|
import { useRouter } from 'vue-router'
|
||||||
import H5Player from '@/views/home/components/H5Player.vue'
|
import H5Player from '@/views/home/components/H5Player.vue'
|
||||||
import mybus from '@/myplugins/mybus'
|
import mybus from '@/myplugins/mybus'
|
||||||
import { message } from 'ant-design-vue'
|
|
||||||
import { getStreamByChannelCode } from '@/api/videoSurveillance'
|
import { getStreamByChannelCode } from '@/api/videoSurveillance'
|
||||||
import {getCameraLiveStream} from '@/api/file'
|
import {getCameraLiveStream} from '@/api/file'
|
||||||
import {willApplyCameraSelect,
|
|
||||||
getApplyCameraListXha,
|
|
||||||
} from '@/api/home'
|
|
||||||
export default {
|
export default {
|
||||||
name: '',
|
name: '',
|
||||||
components: {
|
components: {
|
||||||
|
@ -82,10 +78,10 @@
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
openVideo: false,
|
openVideo: false,
|
||||||
videoStream: '',
|
videoStream: '',
|
||||||
videoUrl:'', //视频预览url
|
videoUrl:'', //视频预览url
|
||||||
defaultIndex:0,//默认显示列表中的对一个
|
defaultIndex:0,//默认显示列表中的对一个
|
||||||
// router:useRouter()
|
router:useRouter()
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
@ -98,59 +94,13 @@
|
||||||
},
|
},
|
||||||
//立即申请
|
//立即申请
|
||||||
applyNow(item){
|
applyNow(item){
|
||||||
getApplyCameraListXha().then(res => {
|
console.log('applyNowapplyNow',item);
|
||||||
let flag = true
|
//跳转至申请页面
|
||||||
if (res.data.code == 0) {
|
this.router.push({
|
||||||
res.data.data.map((val) => {
|
path: '/apply',
|
||||||
val.cameraInfo = JSON.parse(val.cameraInfo)
|
query: {
|
||||||
console.log('applyNowapplyNow',val.cameraInfo);
|
|
||||||
if(flag && val.cameraInfo.channelId == item.channelId){
|
},
|
||||||
flag = false
|
|
||||||
}
|
|
||||||
})
|
|
||||||
if(flag){
|
|
||||||
willApplyCameraSelect().then(res => {
|
|
||||||
if (res.data.code == 0) {
|
|
||||||
res.data.data.map(val => {
|
|
||||||
if(item.channelId == val.channelId){
|
|
||||||
item.id = val.id
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
|
||||||
let obj = {
|
|
||||||
arr: [
|
|
||||||
{
|
|
||||||
checked: true,
|
|
||||||
delFlag: 0,
|
|
||||||
id: '1593084734789996545',
|
|
||||||
idtCameraChannel: '790582098133127168',
|
|
||||||
loading: false,
|
|
||||||
note1: '',
|
|
||||||
resourceId: '1522550195055828996',
|
|
||||||
resourceName: '摄像头列表',
|
|
||||||
type: '基础设施',
|
|
||||||
},
|
|
||||||
],
|
|
||||||
deptName: '西海岸新区工业和信息化局',
|
|
||||||
deptId: '732560225344761856',
|
|
||||||
}
|
|
||||||
item.type = '基础设施'
|
|
||||||
item.delFlag = 0
|
|
||||||
item.resourceId = item.channelId
|
|
||||||
item.resourceName = item.channelName
|
|
||||||
obj.arr[0].note1 = JSON.stringify([item])
|
|
||||||
if (obj.arr.length > 0) {
|
|
||||||
localStorage.setItem('applyList', JSON.stringify([obj]))
|
|
||||||
console.log('applyNowapplyNowobj',obj);
|
|
||||||
this.$router.push({
|
|
||||||
path: '/apply',
|
|
||||||
})
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}else{
|
|
||||||
message.warning('该摄像头已申请!')
|
|
||||||
}
|
|
||||||
}
|
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
//加入申购车
|
//加入申购车
|
||||||
|
@ -186,7 +136,7 @@
|
||||||
console.log('uyutyuyopopopop',this.cameraDataList[this.defaultIndex]);
|
console.log('uyutyuyopopopop',this.cameraDataList[this.defaultIndex]);
|
||||||
this.getVideoUrl(this.cameraDataList[this.defaultIndex]);
|
this.getVideoUrl(this.cameraDataList[this.defaultIndex]);
|
||||||
}
|
}
|
||||||
|
|
||||||
},
|
},
|
||||||
//查看下一个
|
//查看下一个
|
||||||
handleNext(){
|
handleNext(){
|
||||||
|
@ -196,10 +146,10 @@
|
||||||
this.getVideoUrl(this.cameraDataList[0]);
|
this.getVideoUrl(this.cameraDataList[0]);
|
||||||
}else{
|
}else{
|
||||||
this.defaultIndex = this.defaultIndex + 1;
|
this.defaultIndex = this.defaultIndex + 1;
|
||||||
console.log('opopopop',this.cameraDataList[this.defaultIndex]);
|
console.log('opopopop',this.cameraDataList[this.defaultIndex]);
|
||||||
this.getVideoUrl(this.cameraDataList[this.defaultIndex]);
|
this.getVideoUrl(this.cameraDataList[this.defaultIndex]);
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
|
@ -279,14 +229,14 @@
|
||||||
}
|
}
|
||||||
.video-content{
|
.video-content{
|
||||||
width: 750px;
|
width: 750px;
|
||||||
height:600px;
|
height:600px;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
}
|
}
|
||||||
.footer-button{
|
.footer-button{
|
||||||
width: 750px;
|
width: 750px;
|
||||||
//height:50px;
|
//height:50px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding-top:5px;
|
padding-top:5px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -339,7 +289,7 @@
|
||||||
.ant-carousel :deep(.slick-dots) {
|
.ant-carousel :deep(.slick-dots) {
|
||||||
display: none !important;
|
display: none !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
// .current-video {
|
// .current-video {
|
||||||
// width: 320px;
|
// width: 320px;
|
||||||
|
|
|
@ -523,7 +523,7 @@ import { ElMessage } from 'element-plus'
|
||||||
if(queryString){
|
if(queryString){
|
||||||
getCameraByCondition({
|
getCameraByCondition({
|
||||||
pageNum: 1,
|
pageNum: 1,
|
||||||
pageSize: 30000,
|
pageSize: 10,
|
||||||
regionId: "70be8c5b664f4bcf869d82f2e8335051",
|
regionId: "70be8c5b664f4bcf869d82f2e8335051",
|
||||||
type: "0",
|
type: "0",
|
||||||
name:queryString,
|
name:queryString,
|
||||||
|
|
Loading…
Reference in New Issue