wuhongjian
/
hi-ucs
1
0
Fork 0
Code Issues Pull Requests Projects Releases 10 Wiki Activity

修改所有个人中心新建窗口跳转详情

This commit is contained in:
wuhongjian 2022-12-12 16:27:34 +08:00
parent efba4dc7ba
commit 8906f1f60a
12 changed files with 1421 additions and 1293 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
front/src/views/demandCenter/demandDetails.vue
View File

@ -238,7 +238,7 @@
</a-list>
</div>
<!-- 关闭需求申请 -->
<div class="closeMain" @click="closeMain">X</div>
<div class="closeMain" @click="closeMain" v-show="!hiddenBackFlag">X</div>
</div>
</div>
</template>
@ -286,6 +286,7 @@
const evaluateData = ref([])
const myComment = ref('')
const hiddenBackFlag = router.currentRoute.value.query.hiddenBackFlag
const evaluateSubmit = () => {
if (myComment.value === '') {
message.error('请填写评价！')
@ -388,6 +389,7 @@
// const formData = computed(() => store.getters['home/demandDetailsData'])
// formName.value = formData.value
const id = router.currentRoute.value.query.id
getDemandForm(id).then((res) => {
console.log(res, 'res')
const { data } = res.data

7
front/src/views/home/details.vue
View File

@ -2,14 +2,14 @@
* @Author: hisense.liangjunhua
* @Date: 2022-06-14 09:43:49
* @LastEditors: hisense.wuhongjian
* @LastEditTime: 2022-12-09 17:31:52
* @LastEditTime: 2022-12-12 15:36:59
* @Description: 告诉大家这是什么
-->
<template>
<div>
<div id="apply-container">
<home-header :showView="showView" :target-flag="targetFlag"></home-header>
<detail-back></detail-back>
<detail-back v-show="!hiddenBackFlag"></detail-back>
<div class="detail-content">
<details-view v-if="showView === 'details-view'"></details-view>
<algorithm-details
@ -93,6 +93,8 @@
])
const router = useRouter()
const id = router.currentRoute.value.query.id
// 是否隐藏回退按钮
const hiddenBackFlag = router.currentRoute.value.query.hiddenBackFlag
const obj = JSON.parse(window.sessionStorage.getItem('preview'))
let showView = ref('')
const targetFlag = ref(true)
@ -176,6 +178,7 @@
init,
router,
id,
hiddenBackFlag,
}
},
})

5
front/src/views/home/integrationServicesDetails.vue
View File

@ -2,7 +2,7 @@
<template>
<div class="IntegrationServicesDetails" :class="{ fixed2: scrollTop >= 600 }">
<home-header></home-header>
<detail-back></detail-back>
<detail-back v-show="!hiddenBackFlag"></detail-back>
<!-- 头部基本信息 -->
<application-top-details
:dataList="detailInfoObj"
@ -190,6 +190,7 @@
const infrastructureCount = ref(0)
const componentCount = ref(0)
const id = router.currentRoute.value.query.id
const hiddenBackFlag = router.currentRoute.value.query.hiddenBackFlag
document.documentElement.style.transition = 'all 0.3s ease'
document.documentElement.scrollTop = 0
document.body.style.transition = 'all 0.3s ease'
@ -564,7 +565,7 @@
}
.cjtd img {
width: 100%;
height:100%
height: 100%;
}
.content {

3
front/src/views/personalCenter/components/AbilityApplication.vue
View File

@ -2,7 +2,7 @@
* @Author: hisense.liangjunhua
* @Date: 2022-07-12 09:42:44
* @LastEditors: hisense.wuhongjian
* @LastEditTime: 2022-11-26 14:47:12
* @LastEditTime: 2022-12-12 15:37:17
* @Description:我的申请 能力申请 查看详情
-->
<template>
@ -503,6 +503,7 @@
path: '/details', // 跳转的页面路由
query: {
id: id,
hiddenBackFlag: true,
},
})
window.open(applypage.href, '_blank')

31
front/src/views/personalCenter/components/Collection.vue
View File

@ -171,7 +171,11 @@
console.log('编目一级=============>', res.data)
res.data.data.forEach((val) => {
// tabList.value.push(val.name)
if (val.name == '应用资源' || val.name == '组件服务' || val.name == '融合服务') {
if (
val.name == '应用资源' ||
val.name == '组件服务' ||
val.name == '融合服务'
) {
tabList.value.push(val.name)
}
})
@ -349,22 +353,39 @@
if (delFlag == 0) {
console.log('进入详情')
mybus.emit('tabsChange', { flag: id })
router.push({
path: '/details',
// router.push({
// path: '/details',
// query: {
// id: id,
// },
// })
const detailPage = router.resolve({
path: '/details', // 跳转的页面路由
query: {
id: id,
hiddenBackFlag: true,
},
})
window.open(detailPage.href, '_blank')
} else if (delFlag === undefined) {
// 融合服务
// mybus.emit('tabsChange', { flag: item.resourceId })
mybus.emit('tabsChange', { flag: id })
router.push({
path: `/integrationServicesDetails`,
// router.push({
// path: `/integrationServicesDetails`,
// query: {
// id: id,
// },
// })
const detailPage = router.resolve({
path: '/integrationServicesDetails', // 跳转的页面路由
query: {
id: id,
hiddenBackFlag: true,
},
})
window.open(detailPage.href, '_blank')
}
}
</script>

12
front/src/views/personalCenter/components/MyApplication.vue
View File

@ -90,12 +90,20 @@
const showDetail = (item) => {
// console.log('demandDetails', item)
// store.commit('home/demandDetailsData', item)
router.push({
path: '/demandDetails',
// router.push({
// path: '/demandDetails',
// query: {
// id: item.id,
// },
// })
const detailPage = router.resolve({
path: '/demandDetails', // 跳转的页面路由
query: {
id: item.id,
hiddenBackFlag: true,
},
})
window.open(detailPage.href, '_blank')
}
const creator = ref('')

93
front/src/views/personalCenter/components/MyApply.vue
View File

@ -12,7 +12,7 @@
{{ item }}
</div>
</div>
<div class="tab" style="margin-bottom: 0.1rem" v-show="(chooseTab==0)">
<div class="tab" style="margin-bottom: 0.1rem" v-show="chooseTab == 0">
<span>类型</span>
<div
:class="typeIndex == index ? 'tabclass' : ' '"
@ -23,10 +23,7 @@
{{ item }}
</div>
</div>
<div
class="tab"
v-if="(chooseTab != 1 && chooseTab != 2 && chooseTab != 3)"
>
<div class="tab" v-if="chooseTab != 1 && chooseTab != 2 && chooseTab != 3">
<span>申请状态</span>
<div
:class="tabIndex == index ? 'tabclass' : ' '"
@ -53,9 +50,9 @@
labelAlign="center"
>
<a-row>
<a-form-item
label="业务名称">
<a-input placeholder="请输入业务名称"
<a-form-item label="业务名称">
<a-input
placeholder="请输入业务名称"
v-model:value="yunForm.busineessName"
style="width: 200px"
/>
@ -67,14 +64,19 @@
placeholder="请选择状态"
style="width: 200px"
>
<a-select-option v-for="(item,index) in cloudResourceStatusList"
:key="index" :value="item.dictValue">
<a-select-option
v-for="(item, index) in cloudResourceStatusList"
:key="index"
:value="item.dictValue"
>
{{ item.dictLabel }}
</a-select-option>
</a-select>
</a-form-item>
<button class="queryButton" @click="getCloudList()">查询</button>
<button class="queryButton" @click="cloudSearchReserve()"> 重置</button>
<button class="queryButton" @click="cloudSearchReserve()">
重置
</button>
</a-row>
</a-form>
@ -94,13 +96,11 @@
<!-- <div>申请类型: {{item.type}}</div> -->
<div>状态: {{ item.STATUS }}</div>
<div>申请时间: {{ item.CREATE_TIME }}</div>
</div>
</div>
<div class="content-body-right">
<div class="button" @click="showCloudDetail(item)">查看详情</div>
</div>
</div>
</div>
<div class="bottom">
@ -119,7 +119,7 @@
<a-empty v-else />
</template>
<!--数据资源和视频资源-->
<template v-else-if="(chooseTab==1||chooseTab==3)">
<template v-else-if="chooseTab == 1 || chooseTab == 3">
<a-empty></a-empty>
</template>
<!--UCS内部资源-->
@ -145,7 +145,10 @@
{{
item.cameraList
? item.system
: item.title || item.name || item.title || item.BUSINESS_NAME
: item.title ||
item.name ||
item.title ||
item.BUSINESS_NAME
}}
</template>
<div class="content-body-title">
@ -216,9 +219,13 @@
联系方式
</div>
<div class="button" @click="showDetail(item)">查看详情</div>
<div class="button" @click="showAdd(item)" v-if="item.backToFirst">
<!-- <div
class="button"
@click="showAdd(item)"
v-if="item.backToFirst"
>
修改
</div>
</div> -->
<svg
t="1652233950228"
class="icon"
@ -279,8 +286,6 @@
</div>
<a-empty v-else />
</template>
</div>
<!-- 政务云资源详情-->
<a-modal
@ -291,14 +296,8 @@
destroyOnClose="true"
:maskClosable="false"
>
<template v-slot:title>
申请详情
</template>
<cloud-details
:BSNUM="BSNUM"
:baseInfo="baseInfo"
></cloud-details>
<template v-slot:title>申请详情</template>
<cloud-details :BSNUM="BSNUM" :baseInfo="baseInfo"></cloud-details>
</a-modal>
<a-modal
bodyStyle="padding:0.1rem 0"
@ -385,7 +384,7 @@
getResourceBusinessList,
getVideoBusinessList,
getCategoryTreePage,
getZwyBusinessList
getZwyBusinessList,
} from '@/api/personalCenter'
import {
updateRes,
@ -432,7 +431,6 @@
// '数据资源申请',
// '云资源申请',
// '云视频申请',
])
const itShowXiHaiAn = ref(isXiHaiAn)
@ -450,9 +448,7 @@
const contentList = reactive({ data: [] })
const contentList2 = reactive({ data: [] }) // 云资源 云视频前端过滤使用
//政务云资源
const cloudList = reactive({ data: [
]})
const cloudList = reactive({ data: [] })
let tabIndex = ref(0)
let typeIndex = ref(0)
let typeName = ref(typeList.value[0])
@ -524,7 +520,7 @@
}
}
const cloudSearchReserve = () => {
Object.keys(yunForm).map(key => {
Object.keys(yunForm).map((key) => {
delete yunForm[key]
})
getCloudList()
@ -535,16 +531,14 @@
pageNum: page.value,
pageSize: 5,
status: yunForm.status,
name :yunForm.busineesName
name: yunForm.busineesName,
}
total.value = 5
getZwyBusinessList(params).then(
(res) => {
getZwyBusinessList(params).then((res) => {
cloudList.data = res.data.data.list
num.value = []
total.value = res.data.data.total
}
)
})
}
//查询政务云状态
const getCloudResource = () => {
@ -558,7 +552,6 @@
})
}
// 申请状态切换
function changeApplyState(item, index) {
tabIndex.value = index
@ -627,7 +620,6 @@
cloudVisible.value = true
BSNUM.value = item.BSNUM
baseInfo.value = item
}
const showDetail = (item) => {
cilckRowData.value = item
@ -757,6 +749,7 @@
oInput.remove()
}
const showAdd = (item) => {
console.log('item', item)
if (item.processDefinitionKey == 'resourcemountapply') {
const data = {
id: item.resourceId,
@ -980,7 +973,6 @@
case 1:
contentList.data.map((val) => {
nengliziyuanshangjiaapply(val.businessKey).then((res1) => {
val.title = res1.data.data.resourceDTO.name
val.dto = res1.data.data.resourceDTO
showType.value = '能力上架'
@ -1034,23 +1026,20 @@
}
const handleCurrentChange = (val) => {
page.value = val
if(chooseTab==2){
if (chooseTab.value == 2) {
getCloudList()
} else {
getApplyList()
}
}
const handlePageSizeChange = (val) => {
page.value = val
if(chooseTab==2){
if (chooseTab.value == 2) {
getCloudList()
} else {
getApplyList()
}
}
const viewDetail = (processDefinitionName, id, ended, businessKey) => {
@ -1164,7 +1153,6 @@
phoneVisible.value = true
}
mybus.on('closeModal', (obj) => {
detailsVisible.value = false
changeType(obj.type, obj.index)
@ -1216,7 +1204,6 @@
height: 36px;
line-height: 36px;
display: table;
}
.chooseStyle {
@ -1301,7 +1288,6 @@
width: 85%;
float: left;
.content-body-left-one {
display: table;
height: 50px;
@ -1310,9 +1296,7 @@
display: table-cell;
width: 50%;
font-size: 14px;
}
}
.content-body-left-two {
width: 80%;
@ -1322,21 +1306,14 @@
display: table-cell;
width: 30%;
font-size: 14px;
}
}
}
.content-body-right {
width: 15%;
float: left;
}
}
}
.content {
padding-right: 10px;

12
front/src/views/personalCenter/components/MyBrowse.vue
View File

@ -377,12 +377,20 @@
openHref(item)
} else {
mybus.emit('tabsChange', { flag: id })
router.push({
path: '/details',
// router.push({
// path: '/details',
// query: {
// id: id,
// },
// })
const detailPage = router.resolve({
path: '/details', // 跳转的页面路由
query: {
id: id,
hiddenBackFlag: true,
},
})
window.open(detailPage.href, '_blank')
}
}
}

12
front/src/views/personalCenter/components/MyComments.vue
View File

@ -71,12 +71,20 @@
const showDetail = (item) => {
console.log('demandDetails', item)
// store.commit('home/demandDetailsData', item)
router.push({
path: '/demandDetails',
// router.push({
// path: '/demandDetails',
// query: {
// id: item.demandDataDTO.id,
// },
// })
const detailPage = router.resolve({
path: '/demandDetails', // 跳转的页面路由
query: {
id: item.demandDataDTO.id,
hiddenBackFlag: true,
},
})
window.open(detailPage.href, '_blank')
}
const total = ref()

14
front/src/views/personalCenter/components/MyPublish.vue
View File

@ -395,13 +395,15 @@
const showDetail = (item) => {
console.log('showDetail', item, item.id)
if (item.delFlag == 0) {
router.push({
path: '/details',
const detailPage = router.resolve({
path: '/details', // 跳转的页面路由
query: {
id: item.id,
hiddenBackFlag: true,
},
})
newpage
window.open(detailPage.href, '_blank')
// newpage
}
// getProcDefBizRoute(item.processDefinitionId)
// detailsVisible.value = true
@ -445,9 +447,9 @@
limt.value = size
getApplyList(tabname.value)
}
const newpage = router.resolve({
path: '/nenglishangjia', // 跳转的页面路由
})
// const newpage = router.resolve({
// path: '/nenglishangjia', // 跳转的页面路由
// })
// const nenglishangjia = () => {
// window.open(newpage.href, '_blank')
// // router.resolve('/nenglishangjia')

199
front/src/views/personalCenter/components/PurchaseVehicle.vue
View File

@ -12,19 +12,40 @@
</div>
<div class="right">
<div class="sousuokuang">
<a-input-search v-model:value="name" placeholder="请输入关键词" enter-button="搜索" size="large"
@search="getList('init')" />
<a-input-search
v-model:value="name"
placeholder="请输入关键词"
enter-button="搜索"
size="large"
@search="getList('init')"
/>
</div>
<a-popconfirm v-if="checkedListAbility.length != 0" title="是否进行批量删除?" ok-text="是" cancel-text="否"
@confirm="handleDelete" @cancel="cancel">
<a-popconfirm
v-if="checkedListAbility.length != 0"
title="是否进行批量删除?"
ok-text="是"
cancel-text="否"
@confirm="handleDelete"
@cancel="cancel"
>
<a-button type="primary" class="collect-btn" @click="ceshiFunction()">
批量删除
</a-button>
</a-popconfirm>
<a-button v-else type="primary" class="collect-btn" @click="ceshiFunction()">
<a-button
v-else
type="primary"
class="collect-btn"
@click="ceshiFunction()"
>
批量删除
</a-button>
<a-button type="primary" v-if="!itShowXiHaiAn" class="collect-btn" @click="collection">
<a-button
type="primary"
v-if="!itShowXiHaiAn"
class="collect-btn"
@click="collection"
>
批量收藏
</a-button>
<a-button type="primary" class="apply-btn" @click="apply">
@ -36,7 +57,10 @@
<div class="item" v-for="(val, valIndex) in list" :key="val.id">
<div class="item-top" @click="showBottom(val)">
<div>
<a-checkbox :checked="val.checked" @click.stop="checkedDept(val)"></a-checkbox>
<a-checkbox
:checked="val.checked"
@click.stop="checkedDept(val)"
></a-checkbox>
<span style="margin-left: 0.2rem" v-if="itShowXiHaiAn">
{{ val.deptName }}
</span>
@ -48,33 +72,45 @@
<UpOutlined v-show="val.show" />
</div>
<div class="item-bottom" v-show="val.show">
<a-list class="demo-loadmore-list" :loading="val.initLoading" item-layout="horizontal"
:data-source="val.children">
<a-list
class="demo-loadmore-list"
:loading="val.initLoading"
item-layout="horizontal"
:data-source="val.children"
>
<template #renderItem="{ item }">
<a-list-item>
<a-skeleton avatar :title="false" :loading="item.loading" active>
<a-list-item-meta :description="
<a-list-item-meta
:description="
item.description ||
(item.note1 && JSON.parse(item.note1) &&
(item.note1 &&
JSON.parse(item.note1) &&
JSON.parse(item.note1)[0] &&
JSON.parse(item.note1)[0].channelName +
'等' +
JSON.parse(item.note1).length +
'个摄像头') ||
''
" style="position: relative">
"
style="position: relative"
>
<template #title>
<div>
<a-tooltip>
<template #title>{{ item.resourceName }}</template>
<span @click="
<span
@click="
showItem(
item.resourceId,
item.type,
item.delFlag,
item.note1
)
" style="cursor: pointer" class="name">
"
style="cursor: pointer"
class="name"
>
{{ item.resourceName }}
</span>
</a-tooltip>
@ -82,42 +118,80 @@
</div>
<!-- // todo -->
<span class="time">
<span v-if="!itShowXiHaiAn">加购时间:{{ item.time }}</span>
<a-popconfirm title="是否删除该记录?" ok-text="是" cancel-text="否" @confirm="handleDelete(item, valIndex)"
@cancel="cancel">
<a-button type="primary" style="
<span v-if="!itShowXiHaiAn">
加购时间:{{ item.time }}
</span>
<a-popconfirm
title="是否删除该记录?"
ok-text="是"
cancel-text="否"
@confirm="handleDelete(item, valIndex)"
@cancel="cancel"
>
<a-button
type="primary"
style="
width: 0.7rem;
height: 0.3rem;
margin-left: 0.12rem;
border-radius: 2px;
background: #fff;
color: #0558e1;
" @click="del">
"
@click="del"
>
删除
</a-button>
</a-popconfirm>
</span>
<svg t="1652233950228" class="icon" viewBox="0 0 1024 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg" p-id="5970" data-spm-anchor-id="a313x.7781069.0.i8" width="50"
height="50" v-if="item.delFlag == 4 || item.delFlag == 5"
style="position: absolute; top: 0; left: 1rem">
<svg
t="1652233950228"
class="icon"
viewBox="0 0 1024 1024"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
p-id="5970"
data-spm-anchor-id="a313x.7781069.0.i8"
width="50"
height="50"
v-if="item.delFlag == 4 || item.delFlag == 5"
style="position: absolute; top: 0; left: 1rem"
>
<path
d="M955.22053 256C813.82053 11.2 500.72053-72.6 255.92053 68.8S-72.67947 523.2 68.72053 768 523.22053 1096.6 768.02053 955.2c244.7-141.2 328.6-454.1 187.4-698.8 0-0.1-0.1-0.3-0.2-0.4zM762.02053 944.7c-239 138.1-544.8 56.2-682.9-182.8S22.92053 217.1 261.92053 79.1s544.8-56.2 682.9 182.8c137.9 239 56.1 544.6-182.8 682.8z"
fill="#515151" opacity=".5" p-id="5971"></path>
fill="#515151"
opacity=".5"
p-id="5971"
></path>
<path
d="M898.12053 289.2C775.02053 76 502.42053 2.9 289.22053 126 76.02053 249.1 3.02053 521.6 126.02053 734.8 249.12053 948 521.62053 1021.1 734.82053 898 947.92053 774.9 1021.02053 502.4 898.12053 289.2zM731.62053 892.8C521.32053 1014.3 252.42053 942.2 131.02053 731.9 9.52053 521.6 81.62053 252.7 291.92053 131.3 502.12053 9.9 771.02053 81.8 892.42053 292c121.5 210.3 49.5 479.3-160.8 600.8z"
fill="#515151" opacity=".5" p-id="5972"></path>
fill="#515151"
opacity=".5"
p-id="5972"
></path>
<path
d="M323.62053 176.8c3.6-2 6 0.8 8.8 2.8 6 4.4 12.4 8.8 18.8 12.8 7.2-2.4 14.4-5.1 21.6-7.7 3.6-1.2 6-2.8 8.8 0.4 2.4 2.8 0.4 6.4-0.4 8.8-2 6.8-3.6 13.6-5.6 20.8 4.8 6 10 11.6 15.2 17.6 2.4 2.8 4.4 5.6 2.8 8.4-1.2 2.8-5.6 2.4-7.7 2.4l-22.4 0.8c-4.4 6.8-8.4 13.6-12.8 20-1.6 2.4-4 5.1-7.2 4-2.4-1.9-3.9-4.7-4.4-7.7l-7.2-20.5-25.2-6.4c-2.3-1.2-3.6-3.8-3.2-6.4 1.3-1.8 2.9-3.3 4.8-4.4 4-3.2 7.7-6.8 11.6-10 1.9-1.3 3.6-2.7 5.1-4.4-0.4-6.8-1.2-13.6-1.6-20.5-0.7-2.9-0.9-5.9-0.4-8.8-0.7-0.8-0.3-1.6 0.6-2zM200.72053 289.2c3.6-2 6 0.8 8.8 2.8 6.4 4.4 12.4 8.4 18.8 12.8 7.2-2.4 14.4-5.1 21.6-7.7 3.6-1.2 6-2.8 8.8 0.4 2.4 2.8 0.4 6.4-0.4 8.8-2 6.8-3.6 13.6-5.6 20.8 4.8 6 10 11.6 14.8 17.6 2.4 2.8 4.4 5.6 2.8 8.4-1.2 2.4-5.6 2.4-7.7 2.4l-22.4 0.8c-4.4 6.8-8.8 13.6-12.8 20-1.6 2.4-4 5.1-7.2 4-2.2-2-3.8-4.7-4.4-7.7l-7.2-20.5c-8.4-2-16.8-4.4-25.2-6.4-2.3-1.2-3.6-3.8-3.2-6.4 1.3-1.8 2.9-3.3 4.8-4.4 3.6-3.2 7.7-6.8 11.6-10 1.9-1.3 3.6-2.7 5.1-4.4-0.4-6.8-1.2-13.6-1.6-20.5-0.7-2.9-0.9-5.9-0.4-8.8-0.4-1.2 0-1.6 0.8-2.4l0.2 0.4z m276.6-159.6c3.6-2 6 0.8 8.8 2.8 6.4 4.4 12.4 8.4 18.8 12.8 7.2-2.4 14.4-5.1 21.6-7.7 3.6-1.2 6-2.8 8.8 0.4 2.4 2.8 0.4 6.4-0.4 8.8-2 6.8-3.6 14-5.6 20.8 4.8 6 10 12 15.2 17.6 2.4 2.8 4.4 5.6 2.8 8.4-1.2 2.8-5.6 2.4-7.7 2.4l-22.4 0.8c-4.4 6.8-8.8 13.6-12.8 20-1.6 2.4-4 5.1-7.2 4-2.2-2-3.8-4.7-4.4-7.7l-7.2-20.5-25.2-6.4c-2.3-1.2-3.6-3.8-3.2-6.4 1.3-1.8 2.9-3.3 4.8-4.4 4-3.2 7.7-6.8 11.6-10 1.9-1.3 3.6-2.7 5.1-4.4-0.4-6.8-1.2-13.6-1.6-20.5-0.7-2.9-0.9-5.9-0.4-8.8-0.8-1.2-0.4-1.6 0.4-2.4l0.2 0.4z m141.9 29.6c3.6-2 6 0.8 8.8 2.8l18.8 12.8c7.2-2.4 14.4-5.1 21.6-7.7 3.6-1.2 6-2.8 8.8 0.4 2.4 2.8 0.4 6.4-0.4 8.8-2 6.8-3.6 14-5.6 20.8 4.8 6 10 12 15.2 17.6 2.4 2.8 4.4 5.6 2.8 8.4-1.2 2.8-5.6 2.4-7.7 2.4-7.7 0.4-15.2 0.8-22.4 0.8-4.4 6.8-8.4 13.2-12.8 20-1.6 2.4-4 5.1-7.2 4-2.4-1.9-3.9-4.7-4.4-7.7l-7.2-20.5c-8.4-2-16.8-4.4-25.2-6.4-2.3-1.2-3.6-3.8-3.2-6.4 1.3-1.8 2.9-3.3 4.8-4.4 4-3.2 7.7-6.8 11.6-10 1.9-1.3 3.6-2.7 5.1-4.4-0.4-6.8-1.2-13.6-1.6-20.5-0.7-2.9-0.9-5.9-0.4-8.8-0.5-1.2 0.2-1.6 0.6-2zM150.02053 430c3.6-2 6 0.8 8.8 2.8 6.4 4.4 12.4 8.4 18.8 12.8 7.2-2.4 14.4-5.1 21.6-7.7 3.6-1.2 6-2.8 8.8 0.4 2.4 2.8 0.4 6.4-0.4 8.8-2 6.8-4 14-5.6 20.8 4.8 6 10 11.6 15.2 17.6 2.4 2.8 4.4 5.6 2.8 8.4-1.2 2.8-5.6 2.4-7.7 2.4l-22.4 0.8c-4.4 6.8-8.8 13.6-12.8 20-1.6 2.4-4 5.1-7.2 4-2.2-2-3.8-4.7-4.4-7.7l-7.2-20.5-25.2-6.4c-2.3-1.2-3.6-3.8-3.2-6.4 1.3-1.8 2.9-3.3 4.8-4.4 3.6-3.2 7.7-6.8 11.6-10 1.9-1.3 3.6-2.7 5.1-4.4-0.4-6.8-1.2-13.6-1.6-20.5-0.7-2.9-0.9-5.9-0.4-8.8-0.7-0.8-0.3-1.5 0.6-2z m558.9 414.4c3.6-2.4 2.4-5.6 2-8.8l-1.6-22.4 17.2-14.8c2.8-2.4 5.1-4 4-7.7-1.2-3.2-5.6-3.6-7.7-4-6.8-2-14-3.6-20.8-5.6-2.8-7.2-5.1-14.4-7.7-21.6-1.2-3.6-2.8-6.4-5.6-6.8-2.8-0.4-4.8 3.6-5.6 5.1l-12 19.2-24 1.2c-2.8 0-6.8 0.8-6.8 4.4 0.5 3 2 5.7 4.4 7.7 4.8 5.6 9.2 11.2 14 16.4l-7.2 25.2c-0.3 2.7 1.4 5.2 4 6 2.2-0.1 4.4-0.7 6.4-1.6l14.4-4.8c2.1-0.8 4.2-1.5 6.4-2 5.6 4 11.2 7.7 16.8 11.6 2.2 2.1 4.8 3.6 7.7 4.4 0.5-1.1 0.8-1.1 1.6-1.1h0.1z m-158.8 50c3.6-2.4 2.4-5.6 2-8.8l-1.6-22.4 17.2-14.8c2.8-2.4 5.1-4 4-7.7-1.1-3.7-5.6-3.6-7.7-4-6.8-1.6-14-3.6-20.8-5.6l-7.7-22c-1.2-3.6-2.8-6.4-5.6-6.8-2.8-0.4-4.8 3.6-5.6 5.1l-12 19.2-24 1.2c-2.8 0-6.8 0.8-6.8 4.4 0.5 3 2 5.7 4.4 7.7 4.8 5.6 9.2 11.2 14 16.4l-7.2 25.2c-0.3 2.7 1.4 5.2 4 6 2.2-0.3 4.3-0.9 6.4-1.6l14.4-4.8c2-1 4.2-1.7 6.4-2 5.6 4 11.2 7.7 16.8 11.6 2.2 2.1 4.8 3.6 7.7 4.4 0.4-0.8 0.8-0.8 1.7-0.7z m276.5-159.6c3.6-2.4 2.4-5.6 2-8.8l-1.6-22.4 17.2-14.8c2.8-2.4 5.1-4 4-7.7-1.2-3.2-5.6-3.6-7.7-4-6.8-2-14-3.6-20.8-5.6-2.8-7.2-5.1-14.4-7.7-21.6-1.2-3.6-2.8-6.4-5.6-6.8s-4.8 3.6-5.6 5.1l-12 19.2-24 1.2c-2.8 0-6.8 0.8-6.8 4.4 0.5 3 2 5.7 4.4 7.7 4.8 5.6 9.2 11.2 14 16.4l-7.2 25.2c-0.3 2.7 1.4 5.2 4 6 2.2-0.2 4.4-0.7 6.4-1.6l14.4-4.8c2.1-0.8 4.2-1.5 6.4-2 5.6 4 11.2 7.7 16.8 11.6 2.2 2.1 4.8 3.6 7.7 4.4 0-0.8 0.8-1.2 1.6-1.2l0.1 0.1z m45.6-137.6c3.6-2.4 2.4-5.6 2-8.8l-1.6-22.4 17.2-14.8c2.8-2.4 5.1-4 4-7.7-1.2-3.2-5.6-3.6-7.7-4-6.8-1.6-14-3.6-20.8-5.6l-7.7-22c-1.2-3.6-2.8-6.4-5.6-6.8-2.8-0.4-4.8 3.6-5.6 5.1l-12 19.2-24 1.2c-2.8 0-6.8 0.8-6.8 4.4 0.5 3 2 5.7 4.4 7.7 4.8 5.6 9.2 11.2 14 16.4l-7.2 25.2c-0.3 2.7 1.4 5.2 4 6 2.2-0.3 4.3-0.9 6.4-1.6l14.4-4.8c2.1-0.8 4.2-1.5 6.4-2 5.6 4 11.2 7.7 16.8 11.6 2.2 2.1 4.8 3.6 7.7 4.4 0.2-0.7 0.6-0.7 1.4-0.7h0.3zM402.72053 868c3.6-2.4 2.4-5.6 2-8.8l-1.6-22.4 17.2-14.8c2.8-2.4 5.1-4 4-7.7-1.2-3.2-5.6-3.6-7.7-4-6.8-2-14-3.6-20.8-5.6-2.8-7.2-5.1-14.4-7.7-21.6-1.2-3.6-2.8-6.4-5.6-6.8-2.8-0.4-4.8 3.6-5.6 5.1l-12 19.2-24 1.2c-2.8 0-6.8 0.8-6.8 4.4 0.5 3 2 5.7 4.4 7.7 4.8 5.6 9.2 11.2 14 16.4l-7.2 25.2c-0.3 2.7 1.4 5.2 4 6 2.2-0.3 4.3-0.9 6.4-1.6l14.4-4.8c2.1-0.8 4.2-1.5 6.4-2 5.6 4 11.2 7.7 16.8 11.6 2.2 2.1 4.8 3.6 7.7 4.4 0.5-0.8 1-1.1 1.7-1.1z"
fill="#515151" opacity=".5" p-id="5973"></path>
fill="#515151"
opacity=".5"
p-id="5973"
></path>
<path
d="M386.42053 590.4l-43.8-75.9L207.02053 592.7l10.2 17.7L334.02053 543l23.4 40.4-90.5 52.2-13.5-23.4-18.7 10.8 53.1 92c9.1 15.8 21.2 19.5 36.4 10.7l98.8-57c6.2-3.6 11-9.3 13.4-16.1-1.4-15.9-6.2-31.2-14.2-45l-21.4 4.8c6.7 10.3 11 21.9 12.8 34-1 3.3-3.2 6-6.1 7.8l-88.3 51c-6.2 3.6-11.1 2.1-14.8-4.3l-27.3-47.4 109.3-63.1z m2.9-103.2l10.4 18.1 65.6-37.9 79.9 138.4 18.6-10.8-55.9-96.9c18.8-0.9 43.2-0.6 73 0.7l1.5-23.1c-29.8-0.3-58.4 0.4-86 2.6l-12.5-21.6 74.9-43.2-10.4-18.1-159.1 91.8zM669.52053 329l38.2 66.2 61.4-35.4-38.1-66.1-61.5 35.3z m72.4 24.2l-26.3 15.2-19-33 26.3-15.2 19 33zM599.02053 356.7l7.9 13.7-23.3 13.5 9.8 17 21.8-12.6c7.5 18.7 6.6 39.6-2.5 57.6l20.7 4.4c10.3-23.1 10.3-49.4 0-72.5l18.8-10.9c6 9.2 10.7 19.2 14.2 29.7 0.3 5-2.6 9.7-7.2 11.7-2.9 1.2-6.4 2.8-10.9 4.9l14.1 14.1c3.7-1.3 7.3-2.9 10.7-4.8 8.6-3.9 14.4-12.2 15.2-21.6-5.4-22.1-14.6-43-27.4-61.8l-36.1 20.8-7.9-13.7-17.9 10.5z m29.9 108.1l10 17.4 53.2-30.7c-7.8 23.7-20.6 45.4-37.5 63.6l20.6 11.1c18.6-24.2 30-53.1 33-83.4l29.8 51.5 18.4-10.7-29.8-51.5c27.4 11.5 57.2 16.3 86.9 14.1l3.5-23.5c-24.7 5.1-50.1 5-74.8-0.1l53.5-30.9-10-17.3-69.3 40-7.3-12.6-18.4 10.7L698.02053 425l-69.1 39.8z"
fill="#515151" opacity=".5" p-id="5974"></path>
fill="#515151"
opacity=".5"
p-id="5974"
></path>
</svg>
</template>
<template #avatar>
<a-checkbox :checked="item.checked" @click.stop="checkedItem(val, item)"></a-checkbox>
<div class="tx" v-if="!itShowXiHaiAn" :class="
<a-checkbox
:checked="item.checked"
@click.stop="checkedItem(val, item)"
></a-checkbox>
<div
class="tx"
v-if="!itShowXiHaiAn"
:class="
item.type == '基础设施'
? 'sxt'
: item.type == '应用资源'
@ -131,19 +205,28 @@
: item.componentType == '业务组件'
? 'ywzj'
: ''
"></div>
"
></div>
</template>
</a-list-item-meta>
</a-skeleton>
</a-list-item>
</template>
</a-list>
</div>
</div>
</div>
<a-modal v-model:visible="videoVisible" title="已申请摄像头列表" @ok="videoVisible = false">
<a-table :columns="columns" :data-source="xVideoList" bordered :pagination="{ defaultPageSize: 6 }">
<a-modal
v-model:visible="videoVisible"
title="已申请摄像头列表"
@ok="videoVisible = false"
>
<a-table
:columns="columns"
:data-source="xVideoList"
bordered
:pagination="{ defaultPageSize: 6 }"
>
<template #bodyCell="{ column, text }">
<!-- <template>
<a>{{ text }}</a>
@ -151,7 +234,6 @@
</template>
</a-table>
</a-modal>
</template>
<script setup>
import { onMounted, ref } from 'vue'
@ -191,7 +273,7 @@ const columns = ref([
const name = ref('')
const type = ref('')
const list = ref([])
const itShowXiHaiAn = ref(whoShow.itShowXiHaiAn);
const itShowXiHaiAn = ref(whoShow.itShowXiHaiAn)
// 初始化
onMounted(() => {
getList('init')
@ -366,7 +448,7 @@ const getList = (type, index) => {
pageSize: pageSize.value,
name: name.value,
}).then((res) => {
console.log('res---获取信息--------->', res);
console.log('res---获取信息--------->', res)
if (res.data.code !== 0) {
return message.error(res.data.msg)
}
@ -397,7 +479,7 @@ const getList = (type, index) => {
// console.log('整体页面加载次数===============>', load.value)
// 判断是否有已打开项，如果有重新载入之后自动打开
list.value = res.data.data.list || []
console.log('list.value------------>', list.value);
console.log('list.value------------>', list.value)
if (index || index === 0) {
list.value[index].show = true
@ -412,28 +494,28 @@ const getList = (type, index) => {
}
// 通过deptid查询列表
const getListByDeptId = async (item) => {
console.log('通过deptid或者deptName查询列表------------>', item);
console.log('通过deptid或者deptName查询列表------------>', item)
if (item.children.length == 0) {
let _obj = {
pageNum: item.pageNum,
pageSize: item.pageSize,
name: name.value,
}
let res;
let res
// 西海岸 todo
if (whoShow.itShowXiHaiAn) {
_obj.deptName = item.deptName;
_obj.deptName = item.deptName
res = await selectResourceListByDeptName(_obj)
} else {
_obj.deptId = item.deptId || '';
_obj.deptId = item.deptId || ''
res = await selectResourceListByDept(_obj)
}
console.log('res----根据部门查询-------->', res);
console.log('res----根据部门查询-------->', res)
item.initLoading = false
if (res.data.code !== 0) {
return message.error(res.data.msg)
}
(res.data.data || []).map((val) => {
;(res.data.data || []).map((val) => {
if (
(!item.load || item.load < Number(item.pageNum)) &&
load.value <= Number(pageNum.value)
@ -507,7 +589,7 @@ const checkedDept = (item) => {
if (item.checked) {
if (item.children.length > 0) {
item.children.map((val) => {
console.log('val.id------------>', val.id);
console.log('val.id------------>', val.id)
if (checkedListAbility.value.indexOf(val.id) == -1) {
checkedListAbility.value.push(val.id)
item.checkedList.push(val.id)
@ -650,10 +732,10 @@ const ceshiFunction = () => {
}
// delOne delList handleDelete
const handleDelete = (item, index) => {
console.log('item, index------------>', item, index);
console.log('item, index------------>', item, index)
console.log('item------------>', item);
let delArr = [];
console.log('item------------>', item)
let delArr = []
// 单个删除
if (index) {
delArr = [item.id]
@ -666,7 +748,7 @@ const handleDelete = (item, index) => {
}
}
sgcDel({
ids: delArr
ids: delArr,
}).then((res) => {
if (res.data.msg === 'success') {
message.success('删除成功')
@ -694,12 +776,20 @@ const showItem = (id, type, delFlag, note1) => {
if (delFlag == 0) {
window.sessionStorage.setItem('type', JSON.stringify('PurchaseVehicle'))
mybus.emit('tabsChange', { flag: id })
router.push({
path: '/details',
// router.push({
// path: '/details',
// query: {
// id: id,
// },
// })
const detailPage = router.resolve({
path: '/details', // 跳转的页面路由
query: {
id: id,
hiddenBackFlag: true,
},
})
window.open(detailPage.href, '_blank')
}
}
}
@ -710,14 +800,14 @@ const apply = () => {
} else {
let arr = []
let delArr = []
console.log('list.value------------>', list.value);
console.log('list.value------------>', list.value)
list.value.map((val) => {
val.arr = val.children.filter((item) => {
if (whoShow.itShowXiHaiAn) {
item.type = '基础设施';
item.resourceName = '摄像头列表';
item.resourceId = '1522550195055828996';
item.type = '基础设施'
item.resourceName = '摄像头列表'
item.resourceId = '1522550195055828996'
}
console.log('选择的数据=============>', item)
if (checkedListAbility.value.indexOf(item.id) > -1) {
@ -745,7 +835,6 @@ const apply = () => {
</script>
<style lang="less" scoped>
.ant-list {
// max-height: 5.3rem;
.ant-list-item {
width: 100%;

26
front/src/views/personalCenter/index.vue
View File

@ -6,20 +6,28 @@
<aside-menu></aside-menu>
</aside>
<article>
<!-- 我的申请 -->
<div class="form-container">
<template v-if="showFlag === 'apply'">
<my-apply-xha v-if="xinhaian" :tabTypeName="tabTypeName"></my-apply-xha>
<my-apply-xha
v-if="xinhaian"
:tabTypeName="tabTypeName"
></my-apply-xha>
<my-apply v-else :tabTypeName="tabTypeName"></my-apply>
</template>
<!-- 我的发布 -->
<my-publish v-if="showFlag === 'push'"></my-publish>
<!-- 申购车 -->
<purchase-vehicle
v-if="showFlag === 'PurchaseVehicle'"
></purchase-vehicle>
<!-- 我的收藏 -->
<collection v-else-if="showFlag === 'collect'"></collection>
<!-- 我的需求 -->
<my-application v-else-if="showFlag === 'demand'"></my-application>
<!-- 我的评论 -->
<my-comments v-else-if="showFlag === 'remark'"></my-comments>
<!-- 我的浏览 -->
<my-browse v-else-if="showFlag === 'recent'"></my-browse>
</div>
</article>
@ -76,30 +84,30 @@
background-color: #f5f8fc;
height: 100%;
width: 100%;
margin: 64px auto 0;
margin: 0.64rem auto 0;
display: flex;
justify-content: center;
position: relative;
aside {
width: 282px;
width: 2.82rem;
height: 96%;
overflow-y: auto;
background-color: #fff;
margin: 1% 0 3%;
}
article {
width: 1090px;
width: 10.9rem;
height: 99%;
// overflow-y: auto;
background-color: #fff;
margin: 1% 0 1% 14px;
margin: 1% 0 1% 0.14rem;
}
.form-container {
.title {
font-size: 20px;
font-size: 0.2rem;
color: #000;
font-weight: bold;
margin-bottom: 20px;
margin-bottom: 0.2rem;
}
}
}