817bug
This commit is contained in:
gaoyuanwei
parent
eafd6aea19
commit
a4e51ff48c
|
|
@ -14,10 +14,15 @@
|
|||
{{ item.name }}
|
||||
</div>
|
||||
<div class="name-box">
|
||||
<div class="item-v" v-for="(v, j) in item.list" :key="j" :style="{
|
||||
<div
|
||||
class="item-v"
|
||||
v-for="(v, j) in item.list"
|
||||
:key="j"
|
||||
:style="{
|
||||
'background-image': `url(${item.imgBG || ''})`,
|
||||
width: `${item.width || ''}`,
|
||||
}">
|
||||
}"
|
||||
>
|
||||
{{ v }}
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -32,8 +37,11 @@
|
|||
<div class="text">{{ item.name }}</div>
|
||||
<div class="line"></div>
|
||||
</div>
|
||||
<div class="img-bg" :class="item.className" :style="{ 'background-image': `url(${item.bgImg || ''})` }">
|
||||
</div>
|
||||
<div
|
||||
class="img-bg"
|
||||
:class="item.className"
|
||||
:style="{ 'background-image': `url(${item.bgImg || ''})` }"
|
||||
></div>
|
||||
<div v-if="item.btnText" class="btn" @click="toWhere(item.name)">
|
||||
{{ item.btnText }} >>
|
||||
</div>
|
||||
|
|
@ -56,7 +64,12 @@
|
|||
</div> -->
|
||||
</div>
|
||||
<!-- 能力上架弹窗 -->
|
||||
<a-modal v-model:visible="visible" @ok="handleOk" class="shangjia-class" @cancel="handlecancel">
|
||||
<a-modal
|
||||
v-model:visible="visible"
|
||||
@ok="handleOk"
|
||||
class="shangjia-class"
|
||||
@cancel="handlecancel"
|
||||
>
|
||||
<div class="ant-modal-title" id="vcDialogTitle1">
|
||||
<div class="showBg"></div>
|
||||
能力上架申请
|
||||
|
|
@ -64,19 +77,31 @@
|
|||
<div class="ability-to-type">
|
||||
<div class="title">能力类型选择</div>
|
||||
<div class="ability-to-type-content">
|
||||
<div v-for="item in abilityToType" :key="item" @click="abilityToTypeFunction(item)" :class="
|
||||
<div
|
||||
v-for="item in abilityToType"
|
||||
:key="item"
|
||||
@click="abilityToTypeFunction(item)"
|
||||
:class="
|
||||
abilityToTypeFunctionData == item ? 'ability-to-type-down' : ''
|
||||
">
|
||||
"
|
||||
>
|
||||
{{ item }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="component-type" v-if="abilityToTypeFunctionData == '组件服务'">
|
||||
<div
|
||||
class="component-type"
|
||||
v-if="abilityToTypeFunctionData == '组件服务'"
|
||||
>
|
||||
<div class="title">组件类型选择</div>
|
||||
<div class="component-type-content">
|
||||
<a-radio-group v-model:value="componentTypeValue">
|
||||
<a-radio @click="componentTypeValueFunction(item)" v-for="item in componentType" :key="item"
|
||||
:value="item">
|
||||
<a-radio
|
||||
@click="componentTypeValueFunction(item)"
|
||||
v-for="item in componentType"
|
||||
:key="item"
|
||||
:value="item"
|
||||
>
|
||||
{{ item }}
|
||||
</a-radio>
|
||||
</a-radio-group>
|
||||
|
|
@ -87,14 +112,14 @@
|
|||
</div>
|
||||
</template>
|
||||
<script setup>
|
||||
import HomeHeader from '@/views/home/components/header'
|
||||
import HomeFooter from '@/views/newHome/components/Footer'
|
||||
import { ref, onMounted, watch } from 'vue'
|
||||
import TheOverallProcess from './TheOverallProcess.vue'
|
||||
import { useRouter } from 'vue-router'
|
||||
import { message } from 'ant-design-vue'
|
||||
const router = useRouter()
|
||||
const seviceList = ref([
|
||||
import HomeHeader from '@/views/home/components/header'
|
||||
import HomeFooter from '@/views/newHome/components/Footer'
|
||||
import { ref, onMounted, watch } from 'vue'
|
||||
import TheOverallProcess from './TheOverallProcess.vue'
|
||||
import { useRouter } from 'vue-router'
|
||||
import { message } from 'ant-design-vue'
|
||||
const router = useRouter()
|
||||
const seviceList = ref([
|
||||
{
|
||||
name: '组件服务',
|
||||
img: require('@/assets/menu/service-component.png'),
|
||||
|
|
@ -130,8 +155,8 @@ const seviceList = ref([
|
|||
imgBG: require('../../../assets/menu/imgBG-long.png'),
|
||||
width: '200px',
|
||||
},
|
||||
])
|
||||
const imgList = ref([
|
||||
])
|
||||
const imgList = ref([
|
||||
{
|
||||
name: '能力上架',
|
||||
bgImg: require('../../../assets/menu/shelves.png'),
|
||||
|
|
@ -156,37 +181,37 @@ const imgList = ref([
|
|||
btnText: '立即下架',
|
||||
className: 'down-img',
|
||||
},
|
||||
])
|
||||
// 能力上架弹窗
|
||||
function handlecancel() {
|
||||
])
|
||||
// 能力上架弹窗
|
||||
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 componentType = ref([
|
||||
}
|
||||
let abilityToType = ref(['组件服务', '应用资源'])
|
||||
let componentType = ref([
|
||||
'智能算法',
|
||||
'图层服务',
|
||||
'开发组件',
|
||||
// '办公组件',
|
||||
'业务组件',
|
||||
// '其他',
|
||||
])
|
||||
const visible = ref(false)
|
||||
let componentTypeValueOld = ref('')
|
||||
function componentTypeValueFunction(item) {
|
||||
])
|
||||
const visible = ref(false)
|
||||
let componentTypeValueOld = ref('')
|
||||
function componentTypeValueFunction(item) {
|
||||
if (componentTypeValueOld.value != item) {
|
||||
componentTypeValue.value = item
|
||||
componentTypeValueOld.value = 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 == '') {
|
||||
|
|
@ -220,18 +245,13 @@ const handleOk = (e) => {
|
|||
abilityToTypeFunctionData.value = '组件服务'
|
||||
componentTypeValue.value = ''
|
||||
console.log(e)
|
||||
}
|
||||
// 跳转
|
||||
const toWhere = (data) => {
|
||||
}
|
||||
// 跳转
|
||||
const toWhere = (data) => {
|
||||
console.log(data, 'wwwwwww')
|
||||
if (data === '能力上架') {
|
||||
visible.value = true
|
||||
} else if (data === '能力申请') {
|
||||
const newpage = router.resolve({
|
||||
path: '/addApplication', // 跳转的页面路由
|
||||
})
|
||||
window.open(newpage.href, '_blank')
|
||||
} else if (data === '需求发布') {
|
||||
const newpage = router.resolve({
|
||||
path: '/DetailsPageconetent',
|
||||
query: {
|
||||
|
|
@ -239,6 +259,11 @@ const toWhere = (data) => {
|
|||
},
|
||||
})
|
||||
window.location.href = newpage.href
|
||||
} else if (data === '需求发布') {
|
||||
const newpage = router.resolve({
|
||||
path: '/addApplication', // 跳转的页面路由
|
||||
})
|
||||
window.open(newpage.href, '_blank')
|
||||
} else if (data === '资源下架') {
|
||||
window.sessionStorage.setItem('type', JSON.stringify('PurchaseVehicle'))
|
||||
const newpage = router.resolve({
|
||||
|
|
@ -246,13 +271,13 @@ const toWhere = (data) => {
|
|||
})
|
||||
window.location.href = newpage.href
|
||||
}
|
||||
}
|
||||
watch(abilityToTypeFunctionData, () => {
|
||||
}
|
||||
watch(abilityToTypeFunctionData, () => {
|
||||
componentTypeValue.value = ''
|
||||
})
|
||||
})
|
||||
</script>
|
||||
<style lang="less">
|
||||
.shangjia-class {
|
||||
.shangjia-class {
|
||||
position: fixed;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
|
|
@ -359,15 +384,15 @@ watch(abilityToTypeFunctionData, () => {
|
|||
background-position: center;
|
||||
margin-right: 0.1rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<style lang="less" scoped>
|
||||
.menu-box {
|
||||
.menu-box {
|
||||
width: 1920px;
|
||||
// padding-bottom: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
.title {
|
||||
.title {
|
||||
margin-bottom: 20px;
|
||||
|
||||
.text {
|
||||
|
|
@ -391,9 +416,9 @@ watch(abilityToTypeFunctionData, () => {
|
|||
.text-white {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.btn {
|
||||
.btn {
|
||||
width: 150px;
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
|
|
@ -408,13 +433,13 @@ watch(abilityToTypeFunctionData, () => {
|
|||
&:hover {
|
||||
background: #e5eefc;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.img-box {
|
||||
.img-box {
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
}
|
||||
|
||||
.service-box {
|
||||
.service-box {
|
||||
width: 1920px;
|
||||
height: 613px;
|
||||
background-size: 100% 100%;
|
||||
|
|
@ -425,9 +450,9 @@ watch(abilityToTypeFunctionData, () => {
|
|||
height: 350px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.callus-box {
|
||||
.callus-box {
|
||||
width: 1920px;
|
||||
height: 214px;
|
||||
background-size: 100% 100%;
|
||||
|
|
@ -452,43 +477,43 @@ watch(abilityToTypeFunctionData, () => {
|
|||
margin-right: 100px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.img-bg {
|
||||
.img-bg {
|
||||
width: 1920px;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.process-img {
|
||||
.process-img {
|
||||
height: 855px;
|
||||
background-image: url('../../../assets/menu/process.png');
|
||||
}
|
||||
}
|
||||
|
||||
.shelves-img {
|
||||
.shelves-img {
|
||||
height: 497px;
|
||||
width: 1107px;
|
||||
margin: 0 auto;
|
||||
background-image: url('../../../assets/menu/shelves.png');
|
||||
}
|
||||
}
|
||||
|
||||
.apply-img {
|
||||
.apply-img {
|
||||
height: 752px;
|
||||
background-image: url('../../../assets/menu/apply.png');
|
||||
}
|
||||
}
|
||||
|
||||
.demand-img {
|
||||
.demand-img {
|
||||
height: 525px;
|
||||
width: 1300px;
|
||||
margin: 0 auto;
|
||||
background-image: url('../../../assets/menu/demand.png');
|
||||
}
|
||||
}
|
||||
|
||||
.down-img {
|
||||
.down-img {
|
||||
height: 544px;
|
||||
background-image: url('../../../assets/menu/down.png');
|
||||
}
|
||||
}
|
||||
|
||||
.list-box {
|
||||
.list-box {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
|
@ -536,5 +561,5 @@ watch(abilityToTypeFunctionData, () => {
|
|||
// width: 200px;
|
||||
// }
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in New Issue