西海岸视频监控
This commit is contained in:
parent
fc1e1714a9
commit
d055a89f09
|
@ -7,45 +7,45 @@
|
||||||
*/
|
*/
|
||||||
var _global = {}
|
var _global = {}
|
||||||
var CONFIGITEM = {
|
var CONFIGITEM = {
|
||||||
// version: 'qingdao', // 青岛
|
// version: 'qingdao', // 青岛
|
||||||
// version: 'xihaian', // 西海岸
|
// version: 'xihaian', // 西海岸
|
||||||
version: 'dev', // 测试
|
version: 'dev', // 测试
|
||||||
// version: 'frp', // 内网穿透
|
// version: 'frp', // 内网穿透
|
||||||
// version: 'xihaian', // 开发
|
// version: 'xihaian', // 开发
|
||||||
vNum: 'v0.8.7.2',
|
vNum: 'v0.8.7.2',
|
||||||
configData: {
|
configData: {
|
||||||
// 青岛市大数据局
|
// 青岛市大数据局
|
||||||
qingdao: {
|
qingdao: {
|
||||||
previewUrl: 'http://15.72.183.90:7008/',
|
previewUrl: 'http://15.72.183.90:7008/',
|
||||||
apiURL: 'http://15.72.183.90:8000/ucs-admin',
|
apiURL: 'http://15.72.183.90:8000/ucs-admin',
|
||||||
websocketURL: 'ws://15.72.183.90:8000/ucs-admin/websocket'
|
websocketURL: 'ws://15.72.183.90:8000/ucs-admin/websocket'
|
||||||
},
|
},
|
||||||
// 西海岸大数据局
|
// 西海岸大数据局
|
||||||
xihaian: {
|
xihaian: {
|
||||||
previewUrl: 'http://10.134.135.9:9796/',
|
previewUrl: 'http://10.134.135.9:9796/',
|
||||||
// apiURL: 'http://10.134.135.9:8888/ucs-admin',
|
// apiURL: 'http://10.134.135.9:8888/ucs-admin',
|
||||||
// apiURL: 'http://10.16.5.35:8888/ucs-admin', // 李志成-研发
|
// apiURL: 'http://10.16.5.35:8888/ucs-admin', // 李志成-研发
|
||||||
apiURL: 'http://192.168.124.236:8888/ucs-admin',
|
apiURL: 'http://192.168.124.236:8888/ucs-admin',
|
||||||
// apiURL: 'http://192.168.124.254:8888/ucs-admin', // 李志成-远雄
|
// apiURL: 'http://192.168.124.254:8888/ucs-admin', // 李志成-远雄
|
||||||
websocketURL: 'ws://10.134.135.9:8888/ucs-admin/websocket'
|
websocketURL: 'ws://10.134.135.9:8888/ucs-admin/websocket'
|
||||||
},
|
},
|
||||||
// 测试
|
// 测试
|
||||||
test: {
|
test: {
|
||||||
previewUrl: 'http://192.168.124.243:9796/',
|
previewUrl: 'http://192.168.124.243:9796/',
|
||||||
apiURL: 'http://192.168.124.243:8888/ucs-admin',
|
apiURL: 'http://192.168.124.243:8888/ucs-admin',
|
||||||
websocketURL: 'ws://192.168.124.243:8888/ucs-admin/websocket'
|
websocketURL: 'ws://192.168.124.243:8888/ucs-admin/websocket'
|
||||||
},
|
},
|
||||||
// 内网穿透
|
// 内网穿透
|
||||||
frp: {
|
frp: {
|
||||||
previewUrl: 'http://124.222.94.39:9796/',
|
previewUrl: 'http://124.222.94.39:9796/',
|
||||||
apiURL: 'http://124.222.94.39:8888/ucs-admin',
|
apiURL: 'http://124.222.94.39:8888/ucs-admin',
|
||||||
websocketURL: 'ws://124.222.94.39:8888/ucs-admin/websocket'
|
websocketURL: 'ws://124.222.94.39:8888/ucs-admin/websocket'
|
||||||
},
|
},
|
||||||
dev: {
|
dev: {
|
||||||
previewUrl: 'http://localhost:8080/',
|
previewUrl: 'http://localhost:8080/',
|
||||||
apiURL: 'http://192.168.124.243:8888/ucs-admin',
|
apiURL: 'http://192.168.124.233:8888/ucs-admin',
|
||||||
websocketURL: 'ws://192.168.124.243:8888/ucs-admin/websocket'
|
websocketURL: 'ws://192.168.124.233:8888/ucs-admin/websocket'
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
}
|
}
|
||||||
_global.config = CONFIGITEM.configData[CONFIGITEM.version]
|
_global.config = CONFIGITEM.configData[CONFIGITEM.version]
|
|
@ -157,6 +157,13 @@
|
||||||
@click="deleteHandle2(scope.row.id)"
|
@click="deleteHandle2(scope.row.id)"
|
||||||
>{{ $t('delete') }}</el-button
|
>{{ $t('delete') }}</el-button
|
||||||
>
|
>
|
||||||
|
<el-button
|
||||||
|
v-if="superAdmin == 1"
|
||||||
|
type="text"
|
||||||
|
size="small"
|
||||||
|
@click="deleteCompletely(scope.row)"
|
||||||
|
>完全删除</el-button
|
||||||
|
>
|
||||||
<el-button type="text" size="small" @click="showDetail(scope.row)"
|
<el-button type="text" size="small" @click="showDetail(scope.row)"
|
||||||
>详情</el-button
|
>详情</el-button
|
||||||
>
|
>
|
||||||
|
@ -256,6 +263,7 @@ export default {
|
||||||
mixins: [mixinViewModule],
|
mixins: [mixinViewModule],
|
||||||
data () {
|
data () {
|
||||||
return {
|
return {
|
||||||
|
superAdmin: '',
|
||||||
required: ['归属部门', '部门联系人', '部门联系人电话', '应用领域', '共享条件', '算法名称', '算法描述', '图层名称', '图层描述', '组件名称', '组件描述', '组件地址', '服务地址', '服务接口', '接口请求方式', '算法类别'],
|
required: ['归属部门', '部门联系人', '部门联系人电话', '应用领域', '共享条件', '算法名称', '算法描述', '图层名称', '图层描述', '组件名称', '组件描述', '组件地址', '服务地址', '服务接口', '接口请求方式', '算法类别'],
|
||||||
notFilled: [],
|
notFilled: [],
|
||||||
insertList: [],
|
insertList: [],
|
||||||
|
@ -317,6 +325,10 @@ export default {
|
||||||
created () {
|
created () {
|
||||||
this.dataForm.name = ''
|
this.dataForm.name = ''
|
||||||
this.dataForm.type = '组件服务'
|
this.dataForm.type = '组件服务'
|
||||||
|
this.$http.get('/sys/user/info').then(res => {
|
||||||
|
console.log('res', res.data.data)
|
||||||
|
this.superAdmin = res.data.data.superAdmin
|
||||||
|
})
|
||||||
},
|
},
|
||||||
mounted () {
|
mounted () {
|
||||||
// window.addEventListener('resize', this.a)
|
// window.addEventListener('resize', this.a)
|
||||||
|
@ -671,6 +683,31 @@ export default {
|
||||||
arr.push('常见问题')
|
arr.push('常见问题')
|
||||||
this.$refs.putOnTheShelf.submit(arr)
|
this.$refs.putOnTheShelf.submit(arr)
|
||||||
},
|
},
|
||||||
|
// 完全删除
|
||||||
|
deleteCompletely (row) {
|
||||||
|
console.log('完全删除===', row)
|
||||||
|
this.$confirm('确认是否删除?', '提示', {
|
||||||
|
confirmButtonText: '确定',
|
||||||
|
cancelButtonText: '取消',
|
||||||
|
type: 'warning'
|
||||||
|
}).then(() => {
|
||||||
|
this.$http.post('/resource/delResBySuAd?id=' + row.id).then(res => {
|
||||||
|
console.log('删除结果', res.data)
|
||||||
|
if (res.data.code == 0) {
|
||||||
|
this.$message({
|
||||||
|
type: 'success',
|
||||||
|
message: '删除成功!'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
this.getDataList()
|
||||||
|
})
|
||||||
|
}).catch(() => {
|
||||||
|
// this.$message({
|
||||||
|
// type: 'info',
|
||||||
|
// message: '已取消删除'
|
||||||
|
// });
|
||||||
|
})
|
||||||
|
},
|
||||||
submitData () {
|
submitData () {
|
||||||
console.log('提交11111111111===============>', this.putOnTheShelfList, this.submitFrom)
|
console.log('提交11111111111===============>', this.putOnTheShelfList, this.submitFrom)
|
||||||
const arr = []
|
const arr = []
|
||||||
|
|
|
@ -145,6 +145,13 @@
|
||||||
@click="deleteHandle2(scope.row.id)"
|
@click="deleteHandle2(scope.row.id)"
|
||||||
>{{ $t("delete") }}</el-button
|
>{{ $t("delete") }}</el-button
|
||||||
>
|
>
|
||||||
|
<el-button
|
||||||
|
v-if="superAdmin == 1"
|
||||||
|
type="text"
|
||||||
|
size="small"
|
||||||
|
@click="deleteCompletely(scope.row)"
|
||||||
|
>完全删除</el-button
|
||||||
|
>
|
||||||
<el-button type="text" size="small" @click="showDetail(scope.row)"
|
<el-button type="text" size="small" @click="showDetail(scope.row)"
|
||||||
>详情</el-button
|
>详情</el-button
|
||||||
>
|
>
|
||||||
|
@ -234,6 +241,7 @@ export default {
|
||||||
mixins: [mixinViewModule],
|
mixins: [mixinViewModule],
|
||||||
data () {
|
data () {
|
||||||
return {
|
return {
|
||||||
|
superAdmin: '',
|
||||||
required: ['归属部门', '部门联系人', '部门联系人电话', '应用领域', '共享条件', '应用名称', '应用描述', '应用类型'],
|
required: ['归属部门', '部门联系人', '部门联系人电话', '应用领域', '共享条件', '应用名称', '应用描述', '应用类型'],
|
||||||
notFilled: [],
|
notFilled: [],
|
||||||
mixinViewModuleOptions: {
|
mixinViewModuleOptions: {
|
||||||
|
@ -286,6 +294,10 @@ export default {
|
||||||
created () {
|
created () {
|
||||||
this.dataForm.name = ''
|
this.dataForm.name = ''
|
||||||
this.dataForm.type = '应用资源'
|
this.dataForm.type = '应用资源'
|
||||||
|
this.$http.get('/sys/user/info').then(res => {
|
||||||
|
console.log('res', res.data.data)
|
||||||
|
this.superAdmin = res.data.data.superAdmin
|
||||||
|
})
|
||||||
},
|
},
|
||||||
mounted () {
|
mounted () {
|
||||||
// window.addEventListener('resize', this.a)
|
// window.addEventListener('resize', this.a)
|
||||||
|
@ -522,6 +534,31 @@ export default {
|
||||||
// 将数据传递给引入的组件
|
// 将数据传递给引入的组件
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
// 完全删除
|
||||||
|
deleteCompletely (row) {
|
||||||
|
console.log('完全删除===', row)
|
||||||
|
this.$confirm('确认是否删除?', '提示', {
|
||||||
|
confirmButtonText: '确定',
|
||||||
|
cancelButtonText: '取消',
|
||||||
|
type: 'warning'
|
||||||
|
}).then(() => {
|
||||||
|
this.$http.post('/resource/delResBySuAd?id=' + row.id).then(res => {
|
||||||
|
console.log('删除结果', res.data)
|
||||||
|
if (res.data.code == 0) {
|
||||||
|
this.$message({
|
||||||
|
type: 'success',
|
||||||
|
message: '删除成功!'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
this.getDataList()
|
||||||
|
})
|
||||||
|
}).catch(() => {
|
||||||
|
// this.$message({
|
||||||
|
// type: 'info',
|
||||||
|
// message: '已取消删除'
|
||||||
|
// });
|
||||||
|
})
|
||||||
|
},
|
||||||
// 应用与基础设施
|
// 应用与基础设施
|
||||||
applyAndInfrastructure (val) {
|
applyAndInfrastructure (val) {
|
||||||
const type = '基础设施'
|
const type = '基础设施'
|
||||||
|
|
|
@ -7,122 +7,117 @@
|
||||||
*/
|
*/
|
||||||
var _global = {}
|
var _global = {}
|
||||||
var CONFIGITEM = {
|
var CONFIGITEM = {
|
||||||
// version: 'qingdao', //青岛
|
// version: 'qingdao', //青岛
|
||||||
// version: 'xihaian', // 西海岸
|
version: 'xihaian', // 西海岸
|
||||||
version: 'dev', // 开发
|
//version: 'dev', // 开发
|
||||||
// version: 'zhanTingDev', // 展厅dev (2022-09-13:姜永超让添加)
|
// version: 'zhanTingDev', // 展厅dev (2022-09-13:姜永超让添加)
|
||||||
// version: 'qingdao', // 测试
|
// version: 'qingdao', // 测试
|
||||||
//version: 'frp', // 内网穿透
|
//version: 'frp', // 内网穿透
|
||||||
vNum: 'v0.8.15.2',
|
vNum: 'v0.8.15.2',
|
||||||
configData: {
|
configData: {
|
||||||
// 青岛市大数据局
|
// 青岛市大数据局
|
||||||
qingdao: {
|
qingdao: {
|
||||||
loginInfo: {
|
loginInfo: {
|
||||||
// 视频平台登陆信息
|
// 视频平台登陆信息
|
||||||
loginIp: '10.132.191.3',
|
loginIp: '10.132.191.3',
|
||||||
loginPort: '8320',
|
loginPort: '8320',
|
||||||
userName: 'ynszdz',
|
userName: 'ynszdz',
|
||||||
userPwd: 'Admin@123',
|
userPwd: 'Admin@123',
|
||||||
},
|
},
|
||||||
backUrl: 'http://15.72.183.90:8001',
|
backUrl: 'http://15.72.183.90:8001',
|
||||||
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/ucs-admin',
|
apiURL: 'http://15.72.183.90:8000/ucs-admin',
|
||||||
websocketURL: '15.72.183.90:8000/ucs-admin',
|
websocketURL: '15.72.183.90:8000/ucs-admin',
|
||||||
// websocketURL: '192.168.124.233:8888/ucs-admin',
|
// websocketURL: '192.168.124.233:8888/ucs-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',
|
},
|
||||||
|
// 研发展厅
|
||||||
|
zhanTingDev: {
|
||||||
|
loginInfo: {
|
||||||
|
// 视频平台登陆信息
|
||||||
|
loginIp: '10.132.191.3',
|
||||||
|
loginPort: '8320',
|
||||||
|
userName: 'ynszdz',
|
||||||
|
userPwd: 'Admin@123',
|
||||||
|
},
|
||||||
|
backUrl: 'http://15.72.183.90:8001',
|
||||||
|
previewUrl: 'http://15.72.183.90:7008/',
|
||||||
|
//frontUrl: 'http://15.72.183.90:7008/document/#/devModelFile/',
|
||||||
|
//apiURL: 'http://15.72.183.90:8000/ucs-admin',
|
||||||
|
// websocketURL: '10.16.5.146:8888/ucs-admin', // 姜永超
|
||||||
|
websocketURL: '10.18.1.99:8889/ucs-admin',
|
||||||
|
// websocketURL: '10.16.5.35:8888/ucs-admin',
|
||||||
|
POI_URL: 'http://15.72.178.129:8090/iserver/services/addressmatch-qingdaoPOI181015/restjsr/v1/address',
|
||||||
|
},
|
||||||
|
// 西海岸大数据局
|
||||||
|
xihaian: {
|
||||||
|
loginInfo: {
|
||||||
|
// 视频平台登陆信息
|
||||||
|
loginIp: '',
|
||||||
|
loginPort: '',
|
||||||
|
userName: '',
|
||||||
|
userPwd: '',
|
||||||
|
},
|
||||||
|
// 获取摄像头的后端接口地址
|
||||||
|
camreaInfo: {
|
||||||
|
// cameraUrl: '10.134.135.92:9537', // 西海岸-测试环境
|
||||||
|
// cameraUrl: '10.134.135.9:9537', // 西海岸-生产环境
|
||||||
|
cameraUrl: '192.168.124.236:9537', // 远雄(不挂vpn可直接连)
|
||||||
|
},
|
||||||
|
backUrl: 'http://10.134.135.9:9797',
|
||||||
|
previewUrl: 'http://10.134.135.9:9796/',
|
||||||
|
apiURL: 'http://10.134.135.92:8888/renren-admin',
|
||||||
|
// websocketURL: '10.134.135.9:8888/ucs-admin', // 正式环境
|
||||||
|
websocketURL: '10.134.135.92:8888/ucs-admin', // 测试环境
|
||||||
|
//websocketURL: '192.168.124.254:8888/ucs-admin', // 李志成-远雄
|
||||||
|
// websocketURL: '10.18.1.99:8889/ucs-admin', // 研发
|
||||||
|
POI_URL: 'http://15.72.178.129:8090/iserver/services/addressmatch-qingdaoPOI181015/restjsr/v1/address',
|
||||||
|
},
|
||||||
|
// 开发
|
||||||
|
dev: {
|
||||||
|
loginInfo: {
|
||||||
|
// 视频平台登陆信息
|
||||||
|
loginIp: '',
|
||||||
|
loginPort: '',
|
||||||
|
userName: '',
|
||||||
|
userPwd: '',
|
||||||
|
},
|
||||||
|
backUrl: 'http://localhost:8001',
|
||||||
|
previewUrl: 'http://192.168.124.243:9796/',
|
||||||
|
apiURL: 'http://192.168.124.243:8888/ucs-admin',
|
||||||
|
websocketURL: '192.168.124.243:8888/ucs-admin',
|
||||||
|
// websocketURL: '10.18.1.99:8889/ucs-admin',
|
||||||
|
POI_URL: 'http://15.72.178.129:8090/iserver/services/addressmatch-qingdaoPOI181015/restjsr/v1/address',
|
||||||
|
},
|
||||||
|
// 测试
|
||||||
|
test: {
|
||||||
|
loginInfo: {
|
||||||
|
// 视频平台登陆信息
|
||||||
|
loginIp: '',
|
||||||
|
loginPort: '',
|
||||||
|
userName: '',
|
||||||
|
userPwd: '',
|
||||||
|
},
|
||||||
|
backUrl: 'http://192.168.124.243:9797',
|
||||||
|
previewUrl: 'http://192.168.124.243:9796/',
|
||||||
|
websocketURL: '192.168.124.243:8888/ucs-admin',
|
||||||
|
POI_URL: 'http://15.72.178.129:8090/iserver/services/addressmatch-qingdaoPOI181015/restjsr/v1/address',
|
||||||
|
},
|
||||||
|
// 内网穿透
|
||||||
|
frp: {
|
||||||
|
loginInfo: {
|
||||||
|
// 视频平台登陆信息
|
||||||
|
loginIp: '',
|
||||||
|
loginPort: '',
|
||||||
|
userName: '',
|
||||||
|
userPwd: '',
|
||||||
|
},
|
||||||
|
backUrl: 'http://124.222.94.39:9797',
|
||||||
|
previewUrl: 'http://124.222.94.39:9796/',
|
||||||
|
websocketURL: '124.222.94.39:8888/ucs-admin',
|
||||||
|
POI_URL: 'http://15.72.178.129:8090/iserver/services/addressmatch-qingdaoPOI181015/restjsr/v1/address',
|
||||||
|
},
|
||||||
},
|
},
|
||||||
// 研发展厅
|
|
||||||
zhanTingDev: {
|
|
||||||
loginInfo: {
|
|
||||||
// 视频平台登陆信息
|
|
||||||
loginIp: '10.132.191.3',
|
|
||||||
loginPort: '8320',
|
|
||||||
userName: 'ynszdz',
|
|
||||||
userPwd: 'Admin@123',
|
|
||||||
},
|
|
||||||
backUrl: 'http://15.72.183.90:8001',
|
|
||||||
previewUrl: 'http://15.72.183.90:7008/',
|
|
||||||
//frontUrl: 'http://15.72.183.90:7008/document/#/devModelFile/',
|
|
||||||
//apiURL: 'http://15.72.183.90:8000/ucs-admin',
|
|
||||||
// websocketURL: '10.16.5.146:8888/ucs-admin', // 姜永超
|
|
||||||
websocketURL: '10.18.1.99:8889/ucs-admin',
|
|
||||||
// websocketURL: '10.16.5.35:8888/ucs-admin',
|
|
||||||
POI_URL:
|
|
||||||
'http://15.72.178.129:8090/iserver/services/addressmatch-qingdaoPOI181015/restjsr/v1/address',
|
|
||||||
},
|
|
||||||
// 西海岸大数据局
|
|
||||||
xihaian: {
|
|
||||||
loginInfo: {
|
|
||||||
// 视频平台登陆信息
|
|
||||||
loginIp: '',
|
|
||||||
loginPort: '',
|
|
||||||
userName: '',
|
|
||||||
userPwd: '',
|
|
||||||
},
|
|
||||||
// 获取摄像头的后端接口地址
|
|
||||||
camreaInfo: {
|
|
||||||
// cameraUrl: '10.134.135.92:9537', // 西海岸-测试环境
|
|
||||||
// cameraUrl: '10.134.135.9:9537', // 西海岸-生产环境
|
|
||||||
cameraUrl: '192.168.124.236:9537', // 远雄(不挂vpn可直接连)
|
|
||||||
},
|
|
||||||
backUrl: 'http://10.134.135.9:9797',
|
|
||||||
previewUrl: 'http://10.134.135.9:9796/',
|
|
||||||
// websocketURL: '10.134.135.9:8888/ucs-admin', // 正式环境
|
|
||||||
// websocketURL: '10.134.135.92:8888/ucs-admin', // 测试环境
|
|
||||||
websocketURL: '192.168.124.254:8888/ucs-admin', // 李志成-远雄
|
|
||||||
// websocketURL: '10.18.1.99:8889/ucs-admin', // 研发
|
|
||||||
POI_URL:
|
|
||||||
'http://15.72.178.129:8090/iserver/services/addressmatch-qingdaoPOI181015/restjsr/v1/address',
|
|
||||||
},
|
|
||||||
// 开发
|
|
||||||
dev: {
|
|
||||||
loginInfo: {
|
|
||||||
// 视频平台登陆信息
|
|
||||||
loginIp: '',
|
|
||||||
loginPort: '',
|
|
||||||
userName: '',
|
|
||||||
userPwd: '',
|
|
||||||
},
|
|
||||||
backUrl: 'http://localhost:8001',
|
|
||||||
previewUrl: 'http://192.168.124.243:9796/',
|
|
||||||
apiURL: 'http://192.168.124.243:8888/ucs-admin',
|
|
||||||
websocketURL: '192.168.124.243:8888/ucs-admin',
|
|
||||||
// websocketURL: '10.18.1.99:8889/ucs-admin',
|
|
||||||
POI_URL:
|
|
||||||
'http://15.72.178.129:8090/iserver/services/addressmatch-qingdaoPOI181015/restjsr/v1/address',
|
|
||||||
},
|
|
||||||
// 测试
|
|
||||||
test: {
|
|
||||||
loginInfo: {
|
|
||||||
// 视频平台登陆信息
|
|
||||||
loginIp: '',
|
|
||||||
loginPort: '',
|
|
||||||
userName: '',
|
|
||||||
userPwd: '',
|
|
||||||
},
|
|
||||||
backUrl: 'http://192.168.124.243:9797',
|
|
||||||
previewUrl: 'http://192.168.124.243:9796/',
|
|
||||||
websocketURL: '192.168.124.243:8888/ucs-admin',
|
|
||||||
POI_URL:
|
|
||||||
'http://15.72.178.129:8090/iserver/services/addressmatch-qingdaoPOI181015/restjsr/v1/address',
|
|
||||||
},
|
|
||||||
// 内网穿透
|
|
||||||
frp: {
|
|
||||||
loginInfo: {
|
|
||||||
// 视频平台登陆信息
|
|
||||||
loginIp: '',
|
|
||||||
loginPort: '',
|
|
||||||
userName: '',
|
|
||||||
userPwd: '',
|
|
||||||
},
|
|
||||||
backUrl: 'http://124.222.94.39:9797',
|
|
||||||
previewUrl: 'http://124.222.94.39:9796/',
|
|
||||||
websocketURL: '124.222.94.39:8888/ucs-admin',
|
|
||||||
POI_URL:
|
|
||||||
'http://15.72.178.129:8090/iserver/services/addressmatch-qingdaoPOI181015/restjsr/v1/address',
|
|
||||||
},
|
|
||||||
},
|
|
||||||
}
|
}
|
||||||
_global.config = CONFIGITEM.configData[CONFIGITEM.version]
|
_global.config = CONFIGITEM.configData[CONFIGITEM.version]
|
|
@ -1,8 +1,8 @@
|
||||||
/*
|
/*
|
||||||
* @Author: hisense.wuhongjian
|
* @Author: hisense.wuhongjian
|
||||||
* @Date: 2022-04-20 17:16:35
|
* @Date: 2022-04-20 17:16:35
|
||||||
* @LastEditors: hisense.wuhongjian
|
* @LastEditors: Light
|
||||||
* @LastEditTime: 2022-10-26 17:57:52
|
* @LastEditTime: 2022-11-18 17:52:05
|
||||||
* @Description: 告诉大家这是什么
|
* @Description: 告诉大家这是什么
|
||||||
*/
|
*/
|
||||||
import request from '@/utils/request'
|
import request from '@/utils/request'
|
||||||
|
@ -97,6 +97,14 @@ export function getHls(params) {
|
||||||
config2
|
config2
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
// 西海岸 POI搜索
|
||||||
|
export function getListForPOI(params) {
|
||||||
|
return axios.get(
|
||||||
|
'http://10.134.135.3:21009/service/lbs/coder/geocoding2?appKey=675d95594136456bb7b1434dda31953f&city=青岛&keywords=' +
|
||||||
|
params.keywords,
|
||||||
|
config2
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
// 西海岸--获取摄像头列表的后台地址 (测试环境地址:10.134.135.92:9537)
|
// 西海岸--获取摄像头列表的后台地址 (测试环境地址:10.134.135.92:9537)
|
||||||
let _cameraUrl =
|
let _cameraUrl =
|
||||||
|
|
|
@ -42,6 +42,8 @@ function updateProgressBar(processed, total, elapsed, layersArray) {
|
||||||
function createMarkerClusterLayer(layerClassName) {
|
function createMarkerClusterLayer(layerClassName) {
|
||||||
let array = [];
|
let array = [];
|
||||||
let markerClusterLayer = null
|
let markerClusterLayer = null
|
||||||
|
//let currentZoom = this.map._zoom
|
||||||
|
//console.log('zzzzzz', currentZoom);
|
||||||
if (layerClassName) {
|
if (layerClassName) {
|
||||||
// 如果存在类名,表示需要自定义图标
|
// 如果存在类名,表示需要自定义图标
|
||||||
markerClusterLayer = L.markerClusterGroup({
|
markerClusterLayer = L.markerClusterGroup({
|
||||||
|
|
|
@ -230,7 +230,7 @@
|
||||||
>
|
>
|
||||||
<button class="buzhou">提交</button>
|
<button class="buzhou">提交</button>
|
||||||
</a-popconfirm>
|
</a-popconfirm>
|
||||||
<button class="buzhou" v-else-if="服务商联系电话 === '部署与使用'" @click="submit()">
|
<button class="buzhou" v-else-if="showView === '部署与使用'" @click="submit()">
|
||||||
提交
|
提交
|
||||||
</button>
|
</button>
|
||||||
<button class="quxiao" @click="close()">取消</button>
|
<button class="quxiao" @click="close()">取消</button>
|
||||||
|
|
|
@ -1,5 +1,4 @@
|
||||||
<template>
|
<template>
|
||||||
itShowQingDao
|
|
||||||
<!-- 青岛 -->
|
<!-- 青岛 -->
|
||||||
<div class="details-pageconetent" v-if="whoShow1 && whoShow1.itShowQingDao">
|
<div class="details-pageconetent" v-if="whoShow1 && whoShow1.itShowQingDao">
|
||||||
<home-header></home-header>
|
<home-header></home-header>
|
||||||
|
@ -305,7 +304,7 @@
|
||||||
<div class="details-pageconetent-left" v-if="Cardsname != '基础设施'">
|
<div class="details-pageconetent-left" v-if="Cardsname != '基础设施'">
|
||||||
<detailsPageconetentTree />
|
<detailsPageconetentTree />
|
||||||
</div>
|
</div>
|
||||||
<div class="details-pageconetent-left" style="left:0.16rem" v-else>
|
<div class="details-pageconetent-left" style="left: 0.16rem" v-else>
|
||||||
<detailsPageInfrastructureTreeXha />
|
<detailsPageInfrastructureTreeXha />
|
||||||
</div>
|
</div>
|
||||||
<div class="top" v-if="Cardsname != '知识库' && Cardsname != '基础设施'">
|
<div class="top" v-if="Cardsname != '知识库' && Cardsname != '基础设施'">
|
||||||
|
@ -436,7 +435,11 @@
|
||||||
<a-empty />
|
<a-empty />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="top" style="width: 13.5rem;margin-left:0" v-else-if="Cardsname === '基础设施'">
|
<div
|
||||||
|
class="top"
|
||||||
|
style="width: 13.5rem; margin-left: 0"
|
||||||
|
v-else-if="Cardsname === '基础设施'"
|
||||||
|
>
|
||||||
<div class="top-title">
|
<div class="top-title">
|
||||||
<div
|
<div
|
||||||
v-for="item in titleName"
|
v-for="item in titleName"
|
||||||
|
@ -507,6 +510,9 @@
|
||||||
:resourceTotal="resourceTotal"
|
:resourceTotal="resourceTotal"
|
||||||
></KnowledgeBase>
|
></KnowledgeBase>
|
||||||
</div>
|
</div>
|
||||||
|
<template v-if="Cardsname == '基础设施'">
|
||||||
|
<infrastructureApplication></infrastructureApplication>
|
||||||
|
</template>
|
||||||
<div class="talk-monitor" @click="openMonitor">
|
<div class="talk-monitor" @click="openMonitor">
|
||||||
<a-tooltip>
|
<a-tooltip>
|
||||||
<template #title>问答机器人</template>
|
<template #title>问答机器人</template>
|
||||||
|
@ -778,6 +784,7 @@
|
||||||
import infrastructurePageXha from '@/views/home/infrastructurePageXha.vue'
|
import infrastructurePageXha from '@/views/home/infrastructurePageXha.vue'
|
||||||
import detailsPageInfrastructureTree from '@/views/home/detailsPageInfrastructureTree.vue'
|
import detailsPageInfrastructureTree from '@/views/home/detailsPageInfrastructureTree.vue'
|
||||||
import detailsPageInfrastructureTreeXha from '@/views/home/detailsPageInfrastructureTreeXha.vue'
|
import detailsPageInfrastructureTreeXha from '@/views/home/detailsPageInfrastructureTreeXha.vue'
|
||||||
|
import infrastructureApplication from '@/views/home/infrastructureApplication.vue'
|
||||||
import { DETAIL_PAGE_CONTENT_DEFAULT_TAB } from '@/global/GlobalConfig.js'
|
import { DETAIL_PAGE_CONTENT_DEFAULT_TAB } from '@/global/GlobalConfig.js'
|
||||||
import { useStore } from 'vuex'
|
import { useStore } from 'vuex'
|
||||||
import { message } from 'ant-design-vue'
|
import { message } from 'ant-design-vue'
|
||||||
|
@ -803,7 +810,7 @@
|
||||||
const handleAdd = (value) => {
|
const handleAdd = (value) => {
|
||||||
flag.value = value
|
flag.value = value
|
||||||
}
|
}
|
||||||
const titleName=ref([])
|
const titleName = ref([])
|
||||||
const openMonitor = () => {
|
const openMonitor = () => {
|
||||||
window.open('http://www.qingdao.gov.cn:8083/ghwd/znwdqd/index.html')
|
window.open('http://www.qingdao.gov.cn:8083/ghwd/znwdqd/index.html')
|
||||||
}
|
}
|
||||||
|
@ -904,15 +911,14 @@
|
||||||
name: '',
|
name: '',
|
||||||
})
|
})
|
||||||
//调整标题顺序 西海岸基础设施放在最前面
|
//调整标题顺序 西海岸基础设施放在最前面
|
||||||
const setTitle = () => {
|
const setTitle = () => {
|
||||||
let title = titleNameArray
|
let title = titleNameArray
|
||||||
let whoShow1 = ref(whoShow)
|
let whoShow1 = ref(whoShow)
|
||||||
if( whoShow1 && whoShow1.value.itShowXiHaiAn){
|
if (whoShow1 && whoShow1.value.itShowXiHaiAn) {
|
||||||
title[0] = title.splice(2, 1, title[0])[0];
|
title[0] = title.splice(2, 1, title[0])[0]
|
||||||
|
}
|
||||||
}
|
titleName.value = title
|
||||||
titleName.value=title
|
}
|
||||||
}
|
|
||||||
// 查询
|
// 查询
|
||||||
const onSearch = () => {
|
const onSearch = () => {
|
||||||
loading.value = true
|
loading.value = true
|
||||||
|
@ -1280,21 +1286,27 @@
|
||||||
.replace({
|
.replace({
|
||||||
query: newQuery,
|
query: newQuery,
|
||||||
})
|
})
|
||||||
.then(() => {})
|
.then(() => {
|
||||||
mybus.emit('changeRoomInput', searchValue.value)
|
mybus.emit('changeRoomInput', searchValue.value)
|
||||||
if (
|
if (
|
||||||
whoShow1.value.itShowQingDao &&
|
whoShow1.value.itShowQingDao &&
|
||||||
paramsGetResources.type == '基础设施'
|
paramsGetResources.type == '基础设施'
|
||||||
) {
|
) {
|
||||||
console.log('camera2', camera)
|
console.log('camera2', camera)
|
||||||
camera.value.getCamera(true, searchValue.value)
|
let selectType = router.currentRoute.value.query.selectType
|
||||||
} else {
|
if (selectType == '政务云资源') {
|
||||||
if (storageSearchInfo) {
|
camera.value.getGovernmentCloud()
|
||||||
getAppResources('分页查询')
|
} else {
|
||||||
} else {
|
camera.value.getCamera(true, searchValue.value)
|
||||||
getAppResources()
|
}
|
||||||
}
|
} else {
|
||||||
}
|
if (storageSearchInfo) {
|
||||||
|
getAppResources('分页查询')
|
||||||
|
} else {
|
||||||
|
getAppResources()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
}
|
}
|
||||||
const getAppResources = (switchIndex) => {
|
const getAppResources = (switchIndex) => {
|
||||||
if (!globalFlag.value) {
|
if (!globalFlag.value) {
|
||||||
|
@ -1751,7 +1763,7 @@
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
// 从本地读取查询条件,赋值
|
// 从本地读取查询条件,赋值
|
||||||
//西海岸基础设施放在最前面
|
//西海岸基础设施放在最前面
|
||||||
setTitle();
|
setTitle()
|
||||||
handleSetSearchData()
|
handleSetSearchData()
|
||||||
listKey2.value++
|
listKey2.value++
|
||||||
// 获取筛选条件
|
// 获取筛选条件
|
||||||
|
@ -1953,6 +1965,7 @@
|
||||||
infrastructurePageXha,
|
infrastructurePageXha,
|
||||||
detailsPageInfrastructureTree,
|
detailsPageInfrastructureTree,
|
||||||
detailsPageInfrastructureTreeXha,
|
detailsPageInfrastructureTreeXha,
|
||||||
|
infrastructureApplication,
|
||||||
},
|
},
|
||||||
beforeUnmount() {
|
beforeUnmount() {
|
||||||
mybus.off('getCameraByParentId')
|
mybus.off('getCameraByParentId')
|
||||||
|
|
|
@ -2,36 +2,59 @@
|
||||||
* @Author: Light
|
* @Author: Light
|
||||||
* @Date: 2022-11-16 16:46:16
|
* @Date: 2022-11-16 16:46:16
|
||||||
* @LastEditors: Light
|
* @LastEditors: Light
|
||||||
* @LastEditTime: 2022-11-17 09:46:45
|
* @LastEditTime: 2022-11-18 15:35:25
|
||||||
* @Description: 政务云资源列表
|
* @Description: 政务云资源列表
|
||||||
-->
|
-->
|
||||||
<template>
|
<template>
|
||||||
<div class="top">
|
<div class="top">
|
||||||
<div>检索结果:60项</div>
|
<div>检索结果:{{ props.governmentCloud.total }}项</div>
|
||||||
<div>
|
<div>
|
||||||
使用声明:
|
使用声明:
|
||||||
附加增值服务,委办局单位可以根据自身需求,按需采购,由采购单位付费。
|
附加增值服务,委办局单位可以根据自身需求,按需采购,由采购单位付费。
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="bottom">
|
<div
|
||||||
|
class="bottom"
|
||||||
|
v-for="(item, index) in props.governmentCloud.data"
|
||||||
|
:key="item.service_item_tier1 + index"
|
||||||
|
>
|
||||||
<div class="left"></div>
|
<div class="left"></div>
|
||||||
<div class="right">
|
<div class="right">
|
||||||
<div class="title">
|
<div class="title">
|
||||||
<div>
|
<div>
|
||||||
<div class="name">云主机</div>
|
<div class="name">{{ item.service_item_tier1 }}</div>
|
||||||
<div class="type">基础服务</div>
|
<div class="type">{{ item.service_type }}</div>
|
||||||
</div>
|
</div>
|
||||||
<div>年份:2022</div>
|
<div>年份:{{ item.year }}</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="text">云主机配置</div>
|
<div class="text">{{ item.service_description }}</div>
|
||||||
<div class="info">
|
<div class="info">
|
||||||
<div>一级条目:主机服务</div>
|
<div>一级条目:{{ item.service_item_tier2 }}</div>
|
||||||
<div>规格:1H2G</div>
|
<div>规格:{{ item.specification }}</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<a-pagination
|
||||||
|
v-model:current="current"
|
||||||
|
:pageSize="5"
|
||||||
|
:total="props.governmentCloud.total"
|
||||||
|
:showSizeChanger="false"
|
||||||
|
@change="changeCurrent"
|
||||||
|
show-less-items
|
||||||
|
/>
|
||||||
</template>
|
</template>
|
||||||
<script setup></script>
|
<script setup>
|
||||||
|
import { ref, defineProps, defineEmits } from 'vue'
|
||||||
|
const props = defineProps({
|
||||||
|
governmentCloud: { type: Object, default: null },
|
||||||
|
})
|
||||||
|
const emit = defineEmits(['getGovernmentCloud'])
|
||||||
|
const current = ref(props.governmentCloud.current)
|
||||||
|
const changeCurrent = (current) => {
|
||||||
|
console.log(current)
|
||||||
|
emit('getGovernmentCloud', current)
|
||||||
|
}
|
||||||
|
</script>
|
||||||
<style lang="less" scoped>
|
<style lang="less" scoped>
|
||||||
.top {
|
.top {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
|
@ -2,7 +2,7 @@
|
||||||
海康H5Player
|
海康H5Player
|
||||||
-->
|
-->
|
||||||
<template>
|
<template>
|
||||||
<div id='player' style="width:950px;height:600px"></div>
|
<div id='player' style="width:800px;height:600px;z-index:9999"></div>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
const IS_MOVE_DEVICE = document.body.clientWidth < 992 // 是否移动设备
|
const IS_MOVE_DEVICE = document.body.clientWidth < 992 // 是否移动设备
|
||||||
|
|
|
@ -19,7 +19,7 @@
|
||||||
:key="item.key"
|
:key="item.key"
|
||||||
@click="jumpPage(item,'headerClick')"
|
@click="jumpPage(item,'headerClick')"
|
||||||
class="nav"
|
class="nav"
|
||||||
:class="[{'select':item.key == select},{'select-inner':(item.key == 'DetailsPageconetent' && item.innerKey == 'algorithmCompare'&& props.targetFlag)}]"
|
:class="[{'select':item.key == select},{'select-inner':(item.key == 'DetailsPageconetent' && item.innerKey && props.targetFlag)}]"
|
||||||
>
|
>
|
||||||
{{ item.name }}
|
{{ item.name }}
|
||||||
</div>
|
</div>
|
||||||
|
@ -171,6 +171,7 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
console.log('3333333------------>', props)
|
||||||
// 返回首页
|
// 返回首页
|
||||||
const goToHome = () => {
|
const goToHome = () => {
|
||||||
// 西海岸
|
// 西海岸
|
||||||
|
@ -290,7 +291,7 @@
|
||||||
break
|
break
|
||||||
case '能力集市':
|
case '能力集市':
|
||||||
router.push({
|
router.push({
|
||||||
path: '/algorithmCompare',
|
path: targetRouter.value.path,
|
||||||
query: {
|
query: {
|
||||||
id: targetRouter.value.id,
|
id: targetRouter.value.id,
|
||||||
},
|
},
|
||||||
|
@ -301,41 +302,11 @@
|
||||||
path: '/capabilityCloud',
|
path: '/capabilityCloud',
|
||||||
})
|
})
|
||||||
break
|
break
|
||||||
// case '技术文档':
|
|
||||||
// router.push({
|
|
||||||
// path: '/developmentGuide',
|
|
||||||
// })
|
|
||||||
// break
|
|
||||||
case '新手指南':
|
|
||||||
router.push({
|
|
||||||
path: '/instructionManual',
|
|
||||||
})
|
|
||||||
break
|
|
||||||
case '需求中心':
|
|
||||||
router.push({
|
|
||||||
path: '/demandCenter',
|
|
||||||
})
|
|
||||||
break
|
|
||||||
case '区市站点':
|
|
||||||
router.push({
|
|
||||||
path: '/mapTest',
|
|
||||||
})
|
|
||||||
break
|
|
||||||
case '后台管理':
|
case '后台管理':
|
||||||
Cookies.remove('JSESSIONID')
|
Cookies.remove('JSESSIONID')
|
||||||
window.open(window.SITE_CONFIG.backUrl + '/#/workBench-workBench')
|
window.open(window.SITE_CONFIG.backUrl + '/#/workBench-workBench')
|
||||||
// window.reload('http://15.2.21.238:9797')
|
// window.reload('http://15.2.21.238:9797')
|
||||||
break
|
break
|
||||||
case '赋能案例':
|
|
||||||
router.push({
|
|
||||||
path: '/assignCase',
|
|
||||||
})
|
|
||||||
break
|
|
||||||
case '典型赋能案例':
|
|
||||||
router.push({
|
|
||||||
path: '/assignCase',
|
|
||||||
})
|
|
||||||
break
|
|
||||||
case '融合服务':
|
case '融合服务':
|
||||||
router.push({
|
router.push({
|
||||||
path: '/integrationServices',
|
path: '/integrationServices',
|
||||||
|
@ -431,8 +402,9 @@
|
||||||
})
|
})
|
||||||
|
|
||||||
mybus.on('changeMenuStyle', (data) => {
|
mybus.on('changeMenuStyle', (data) => {
|
||||||
|
debugger
|
||||||
|
targetRouter.value = data;
|
||||||
if(data.path=='/algorithmCompare'){
|
if(data.path=='/algorithmCompare'){
|
||||||
targetRouter.value = data;
|
|
||||||
jumpPage({
|
jumpPage({
|
||||||
"name": "能力集市",
|
"name": "能力集市",
|
||||||
"key": "DetailsPageconetent",
|
"key": "DetailsPageconetent",
|
||||||
|
@ -440,6 +412,12 @@
|
||||||
},'innerClick');
|
},'innerClick');
|
||||||
} else if(data.path =='/DetailsPageconetent'){
|
} else if(data.path =='/DetailsPageconetent'){
|
||||||
jumpPage({ name: '能力集市', key: 'DetailsPageconetent' },'headerClick')
|
jumpPage({ name: '能力集市', key: 'DetailsPageconetent' },'headerClick')
|
||||||
|
} else if(data.path =='/details'){
|
||||||
|
jumpPage({
|
||||||
|
"name": "能力集市",
|
||||||
|
"key": "DetailsPageconetent",
|
||||||
|
"innerKey":"details"
|
||||||
|
},'innerClick');
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
||||||
|
|
|
@ -609,12 +609,18 @@
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
context.emit('saveSearchCodition')
|
context.emit('saveSearchCodition')
|
||||||
router.push({
|
// router.push({
|
||||||
path: '/details',
|
// path: '/details',
|
||||||
query: {
|
// query: {
|
||||||
id: item.id,
|
// id: item.id,
|
||||||
},
|
// },
|
||||||
})
|
// });
|
||||||
|
//修改顶部菜单的样式
|
||||||
|
let pathData = {
|
||||||
|
path: '/details',
|
||||||
|
id: item.id,
|
||||||
|
};
|
||||||
|
mybus.emit('changeMenuStyle',pathData);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,5 +1,11 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="detail-back" @click="previousPage" :style="{ color: textColor }">
|
<div>
|
||||||
|
<div class="nav-box">
|
||||||
|
<a-breadcrumb>
|
||||||
|
<a-breadcrumb-item @click="goToDetailsPageconetent" class="bread-crumb-span">能力集市</a-breadcrumb-item>
|
||||||
|
<a-breadcrumb-item>{{detailName}}</a-breadcrumb-item>
|
||||||
|
</a-breadcrumb>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
@ -24,20 +30,40 @@ const previousPage = () => {
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
const detailName = ref("应用资源")
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="less">
|
<style scoped lang="less">
|
||||||
.detail-back {
|
.detail-back {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0.85rem;
|
top: 0.6rem;
|
||||||
left: 100px;
|
left: 100px;
|
||||||
font-size: 0.18rem;
|
font-size: 0.18rem;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
width: 50px;
|
width: 50px;
|
||||||
height: 50px;
|
height: 50px;
|
||||||
background-image: url('~@/assets/detailsAll/back.png');
|
//background-image: url('~@/assets/detailsAll/back.png');
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
}
|
}
|
||||||
|
.nav-box {
|
||||||
|
position: absolute;
|
||||||
|
top: 0.6rem;
|
||||||
|
//left: 100px;
|
||||||
|
font-size: 0.18rem;
|
||||||
|
color: #fff;
|
||||||
|
height: 30px;
|
||||||
|
line-height:30px;
|
||||||
|
width: 100%;
|
||||||
|
font-size: 14px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
background: rgba(244, 245, 248, 0.8);
|
||||||
|
padding-left: 145px;
|
||||||
|
padding-top: 5px;
|
||||||
|
.bread-crumb-span{
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
}
|
||||||
</style>
|
</style>
|
|
@ -8,11 +8,12 @@
|
||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<div id="apply-container">
|
<div id="apply-container">
|
||||||
<home-header :showView="showView"></home-header>
|
<home-header :showView="showView" :target-flag = "targetFlag"></home-header>
|
||||||
<detail-back></detail-back>
|
<detail-back></detail-back>
|
||||||
<details-view v-if="showView === 'details-view'"></details-view>
|
<div class="detail-content">
|
||||||
|
<details-view v-if="showView === 'details-view'"></details-view>
|
||||||
<algorithm-details
|
<algorithm-details
|
||||||
v-else-if="showView === 'algorithm-details'"
|
v-if="showView === 'algorithm-details'"
|
||||||
></algorithm-details>
|
></algorithm-details>
|
||||||
<application-details
|
<application-details
|
||||||
v-else-if="showView === 'application-details'"
|
v-else-if="showView === 'application-details'"
|
||||||
|
@ -24,6 +25,7 @@
|
||||||
v-else-if="showView === 'business-details'"
|
v-else-if="showView === 'business-details'"
|
||||||
></business-details>
|
></business-details>
|
||||||
<layer-service v-else-if="showView === 'layer-service'"></layer-service>
|
<layer-service v-else-if="showView === 'layer-service'"></layer-service>
|
||||||
|
</div>
|
||||||
<home-footer></home-footer>
|
<home-footer></home-footer>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -95,6 +97,7 @@
|
||||||
const id = router.currentRoute.value.query.id
|
const id = router.currentRoute.value.query.id
|
||||||
const obj = JSON.parse(window.sessionStorage.getItem('preview'))
|
const obj = JSON.parse(window.sessionStorage.getItem('preview'))
|
||||||
let showView = ref('')
|
let showView = ref('')
|
||||||
|
const targetFlag= ref(true)
|
||||||
const init = () => {
|
const init = () => {
|
||||||
if (id) {
|
if (id) {
|
||||||
selectOne(id).then((res) => {
|
selectOne(id).then((res) => {
|
||||||
|
@ -171,6 +174,7 @@
|
||||||
formState,
|
formState,
|
||||||
options,
|
options,
|
||||||
showView,
|
showView,
|
||||||
|
targetFlag,
|
||||||
init,
|
init,
|
||||||
router,
|
router,
|
||||||
id,
|
id,
|
||||||
|
@ -191,4 +195,7 @@
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
}
|
}
|
||||||
|
.detail-content{
|
||||||
|
margin-top:90px;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -1,8 +1,34 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="wrapper">
|
<div class="wrapper">
|
||||||
<div class="wrapper-title-left-tree" :key="showKey">
|
<div class="nav">
|
||||||
|
<div :class="{ active: itemIndex == 1 }" @click="btnClick(1)">
|
||||||
|
<span
|
||||||
|
class="photo"
|
||||||
|
:style="{
|
||||||
|
backgroundImage: `url(${bumenImg}) `,
|
||||||
|
backgroundSize: 'cover',
|
||||||
|
}"
|
||||||
|
></span>
|
||||||
|
<span>部门</span>
|
||||||
|
</div>
|
||||||
|
<div :class="{ active: itemIndex == 2 }" @click="btnClick(2)">
|
||||||
|
<span
|
||||||
|
class="photo"
|
||||||
|
:style="{
|
||||||
|
backgroundImage: `url(${biaoqianImg}) `,
|
||||||
|
backgroundSize: 'cover',
|
||||||
|
}"
|
||||||
|
></span>
|
||||||
|
<span>标签</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div v-if="itemIndex == 1" class="wrapper-title-left-tree" :key="showKey">
|
||||||
<div v-for="item in treeData" :key="item.id" class="primaryNode">
|
<div v-for="item in treeData" :key="item.id" class="primaryNode">
|
||||||
<div class="top" @click="showBottom(item)" :class="item.show ? 'topSelect' : ''">
|
<div
|
||||||
|
class="top"
|
||||||
|
@click="showBottom(item)"
|
||||||
|
:class="item.show ? 'topSelect' : ''"
|
||||||
|
>
|
||||||
{{ item.name }}
|
{{ item.name }}
|
||||||
({{ item.channelCount }})
|
({{ item.channelCount }})
|
||||||
<DownOutlined v-show="!item.show" />
|
<DownOutlined v-show="!item.show" />
|
||||||
|
@ -10,13 +36,28 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="bottom" v-show="item.show">
|
<div class="bottom" v-show="item.show">
|
||||||
<div v-for="val in item.children" :key="val.id" class="item">
|
<div v-for="val in item.children" :key="val.id" class="item">
|
||||||
<div class="up" :class="selectId == val.id ? 'select' : ''"
|
<div
|
||||||
@click="showDown(item, val), onSelect(item, val)">
|
class="up"
|
||||||
|
:class="selectId == val.id ? 'select' : ''"
|
||||||
|
@click="showDown(item, val), onSelect(item, val)"
|
||||||
|
>
|
||||||
<div>
|
<div>
|
||||||
<svg t="1654068878091" class="icon" viewBox="0 0 1024 1024" version="1.1"
|
<svg
|
||||||
xmlns="http://www.w3.org/2000/svg" p-id="2156" width="0.25rem" height="0.25rem"
|
t="1654068878091"
|
||||||
v-show="selectId == val.id">
|
class="icon"
|
||||||
<path d="M512 624a112 112 0 1 0 0-224 112 112 0 0 0 0 224z" p-id="2157" fill="#0058e1"></path>
|
viewBox="0 0 1024 1024"
|
||||||
|
version="1.1"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
p-id="2156"
|
||||||
|
width="0.25rem"
|
||||||
|
height="0.25rem"
|
||||||
|
v-show="selectId == val.id"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M512 624a112 112 0 1 0 0-224 112 112 0 0 0 0 224z"
|
||||||
|
p-id="2157"
|
||||||
|
fill="#0058e1"
|
||||||
|
></path>
|
||||||
</svg>
|
</svg>
|
||||||
<span class="name">{{ val.name }}({{ val.channelCount }})</span>
|
<span class="name">{{ val.name }}({{ val.channelCount }})</span>
|
||||||
</div>
|
</div>
|
||||||
|
@ -27,13 +68,30 @@
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="down" v-show="val.show">
|
<div class="down" v-show="val.show">
|
||||||
<div v-for="child in val.children" :key="child.id" class="child"
|
<div
|
||||||
:class="selectId == child.id ? 'select2' : ''" @click="onSelect(item, child, child)">
|
v-for="child in val.children"
|
||||||
|
:key="child.id"
|
||||||
|
class="child"
|
||||||
|
:class="selectId == child.id ? 'select2' : ''"
|
||||||
|
@click="onSelect(item, child, child)"
|
||||||
|
>
|
||||||
<div>
|
<div>
|
||||||
<svg t="1654068878091" class="icon" viewBox="0 0 1024 1024" version="1.1"
|
<svg
|
||||||
xmlns="http://www.w3.org/2000/svg" p-id="2156" width="0.25rem" height="0.25rem"
|
t="1654068878091"
|
||||||
v-show="selectId == child.id">
|
class="icon"
|
||||||
<path d="M512 624a112 112 0 1 0 0-224 112 112 0 0 0 0 224z" p-id="2157" fill="#0058e1"></path>
|
viewBox="0 0 1024 1024"
|
||||||
|
version="1.1"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
p-id="2156"
|
||||||
|
width="0.25rem"
|
||||||
|
height="0.25rem"
|
||||||
|
v-show="selectId == child.id"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M512 624a112 112 0 1 0 0-224 112 112 0 0 0 0 224z"
|
||||||
|
p-id="2157"
|
||||||
|
fill="#0058e1"
|
||||||
|
></path>
|
||||||
</svg>
|
</svg>
|
||||||
<span class="name">
|
<span class="name">
|
||||||
{{ child.name }}
|
{{ child.name }}
|
||||||
|
@ -46,6 +104,20 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div v-if="itemIndex == 2" class="wrapper-title-left-tree">
|
||||||
|
<div v-for="(item, index) in biaoqianList">
|
||||||
|
<div class="titleName">{{ item.placeTypeName }}</div>
|
||||||
|
<div class="glgkmk" v-for="(child, index) in item.children">
|
||||||
|
<div
|
||||||
|
class="glgknum"
|
||||||
|
:class="{ active: child.placeTypeCode == chooseId }"
|
||||||
|
@click="tabClick(child.placeTypeCode)"
|
||||||
|
>
|
||||||
|
{{ child.placeTypeName }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
|
@ -59,29 +131,35 @@ import { DETAIL_PAGE_CONTENT_DEFAULT_TAB } from '@/global/GlobalConfig.js'
|
||||||
|
|
||||||
export default defineComponent({
|
export default defineComponent({
|
||||||
setup() {
|
setup() {
|
||||||
|
const biaoqianList = ref([])
|
||||||
|
const bumenImg = require('@/assets/newHome/bumen.png')
|
||||||
|
const biaoqianImg = require('@/assets/newHome/biaoqian.png')
|
||||||
const router = useRouter()
|
const router = useRouter()
|
||||||
const whoShow1 = ref(whoShow)
|
const whoShow1 = ref(whoShow)
|
||||||
const showKey = ref(0)
|
const showKey = ref(0)
|
||||||
const treeData = ref([])
|
const treeData = ref([])
|
||||||
const selectId = ref('')
|
const selectId = ref('')
|
||||||
|
let itemIndex = ref(1)
|
||||||
|
let chooseId = ref('')
|
||||||
|
//切换tab
|
||||||
|
const btnClick = (index) => {
|
||||||
|
itemIndex.value = index
|
||||||
|
}
|
||||||
|
//选择标签内容
|
||||||
|
const tabClick = (id) => {
|
||||||
|
chooseId.value = id
|
||||||
|
}
|
||||||
// 初始化
|
// 初始化
|
||||||
const init = async () => {
|
const init = async () => {
|
||||||
treeData.value = []
|
treeData.value = []
|
||||||
console.log(
|
let select =
|
||||||
'router.currentRoute.value.query.select',
|
router.currentRoute.value.query.select ||
|
||||||
router.currentRoute.value.query.select
|
DETAIL_PAGE_CONTENT_DEFAULT_TAB
|
||||||
)
|
|
||||||
let select = router.currentRoute.value.query.select || DETAIL_PAGE_CONTENT_DEFAULT_TAB
|
|
||||||
if (select === '123') {
|
if (select === '123') {
|
||||||
select = ''
|
select = ''
|
||||||
}
|
}
|
||||||
console.log(
|
|
||||||
'获取url中的select=====================>',
|
|
||||||
router.currentRoute.value.query.select
|
|
||||||
)
|
|
||||||
if (select == '基础设施') {
|
if (select == '基础设施') {
|
||||||
let res = {};
|
let res = {}
|
||||||
if (whoShow1.value && !whoShow1.value.itShowXiHaiAn) {
|
if (whoShow1.value && !whoShow1.value.itShowXiHaiAn) {
|
||||||
res = await getCameraAllOrgan({ parentId: 'S4NbecfYB1DBH8HNULGS34' })
|
res = await getCameraAllOrgan({ parentId: 'S4NbecfYB1DBH8HNULGS34' })
|
||||||
} else {
|
} else {
|
||||||
|
@ -90,9 +168,27 @@ export default defineComponent({
|
||||||
areaId: '70be8c5b664f4bcf869d82f2e8335051',
|
areaId: '70be8c5b664f4bcf869d82f2e8335051',
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
treeData.value = res.data && res.data.data || []
|
treeData.value = (res.data && res.data.data) || []
|
||||||
|
//获取标签列表=========
|
||||||
|
biaoqianList.value = [
|
||||||
|
{
|
||||||
|
placeTypeName: '政府机构',
|
||||||
|
children: [
|
||||||
|
{ placeTypeName: '行政中心', placeTypeCode: '1' },
|
||||||
|
{ placeTypeName: '行政中心', placeTypeCode: '12' },
|
||||||
|
{ placeTypeName: '行政中心', placeTypeCode: '14' },
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
placeTypeName: '政府机构1',
|
||||||
|
children: [
|
||||||
|
{ placeTypeName: '行政中心', placeTypeCode: '2' },
|
||||||
|
{ placeTypeName: '行政中心', placeTypeCode: '3' },
|
||||||
|
],
|
||||||
|
},
|
||||||
|
]
|
||||||
// 只有一个,默认展开到二级菜单
|
// 只有一个,默认展开到二级菜单
|
||||||
if(res.data && res.data.data.length == 1) {
|
if (res.data && res.data.data.length == 1) {
|
||||||
showBottom(treeData.value[0])
|
showBottom(treeData.value[0])
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -102,11 +198,6 @@ export default defineComponent({
|
||||||
})
|
})
|
||||||
|
|
||||||
const onSelect = async (item, val, child) => {
|
const onSelect = async (item, val, child) => {
|
||||||
console.log('item--------onSelect---->', item);
|
|
||||||
console.log('val------onSelect------>', val);
|
|
||||||
console.log('child-----onSelect------->', child);
|
|
||||||
mybus.emit('getCameraByParentId', val.id)
|
|
||||||
mybus.emit('getListByParentId', val.id)
|
|
||||||
let res = {}
|
let res = {}
|
||||||
if (whoShow1.value && !whoShow1.value.itShowXiHaiAn) {
|
if (whoShow1.value && !whoShow1.value.itShowXiHaiAn) {
|
||||||
res = await getCameraAllOrgan({ parentId: val.id })
|
res = await getCameraAllOrgan({ parentId: val.id })
|
||||||
|
@ -137,8 +228,8 @@ export default defineComponent({
|
||||||
})
|
})
|
||||||
|
|
||||||
const showBottom = async (item) => {
|
const showBottom = async (item) => {
|
||||||
item.show = !item.show;
|
item.show = !item.show
|
||||||
let res = {};
|
let res = {}
|
||||||
if (whoShow1.value && !whoShow1.value.itShowXiHaiAn) {
|
if (whoShow1.value && !whoShow1.value.itShowXiHaiAn) {
|
||||||
res = await getCameraAllOrgan({ parentId: item.id })
|
res = await getCameraAllOrgan({ parentId: item.id })
|
||||||
} else {
|
} else {
|
||||||
|
@ -148,17 +239,17 @@ export default defineComponent({
|
||||||
|
|
||||||
treeData.value.map((treeDataItem, index) => {
|
treeData.value.map((treeDataItem, index) => {
|
||||||
if (item.id == treeDataItem.id) {
|
if (item.id == treeDataItem.id) {
|
||||||
treeData.value[index].children = res.data && res.data.data || []
|
treeData.value[index].children = (res.data && res.data.data) || []
|
||||||
console.log('treeData.value.[index]', treeData.value[index])
|
console.log('treeData.value.[index]', treeData.value[index])
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
const showDown = (item, val) => {
|
const showDown = (item, val) => {
|
||||||
selectId.value = val.id
|
selectId.value = val.id
|
||||||
console.log('item---showDown--------->', item);
|
console.log('item---showDown--------->', item)
|
||||||
console.log('val----showDown-------->', val);
|
console.log('val----showDown-------->', val)
|
||||||
if (item.children) {
|
if (item.children) {
|
||||||
val.show = !val.show;
|
val.show = !val.show
|
||||||
// 取消选中
|
// 取消选中
|
||||||
if (!val.show) {
|
if (!val.show) {
|
||||||
selectId.value = ''
|
selectId.value = ''
|
||||||
|
@ -166,12 +257,19 @@ export default defineComponent({
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
return {
|
return {
|
||||||
|
btnClick,
|
||||||
|
tabClick,
|
||||||
treeData,
|
treeData,
|
||||||
showKey,
|
showKey,
|
||||||
onSelect,
|
onSelect,
|
||||||
showBottom,
|
showBottom,
|
||||||
showDown,
|
showDown,
|
||||||
selectId,
|
selectId,
|
||||||
|
itemIndex,
|
||||||
|
bumenImg,
|
||||||
|
biaoqianImg,
|
||||||
|
biaoqianList,
|
||||||
|
chooseId,
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
beforeUnmount() {
|
beforeUnmount() {
|
||||||
|
@ -185,6 +283,67 @@ export default defineComponent({
|
||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
<style lang="less" scoped>
|
<style lang="less" scoped>
|
||||||
|
.titleName {
|
||||||
|
font-size: 18px;
|
||||||
|
color: #1e1a1a;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
padding-left: 10px;
|
||||||
|
border-left: 6px solid #1296db;
|
||||||
|
}
|
||||||
|
.glgkmk {
|
||||||
|
cursor: pointer;
|
||||||
|
text-align: center;
|
||||||
|
position: relative;
|
||||||
|
display: inline-block;
|
||||||
|
width: 30%;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
.active {
|
||||||
|
color: #0058e1;
|
||||||
|
}
|
||||||
|
.glgknum {
|
||||||
|
// color: #000000;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.glgkmk :hover {
|
||||||
|
color: #0058e1;
|
||||||
|
}
|
||||||
|
.nav {
|
||||||
|
margin-bottom: 13px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-around;
|
||||||
|
align-items: center;
|
||||||
|
font-size: 18px;
|
||||||
|
font-family: 'Alibaba PuHuiTi';
|
||||||
|
color: #000000;
|
||||||
|
line-height: 0.32rem;
|
||||||
|
margin-bottom: 0.1rem;
|
||||||
|
|
||||||
|
.photo {
|
||||||
|
display: inline-block;
|
||||||
|
height: 0.3rem;
|
||||||
|
width: 0.3rem;
|
||||||
|
margin-right: 0.1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
div {
|
||||||
|
padding: 0 0.1rem;
|
||||||
|
cursor: pointer;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
div:hover {
|
||||||
|
color: #1296db;
|
||||||
|
}
|
||||||
|
|
||||||
|
.active {
|
||||||
|
font-weight: 600;
|
||||||
|
color: #1296db;
|
||||||
|
border-bottom: 0.02rem solid #1296db;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.primaryNode {
|
.primaryNode {
|
||||||
.top {
|
.top {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
@ -232,7 +391,7 @@ export default defineComponent({
|
||||||
border-top: 0.01rem solid #ccc;
|
border-top: 0.01rem solid #ccc;
|
||||||
padding: 0 0.1rem;
|
padding: 0 0.1rem;
|
||||||
|
|
||||||
&>div {
|
& > div {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
}
|
}
|
||||||
|
@ -289,7 +448,7 @@ export default defineComponent({
|
||||||
align-items: center;
|
align-items: center;
|
||||||
padding: 0 0.1rem;
|
padding: 0 0.1rem;
|
||||||
|
|
||||||
&>div {
|
& > div {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
}
|
}
|
||||||
|
|
|
@ -562,9 +562,13 @@
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div
|
||||||
class="infrastructrue-table"
|
class="infrastructrue-table"
|
||||||
|
:key="showKey"
|
||||||
v-if="!wrjFlag && selectType == '政务云资源'"
|
v-if="!wrjFlag && selectType == '政务云资源'"
|
||||||
>
|
>
|
||||||
<GovernmentCloudResources></GovernmentCloudResources>
|
<GovernmentCloudResources
|
||||||
|
:governmentCloud="governmentCloud"
|
||||||
|
@getGovernmentCloud="getGovernmentCloud"
|
||||||
|
></GovernmentCloudResources>
|
||||||
</div>
|
</div>
|
||||||
<!-- 西海岸-无人机、单兵设备 -->
|
<!-- 西海岸-无人机、单兵设备 -->
|
||||||
<div class="infrastructrue-table" v-else-if="isXiHaiAn && wrjFlag">
|
<div class="infrastructrue-table" v-else-if="isXiHaiAn && wrjFlag">
|
||||||
|
@ -1553,6 +1557,7 @@
|
||||||
}
|
}
|
||||||
const emits = defineEmits(['add'])
|
const emits = defineEmits(['add'])
|
||||||
const selectType = ref('政务云资源')
|
const selectType = ref('政务云资源')
|
||||||
|
const showKey = ref(0)
|
||||||
//表格的高度
|
//表格的高度
|
||||||
let tableHeight = ref('600')
|
let tableHeight = ref('600')
|
||||||
//tab切换点击事件
|
//tab切换点击事件
|
||||||
|
@ -1561,6 +1566,15 @@
|
||||||
selectedList.value = []
|
selectedList.value = []
|
||||||
if (clickList.value[indexFather].content.indexOf(name) != -1) {
|
if (clickList.value[indexFather].content.indexOf(name) != -1) {
|
||||||
if (name == '视频资源') {
|
if (name == '视频资源') {
|
||||||
|
let newQuery = JSON.parse(
|
||||||
|
JSON.stringify(router.currentRoute.value.query)
|
||||||
|
)
|
||||||
|
newQuery.selectType = name
|
||||||
|
router
|
||||||
|
.replace({
|
||||||
|
query: newQuery,
|
||||||
|
})
|
||||||
|
.then(() => {})
|
||||||
room.value = true
|
room.value = true
|
||||||
tableHeight.value = 330
|
tableHeight.value = 330
|
||||||
showMap.value = true
|
showMap.value = true
|
||||||
|
@ -1570,6 +1584,15 @@
|
||||||
selectType.value = '视频资源'
|
selectType.value = '视频资源'
|
||||||
console.log('444------------>', 444)
|
console.log('444------------>', 444)
|
||||||
} else if (name == '政务云资源') {
|
} else if (name == '政务云资源') {
|
||||||
|
let newQuery = JSON.parse(
|
||||||
|
JSON.stringify(router.currentRoute.value.query)
|
||||||
|
)
|
||||||
|
newQuery.selectType = name
|
||||||
|
router
|
||||||
|
.replace({
|
||||||
|
query: newQuery,
|
||||||
|
})
|
||||||
|
.then(() => {})
|
||||||
room.value = true
|
room.value = true
|
||||||
tableHeight.value = 600
|
tableHeight.value = 600
|
||||||
showMap.value = false
|
showMap.value = false
|
||||||
|
@ -1589,7 +1612,25 @@
|
||||||
pagination.value.total = 0
|
pagination.value.total = 0
|
||||||
selectType.value = '感知资源'
|
selectType.value = '感知资源'
|
||||||
} else if (name == '城市云脑会客厅') {
|
} else if (name == '城市云脑会客厅') {
|
||||||
|
let newQuery = JSON.parse(
|
||||||
|
JSON.stringify(router.currentRoute.value.query)
|
||||||
|
)
|
||||||
|
newQuery.selectType = name
|
||||||
|
router
|
||||||
|
.replace({
|
||||||
|
query: newQuery,
|
||||||
|
})
|
||||||
|
.then(() => {})
|
||||||
} else if (name == '视频会议') {
|
} else if (name == '视频会议') {
|
||||||
|
let newQuery = JSON.parse(
|
||||||
|
JSON.stringify(router.currentRoute.value.query)
|
||||||
|
)
|
||||||
|
newQuery.selectType = name
|
||||||
|
router
|
||||||
|
.replace({
|
||||||
|
query: newQuery,
|
||||||
|
})
|
||||||
|
.then(() => {})
|
||||||
room.value = true
|
room.value = true
|
||||||
tableHeight.value = 600
|
tableHeight.value = 600
|
||||||
showMap.value = false
|
showMap.value = false
|
||||||
|
@ -1609,6 +1650,15 @@
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
if (name == '视频资源') {
|
if (name == '视频资源') {
|
||||||
|
let newQuery = JSON.parse(
|
||||||
|
JSON.stringify(router.currentRoute.value.query)
|
||||||
|
)
|
||||||
|
newQuery.selectType = name
|
||||||
|
router
|
||||||
|
.replace({
|
||||||
|
query: newQuery,
|
||||||
|
})
|
||||||
|
.then(() => {})
|
||||||
selectType.value = '视频资源'
|
selectType.value = '视频资源'
|
||||||
wrjFlag.value = false
|
wrjFlag.value = false
|
||||||
tableHeight.value = 330
|
tableHeight.value = 330
|
||||||
|
@ -1649,6 +1699,15 @@
|
||||||
emits('add', 1)
|
emits('add', 1)
|
||||||
getCamera()
|
getCamera()
|
||||||
} else if (name == '政务云资源') {
|
} else if (name == '政务云资源') {
|
||||||
|
let newQuery = JSON.parse(
|
||||||
|
JSON.stringify(router.currentRoute.value.query)
|
||||||
|
)
|
||||||
|
newQuery.selectType = name
|
||||||
|
router
|
||||||
|
.replace({
|
||||||
|
query: newQuery,
|
||||||
|
})
|
||||||
|
.then(() => {})
|
||||||
selectType.value = '政务云资源'
|
selectType.value = '政务云资源'
|
||||||
tableHeight.value = 600
|
tableHeight.value = 600
|
||||||
showMap.value = false
|
showMap.value = false
|
||||||
|
@ -1667,6 +1726,7 @@
|
||||||
'PaaS服务',
|
'PaaS服务',
|
||||||
'安全服务',
|
'安全服务',
|
||||||
'大数据服务',
|
'大数据服务',
|
||||||
|
'运营服务',
|
||||||
'附加增值服务',
|
'附加增值服务',
|
||||||
]
|
]
|
||||||
} else {
|
} else {
|
||||||
|
@ -1680,6 +1740,15 @@
|
||||||
wrjFlag.value = false
|
wrjFlag.value = false
|
||||||
emits('add', 2)
|
emits('add', 2)
|
||||||
} else if (name == '视频会议') {
|
} else if (name == '视频会议') {
|
||||||
|
let newQuery = JSON.parse(
|
||||||
|
JSON.stringify(router.currentRoute.value.query)
|
||||||
|
)
|
||||||
|
newQuery.selectType = name
|
||||||
|
router
|
||||||
|
.replace({
|
||||||
|
query: newQuery,
|
||||||
|
})
|
||||||
|
.then(() => {})
|
||||||
selectType.value = '视频会议'
|
selectType.value = '视频会议'
|
||||||
tableHeight.value = 600
|
tableHeight.value = 600
|
||||||
showMap.value = false
|
showMap.value = false
|
||||||
|
@ -1722,6 +1791,15 @@
|
||||||
pagination.value.current = 1
|
pagination.value.current = 1
|
||||||
getSoldierData(indexFather, name)
|
getSoldierData(indexFather, name)
|
||||||
} else if (name == '城市云脑会客厅') {
|
} else if (name == '城市云脑会客厅') {
|
||||||
|
let newQuery = JSON.parse(
|
||||||
|
JSON.stringify(router.currentRoute.value.query)
|
||||||
|
)
|
||||||
|
newQuery.selectType = name
|
||||||
|
router
|
||||||
|
.replace({
|
||||||
|
query: newQuery,
|
||||||
|
})
|
||||||
|
.then(() => {})
|
||||||
showMap.value = false
|
showMap.value = false
|
||||||
dataSource.value = []
|
dataSource.value = []
|
||||||
dataSource2.value = []
|
dataSource2.value = []
|
||||||
|
@ -1783,7 +1861,9 @@
|
||||||
clickList.value[indexFather].content = [name]
|
clickList.value[indexFather].content = [name]
|
||||||
}
|
}
|
||||||
if (!isXiHaiAn) {
|
if (!isXiHaiAn) {
|
||||||
getGovernmentCloud()
|
getGovernmentCloud(1)
|
||||||
|
governmentCloud.current = 1
|
||||||
|
showKey.value++
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
// 改变查询摄像头接口的labelCode数组
|
// 改变查询摄像头接口的labelCode数组
|
||||||
|
@ -2142,10 +2222,6 @@
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
defineExpose({
|
|
||||||
getCamera,
|
|
||||||
reSetSearch,
|
|
||||||
})
|
|
||||||
//加入申购车
|
//加入申购车
|
||||||
const addShoppingCart = () => {
|
const addShoppingCart = () => {
|
||||||
if (selectedList.value.length > 0) {
|
if (selectedList.value.length > 0) {
|
||||||
|
@ -2313,9 +2389,18 @@
|
||||||
} else {
|
} else {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
const getGovernmentCloud = () => {
|
const governmentCloud = reactive({ data: [], total: 0, current: 1 })
|
||||||
getPolicyCloudService().then((res) => {
|
const getGovernmentCloud = (page) => {
|
||||||
|
let roomStr = router.currentRoute.value.query.str
|
||||||
|
getPolicyCloudService({
|
||||||
|
limit: 5,
|
||||||
|
page: page || 1,
|
||||||
|
name: roomStr || '',
|
||||||
|
type: clickList.value[1].content[0],
|
||||||
|
}).then((res) => {
|
||||||
console.log('获取政务云资源======》', res.data.data)
|
console.log('获取政务云资源======》', res.data.data)
|
||||||
|
governmentCloud.data = res.data.data.list
|
||||||
|
governmentCloud.total = res.data.data.total
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
// 切换tab
|
// 切换tab
|
||||||
|
@ -2378,6 +2463,12 @@
|
||||||
message.warning(err)
|
message.warning(err)
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
defineExpose({
|
||||||
|
getCamera,
|
||||||
|
reSetSearch,
|
||||||
|
getGovernmentCloud,
|
||||||
|
})
|
||||||
</script>
|
</script>
|
||||||
<style lang="less" scoped>
|
<style lang="less" scoped>
|
||||||
.infrastructrueBox {
|
.infrastructrueBox {
|
||||||
|
|
|
@ -20,13 +20,15 @@
|
||||||
:key="url"
|
:key="url"
|
||||||
:src="url"
|
:src="url"
|
||||||
>
|
>
|
||||||
<!-- <div class="video-content" style=" z-index: 1">
|
<div class="video-content">
|
||||||
<h5-player :video-url = "videoUrl"></h5-player>
|
<h5-player></h5-player>
|
||||||
</div> -->
|
|
||||||
<div style="color:#000000">
|
|
||||||
<h5-player :video-url = "videoUrl"></h5-player>
|
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<!-- <div style="color:#000000">
|
||||||
|
<div class="video-content" style=" z-index: 1">
|
||||||
|
<h5-player :video-url="videoUrl"></h5-player>
|
||||||
|
</div>
|
||||||
|
</div> -->
|
||||||
|
<div class="footer-button">
|
||||||
<a-button type="primary" @click="applyNow(url)">立即申请</a-button>
|
<a-button type="primary" @click="applyNow(url)">立即申请</a-button>
|
||||||
<a-button type="primary" style="margin-left:20px" @click="addIntoCart(url)">加入申购车</a-button>
|
<a-button type="primary" style="margin-left:20px" @click="addIntoCart(url)">加入申购车</a-button>
|
||||||
</div>
|
</div>
|
||||||
|
@ -164,6 +166,18 @@
|
||||||
width: 960px;
|
width: 960px;
|
||||||
//height: 700px;
|
//height: 700px;
|
||||||
margin-left: 8px;
|
margin-left: 8px;
|
||||||
|
.video-content{
|
||||||
|
width: 950px;
|
||||||
|
height:600px;
|
||||||
|
text-align: left;
|
||||||
|
padding: 5px;
|
||||||
|
}
|
||||||
|
.footer-button{
|
||||||
|
width: 950px;
|
||||||
|
//height:50px;
|
||||||
|
text-align: center;
|
||||||
|
padding-top:20px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.ant-carousel :deep(.slick-slide) {
|
.ant-carousel :deep(.slick-slide) {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
@ -199,18 +213,7 @@
|
||||||
.ant-carousel :deep(.slick-dots) {
|
.ant-carousel :deep(.slick-dots) {
|
||||||
display: none !important;
|
display: none !important;
|
||||||
}
|
}
|
||||||
.video-content{
|
|
||||||
width: 950px;
|
|
||||||
height:600px;
|
|
||||||
text-align: left;
|
|
||||||
padding: 5px;
|
|
||||||
}
|
|
||||||
.footer-button{
|
|
||||||
width: 950px;
|
|
||||||
height:50px;
|
|
||||||
text-align: center;
|
|
||||||
padding-top:20px;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
// .current-video {
|
// .current-video {
|
||||||
// width: 320px;
|
// width: 320px;
|
||||||
|
|
|
@ -8,23 +8,7 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="searchPoint">
|
<div class="searchPoint">
|
||||||
<el-autocomplete
|
<!-- 第一版 -->
|
||||||
v-model="address"
|
|
||||||
placeholder="请输入地址"
|
|
||||||
:fetch-suggestions="
|
|
||||||
(queryString, cb) => {
|
|
||||||
searchAddressByKeyWord(queryString, cb, i)
|
|
||||||
}
|
|
||||||
"
|
|
||||||
:trigger-on-focus="false"
|
|
||||||
:popper-append-to-body="false"
|
|
||||||
class="address-auto-complete-input"
|
|
||||||
@select="
|
|
||||||
(addressItem) => {
|
|
||||||
selectedAddress(addressItem, i)
|
|
||||||
}
|
|
||||||
"
|
|
||||||
/>
|
|
||||||
<!-- <el-autocomplete
|
<!-- <el-autocomplete
|
||||||
class="inline-input"
|
class="inline-input"
|
||||||
prefix-icon="Search"
|
prefix-icon="Search"
|
||||||
|
@ -46,6 +30,37 @@
|
||||||
</template>
|
</template>
|
||||||
<template v-slot:append>搜索</template>
|
<template v-slot:append>搜索</template>
|
||||||
</el-autocomplete> -->
|
</el-autocomplete> -->
|
||||||
|
<!-- 第二版 -->
|
||||||
|
<el-select class="input-with-select" v-model="addressType" style="width: 115px" @change="address=''">
|
||||||
|
<el-option label="兴趣点" value="1" />
|
||||||
|
<el-option label="点位" value="2" />
|
||||||
|
</el-select>
|
||||||
|
<el-input
|
||||||
|
v-if="addressType==1"
|
||||||
|
v-model="address"
|
||||||
|
placeholder="请输入关键词"
|
||||||
|
class="input-with-select"
|
||||||
|
@keyup.enter="handleEnter"
|
||||||
|
>
|
||||||
|
</el-input>
|
||||||
|
<el-autocomplete
|
||||||
|
v-else-if="addressType==2"
|
||||||
|
v-model="address"
|
||||||
|
placeholder="请输入地址"
|
||||||
|
:fetch-suggestions="
|
||||||
|
(queryString, cb) => {
|
||||||
|
searchAddressByKeyWord(queryString, cb, i)
|
||||||
|
}
|
||||||
|
"
|
||||||
|
:trigger-on-focus="false"
|
||||||
|
:popper-append-to-body="false"
|
||||||
|
class="address-auto-complete-input"
|
||||||
|
@select="
|
||||||
|
(addressItem) => {
|
||||||
|
selectedAddress(addressItem, i)
|
||||||
|
}
|
||||||
|
"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
<svg
|
<svg
|
||||||
t="1656319660834"
|
t="1656319660834"
|
||||||
|
@ -77,6 +92,7 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
import { ElMessage } from 'element-plus'
|
||||||
import { message } from 'ant-design-vue'
|
import { message } from 'ant-design-vue'
|
||||||
import { HieimpMap } from '@/supermap/map-init'
|
import { HieimpMap } from '@/supermap/map-init'
|
||||||
import TiledMap from './components/tiledMap'
|
import TiledMap from './components/tiledMap'
|
||||||
|
@ -92,7 +108,7 @@
|
||||||
selectByLabelName,
|
selectByLabelName,
|
||||||
selectByChannelName,
|
selectByChannelName,
|
||||||
} from '@/api/videoSurveillance'
|
} from '@/api/videoSurveillance'
|
||||||
import { getCameraByCondition } from '@/api/file'
|
import { getCameraByCondition,getListForPOI } from '@/api/file'
|
||||||
import mybus from '@/myplugins/mybus'
|
import mybus from '@/myplugins/mybus'
|
||||||
import * as turf from '@turf/turf';
|
import * as turf from '@turf/turf';
|
||||||
|
|
||||||
|
@ -118,6 +134,7 @@
|
||||||
areaModeFlag: false,
|
areaModeFlag: false,
|
||||||
addressMatchUrl: '',
|
addressMatchUrl: '',
|
||||||
address: '',
|
address: '',
|
||||||
|
addressType:'1',
|
||||||
whoShow1: whoShow,
|
whoShow1: whoShow,
|
||||||
mapSearchParam: {
|
mapSearchParam: {
|
||||||
// 地图搜索初始化数据
|
// 地图搜索初始化数据
|
||||||
|
@ -136,7 +153,7 @@
|
||||||
},
|
},
|
||||||
components: {
|
components: {
|
||||||
TiledMap,
|
TiledMap,
|
||||||
VideoPlay,
|
VideoPlay
|
||||||
},
|
},
|
||||||
created() {},
|
created() {},
|
||||||
watch: {
|
watch: {
|
||||||
|
@ -182,13 +199,38 @@
|
||||||
//this.addResourceTomap('videoMap', this.pointAllData);
|
//this.addResourceTomap('videoMap', this.pointAllData);
|
||||||
})
|
})
|
||||||
|
|
||||||
//摄像头数据上图
|
//所有摄像头数据上图
|
||||||
mybus.off('cameraDataOnMap')
|
mybus.off('cameraDataOnMap')
|
||||||
mybus.on('cameraDataOnMap', (data) => {
|
mybus.on('cameraDataOnMap', (data) => {
|
||||||
this.addResourceTomap('videoMap', data)
|
this.addResourceTomap('videoMap', data)
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
// 查询
|
||||||
|
handleEnter(){
|
||||||
|
console.log('查询',this.address,this.addressType)
|
||||||
|
if(this.address){
|
||||||
|
getListForPOI({keywords:this.address}).then(res => {
|
||||||
|
console.log('POI=========>',res.data.data)
|
||||||
|
if(res.data.data.rows[0]){
|
||||||
|
let arr = res.data.data.rows[0].location.split(',')
|
||||||
|
this.selectedAddress({location:{y:arr[1],x:arr[0]}})
|
||||||
|
}else{
|
||||||
|
ElMessage({
|
||||||
|
showClose: true,
|
||||||
|
message: '未查询到兴趣点!',
|
||||||
|
type: 'warning',
|
||||||
|
})
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}else{
|
||||||
|
ElMessage({
|
||||||
|
showClose: true,
|
||||||
|
message: '请输入兴趣点!',
|
||||||
|
type: 'warning',
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},
|
||||||
selectedAddress(item, index) {
|
selectedAddress(item, index) {
|
||||||
// 跳转到相应经纬度
|
// 跳转到相应经纬度
|
||||||
console.log('跳转', item)
|
console.log('跳转', item)
|
||||||
|
@ -680,6 +722,14 @@
|
||||||
z-index: 988;
|
z-index: 988;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
.input-with-select{
|
||||||
|
width: 2.4rem;
|
||||||
|
svg{
|
||||||
|
position: relative;
|
||||||
|
bottom: 0;
|
||||||
|
right: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
.icon-poylon {
|
.icon-poylon {
|
||||||
width: 0.46rem;
|
width: 0.46rem;
|
||||||
bottom: 0.6rem;
|
bottom: 0.6rem;
|
||||||
|
|
Loading…
Reference in New Issue