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

首页通过资源申请跳转 默认进入政务云资源tab

This commit is contained in:
a0049873 2022-11-14 09:51:46 +08:00
parent 11a959022c
commit cb60a8736d
3 changed files with 519 additions and 520 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
front/src/views/home/DetailsPageconetent.vue
View File

@ -1784,6 +1784,7 @@
Cardsname.value = name Cardsname.value = name
newQuery.select = Cardsname.value newQuery.select = Cardsname.value
newQuery.type = '' newQuery.type = ''
newQuery.zwy = ''
router router
.replace({ .replace({
query: newQuery, query: newQuery,

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

@ -1024,6 +1024,7 @@
} }
// 消息列表页面 // 消息列表页面
let formPage = router.currentRoute.value.query.formPage || '' let formPage = router.currentRoute.value.query.formPage || ''
let zwy = router.currentRoute.value.query.zwy || ''
// 设施类型--无人机和单兵设备 // 设施类型--无人机和单兵设备
let facilitiesType = router.currentRoute.value.query.facilitiesType || '' let facilitiesType = router.currentRoute.value.query.facilitiesType || ''
onMounted(() => { onMounted(() => {
@ -1053,11 +1054,16 @@
roomYuyue.value = false roomYuyue.value = false
roomResult.value = true roomResult.value = true
onSearch() onSearch()
} else {
// 如果是通过自愿申请跳转 默认打开政务云资源
if (zwy) {
tabClick(0, '政务云资源')
} else { } else {
tabClick(0, '城市云脑会客厅') tabClick(0, '城市云脑会客厅')
} }
} }
} }
}
mybus.off('getListByParentId') mybus.off('getListByParentId')
mybus.on('getListByParentId', (parentId) => { mybus.on('getListByParentId', (parentId) => {

248
front/src/views/newHome/components/WorkDynamics.vue
View File

@ -13,14 +13,7 @@
<p></p> <p></p>
<p>能力上架</p> <p>能力上架</p>
<!-- <a-button type="primary" >Open Modal</a-button> --> <!-- <a-button type="primary" >Open Modal</a-button> -->
<a-modal <a-modal v-model:visible="visible" class="shangjia-class">
v-model:visible="visible"
class="shangjia-class"
>
<div class="ant-modal-title" id="vcDialogTitle1"> <div class="ant-modal-title" id="vcDialogTitle1">
<!-- <div class="showBg"></div> --> <!-- <div class="showBg"></div> -->
能力上架申请 能力上架申请
@ -54,9 +47,7 @@
:key="item" :key="item"
@click="componentTypeValueFunction(item)" @click="componentTypeValueFunction(item)"
:class=" :class="
componentTypeValue == item componentTypeValue == item ? 'ability-to-type-down' : ''
? 'ability-to-type-down'
: ''
" "
> >
{{ item }} {{ item }}
@ -67,60 +58,58 @@
<a-button class="shenqing" @click="handleOk">申请</a-button> <a-button class="shenqing" @click="handleOk">申请</a-button>
<a-button class="quxiao" @click="handlecancel">取消</a-button> <a-button class="quxiao" @click="handlecancel">取消</a-button>
</template> </template>
</a-modal> </a-modal>
</div> </div>
</div> </div>
</div> </div>
</template> </template>
<script setup> <script setup>
import { gongZuoZhuangTai } from '@/api/home.js' import { gongZuoZhuangTai } from '@/api/home.js'
import { message } from 'ant-design-vue' import { message } from 'ant-design-vue'
import { ref, watch } from 'vue' import { ref, watch } from 'vue'
import { useRouter } from 'vue-router' import { useRouter } from 'vue-router'
import { useStore } from 'vuex' import { useStore } from 'vuex'
const store = useStore() const store = useStore()
const router = useRouter() const router = useRouter()
const imgSrc = ref(require('@/assets/newHome/zw.png')) const imgSrc = ref(require('@/assets/newHome/zw.png'))
let dataList = ref([]) let dataList = ref([])
// let tupain = ref([ // let tupain = ref([
// require('../../../assets/newHome/one.png'), // require('../../../assets/newHome/one.png'),
// require('../../../assets/newHome/two.png'), // require('../../../assets/newHome/two.png'),
// require('../../../assets/newHome/three.png'), // require('../../../assets/newHome/three.png'),
// require('../../../assets/newHome/four.png'), // require('../../../assets/newHome/four.png'),
// ]) // ])
//能力上架弹窗 //能力上架弹窗
function handlecancel() { function handlecancel() {
abilityToTypeFunctionData.value = '组件服务' abilityToTypeFunctionData.value = '组件服务'
componentTypeValue.value = '' componentTypeValue.value = ''
} }
let abilityToTypeFunctionData = ref('组件服务') let abilityToTypeFunctionData = ref('组件服务')
function abilityToTypeFunction(item) { function abilityToTypeFunction(item) {
abilityToTypeFunctionData.value = item abilityToTypeFunctionData.value = item
} }
let abilityToType = ref(['组件服务', '应用资源']) let abilityToType = ref(['组件服务', '应用资源'])
let abilitySquare = ref(['智能算法', '图层服务', '应用资源']) let abilitySquare = ref(['智能算法', '图层服务', '应用资源'])
let componentType = ref([ let componentType = ref([
'智能算法', '智能算法',
'图层服务', '图层服务',
'开发组件', '开发组件',
// '办公组件', // '办公组件',
'业务组件', '业务组件',
// '其他', // '其他',
]) ])
const visible = ref(false) const visible = ref(false)
const showModal = () => { const showModal = () => {
visible.value = true visible.value = true
} }
// 能力广场 // 能力广场
const visibleAbilitySquare = ref(false) const visibleAbilitySquare = ref(false)
const showAbilitySquare = () => { const showAbilitySquare = () => {
visibleAbilitySquare.value = true visibleAbilitySquare.value = true
} }
let componentTypeValueOld = ref('') let componentTypeValueOld = ref('')
function componentTypeValueFunction(item) { function componentTypeValueFunction(item) {
componentTypeValue.value = item componentTypeValue.value = item
if (componentTypeValueOld.value != item) { if (componentTypeValueOld.value != item) {
componentTypeValue.value = item componentTypeValue.value = item
@ -128,9 +117,9 @@ function componentTypeValueFunction(item) {
} else { } else {
componentTypeValue.value = '' componentTypeValue.value = ''
} }
} }
let componentTypeValue = ref('') let componentTypeValue = ref('')
const handleOk = (e) => { const handleOk = (e) => {
let snum = ref({}) let snum = ref({})
if (abilityToTypeFunctionData.value == '组件服务') { if (abilityToTypeFunctionData.value == '组件服务') {
if (!componentTypeValue.value || componentTypeValue.value == '') { if (!componentTypeValue.value || componentTypeValue.value == '') {
@ -164,8 +153,8 @@ const handleOk = (e) => {
abilityToTypeFunctionData.value = '组件服务' abilityToTypeFunctionData.value = '组件服务'
componentTypeValue.value = '' componentTypeValue.value = ''
console.log(e) console.log(e)
} }
const getList = () => { const getList = () => {
const params = { const params = {
limit: 4, limit: 4,
page: 1, page: 1,
@ -177,33 +166,36 @@ const getList = () => {
console.log('item', dataList.value[index].imageUrl) console.log('item', dataList.value[index].imageUrl)
}) })
}) })
} }
const newpage = router.resolve({ const newpage = router.resolve({
path: '/addApplication', // 跳转的页面路由 path: '/addApplication', // 跳转的页面路由
}) })
const toView = () => { const toView = () => {
window.open(newpage.href, '_blank') window.open(newpage.href, '_blank')
} }
// const toApply = () => { // const toApply = () => {
// window.open(applypage.href, '_blank') // window.open(applypage.href, '_blank')
// } // }
getList() getList()
// dataList.value.map((item, index) => { // dataList.value.map((item, index) => {
// dataList.value[index].tupian = tupain.value[index] // dataList.value[index].tupian = tupain.value[index]
// console.log('item', item, dataList.value) // console.log('item', item, dataList.value)
// }) // })
function jumpPage() { function jumpPage() {
// 点击内存入store // 点击内存入store
// store.commit('WorkDynList', { // store.commit('WorkDynList', {
// selectCardsnum: '组件服务', // selectCardsnum: '组件服务',
// }) // })
console.log('选中===================>', store.getters['home/selectCardsnum']) console.log(
'选中===================>',
store.getters['home/selectCardsnum']
)
// router.push({ path: '/DetailsPageconetent' }) // router.push({ path: '/DetailsPageconetent' })
router.push({ router.push({
path: '/WorkDynList', path: '/WorkDynList',
}) })
} }
const selectOne = (id) => { const selectOne = (id) => {
console.log('点击===============》', id) console.log('点击===============》', id)
router.push({ router.push({
path: '/WorkDynDetails', path: '/WorkDynDetails',
@ -211,12 +203,12 @@ const selectOne = (id) => {
id: id, id: id,
}, },
}) })
} }
watch(abilityToTypeFunctionData, () => { watch(abilityToTypeFunctionData, () => {
componentTypeValue.value = '' componentTypeValue.value = ''
}) })
// 能力广场 // 能力广场
const handleOkAbilitySquare = (e) => { const handleOkAbilitySquare = (e) => {
let snumSquare = ref({}) let snumSquare = ref({})
snumSquare.value = { snumSquare.value = {
abilityToType: abilitySquareFunctionData.value, abilityToType: abilitySquareFunctionData.value,
@ -229,26 +221,27 @@ const handleOkAbilitySquare = (e) => {
console.log(e, abilitySquareFunctionData.value, 'hahhaha') console.log(e, abilitySquareFunctionData.value, 'hahhaha')
visibleAbilitySquare.value = false visibleAbilitySquare.value = false
abilitySquareFunctionData.value = '智能算法' abilitySquareFunctionData.value = '智能算法'
} }
let abilitySquareFunctionData = ref('智能算法') let abilitySquareFunctionData = ref('智能算法')
function abilitySquareFunction(item) { function abilitySquareFunction(item) {
abilitySquareFunctionData.value = item abilitySquareFunctionData.value = item
} }
function handlecancelAbilitySquare() { function handlecancelAbilitySquare() {
abilitySquareFunctionData.value = '智能算法' abilitySquareFunctionData.value = '智能算法'
} }
const applyResource = () => { const applyResource = () => {
console.log('点击===============》') console.log('点击===============》')
router.push({ router.push({
path: '/DetailsPageconetent', path: '/DetailsPageconetent',
query: { query: {
select: '基础设施', select: '基础设施',
zwy: true,
}, },
}) })
} }
</script> </script>
<style lang="less"> <style lang="less">
.shangjia-class { .shangjia-class {
position: fixed; position: fixed;
left: 50%; left: 50%;
top: 50%; top: 50%;
@ -262,24 +255,23 @@ const applyResource = () => {
margin-top: 24px; margin-top: 24px;
padding-bottom: 24px; padding-bottom: 24px;
.shenqing{ .shenqing {
background: #0058e1; background: #0058e1;
color:#ffffff; color: #ffffff;
width: 90px; width: 90px;
height: 32px; height: 32px;
border-radius: 2px; border-radius: 2px;
border: 1px #0058e1 solid; border: 1px #0058e1 solid;
} }
.quxiao{ .quxiao {
width: 90px; width: 90px;
height: 32px; height: 32px;
background: #ffffff; background: #ffffff;
color:#0058e1; color: #0058e1;
border-radius: 2px; border-radius: 2px;
border: 1px #0058e1 solid; border: 1px #0058e1 solid;
} }
} }
.ant-modal-body { .ant-modal-body {
padding: 0px !important; padding: 0px !important;
} }
@ -335,7 +327,7 @@ const applyResource = () => {
&:hover { &:hover {
background: #0058e1; background: #0058e1;
cursor: pointer; cursor: pointer;
color:#ffffff; color: #ffffff;
} }
margin-right: 16px; margin-right: 16px;
cursor: pointer; cursor: pointer;
@ -378,7 +370,7 @@ const applyResource = () => {
border: 0; border: 0;
text-align: center; text-align: center;
padding-bottom: 0.2rem; padding-bottom: 0.2rem;
margin-top:50px; margin-top: 50px;
button { button {
margin-right: 12px; margin-right: 12px;
border-radius: 2px; border-radius: 2px;
@ -393,10 +385,10 @@ const applyResource = () => {
background-position: center; background-position: center;
margin-right: 0.1rem; margin-right: 0.1rem;
} }
} }
</style> </style>
<style lang="less" scoped> <style lang="less" scoped>
.work-dynamics { .work-dynamics {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
@ -413,9 +405,9 @@ const applyResource = () => {
border-radius: 0.01rem; border-radius: 0.01rem;
margin-top: 0.18rem; margin-top: 0.18rem;
} }
} }
.content { .content {
width: 13rem; width: 13rem;
height: 4.8rem; height: 4.8rem;
display: flex; display: flex;
@ -425,15 +417,15 @@ const applyResource = () => {
padding-top: 0.49rem; padding-top: 0.49rem;
} }
border: #eaedf2 0.01rem solid; border: #eaedf2 0.01rem solid;
} }
.content > div:hover { .content > div:hover {
border-radius: 0.02rem; border-radius: 0.02rem;
border: 0.01rem solid #0058e1; border: 0.01rem solid #0058e1;
box-shadow: 0rem 0.08rem 0.2rem rgba(0, 88, 225, 0.3); box-shadow: 0rem 0.08rem 0.2rem rgba(0, 88, 225, 0.3);
} }
.content-miaoshui { .content-miaoshui {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
padding-top: 0.2rem; padding-top: 0.2rem;
@ -470,9 +462,9 @@ const applyResource = () => {
word-break: break-all; word-break: break-all;
cursor: pointer; cursor: pointer;
} }
} }
.shijain { .shijain {
width: 100%; width: 100%;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
@ -482,9 +474,9 @@ const applyResource = () => {
div:first-child { div:first-child {
margin-left: 0.16rem; margin-left: 0.16rem;
} }
} }
.shijain-content-bootom { .shijain-content-bootom {
margin-right: 0.16rem; margin-right: 0.16rem;
width: 0.8rem; width: 0.8rem;
height: 0.24rem; height: 0.24rem;
@ -492,18 +484,18 @@ const applyResource = () => {
border: 0.01rem solid #0058e1; border: 0.01rem solid #0058e1;
cursor: pointer; cursor: pointer;
color: #0058e1; color: #0058e1;
} }
.shijain-content-bootom:hover { .shijain-content-bootom:hover {
background: rgba(0, 88, 225, 0.3); background: rgba(0, 88, 225, 0.3);
} }
.content > div > div { .content > div > div {
height: 2.4rem; height: 2.4rem;
width: 100%; width: 100%;
} }
.one { .one {
height: 2.4rem; height: 2.4rem;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -526,9 +518,9 @@ const applyResource = () => {
width: 100%; width: 100%;
max-width: 2.98rem; max-width: 2.98rem;
} }
} }
.bottom { .bottom {
height: 0.24rem; height: 0.24rem;
font-size: 0.16rem; font-size: 0.16rem;
width: 1rem; width: 1rem;
@ -545,21 +537,21 @@ const applyResource = () => {
background: url('~@/assets/newHome/gd2.png') no-repeat; background: url('~@/assets/newHome/gd2.png') no-repeat;
background-position: center; background-position: center;
} }
} }
.bottom:hover { .bottom:hover {
border-radius: 0.02rem; border-radius: 0.02rem;
background-color: rgba(1, 102, 255, 0.1); background-color: rgba(1, 102, 255, 0.1);
} }
.content > div { .content > div {
height: 4.8rem; height: 4.8rem;
width: 3.1rem; width: 3.1rem;
margin-right: 0.1rem; margin-right: 0.1rem;
background: #f3f5f9; background: #f3f5f9;
} }
.fixedmount { .fixedmount {
height: 3rem; height: 3rem;
display: flex; display: flex;
position: fixed; position: fixed;
@ -569,9 +561,9 @@ const applyResource = () => {
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
} }
.fixedmount div { .fixedmount div {
width: 0.96rem; width: 0.96rem;
height: 0.96rem; height: 0.96rem;
// border-radius: 0.04rem; // border-radius: 0.04rem;
@ -586,9 +578,9 @@ const applyResource = () => {
cursor: pointer; cursor: pointer;
// background: #e3edfc; // background: #e3edfc;
background: url('~@/assets/home/bg-right.png'); background: url('~@/assets/home/bg-right.png');
} }
.fixedmount div p:nth-child(2) { .fixedmount div p:nth-child(2) {
position: absolute; position: absolute;
bottom: 0rem; bottom: 0rem;
height: 0.2rem; height: 0.2rem;
@ -596,29 +588,29 @@ const applyResource = () => {
line-height: 0.2rem; line-height: 0.2rem;
color: #fff; color: #fff;
// margin-top: .08rem; // margin-top: .08rem;
} }
.fixedmount div:nth-child(1) p:nth-child(1) { .fixedmount div:nth-child(1) p:nth-child(1) {
height: 0.32rem; height: 0.32rem;
width: 0.32rem; width: 0.32rem;
//background: url('~@/assets/home/shenqing.png') no-repeat; //background: url('~@/assets/home/shenqing.png') no-repeat;
background: url('~@/assets/home/sq.png') no-repeat; background: url('~@/assets/home/sq.png') no-repeat;
background-size: contain; background-size: contain;
background-position: center; background-position: center;
} }
.fixedmount div:nth-child(2) p:nth-child(1) { .fixedmount div:nth-child(2) p:nth-child(1) {
height: 0.32rem; height: 0.32rem;
width: 0.32rem; width: 0.32rem;
background: url('~@/assets/home/xq.png') no-repeat; background: url('~@/assets/home/xq.png') no-repeat;
background-size: contain; background-size: contain;
background-position: center; background-position: center;
} }
.fixedmount div:nth-child(3) p:nth-child(1) { .fixedmount div:nth-child(3) p:nth-child(1) {
height: 0.32rem; height: 0.32rem;
width: 0.32rem; width: 0.32rem;
background: url('~@/assets/home/sj.png') no-repeat; background: url('~@/assets/home/sj.png') no-repeat;
background-size: 140% 126%; background-size: 140% 126%;
background-position: center; background-position: center;
} }
</style> </style>