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

西海岸：个人中心只留申购车和我的申请功能

This commit is contained in:
guoyue 2022-10-09 15:46:38 +08:00
parent af1c03d3ed
commit 4a104177bf
3 changed files with 890 additions and 953 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
front/src/api/personalCenter.js
View File

@ -236,6 +236,14 @@ export function selectResourceListByDept(params) {
params, params,
}) })
} }
// 西海岸--申购车根据部门查询
export function selectResourceListByDeptName(params) {
return request({
url: '/resourcecar/selectResourceListByDeptName',
method: 'get',
params,
})
}
// 获取来源应用列表 // 获取来源应用列表
export function queryApplicationRelByResourceId(params) { export function queryApplicationRelByResourceId(params) {
return request({ return request({

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

@ -12,75 +12,22 @@
</div> </div>
<div class="right"> <div class="right">
<div class="sousuokuang"> <div class="sousuokuang">
<a-input-search <a-input-search v-model:value="name" placeholder="请输入关键词" enter-button="搜索" size="large"
v-model:value="name" @search="getList('init')" />
placeholder="请输入关键词"
enter-button="搜索"
size="large"
@search="getList('init')"
/>
</div> </div>
<a-popconfirm <a-popconfirm v-if="checkedListAbility.length != 0" title="是否进行批量删除?" ok-text="是" cancel-text="否"
v-if="checkedListAbility.length != 0" @confirm="handleDelete" @cancel="cancel">
title="是否进行批量删除?" <a-button type="primary" class="collect-btn" @click="ceshiFunction()">
ok-text="是"
cancel-text="否"
@confirm="delList"
@cancel="cancel"
>
<a-button
type="primary"
style="
width: 1rem;
height: 0.36rem;
margin-right: 0.12rem;
border-radius: 2px;
background: #fff;
color: #0558e1;
"
@click="ceshiFunction()"
>
批量删除 批量删除
</a-button> </a-button>
</a-popconfirm> </a-popconfirm>
<a-button <a-button v-else type="primary" class="collect-btn" @click="ceshiFunction()">
v-else
type="primary"
style="
width: 1rem;
height: 0.36rem;
margin-right: 0.12rem;
border-radius: 2px;
background: #fff;
color: #0558e1;
"
@click="ceshiFunction()"
>
批量删除 批量删除
</a-button> </a-button>
<a-button <a-button type="primary" v-if="!itShowXiHaiAn" class="collect-btn" @click="collection">
type="primary"
style="
width: 1rem;
height: 0.36rem;
border-radius: 2px;
background: #fff;
color: #0558e1;
"
@click="collection"
>
批量收藏 批量收藏
</a-button> </a-button>
<a-button <a-button type="primary" class="apply-btn" @click="apply">
type="primary"
style="
width: 1rem;
height: 0.36rem;
margin-left: 0.12rem;
border-radius: 2px;
"
@click="apply"
>
一键申请 一键申请
</a-button> </a-button>
</div> </div>
@ -89,10 +36,7 @@
<div class="item" v-for="(val, valIndex) in list" :key="val.id"> <div class="item" v-for="(val, valIndex) in list" :key="val.id">
<div class="item-top" @click="showBottom(val)"> <div class="item-top" @click="showBottom(val)">
<div> <div>
<a-checkbox <a-checkbox :checked="val.checked" @click.stop="checkedDept(val)"></a-checkbox>
:checked="val.checked"
@click.stop="checkedDept(val)"
></a-checkbox>
<span style="margin-left: 0.2rem" v-if="itShowXiHaiAn"> <span style="margin-left: 0.2rem" v-if="itShowXiHaiAn">
{{ val.deptName}} {{ val.deptName}}
</span> </span>
@ -104,17 +48,12 @@
<UpOutlined v-show="val.show" /> <UpOutlined v-show="val.show" />
</div> </div>
<div class="item-bottom" v-show="val.show"> <div class="item-bottom" v-show="val.show">
<a-list <a-list class="demo-loadmore-list" :loading="val.initLoading" item-layout="horizontal"
class="demo-loadmore-list" :data-source="val.children">
:loading="val.initLoading"
item-layout="horizontal"
:data-source="val.children"
>
<template #renderItem="{ item }"> <template #renderItem="{ item }">
<a-list-item> <a-list-item>
<a-skeleton avatar :title="false" :loading="item.loading" active> <a-skeleton avatar :title="false" :loading="item.loading" active>
<a-list-item-meta <a-list-item-meta :description="
:description="
item.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] &&
@ -123,25 +62,19 @@
JSON.parse(item.note1).length + JSON.parse(item.note1).length +
'个摄像头') || '个摄像头') ||
'' ''
" " style="position: relative">
style="position: relative"
>
<template #title> <template #title>
<div> <div>
<a-tooltip> <a-tooltip>
<template #title>{{ item.resourceName }}</template> <template #title>{{ item.resourceName }}</template>
<span <span @click="
@click="
showItem( showItem(
item.resourceId, item.resourceId,
item.type, item.type,
item.delFlag, item.delFlag,
item.note1 item.note1
) )
" " style="cursor: pointer" class="name">
style="cursor: pointer"
class="name"
>
{{ item.resourceName }} {{ item.resourceName }}
</span> </span>
</a-tooltip> </a-tooltip>
@ -150,76 +83,41 @@
<!-- // todo --> <!-- // todo -->
<span class="time"> <span class="time">
<span v-if="!itShowXiHaiAn">加购时间:{{ item.time }}</span> <span v-if="!itShowXiHaiAn">加购时间:{{ item.time }}</span>
<a-popconfirm <a-popconfirm title="是否删除该记录?" ok-text="是" cancel-text="否" @confirm="handleDelete(item, valIndex)"
title="是否删除该记录?" @cancel="cancel">
ok-text="是" <a-button type="primary" style="
cancel-text="否"
@confirm="delOne(item, valIndex)"
@cancel="cancel"
>
<a-button
type="primary"
style="
width: 0.7rem; width: 0.7rem;
height: 0.3rem; height: 0.3rem;
margin-left: 0.12rem; margin-left: 0.12rem;
border-radius: 2px; border-radius: 2px;
background: #fff; background: #fff;
color: #0558e1; color: #0558e1;
" " @click="del">
@click="del"
>
删除 删除
</a-button> </a-button>
</a-popconfirm> </a-popconfirm>
</span> </span>
<svg <svg t="1652233950228" class="icon" viewBox="0 0 1024 1024" version="1.1"
t="1652233950228" xmlns="http://www.w3.org/2000/svg" p-id="5970" data-spm-anchor-id="a313x.7781069.0.i8" width="50"
class="icon" height="50" v-if="item.delFlag == 4 || item.delFlag == 5"
viewBox="0 0 1024 1024" style="position: absolute; top: 0; left: 1rem">
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 <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" 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" fill="#515151" opacity=".5" p-id="5971"></path>
opacity=".5"
p-id="5971"
></path>
<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" 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" fill="#515151" opacity=".5" p-id="5972"></path>
opacity=".5"
p-id="5972"
></path>
<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" 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" fill="#515151" opacity=".5" p-id="5973"></path>
opacity=".5"
p-id="5973"
></path>
<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" 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" fill="#515151" opacity=".5" p-id="5974"></path>
opacity=".5"
p-id="5974"
></path>
</svg> </svg>
</template> </template>
<template #avatar> <template #avatar>
<a-checkbox <a-checkbox :checked="item.checked" @click.stop="checkedItem(val, item)"></a-checkbox>
:checked="item.checked" <div class="tx" v-if="!itShowXiHaiAn" :class="
@click.stop="checkedItem(val, item)"
></a-checkbox>
<div
class="tx"
:class="
item.type == '基础设施' item.type == '基础设施'
? 'sxt' ? 'sxt'
: item.type == '应用资源' : item.type == '应用资源'
@ -233,36 +131,19 @@
: item.componentType == '业务组件' : item.componentType == '业务组件'
? 'ywzj' ? 'ywzj'
: '' : ''
" "></div>
></div>
</template> </template>
</a-list-item-meta> </a-list-item-meta>
</a-skeleton> </a-skeleton>
</a-list-item> </a-list-item>
</template> </template>
</a-list> </a-list>
<!-- <a-pagination
v-model:current="val.pageNum"
v-model:page-size="val.pageSize"
:total="val.count"
@change="pageChange2(val)"
:key="showKey"
:hideOnSinglePage="true"
></a-pagination> -->
</div> </div>
</div> </div>
</div> </div>
<a-modal <a-modal v-model:visible="videoVisible" title="已申请摄像头列表" @ok="videoVisible = false">
v-model:visible="videoVisible" <a-table :columns="columns" :data-source="xVideoList" bordered :pagination="{ defaultPageSize: 6 }">
title="已申请摄像头列表"
@ok="videoVisible = false"
>
<a-table
:columns="columns"
:data-source="xVideoList"
bordered
:pagination="{ defaultPageSize: 6 }"
>
<template #bodyCell="{ column, text }"> <template #bodyCell="{ column, text }">
<!-- <template> <!-- <template>
<a>{{ text }}</a> <a>{{ text }}</a>
@ -270,71 +151,53 @@
</template> </template>
</a-table> </a-table>
</a-modal> </a-modal>
<!-- <a-pagination
v-model:current="pageNum"
v-model:page-size="pageSize"
:page-size-options="pageSizeOptions"
:total="total"
show-size-changer
@change="pageChange"
:key="showKey"
>
<template #buildOptionText="props">
<span>{{ props.value }}条/页</span>
</template>
</a-pagination> -->
</template> </template>
<script setup> <script setup>
import { onMounted, ref } from 'vue' import { onMounted, ref } from 'vue'
import { UpOutlined, DownOutlined } from '@ant-design/icons-vue' import { UpOutlined, DownOutlined } from '@ant-design/icons-vue'
import { useRouter } from 'vue-router' import { useRouter } from 'vue-router'
import { message } from 'ant-design-vue' import { message } from 'ant-design-vue'
import mybus from '@/myplugins/mybus' import mybus from '@/myplugins/mybus'
import { import {
sgcDel, sgcDel,
scInsert, scInsert,
selectResourceCarGroupByDept, selectResourceCarGroupByDept,
selectResourceListByDept, selectResourceListByDept,
} from '@/api/personalCenter' selectResourceListByDeptName,
const router = useRouter() } from '@/api/personalCenter'
// 分页 const router = useRouter()
const pageNum = ref('1') // 分页
const pageSize = ref('99999') const pageNum = ref('1')
// const pageSizeOptions = ref(['5', '10', '20']) const pageSize = ref('99999')
const videoVisible = ref(false) const videoVisible = ref(false)
const xVideoList = ref([]) const xVideoList = ref([])
const total = ref(0) const total = ref(0)
const load = ref(0) const load = ref(0)
// 多选框 // 多选框
const checkedList = ref([]) const checkedList = ref([])
const checkedListAll = ref([]) const checkedListAll = ref([])
const checkedListAbility = ref([]) const checkedListAbility = ref([])
const checkAll = ref(false) const checkAll = ref(false)
const checkNum = ref(0) const checkNum = ref(0)
const showKey = ref(0) const showKey = ref(0)
const columns = ref([ const columns = ref([
{ {
title: '摄像头名称', title: '摄像头名称',
dataIndex: 'name', dataIndex: 'name',
}, },
]) ])
// 筛选条件 // 筛选条件
const name = ref('') const name = ref('')
const type = ref('') const type = ref('')
const list = ref([]) const list = ref([])
const itShowXiHaiAn = whoShow.itShowXiHaiAn; const itShowXiHaiAn = ref(whoShow.itShowXiHaiAn);
// 初始化 // 初始化
onMounted(() => { onMounted(() => {
getList('init') getList('init')
}) })
// 收藏 // 收藏
const collection = () => { const collection = () => {
// console.log(
// '收藏=================》',
// checkedList.value,
// list.value,
// scInsert
// )
let scArr = [] let scArr = []
if (checkedListAbility.value.length === 0) { if (checkedListAbility.value.length === 0) {
message.warning('请选择需要收藏的数据') message.warning('请选择需要收藏的数据')
@ -366,9 +229,9 @@
message.warning('下架的数据无法收藏') message.warning('下架的数据无法收藏')
} }
} }
} }
// 全选按钮 // 全选按钮
const onCheckAllChange = () => { const onCheckAllChange = () => {
if (checkAll.value) { if (checkAll.value) {
list.value.forEach((val) => { list.value.forEach((val) => {
if (checkedList.value.indexOf(val.deptId) == -1) { if (checkedList.value.indexOf(val.deptId) == -1) {
@ -405,9 +268,9 @@
}) })
// console.log(checkAll.value, checkedList.value) // console.log(checkAll.value, checkedList.value)
} }
} }
// 处理child // 处理child
const handleChild = (val) => { const handleChild = (val) => {
if (val.children.length > 0) { if (val.children.length > 0) {
val.children.map((item) => { val.children.map((item) => {
// console.log('child=============>', checkedListAbility.value, item) // console.log('child=============>', checkedListAbility.value, item)
@ -421,10 +284,10 @@
} }
}) })
} }
} }
// 反选 // 反选
const reverseSelectionFalg = ref(false) const reverseSelectionFalg = ref(false)
const reverseSelection = () => { const reverseSelection = () => {
// console.log( // console.log(
// '点击反选==============>', // '点击反选==============>',
// checkedList.value, // checkedList.value,
@ -477,9 +340,9 @@
}) })
} }
reverseSelectionFalg.value = !reverseSelectionFalg.value reverseSelectionFalg.value = !reverseSelectionFalg.value
} }
// 重置 // 重置
const clean = (index) => { const clean = (index) => {
name.value = '' name.value = ''
type.value = '' type.value = ''
pageNum.value = '1' pageNum.value = '1'
@ -490,9 +353,9 @@
checkAll.value = false checkAll.value = false
showKey.value++ showKey.value++
getList('', index) getList('', index)
} }
// 获取信息 // 获取信息
const getList = (type, index) => { const getList = (type, index) => {
console.log(type, index) console.log(type, index)
if (type == 'init') { if (type == 'init') {
pageNum.value = 1 pageNum.value = 1
@ -504,7 +367,7 @@
name: name.value, name: name.value,
}).then((res) => { }).then((res) => {
console.log('res---获取信息--------->', res); console.log('res---获取信息--------->', res);
if(res.data.code !== 0) { if (res.data.code !== 0) {
return message.error(res.data.msg) return message.error(res.data.msg)
} }
let statistics = 0 let statistics = 0
@ -533,41 +396,44 @@
} }
// console.log('整体页面加载次数===============>', load.value) // console.log('整体页面加载次数===============>', load.value)
// 判断是否有已打开项，如果有重新载入之后自动打开 // 判断是否有已打开项，如果有重新载入之后自动打开
list.value = res.data.data.list list.value = res.data.data.list || []
console.log('list.value------------>', list.value);
if (index || index === 0) { if (index || index === 0) {
list.value[index].show = true list.value[index].show = true
showNew(list.value[index]) showNew(list.value[index])
} }
total.value = res.data.data.deptCount total.value = res.data.data.deptCount
showKey.value++ showKey.value++
if (type == 'init' || type == 'changePage') { if (type == 'init' || type == 'changePage') {
getListByDeptId(list.value[0]) getListByDeptId(list.value[0])
} }
}) })
} }
// 通过deptid查询列表 // 通过deptid查询列表
const getListByDeptId = (item) => { const getListByDeptId = async (item) => {
console.log(item, 'item') console.log('通过deptid或者deptName查询列表------------>', item);
if (item.children.length == 0) { if (item.children.length == 0) {
let _obj = { let _obj = {
pageNum: item.pageNum, pageNum: item.pageNum,
pageSize: item.pageSize, pageSize: item.pageSize,
deptId: item.deptId || '',
name: name.value, name: name.value,
} }
let res;
// 西海岸 todo // 西海岸 todo
if(whoShow.itShowXiHaiAn) { if (whoShow.itShowXiHaiAn) {
_obj.key = item.deptName _obj.deptName = item.deptName;
res = await selectResourceListByDeptName(_obj)
} else {
_obj.deptId = item.deptId || '';
res = await selectResourceListByDept(_obj)
} }
selectResourceListByDept(_obj).then((res) => {
console.log('res----根据部门查询-------->', res); console.log('res----根据部门查询-------->', res);
// console.log( item.initLoading = false
// '根据部门查询=============>', if (res.data.code !== 0) {
// item, return message.error(res.data.msg)
// checkedListAbility.value }
// ) (res.data.data || []).map((val) => {
res.data.data.map((val) => {
if ( if (
(!item.load || item.load < Number(item.pageNum)) && (!item.load || item.load < Number(item.pageNum)) &&
load.value <= Number(pageNum.value) load.value <= Number(pageNum.value)
@ -586,11 +452,6 @@
val.checked = false val.checked = false
} }
} else { } else {
// console.log(
// '第二次加载++++++++++++++',
// checkedListAbility.value,
// val.id
// )
if ( if (
checkedListAbility.value.indexOf(val.id) > -1 || checkedListAbility.value.indexOf(val.id) > -1 ||
(item.load < Number(item.pageNum) && (item.load < Number(item.pageNum) &&
@ -609,36 +470,33 @@
if (item.load < Number(item.pageNum)) { if (item.load < Number(item.pageNum)) {
item.load = Number(item.pageNum) item.load = Number(item.pageNum)
} }
// console.log('加载次数==============>>', item.load)
item.children = res.data.data item.children = res.data.data
item.show = true item.show = true
item.initLoading = false
})
} }
} }
// 显示资源信息 // 显示资源信息
const showBottom = (item) => { const showBottom = (item) => {
debugger debugger
item.show = !item.show item.show = !item.show
if (item.show) { if (item.show) {
getListByDeptId(item) getListByDeptId(item)
} }
} }
const showNew = (item) => { const showNew = (item) => {
getListByDeptId(item) getListByDeptId(item)
} }
// 切换页数 // 切换页数
const pageChange = (val) => { const pageChange = (val) => {
checkAll.value = false checkAll.value = false
pageNum.value = val pageNum.value = val
getList('changePage') getList('changePage')
} }
// 能力内分页 // 能力内分页
const pageChange2 = (item) => { const pageChange2 = (item) => {
getListByDeptId(item) getListByDeptId(item)
} }
// 点击部门多选框 // 点击部门多选框
const checkedDept = (item) => { const checkedDept = (item) => {
console.log( console.log(
'点击部门多选框==================>', '点击部门多选框==================>',
item, item,
@ -689,9 +547,9 @@
} }
checkNum.value -= Number(item.count) checkNum.value -= Number(item.count)
} }
} }
// 判断是否全选 // 判断是否全选
const judgeAll = (item, val) => { const judgeAll = (item, val) => {
console.log( console.log(
'判断是否全选============>', '判断是否全选============>',
item, item,
@ -724,9 +582,9 @@
item.checked = false item.checked = false
} }
} }
} }
// 点击能力 // 点击能力
const checkedItem = (val, item) => { const checkedItem = (val, item) => {
// console.log('点击能力===========>', val, item, checkedListAbility.value) // console.log('点击能力===========>', val, item, checkedListAbility.value)
item.checked = !item.checked item.checked = !item.checked
if (item.checked) { if (item.checked) {
@ -765,9 +623,9 @@
checkAll.value = false checkAll.value = false
} }
} }
} }
// 删除按钮 // 删除按钮
const delList = () => { const delList = () => {
if (checkedListAbility.value.length == 0) { if (checkedListAbility.value.length == 0) {
message.warning('请先选择需要操作的数据！') message.warning('请先选择需要操作的数据！')
} else { } else {
@ -782,18 +640,31 @@
} }
}) })
} }
} }
//ceshiFunction //ceshiFunction
const ceshiFunction = () => { const ceshiFunction = () => {
debugger debugger
if (checkedListAbility.value.length == 0) { if (checkedListAbility.value.length == 0) {
message.warning('请先选择需要操作的数据！') message.warning('请先选择需要操作的数据！')
} }
}
// delOne delList handleDelete
const handleDelete = (item, index) => {
console.log('item------------>', item);
let delArr = [];
// 单个删除
if (item) {
delArr = [item.id]
} else {
// 批量删除
if (checkedListAbility.value.length == 0) {
return message.warning('请先选择需要操作的数据！')
} else {
delArr = checkedListAbility.value
}
} }
const delOne = (item, index) => {
// console.log(item)
sgcDel({ sgcDel({
ids: [item.id], ids: delArr
}).then((res) => { }).then((res) => {
if (res.data.msg === 'success') { if (res.data.msg === 'success') {
message.success('删除成功') message.success('删除成功')
@ -803,12 +674,12 @@
// val.show = true // val.show = true
} }
}) })
} }
const cancel = (e) => { const cancel = (e) => {
// console.log(e) // console.log(e)
} }
// 详情 // 详情
const showItem = (id, type, delFlag, note1) => { const showItem = (id, type, delFlag, note1) => {
if (type == '基础设施') { if (type == '基础设施') {
// console.log() // console.log()
let arr = JSON.parse(note1) let arr = JSON.parse(note1)
@ -829,9 +700,9 @@
}) })
} }
} }
} }
// 一键申请 // 一键申请
const apply = () => { const apply = () => {
if (checkedListAbility.value.length == 0) { if (checkedListAbility.value.length == 0) {
message.warning('请先选择需要申请的数据！') message.warning('请先选择需要申请的数据！')
} else { } else {
@ -841,7 +712,7 @@
list.value.map((val) => { list.value.map((val) => {
val.arr = val.children.filter((item) => { val.arr = val.children.filter((item) => {
if(whoShow.itShowXiHaiAn) { if (whoShow.itShowXiHaiAn) {
item.type = '基础设施'; item.type = '基础设施';
item.resourceName = '摄像头列表'; item.resourceName = '摄像头列表';
item.resourceId = '1522550195055828996'; item.resourceId = '1522550195055828996';
@ -863,37 +734,42 @@
if (arr.length > 0) { if (arr.length > 0) {
console.log('一键申请===================>', arr) console.log('一键申请===================>', arr)
localStorage.setItem('applyList', JSON.stringify(arr)) localStorage.setItem('applyList', JSON.stringify(arr))
return;
router.push({ router.push({
path: '/apply', path: '/apply',
}) })
} }
} }
} }
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.ant-list { .ant-list {
// max-height: 5.3rem; // max-height: 5.3rem;
.ant-list-item { .ant-list-item {
width: 100%; width: 100%;
padding: 0.24rem 0.2rem; padding: 0.24rem 0.2rem;
.ant-list-item-meta { .ant-list-item-meta {
align-items: center; align-items: center;
:deep(.ant-list-item-meta-avatar) { :deep(.ant-list-item-meta-avatar) {
padding-left: 0.2rem; padding-left: 0.2rem;
margin-right: 0.3rem; margin-right: 0.3rem;
} }
.time { .time {
margin-left: 0.3rem; margin-left: 0.3rem;
font-size: 0.12rem; font-size: 0.12rem;
color: #ccc; color: #ccc;
} }
.type { .type {
margin-left: 0.1rem; margin-left: 0.1rem;
padding: 0.03rem 0.1rem; padding: 0.03rem 0.1rem;
background: #00a7e3; background: #00a7e3;
color: #fff; color: #fff;
} }
:deep(.ant-list-item-meta-description) { :deep(.ant-list-item-meta-description) {
margin-top: 0.1rem; margin-top: 0.1rem;
max-height: 0.22rem; max-height: 0.22rem;
@ -907,19 +783,23 @@
} }
} }
} }
} }
.ant-list::-webkit-scrollbar {
.ant-list::-webkit-scrollbar {
width: 0 !important; width: 0 !important;
} }
.top {
.top {
margin: 0.1rem; margin: 0.1rem;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
border-bottom: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0;
.left { .left {
display: flex; display: flex;
align-items: center; align-items: center;
p { p {
height: 0.18rem; height: 0.18rem;
line-height: 0.14rem; line-height: 0.14rem;
@ -927,35 +807,44 @@
margin-bottom: 0; margin-bottom: 0;
border-left: 1px solid #212121; border-left: 1px solid #212121;
} }
.reverseSelection { .reverseSelection {
margin-right: 0.1rem; margin-right: 0.1rem;
cursor: pointer; cursor: pointer;
} }
.reverseSelection:hover { .reverseSelection:hover {
color: #0058e1; color: #0058e1;
} }
span { span {
margin-left: 0.1rem; margin-left: 0.1rem;
} }
.num { .num {
margin-left: 0; margin-left: 0;
color: #0087ff; color: #0087ff;
font-size: 0.2rem; font-size: 0.2rem;
} }
} }
.right { .right {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-around; justify-content: space-around;
button { button {
margin-bottom: 0.1rem; margin-bottom: 0.1rem;
} }
.sousuokuang { .sousuokuang {
width: 3.25rem; width: 3.25rem;
margin: 0.1rem 0rem 0.21rem 0.2rem; margin: 0.1rem 0rem 0.21rem 0.2rem;
.ant-input-search { .ant-input-search {
max-width: 3rem; max-width: 3rem;
} }
:deep(.ant-input) { :deep(.ant-input) {
width: 2.4rem; width: 2.4rem;
height: 0.36rem; height: 0.36rem;
@ -963,9 +852,11 @@
color: #000; color: #000;
background: #fff; background: #fff;
} }
:deep(.ant-input-group-addon) { :deep(.ant-input-group-addon) {
display: inline-block; display: inline-block;
margin-left: 0.1rem; margin-left: 0.1rem;
.ant-input-search-button { .ant-input-search-button {
width: 0.65rem; width: 0.65rem;
height: 0.36rem; height: 0.36rem;
@ -975,22 +866,25 @@
} }
} }
} }
} }
.title {
.title {
font-size: 0.2rem; font-size: 0.2rem;
color: #000000; color: #000000;
font-family: 'Alibaba PuHuiTi'; font-family: 'Alibaba PuHuiTi';
font-weight: 500; font-weight: 500;
margin-top: 0.2rem; margin-top: 0.2rem;
margin-left: 0.2rem; margin-left: 0.2rem;
} }
.tab {
.tab {
margin-top: 0.1rem; margin-top: 0.1rem;
margin-left: 0.2rem; margin-left: 0.2rem;
margin-bottom: 0.1rem; margin-bottom: 0.1rem;
display: flex; display: flex;
font-size: 0.14rem; font-size: 0.14rem;
color: #999999; color: #999999;
div { div {
width: 0.7rem; width: 0.7rem;
height: 0.24rem; height: 0.24rem;
@ -1001,26 +895,31 @@
color: #666666; color: #666666;
cursor: pointer; cursor: pointer;
} }
.tabclass { .tabclass {
border: 0.01rem solid #0087ff; border: 0.01rem solid #0087ff;
color: #0087ff; color: #0087ff;
} }
} }
.name {
.name {
max-width: 4.15rem; max-width: 4.15rem;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
-o-text-overflow: ellipsis; -o-text-overflow: ellipsis;
word-break: break-all; word-break: break-all;
} }
.name:hover {
.name:hover {
color: #0087ff; color: #0087ff;
} }
.items {
.items {
height: 7.25rem; height: 7.25rem;
padding: 0 0.3rem; padding: 0 0.3rem;
overflow-y: scroll; overflow-y: scroll;
.item { .item {
.item-top { .item-top {
width: 100%; width: 100%;
@ -1034,65 +933,94 @@
padding: 0 0.1rem; padding: 0 0.1rem;
margin-top: 0.08rem; margin-top: 0.08rem;
} }
.item-top:hover { .item-top:hover {
cursor: pointer; cursor: pointer;
// 0058e1 透明度 0.5 // 0058e1 透明度 0.5
background: rgba(0, 88, 225, 0.8); background: rgba(0, 88, 225, 0.8);
color: white; color: white;
:deep(.anticon) { :deep(.anticon) {
color: white; color: white;
} }
} }
.item-bottom { .item-bottom {
padding: 0 0.2rem; padding: 0 0.2rem;
border: 1px solid rgba(0, 135, 225, 0.1); border: 1px solid rgba(0, 135, 225, 0.1);
} }
} }
} }
:deep(.ant-list-item-meta-avatar) {
:deep(.ant-list-item-meta-avatar) {
display: flex; display: flex;
align-items: center; align-items: center;
} }
.ant-pagination {
.ant-pagination {
margin-bottom: 0.2rem; margin-bottom: 0.2rem;
} }
.tx {
.tx {
display: inline-block; display: inline-block;
width: 0.8rem; width: 0.8rem;
height: 0.8rem; height: 0.8rem;
margin-left: 0.1rem; margin-left: 0.1rem;
} }
.sxt {
.sxt {
background: url('~@/assets/home/sxt_square.png') no-repeat; background: url('~@/assets/home/sxt_square.png') no-repeat;
background-size: 100%; background-size: 100%;
} }
.yyzy {
.yyzy {
background: url('~@/assets/home/yyzy_square.png') no-repeat; background: url('~@/assets/home/yyzy_square.png') no-repeat;
background-size: 100%; background-size: 100%;
} }
.znsf {
.znsf {
background: url('~@/assets/home/znsf_square.png') no-repeat; background: url('~@/assets/home/znsf_square.png') no-repeat;
background-size: 100%; background-size: 100%;
} }
.tcfw {
.tcfw {
background: url('~@/assets/home/tcfw_square.png') no-repeat; background: url('~@/assets/home/tcfw_square.png') no-repeat;
background-size: 100%; background-size: 100%;
} }
.kfzj {
.kfzj {
background: url('~@/assets/home/kfzj_square.png') no-repeat; background: url('~@/assets/home/kfzj_square.png') no-repeat;
background-size: 100%; background-size: 100%;
} }
.ywzj {
.ywzj {
background: url('~@/assets/home/ywzj_square.png') no-repeat; background: url('~@/assets/home/ywzj_square.png') no-repeat;
background-size: 100%; background-size: 100%;
} }
:deep(.ant-list-item-meta-title) {
:deep(.ant-list-item-meta-title) {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
div { div {
display: flex; display: flex;
align-items: center; align-items: center;
} }
} }
.collect-btn {
width: 1rem;
height: 0.36rem;
border-radius: 2px;
background: #fff;
color: #0558e1;
}
.apply-btn {
width: 1rem;
height: 0.36rem;
margin-left: 0.12rem;
border-radius: 2px;
}
</style> </style>

29
front/src/views/personalCenter/components/asideMenu.vue
View File

@ -21,25 +21,27 @@ export default defineComponent({
components: {}, components: {},
setup() { setup() {
const itShowXiHaiAn = whoShow.itShowXiHaiAn; const itShowXiHaiAn = whoShow.itShowXiHaiAn;
let menuList = [ const car = {
{
title: '申购车', title: '申购车',
img: require('@/assets/personalCenter/demand.png'), img: require('@/assets/personalCenter/demand.png'),
imgActive: require('@/assets/personalCenter/demandactive.png'), imgActive: require('@/assets/personalCenter/demandactive.png'),
key: 'PurchaseVehicle', key: 'PurchaseVehicle',
}, }
const apply = {
title: '我的申请',
img: require('@/assets/personalCenter/apply.png'),
imgActive: require('@/assets/personalCenter/applyactive.png'),
key: 'apply',
}
let menuList = [
car,
{ {
title: '我的发布', title: '我的发布',
img: require('@/assets/personalCenter/push.png'), img: require('@/assets/personalCenter/push.png'),
imgActive: require('@/assets/personalCenter/pushactive.png'), imgActive: require('@/assets/personalCenter/pushactive.png'),
key: 'push', key: 'push',
}, },
{ apply,
title: '我的申请',
img: require('@/assets/personalCenter/apply.png'),
imgActive: require('@/assets/personalCenter/applyactive.png'),
key: 'apply',
},
{ {
title: '我的收藏', title: '我的收藏',
img: require('@/assets/personalCenter/collect.png'), img: require('@/assets/personalCenter/collect.png'),
@ -66,9 +68,8 @@ export default defineComponent({
}, },
] ]
// 西海岸 // 西海岸
if(itShowXiHaiAn) { if (itShowXiHaiAn) {
let _newArr = JSON.parse(JSON.stringify(menuList)) menuList = [car, apply]
menuList = _newArr.splice(0, 1)
} }
const selectedKeys = ref(['apply']) const selectedKeys = ref(['apply'])
@ -82,9 +83,9 @@ export default defineComponent({
} }
onMounted(() => { onMounted(() => {
if(menuList[1]) { if (menuList[1]) {
handleClick(menuList[1]) handleClick(menuList[1])
}else { } else {
handleClick(menuList[0]) handleClick(menuList[0])
} }
}) })