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 13:52:28 +08:00
parent d6c971ab23
commit c4ae6d603a
5 changed files with 895 additions and 958 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
front/src/views/home/AbilityToApplyFor.vue
View File

@ -89,11 +89,15 @@
</span> </span>
<span>{{ val.type }}</span> <span>{{ val.type }}</span>
</div> </div>
<!-- (item.note1 && JSON.parse(item.note1) &&
JSON.parse(item.note1)[0] &&
JSON.parse(item.note1)[0].channelName -->
<div class="description"> <div class="description">
{{ {{
val.description || val.description ||
((val.note1 || '') && ((val.note1 || '') &&
(JSON.parse(val.note1)[0].channelName || '--') + (JSON.parse(val.note1) && JSON.parse(val.note1)[0] && JSON.parse(val.note1)[0].channelName || '--') +
'等' + '等' +
JSON.parse(val.note1).length + JSON.parse(val.note1).length +
'个摄像头') || '个摄像头') ||

203
front/src/views/home/apply.vue
View File

@ -8,159 +8,69 @@
</div> </div>
<div class="form-container"> <div class="form-container">
<div v-if="applySuccess"> <div v-if="applySuccess">
<a-form <a-form ref="formRef" :model="formName" name="basic" :label-col="{ style: { width: '106px' } }"
ref="formRef" :wrapper-col="{ style: { width: '230px' } }" labelAlign="left" autocomplete="off">
:model="formName"
name="basic"
:label-col="{ style: { width: '106px' } }"
:wrapper-col="{ style: { width: '230px' } }"
labelAlign="left"
autocomplete="off"
>
<div class="base-info flex-row-start"> <div class="base-info flex-row-start">
<a-form-item <a-form-item label="申请标题" name="title" :rules="[{ required: true, message: '请输入申请标题' }]">
label="申请标题" <a-input placeholder="请输入能力申请标题" v-model:value="formName.title" />
name="title"
:rules="[{ required: true, message: '请输入申请标题' }]"
>
<a-input
placeholder="请输入能力申请标题"
v-model:value="formName.title"
/>
</a-form-item> </a-form-item>
<!-- 西海岸-摄像头-增加过期时间 --> <!-- 西海岸-摄像头-增加过期时间 -->
<a-form-item <a-form-item v-if="isCamera && isXiHaiAn" label="过期时间" name="expireDate"
v-if="isCamera && isXiHaiAn" :rules="[{ required: true, message: '请选择过期时间' }]" style="margin-left: 22px">
label="过期时间" <a-select v-model:value="formName.expireDate" placeholder="请选择过期时间" style="width: 200px"
name="expireDate" :options="expireDateOptions"></a-select>
:rules="[{ required: true, message: '请选择过期时间' }]"
style="margin-left: 22px"
>
<a-select
v-model:value="formName.expireDate"
placeholder="请选择过期时间"
style="width: 200px"
:options="expireDateOptions"
></a-select>
</a-form-item> </a-form-item>
</div> </div>
<div class="base-info"> <div class="base-info">
<a-form-item <a-form-item label="申请人信息" name="user" :rules="[{ required: true, message: '请输入申请人' }]">
label="申请人信息" <a-input placeholder="请输入申请人" v-model:value="formName.user" disabled />
name="user"
:rules="[{ required: true, message: '请输入申请人' }]"
>
<a-input
placeholder="请输入申请人"
v-model:value="formName.user"
disabled
/>
</a-form-item> </a-form-item>
<a-form-item <a-form-item style="margin: 0 22px" label="电话" name="phone" :rules="[
style="margin: 0 22px"
label="电话"
name="phone"
:rules="[
{ {
required: true, required: true,
pattern: /^1[3456789]\d{9}$/, pattern: /^1[3456789]\d{9}$/,
message: '请输入正确的电话号码', message: '请输入正确的电话号码',
}, },
]" ]">
> <a-input placeholder="请输入申请人电话" v-model:value="formName.phone" />
<a-input
placeholder="请输入申请人电话"
v-model:value="formName.phone"
/>
</a-form-item> </a-form-item>
<a-form-item <a-form-item label="单位" name="unit" :rules="[{ required: true, message: '请输入单位' }]">
label="单位" <a-input placeholder="请输入单位" v-model:value="formName.unit" disabled v-if="deptFlage" />
name="unit" <a-select v-else placeholder="请选择归属部门" v-model:value="formName.unit" @change="deptIdChangeFunction">
:rules="[{ required: true, message: '请输入单位' }]" <a-select-option v-for="(item, index) in deptNameAll" :key="`${index}-${item}`" :value="item.name">
>
<a-input
placeholder="请输入单位"
v-model:value="formName.unit"
disabled
v-if="deptFlage"
/>
<a-select
v-else
placeholder="请选择归属部门"
v-model:value="formName.unit"
@change="deptIdChangeFunction"
>
<a-select-option
v-for="(item, index) in deptNameAll"
:key="`${index}-${item}`"
:value="item.name"
>
{{ item.name }} {{ item.name }}
</a-select-option> </a-select-option>
</a-select> </a-select>
</a-form-item> </a-form-item>
</div> </div>
<div class="base-info" v-if="flag"> <div class="base-info" v-if="flag">
<a-form-item <a-form-item label="应用系统" name="applicationSystem" :rules="[{ required: true, message: '请选择应用系统' }]">
label="应用系统"
name="applicationSystem"
:rules="[{ required: true, message: '请选择应用系统' }]"
>
<a-tooltip> <a-tooltip>
<template #title> <template #title>
请输入关键字（如选项没有系统请新增） 请输入关键字（如选项没有系统请新增）
</template> </template>
<a-select <a-select v-model:value="formName.applicationSystem" show-search placeholder="请输入关键字（如选项没有系统请新增）"
v-model:value="formName.applicationSystem" style="width: 230px" :options="systemOptions" @focus="handleFocus" @blur="handleBlur"
show-search @change="systemHandleChange" @search="systemHandleSearch"></a-select>
placeholder="请输入关键字（如选项没有系统请新增）"
style="width: 230px"
:options="systemOptions"
@focus="handleFocus"
@blur="handleBlur"
@change="systemHandleChange"
@search="systemHandleSearch"
></a-select>
</a-tooltip> </a-tooltip>
</a-form-item> </a-form-item>
<a-form-item <a-form-item class="applicationScene" label="应用领域" name="applicationScene"
class="applicationScene" :rules="[{ required: true, message: '请选择应用领域' }]" style="width: 6.93rem">
label="应用领域" <a-select v-model:value="formName.applicationScene" :options="applicationSceneOpthion" mode="tags"
name="applicationScene" :size="size" placeholder="请选择应用领域" :filterOption="false" :searchValue="false"
:rules="[{ required: true, message: '请选择应用领域' }]" style="width: 5.87rem"></a-select>
style="width: 6.93rem"
>
<a-select
v-model:value="formName.applicationScene"
:options="applicationSceneOpthion"
mode="tags"
:size="size"
placeholder="请选择应用领域"
:filterOption="false"
:searchValue="false"
style="width: 5.87rem"
></a-select>
</a-form-item> </a-form-item>
</div> </div>
<div> <div>
<a-form-item <a-form-item label="需求依据" name="applicationBackground" :rules="[
label="需求依据"
name="applicationBackground"
:rules="[
{ required: true, message: '请输入需求依据' }, { required: true, message: '请输入需求依据' },
{ min: 50, message: '需求依据最少为50个字' }, { min: 50, message: '需求依据最少为50个字' },
]" ]">
> <a-textarea placeholder="请输入需求依据" v-model:value="formName.applicationBackground" :rows="4" />
<a-textarea
placeholder="请输入需求依据"
v-model:value="formName.applicationBackground"
:rows="4"
/>
</a-form-item> </a-form-item>
</div> </div>
<div class="bottom-btn"> <div class="bottom-btn">
<a-button <a-button style="
style="
width: 80px; width: 80px;
height: 38px; height: 38px;
margin-right: 20px; margin-right: 20px;
@ -171,15 +81,10 @@
border: none; border: none;
padding: 0; padding: 0;
text-align: center; text-align: center;
" " type="primary" html-type="cancle" @click="resetFields()">
type="primary"
html-type="cancle"
@click="resetFields()"
>
退出申请 退出申请
</a-button> </a-button>
<a-button <a-button style="
style="
width: 80px; width: 80px;
height: 38px; height: 38px;
background: #0087ff; background: #0087ff;
@ -189,11 +94,7 @@
border: none; border: none;
padding: 0; padding: 0;
text-align: center; text-align: center;
" " type="primary" html-type="submit" @click="processStartHandle()">
type="primary"
html-type="submit"
@click="processStartHandle()"
>
提交申请 提交申请
</a-button> </a-button>
</div> </div>
@ -601,26 +502,29 @@
if (item.note1 && typeof item.note1 == 'string') { if (item.note1 && typeof item.note1 == 'string') {
item.note1 = JSON.parse(item.note1) item.note1 = JSON.parse(item.note1)
} }
item.note1.map((sxt) => { item.note1 && item.note1.map((jcss) => {
if (!jcss) {
return;
}
let _itemData = { let _itemData = {
resourceId: sxt.idtCameraChannel + '', resourceId: (jcss.idtCameraChannel || '') + '',
resourceName: sxt.channelName, resourceName: jcss.channelName,
cameraId: sxt.channelId, // 改接口后删除 cameraId: jcss.channelId, // 改接口后删除
channelCode: sxt.channelCode, channelCode: jcss.channelCode,
channelId: sxt.channelId, channelId: jcss.channelId,
channelName: sxt.channelName, channelName: jcss.channelName,
checkStatus: sxt.checkStatus + '', checkStatus: jcss.checkStatus + '',
gpsX: sxt.gpsX, gpsX: jcss.gpsX,
gpsY: sxt.gpsY, gpsY: jcss.gpsY,
idtCameraChannel: sxt.idtCameraChannel + '', idtCameraChannel: (jcss.idtCameraChannel || '') + '',
nodeName: sxt.nodeName, nodeName: jcss.nodeName,
parentId: sxt.parentId, parentId: jcss.parentId,
status: sxt.status + '', status: jcss.status + '',
} }
// 西海岸 // 西海岸
if (isXiHaiAn.value) { if (isXiHaiAn) {
_itemData.managementUnitName = sxt.managementUnitName _itemData.managementUnitName = jcss.managementUnitName;
_itemData.cameraPointTypeName = sxt.cameraPointTypeName _itemData.cameraPointTypeName = jcss.cameraPointTypeName;
} }
obj.system.push(_itemData) obj.system.push(_itemData)
}) })
@ -683,6 +587,7 @@
}) })
.catch(() => { }) .catch(() => { })
} }
const options = ref([ const options = ref([
{ {
value: '政法委', value: '政法委',

14
front/src/views/home/infrastructurePage.vue
View File

@ -453,14 +453,14 @@
批量预览 批量预览
</a-button> </a-button>
<!-- 添加至申购车 --> <!-- 添加至申购车 -->
<a-button <!-- <a-button
v-if="isXiHaiAn" v-if="isXiHaiAn"
type="primary" type="primary"
@click="addShoppingCart" @click="addShoppingCart"
class="buttonAdd" class="buttonAdd"
> >
添加至申购车 添加至申购车
</a-button> </a-button> -->
<!-- 一键申请 --> <!-- 一键申请 -->
<a-button <a-button
v-if="isXiHaiAn" v-if="isXiHaiAn"
@ -1412,6 +1412,8 @@
tabList.value[1].title = '视频标签' tabList.value[1].title = '视频标签'
} }
selectType.value = '视频资源' selectType.value = '视频资源'
console.log('444------------>', 444);
} else if (name == '政务云资源') { } else if (name == '政务云资源') {
room.value = true room.value = true
tableHeight.value = 600 tableHeight.value = 600
@ -1479,7 +1481,12 @@
mapSearchParam.value.labelCodes.push(item.labelCode) mapSearchParam.value.labelCodes.push(item.labelCode)
}) })
} }
console.log('选中的标签code', mapSearchParam.value) // todo
mapSearchParam.value.gpsX = ''
mapSearchParam.value.gpsY = ''
mapSearchParam.value.radius = ''
mapSearchParam.value.type = ''
console.log('mapSearchParam----->查询条件', mapSearchParam.value)
mapSearchParam.value.labelCodes = mapSearchParam.value.labelCodes + '' mapSearchParam.value.labelCodes = mapSearchParam.value.labelCodes + ''
emits('add', 1) emits('add', 1)
getCamera() getCamera()
@ -1863,7 +1870,6 @@
mapSearchParam.value.parentId || '70be8c5b664f4bcf869d82f2e8335051', mapSearchParam.value.parentId || '70be8c5b664f4bcf869d82f2e8335051',
pageNum: mapSearchParam.value.pageNum, pageNum: mapSearchParam.value.pageNum,
pageSize: mapSearchParam.value.pageSize, pageSize: mapSearchParam.value.pageSize,
name: mapSearchParam.value.cameraName || '',
longitude: mapSearchParam.value.gpsX || '', longitude: mapSearchParam.value.gpsX || '',
latitude: mapSearchParam.value.gpsY || '', latitude: mapSearchParam.value.gpsY || '',
radius: mapSearchParam.value.radius || '', radius: mapSearchParam.value.radius || '',

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

@ -93,7 +93,10 @@
:checked="val.checked" :checked="val.checked"
@click.stop="checkedDept(val)" @click.stop="checkedDept(val)"
></a-checkbox> ></a-checkbox>
<span style="margin-left: 0.2rem"> <span style="margin-left: 0.2rem" v-if="itShowXiHaiAn">
{{ val.deptName}}
</span>
<span style="margin-left: 0.2rem" v-else>
{{ val.deptName + '(' + val.count + ')' }} {{ val.deptName + '(' + val.count + ')' }}
</span> </span>
</div> </div>
@ -113,13 +116,13 @@
<a-list-item-meta <a-list-item-meta
:description=" :description="
item.description || item.description ||
(JSON.parse(item.note1) && (item.note1 && JSON.parse(item.note1) &&
JSON.parse(item.note1)[0] && JSON.parse(item.note1)[0] &&
JSON.parse(item.note1)[0].channelName + JSON.parse(item.note1)[0].channelName +
'等' + '等' +
JSON.parse(item.note1).length + JSON.parse(item.note1).length +
'个摄像头') || '个摄像头') ||
'--' ''
" "
style="position: relative" style="position: relative"
> >
@ -144,8 +147,9 @@
</a-tooltip> </a-tooltip>
<span class="type">{{ item.type }}</span> <span class="type">{{ item.type }}</span>
</div> </div>
<!-- // todo -->
<span class="time"> <span class="time">
加购时间:{{ item.time }} <span v-if="!itShowXiHaiAn">加购时间:{{ item.time }}</span>
<a-popconfirm <a-popconfirm
title="是否删除该记录?" title="是否删除该记录?"
ok-text="是" ok-text="是"
@ -318,6 +322,7 @@
const name = ref('') const name = ref('')
const type = ref('') const type = ref('')
const list = ref([]) const list = ref([])
const itShowXiHaiAn = whoShow.itShowXiHaiAn;
// 初始化 // 初始化
onMounted(() => { onMounted(() => {
getList('init') getList('init')
@ -498,7 +503,8 @@
pageSize: pageSize.value, pageSize: pageSize.value,
name: name.value, name: name.value,
}).then((res) => { }).then((res) => {
console.log('res-----selectResourceCarGroupByDept------->', res); console.log('res---获取信息--------->', res);
let statistics = 0 let statistics = 0
res.data.data.list.map((val) => { res.data.data.list.map((val) => {
val.initLoading = true val.initLoading = true
@ -541,13 +547,19 @@
// 通过deptid查询列表 // 通过deptid查询列表
const getListByDeptId = (item) => { const getListByDeptId = (item) => {
console.log(item, 'item') console.log(item, 'item')
if (item.children && item.children.length == 0) { if (item.children.length == 0) {
selectResourceListByDept({ let _obj = {
pageNum: item.pageNum, pageNum: item.pageNum,
pageSize: item.pageSize, pageSize: item.pageSize,
deptId: item.deptId, deptId: item.deptId || '',
name: name.value, name: name.value,
}).then((res) => { }
// 西海岸 todo
if(whoShow.itShowXiHaiAn) {
_obj.key = item.deptName
}
selectResourceListByDept(_obj).then((res) => {
console.log('res----根据部门查询-------->', res);
// console.log( // console.log(
// '根据部门查询=============>', // '根据部门查询=============>',
// item, // item,
@ -625,16 +637,17 @@
} }
// 点击部门多选框 // 点击部门多选框
const checkedDept = (item) => { const checkedDept = (item) => {
// console.log( console.log(
// '点击部门多选框==================>', '点击部门多选框==================>',
// item, item,
// checkedList.value, checkedList.value,
// checkAll.value checkAll.value
// ) )
item.checked = !item.checked item.checked = !item.checked
if (item.checked) { if (item.checked) {
if (item.children.length > 0) { if (item.children.length > 0) {
item.children.map((val) => { item.children.map((val) => {
console.log('val.id------------>', val.id);
if (checkedListAbility.value.indexOf(val.id) == -1) { if (checkedListAbility.value.indexOf(val.id) == -1) {
checkedListAbility.value.push(val.id) checkedListAbility.value.push(val.id)
item.checkedList.push(val.id) item.checkedList.push(val.id)
@ -822,8 +835,15 @@
} else { } else {
let arr = [] let arr = []
let delArr = [] let delArr = []
console.log('list.value------------>', list.value);
list.value.map((val) => { list.value.map((val) => {
val.arr = val.children.filter((item) => { val.arr = val.children.filter((item) => {
if(whoShow.itShowXiHaiAn) {
item.type = '基础设施';
item.resourceName = '摄像头列表';
item.resourceId = '1522550195055828996';
}
console.log('选择的数据=============>', item) console.log('选择的数据=============>', item)
if (checkedListAbility.value.indexOf(item.id) > -1) { if (checkedListAbility.value.indexOf(item.id) > -1) {
if (item.delFlag == 0) { if (item.delFlag == 0) {
@ -841,6 +861,7 @@
if (arr.length > 0) { if (arr.length > 0) {
console.log('一键申请===================>', arr) console.log('一键申请===================>', arr)
localStorage.setItem('applyList', JSON.stringify(arr)) localStorage.setItem('applyList', JSON.stringify(arr))
return;
router.push({ router.push({
path: '/apply', path: '/apply',
}) })

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

@ -1,83 +1,74 @@
<template> <template>
<div id="aside-menu-container"> <div id="aside-menu-container">
<a-menu <a-menu id="aside-menu" v-model:openKeys="openKeys" v-model:selectedKeys="selectedKeys" mode="inline">
id="aside-menu" <a-menu-item class="aside-menu-item" v-for="item in menuList" :key="item.key" @click="handleClick(item)">
v-model:openKeys="openKeys" <i class="icon" :style="{
v-model:selectedKeys="selectedKeys"
mode="inline"
>
<a-menu-item
class="aside-menu-item"
v-for="item in menuList"
:key="item.key"
@click="handleClick(item)"
>
<i
class="icon"
:style="{
backgroundImage: backgroundImage:
selectedKeys == item.key selectedKeys == item.key
? 'url(' + item.imgActive + ')' ? 'url(' + item.imgActive + ')'
: 'url(' + item.img + ')', : 'url(' + item.img + ')',
}" }"></i>
></i>
<span>{{ item.title }}</span> <span>{{ item.title }}</span>
</a-menu-item> </a-menu-item>
</a-menu> </a-menu>
</div> </div>
</template> </template>
<script> <script>
import { defineComponent, ref } from 'vue' import { defineComponent, ref, onMounted } from 'vue'
import mybus from '@/myplugins/mybus' import mybus from '@/myplugins/mybus'
export default defineComponent({ export default defineComponent({
components: {}, components: {},
setup() { setup() {
const menuList = [ const menuList = [
// {
// title: '申购车',
// img: require('@/assets/personalCenter/demand.png'),
// imgActive: require('@/assets/personalCenter/demandactive.png'),
// key: 'PurchaseVehicle',
// },
{ {
title: '申购车', title: '我的发布',
img: require('@/assets/personalCenter/demand.png'), img: require('@/assets/personalCenter/push.png'),
imgActive: require('@/assets/personalCenter/demandactive.png'), imgActive: require('@/assets/personalCenter/pushactive.png'),
key: 'PurchaseVehicle', key: 'push',
},
{
title: '我的申请',
img: require('@/assets/personalCenter/apply.png'),
imgActive: require('@/assets/personalCenter/applyactive.png'),
key: 'apply',
}, },
// {
// title: '我的发布',
// img: require('@/assets/personalCenter/push.png'),
// imgActive: require('@/assets/personalCenter/pushactive.png'),
// key: 'push',
// },
// {
// 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'),
// imgActive: require('@/assets/personalCenter/collectactive.png'), // imgActive: require('@/assets/personalCenter/collectactive.png'),
// key: 'collect', // key: 'collect',
// }, // },
// { {
// title: '我的浏览', title: '我的浏览',
// img: require('@/assets/personalCenter/recent.png'), img: require('@/assets/personalCenter/recent.png'),
// imgActive: require('@/assets/personalCenter/recentactive.png'), imgActive: require('@/assets/personalCenter/recentactive.png'),
// key: 'recent', key: 'recent',
// }, },
// { {
// 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: 'demand', key: 'demand',
// }, },
// { {
// title: '我的评论', title: '我的评论',
// img: require('@/assets/personalCenter/remark.png'), img: require('@/assets/personalCenter/remark.png'),
// imgActive: require('@/assets/personalCenter/remarkactive.png'), imgActive: require('@/assets/personalCenter/remarkactive.png'),
// key: 'remark', key: 'remark',
// }, },
] ]
const selectedKeys = ref(['PurchaseVehicle']) // 西海岸
// if() {
// }
const selectedKeys = ref(['apply'])
const type = JSON.parse(window.sessionStorage.getItem('type')) const type = JSON.parse(window.sessionStorage.getItem('type'))
if (type) { if (type) {
selectedKeys.value = [type] selectedKeys.value = [type]
@ -87,6 +78,10 @@
mybus.emit('tabsChange', item) mybus.emit('tabsChange', item)
} }
onMounted(() => {
handleClick(menuList[1])
})
return { return {
menuList, menuList,
selectedKeys, selectedKeys,
@ -106,14 +101,17 @@
height: 60px; height: 60px;
font-size: 16px; font-size: 16px;
color: #333; color: #333;
&:hover { &:hover {
color: #0087ff; color: #0087ff;
background-color: #edf4fc; background-color: #edf4fc;
} }
} }
:deep(.ant-menu-title-content) { :deep(.ant-menu-title-content) {
display: flex; display: flex;
align-items: center; align-items: center;
.icon { .icon {
display: block; display: block;
width: 24px; width: 24px;
@ -122,14 +120,17 @@
margin-right: 30px; margin-right: 30px;
} }
} }
:deep(.ant-menu-item-selected) { :deep(.ant-menu-item-selected) {
background-color: #edf4fc; background-color: #edf4fc;
color: #0087ff; color: #0087ff;
&::after { &::after {
display: none; display: none;
} }
} }
} }
#aside-menu-container::-webkit-scrollbar { #aside-menu-container::-webkit-scrollbar {
width: 0 !important; width: 0 !important;
} }