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
newQuery.select = Cardsname.value
newQuery.type = ''
newQuery.zwy = ''
router
.replace({
query: newQuery,

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

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

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

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