Compare commits

..

No commits in common. "dfba73200035b69a20b6eee9d9c586db05c22eee" and "7f3c5c09211d90fdcb2f7fffeebd80554f4bf0dc" have entirely different histories.

36 changed files with 5487 additions and 4969 deletions

View File

@ -8,9 +8,8 @@
var _global = {} var _global = {}
var CONFIGITEM = { var CONFIGITEM = {
// version: 'qingdao', // // version: 'qingdao', //
// version: 'xihaian', // 西 //version: 'xihaian', // 西
version: 'dev', // version: 'dev', //
// version: 'zhanTingDev', // dev (2022-09-13:)
//version: 'test', // //version: 'test', //
//version: 'frp', // 穿 //version: 'frp', // 穿
vNum: 'v0.8.7.2', vNum: 'v0.8.7.2',
@ -44,7 +43,6 @@ var CONFIGITEM = {
backUrl: 'http://10.134.135.9:9797', backUrl: 'http://10.134.135.9:9797',
previewUrl: 'http://10.134.135.9:9796/', previewUrl: 'http://10.134.135.9:9796/',
websocketURL: '10.134.135.9:8888/renren-admin', websocketURL: '10.134.135.9:8888/renren-admin',
// websocketURL: '10.18.1.99:8889/renren-admin', //
POI_URL: POI_URL:
'http://15.72.178.129:8090/iserver/services/addressmatch-qingdaoPOI181015/restjsr/v1/address', 'http://15.72.178.129:8090/iserver/services/addressmatch-qingdaoPOI181015/restjsr/v1/address',
}, },
@ -59,8 +57,8 @@ var CONFIGITEM = {
}, },
backUrl: 'http://localhost:8001', backUrl: 'http://localhost:8001',
previewUrl: 'http://192.168.124.236:9796/', previewUrl: 'http://192.168.124.236:9796/',
// websocketURL: '192.168.124.236:8888/renren-admin', websocketURL: '192.168.124.236:8888/renren-admin',
websocketURL: '10.18.1.99:8889/renren-admin', // websocketURL: '10.18.1.99:8889/renren-admin',
POI_URL: POI_URL:
'http://15.72.178.129:8090/iserver/services/addressmatch-qingdaoPOI181015/restjsr/v1/address', 'http://15.72.178.129:8090/iserver/services/addressmatch-qingdaoPOI181015/restjsr/v1/address',
}, },

View File

@ -122,15 +122,12 @@ else if (newLocation === 'baotou') {
{ name: '能力集市', key: 'DetailsPageconetent' }, { name: '能力集市', key: 'DetailsPageconetent' },
{ name: '能力云图', key: 'capabilityCloud' }, { name: '能力云图', key: 'capabilityCloud' },
{ name: '能力统计', key: 'abilityStatistics' }, { name: '能力统计', key: 'abilityStatistics' },
{ name: '技术文档', key: 'instructionManual' },
// { name: '', key: 'developmentGuide' }, // { name: '', key: 'developmentGuide' },
{ name: '需求中心', key: 'demandCenter' }, { name: '需求中心', key: 'demandCenter' },
// { name: '', key: 'personalCenter' }, // { name: '', key: 'personalCenter' },
// { name: '', key: 'mapTest' }, // { name: '', key: 'mapTest' },
// { name: '', key: 'houtaiguanli' }, // { name: '', key: 'houtaiguanli' },
{ name: '赋能案例', key: 'assignCase' }, { name: '赋能案例', key: 'assignCase' },
{ name: '融合服务', key: 'integrationServices' },
{ name: 'CIM专区', key: 'cimSpecialArea' },
] ]
footerDataList.footerList = { footerDataList.footerList = {
company: { company: {
@ -496,15 +493,12 @@ else if (newLocation === 'xihaian') {
{ name: '能力集市', key: 'DetailsPageconetent' }, { name: '能力集市', key: 'DetailsPageconetent' },
{ name: '能力云图', key: 'capabilityCloud' }, { name: '能力云图', key: 'capabilityCloud' },
{ name: '能力统计', key: 'abilityStatistics' }, { name: '能力统计', key: 'abilityStatistics' },
{ name: '技术文档', key: 'instructionManual' },
// { name: '', key: 'developmentGuide' }, // { name: '', key: 'developmentGuide' },
{ name: '需求中心', key: 'demandCenter' }, { name: '需求中心', key: 'demandCenter' },
// { name: '', key: 'personalCenter' }, // { name: '', key: 'personalCenter' },
// { name: '', key: 'mapTest' }, // { name: '', key: 'mapTest' },
// { name: '', key: 'houtaiguanli' }, // { name: '', key: 'houtaiguanli' },
{ name: '赋能案例', key: 'assignCase' }, { name: '赋能案例', key: 'assignCase' },
{ name: '融合服务', key: 'integrationServices' },
{ name: 'CIM专区', key: 'cimSpecialArea' },
] ]
footerDataList.footerList = { footerDataList.footerList = {
company: { company: {

View File

@ -13,56 +13,62 @@
</div> </div>
</template> </template>
<script setup> <script setup>
import zhCN from 'ant-design-vue/es/locale/zh_CN' import zhCN from 'ant-design-vue/es/locale/zh_CN'
import Cookies from 'js-cookie' import Cookies from 'js-cookie'
import { onBeforeUnmount } from 'vue' import { onBeforeUnmount } from 'vue'
import { useRouter } from 'vue-router' import { useRouter } from 'vue-router'
import mybus from '@/myplugins/mybus' import mybus from '@/myplugins/mybus'
const router = useRouter() const router = useRouter()
const locale = zhCN // export default {
const token = Cookies.get('ucsToken') // name: 'App',
console.log('token=================>', token) // data() {
let ws = new WebSocket( // return {
`ws://${window.SITE_CONFIG['websocketURL']}/websocket?token=${token}` // ,
) // }
// ws.send() // },
// onmessage // }
ws.onmessage = function (e) { const locale = zhCN
console.log('WebSocket服务器返回的信息: ' + e.data) const token = Cookies.get('ucsToken')
mybus.emit('getMynotice') console.log('token=================>', token)
// let ws = new WebSocket(
if (router.currentRoute.value.name === 'mynoticeView') {
mybus.emit('noticeListInit')
}
}
ws.onerror = function (e) {
console.log('WebSocket连接异常============================>', e)
ws = new WebSocket(
`ws://${window.SITE_CONFIG['websocketURL']}/websocket?token=${token}` `ws://${window.SITE_CONFIG['websocketURL']}/websocket?token=${token}`
) )
} // ws.send()
ws.onclose = function (e) { // onmessage
console.log('WebSocket连接断开============================>', e) ws.onmessage = function (e) {
} console.log('WebSocket服务器返回的信息: ' + e.data)
onBeforeUnmount(() => { mybus.emit('getMynotice')
// 4., //
ws.close() if (router.currentRoute.value.name === 'mynoticeView') {
}) mybus.emit('noticeListInit')
}
}
ws.onerror = function (e) {
console.log('WebSocket连接异常============================>', e)
ws = new WebSocket(
`ws://${window.SITE_CONFIG['websocketURL']}/websocket?token=${token}`
)
}
ws.onclose = function (e) {
console.log('WebSocket连接断开============================>', e)
}
onBeforeUnmount(() => {
// 4.,
ws.close()
})
</script> </script>
<style lang="less"> <style lang="less">
@import '~@/vab/styles/vab.less'; @import '~@/vab/styles/vab.less';
#vue-admin-beautiful {
#vue-admin-beautiful { max-width: 1920px;
max-width: 1920px; // max-height: 1080px;
// max-height: 1080px; margin: auto;
margin: auto; height: 100%;
height: 100%; position: relative;
position: relative; background-color: #fff;
background-color: #fff; }
} body {
font-size: 0.14rem;
body { }
font-size: 0.14rem;
}
</style> </style>

View File

@ -368,16 +368,6 @@ export function getIntegrationServicesList(params) {
params, params,
}) })
} }
// --
export function updateIntegrationServices(data) {
return request({
url: '/fuse',
method: 'put',
data,
})
}
// //
export function getCountByFuzzyQuery(params) { export function getCountByFuzzyQuery(params) {
return request({ return request({

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.2 KiB

View File

@ -505,6 +505,3 @@ export const RECOURCE_G_ICON = {
resourceProtection: resourceProtection:
'/src/assets/resourceManageMap/pic/point-resettlement-circle.png', '/src/assets/resourceManageMap/pic/point-resettlement-circle.png',
} }
// -tab
export const DETAIL_PAGE_CONTENT_DEFAULT_TAB = '应用资源'

View File

@ -60,7 +60,7 @@ export function MapFun(mapObj) {
/** /**
* 定义地物编辑服务 * 定义地物编辑服务
*/ */
const featureService = L.supermap && L.supermap.featureService && L.supermap.featureService( const featureService = L.supermap.featureService(
_mapConfig.config.EDITORDATA_URL _mapConfig.config.EDITORDATA_URL
) )

View File

@ -123,8 +123,7 @@ export function HieimpMap() {
// debugger; // debugger;
// //
L.supermap && L.supermap L.supermap
.layerInfoService && L.supermap
.layerInfoService(_mapConfig.config.QUERY_URL) .layerInfoService(_mapConfig.config.QUERY_URL)
.getLayersInfo(function (result) { .getLayersInfo(function (result) {
// doSomething // doSomething

View File

@ -1,34 +0,0 @@
<template>
<div class="detail-back" @click="previousPage" :style="{ color: textColor }">
返回
</div>
</template>
<script setup>
import { reactive, ref, watch, defineProps } from 'vue'
import { useRouter } from 'vue-router'
const router = useRouter()
const props = defineProps({
textColor: { type: String, default: '' },
})
const previousPage = () => {
window.history.go(-1)
}
</script>
<style scoped lang="less">
.detail-back {
position: absolute;
opacity: 0.7;
top: 0.5rem;
left: 100px;
font-size: 0.20rem;
cursor: pointer;
background: -webkit-linear-gradient(90deg, #99a8d0, #fff);
font-weight: 600;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
</style>

View File

@ -7,7 +7,6 @@
--> -->
<template> <template>
<div class="capability-cloud"> <div class="capability-cloud">
<capability-cloud-back></capability-cloud-back>
<div class="header"> <div class="header">
<span class="title" @click="goHome">数字能力超市</span> <span class="title" @click="goHome">数字能力超市</span>
</div> </div>
@ -30,7 +29,6 @@
import Infrastructure from '@/views/capabilityCloud/components/Infrastructure.vue' import Infrastructure from '@/views/capabilityCloud/components/Infrastructure.vue'
import DataResources from '@/views/capabilityCloud/components/DataResources.vue' import DataResources from '@/views/capabilityCloud/components/DataResources.vue'
import KnowledgeBase from '@/views/capabilityCloud/components/KnowledgeBase.vue' import KnowledgeBase from '@/views/capabilityCloud/components/KnowledgeBase.vue'
import capabilityCloudBack from '@/views/capabilityCloud/components/capabilityCloudBack.vue'
import { useRouter } from 'vue-router' import { useRouter } from 'vue-router'
const router = useRouter() const router = useRouter()
const goHome = () => { const goHome = () => {

View File

@ -692,29 +692,27 @@
data.value.list.push(item) data.value.list.push(item)
} }
}) })
} } else if (item.name === '部门联系人') {
// else if (item.name === '') { if (!item.note1) {
// if (!item.note1) { getUserInfo().then(({ data: res1 }) => {
// getUserInfo().then(({ data: res1 }) => { console.log(res1.data)
// console.log(res1.data) item.note1 = res1.data.realName || ''
// item.note1 = res1.data.realName || '' })
// }) data.value.list.push(item)
// data.value.list.push(item) } else {
// } else { data.value.list.push(item)
// data.value.list.push(item) }
// } } else if (item.name === '部门联系人电话') {
// } else if (item.name === '') { if (!item.note1) {
// if (!item.note1) { getUserInfo().then(({ data: res1 }) => {
// getUserInfo().then(({ data: res1 }) => { console.log(res1.data)
// console.log(res1.data) item.note1 = res1.data.mobile || ''
// item.note1 = res1.data.mobile || '' })
// }) data.value.list.push(item)
// data.value.list.push(item) } else {
// } else { data.value.list.push(item)
// data.value.list.push(item) }
// } } else if (item.name === '来源应用') {
// }
else if (item.name === '来源应用') {
queryApplicationRelByResourceId({ queryApplicationRelByResourceId({
referenceId: 0, referenceId: 0,
}).then((res) => { }).then((res) => {

View File

@ -26,8 +26,6 @@
import layer from './components/layer.vue' import layer from './components/layer.vue'
import application from './components/application.vue' import application from './components/application.vue'
import { useRouter } from 'vue-router' import { useRouter } from 'vue-router'
import { DETAIL_PAGE_CONTENT_DEFAULT_TAB } from '@/global/GlobalConfig.js'
const router = useRouter() const router = useRouter()
const abilityToType = router.currentRoute.value.query.abilityToType const abilityToType = router.currentRoute.value.query.abilityToType
const show = ref('algorithm') const show = ref('algorithm')
@ -49,8 +47,7 @@
const newpage = router.resolve({ const newpage = router.resolve({
path: '/DetailsPageconetent', path: '/DetailsPageconetent',
query: { query: {
// select: '', select: '组件服务',
select: DETAIL_PAGE_CONTENT_DEFAULT_TAB
}, },
}) })
window.location.href = newpage.href window.location.href = newpage.href

View File

@ -44,227 +44,214 @@
</template> </template>
<script setup> <script setup>
import DetalsTitle from '@/views/detailsAll/components/DetalsTitle' import DetalsTitle from '@/views/detailsAll/components/DetalsTitle'
import { ref, defineProps, watch } from 'vue' import { ref, defineProps, watch } from 'vue'
const iconImg = require('@/assets/detailsAll/layer-service/layer-icon.png') const iconImg = require('@/assets/detailsAll/layer-service/layer-icon.png')
const dataFromLeft = ref({ const dataFromLeft = ref({
content: [ content: [
{ {
type: '服务类型', type: '服务类型',
values: '', values: '',
}, },
{ {
type: '覆盖区域', type: '覆盖区域',
values: '', values: '',
}, },
{ {
type: '切片策略', type: '切片策略',
values: '', values: '',
}, },
], ],
}) })
const dataFromCenter = ref({ const dataFromCenter = ref({
content: [ content: [
{ {
type: '坐标系', type: '坐标系',
values: '', values: '',
}, },
{ {
type: '切片尺寸', type: '切片尺寸',
values: '', values: '',
}, },
{ {
type: '最小级别', type: '最小级别',
values: '', values: '',
}, },
], ],
}) })
const dataFromRight = ref({ const dataFromRight = ref({
content: [ content: [
{ {
type: '图层名称', type: '图层名称',
values: '', values: '',
}, },
{ {
type: '最大级别', type: '最大级别',
values: '', values: '',
}, },
], ],
}) })
// //
const props = defineProps({ const props = defineProps({
dataList: { type: Object, default: null }, dataList: { type: Object, default: null },
}) })
const flag = ref(true) const flag = ref(true)
if (props.dataList.infoList) { if (props.dataList.infoList) {
let obj = props.dataList.infoList.filter( let obj = props.dataList.infoList.filter(
(item) => (item) =>
item.attrType === '服务类型' || item.attrType === '服务类型' ||
item.attrType === '覆盖区域' || item.attrType === '覆盖区域' ||
item.attrType === '切片策略' || item.attrType === '切片策略' ||
item.attrType === '坐标系' || item.attrType === '坐标系' ||
item.attrType === '切片尺寸' || item.attrType === '切片尺寸' ||
item.attrType === '最小级别' || item.attrType === '最小级别' ||
item.attrType === '数据范围' || item.attrType === '数据范围' ||
item.attrType === '图层类型' || item.attrType === '图层类型' ||
item.attrType === '最大级别' item.attrType === '最大级别'
)[0] )[0]
if (!obj) { if (!obj) {
flag.value = false flag.value = false
} else { } else {
// dataFrom.value.content[0].link.value = props.dataList.apiUrl // dataFrom.value.content[0].link.value = props.dataList.apiUrl
// dataFrom.value.content[0].facilitator.value = props.dataList.deptContacts // dataFrom.value.content[0].facilitator.value = props.dataList.deptContacts
console.log('dataList', props.dataList) console.log('dataList', props.dataList)
props.dataList.infoList.map((item) => { props.dataList.infoList.map((item) => {
handleInfoList(item) if (item.attrType === '服务类型') {
}) dataFromLeft.value.content[0].values = item.attrValue || '123'
} } else if (item.attrType === '覆盖区域') {
} dataFromLeft.value.content[1].values = item.attrValue || '--'
const handleInfoList = (item) => { } else if (item.attrType === '切片策略') {
if (item.attrType === '服务类型') { dataFromLeft.value.content[2].values = item.attrValue || '--'
dataFromLeft.value.content[0].values = item.attrValue || '123' } else if (item.attrType === '坐标系') {
} else if (item.attrType === '覆盖区域') { dataFromCenter.value.content[0].values = item.attrValue || '--'
dataFromLeft.value.content[1].values = item.attrValue || '--' } else if (item.attrType === '切片尺寸') {
} else if (item.attrType === '切片策略') { dataFromCenter.value.content[1].values = item.attrValue || '--'
dataFromLeft.value.content[2].values = item.attrValue || '--' } else if (item.attrType === '最小级别') {
} else if (item.attrType === '坐标系') { dataFromCenter.value.content[2].values = item.attrValue || '--'
dataFromCenter.value.content[0].values = item.attrValue || '--' } else if (item.attrType === '数据范围') {
} else if (item.attrType === '切片尺寸') { dataFromRight.value.content[0].values = item.attrValue || '--'
dataFromCenter.value.content[1].values = item.attrValue || '--' } else if (item.attrType === '图层类型') {
} else if (item.attrType === '最小级别') { dataFromRight.value.content[1].values = item.attrValue || '--'
dataFromCenter.value.content[2].values = item.attrValue || '--' } else if (item.attrType === '最大级别') {
} else if (item.attrType === '数据范围') { dataFromRight.value.content[2].values = item.attrValue || '--'
dataFromRight.value.content[0].values = item.attrValue || '--' }
} else if (item.attrType === '图层类型') { })
dataFromRight.value.content[1].values = item.attrValue || '--'
} else if (item.attrType === '最大级别') {
if (dataFromRight.value.content && dataFromRight.value.content[2]) {
dataFromRight.value.content[2].values = item.attrValue || '--'
} }
} }
} watch(
watch( () => props.dataList,
() => props.dataList, (val) => {
(val) => { if (val) {
if (val) { let obj = val.infoList.filter(
let obj = val.infoList.filter( (item) =>
(item) => item.attrType === '服务类型' ||
item.attrType === '服务类型' || item.attrType === '覆盖区域' ||
item.attrType === '覆盖区域' || item.attrType === '切片策略' ||
item.attrType === '切片策略' || item.attrType === '坐标系' ||
item.attrType === '坐标系' || item.attrType === '切片尺寸' ||
item.attrType === '切片尺寸' || item.attrType === '最小级别' ||
item.attrType === '最小级别' || item.attrType === '数据范围' ||
item.attrType === '数据范围' || item.attrType === '图层类型' ||
item.attrType === '图层类型' || item.attrType === '最大级别'
item.attrType === '最大级别' )[0]
)[0] if (!obj) {
if (!obj) { flag.value = false
flag.value = false } else {
} else { // dataFrom.value.content[0].link.value = val.apiUrl
console.log('dataList', val) // dataFrom.value.content[0].facilitator.value = val.deptContacts
val.infoList.map((item) => { console.log('dataList', val)
handleInfoList(item) val.infoList.map((item) => {
// if (item.attrType === '') { if (item.attrType === '服务类型') {
// dataFromLeft.value.content[0].values = item.attrValue || '123' dataFromLeft.value.content[0].values = item.attrValue || '123'
// } else if (item.attrType === '') { } else if (item.attrType === '覆盖区域') {
// dataFromLeft.value.content[1].values = item.attrValue || '--' dataFromLeft.value.content[1].values = item.attrValue || '--'
// } else if (item.attrType === '') { } else if (item.attrType === '切片策略') {
// dataFromLeft.value.content[2].values = item.attrValue || '--' dataFromLeft.value.content[2].values = item.attrValue || '--'
// } else if (item.attrType === '') { } else if (item.attrType === '坐标系') {
// dataFromCenter.value.content[0].values = item.attrValue || '--' dataFromCenter.value.content[0].values = item.attrValue || '--'
// } else if (item.attrType === '') { } else if (item.attrType === '切片尺寸') {
// dataFromCenter.value.content[1].values = item.attrValue || '--' dataFromCenter.value.content[1].values = item.attrValue || '--'
// } else if (item.attrType === '') { } else if (item.attrType === '最小级别') {
// dataFromCenter.value.content[2].values = item.attrValue || '--' dataFromCenter.value.content[2].values = item.attrValue || '--'
// } else if (item.attrType === '') { } else if (item.attrType === '数据范围') {
// dataFromRight.value.content[0].values = item.attrValue || '--' dataFromRight.value.content[0].values = item.attrValue || '--'
// } else if (item.attrType === '') { } else if (item.attrType === '图层类型') {
// dataFromRight.value.content[1].values = item.attrValue || '--' dataFromRight.value.content[1].values = item.attrValue || '--'
// } else if (item.attrType === '') { } else if (item.attrType === '最大级别') {
// if (dataFromRight.value.content && dataFromRight.value.content[2]) { dataFromRight.value.content[2].values = item.attrValue || '--'
// dataFromRight.value.content[2].values = item.attrValue || '--' }
// } })
// } }
})
} }
} }
} )
)
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.usage-mode { .usage-mode {
display: flex;
flex-direction: column;
align-items: center;
padding: 0.8rem 0;
.content {
margin-top: 0.3rem;
display: flex; display: flex;
flex-direction: column;
.content-left { align-items: center;
height: 2.8rem; padding: 0.8rem 0;
width: 13rem; .content {
background: url('~@/assets/detailsAll/layer-service/layer-bg.png'); margin-top: 0.3rem;
background-size: 100% 100%;
background-repeat: no-repeat;
border-radius: 0.1rem;
box-shadow: 0rem 0.05rem 0.15rem rgba(82, 106, 255, 0.4);
display: flex; display: flex;
align-items: center; .content-left {
padding: 0 0.35rem; height: 2.8rem;
width: 13rem;
.content-left-content { background: url('~@/assets/detailsAll/layer-service/layer-bg.png');
width: 100%; background-size: 100% 100%;
font-size: 0.2rem; background-repeat: no-repeat;
color: rgba(33, 41, 86, 0.8); border-radius: 0.1rem;
line-height: 0.2rem; box-shadow: 0rem 0.05rem 0.15rem rgba(82, 106, 255, 0.4);
display: flex; display: flex;
justify-content: space-between;
align-items: center; align-items: center;
padding: 0 0.35rem;
ul { .content-left-content {
padding: 0; width: 100%;
margin: 0; font-size: 0.2rem;
} color: rgba(33, 41, 86, 0.8);
line-height: 0.2rem;
ul li {
list-style: none;
display: flex; display: flex;
justify-content: space-between;
align-items: center; align-items: center;
margin-bottom: 0.3rem; ul {
line-height: 0.25rem; padding: 0;
} margin: 0;
}
img { ul li {
margin: 0 0.2rem 0 0; list-style: none;
width: 0.15rem; display: flex;
height: 0.15rem; align-items: center;
} margin-bottom: 0.3rem;
line-height: 0.25rem;
span { }
font-size: 0.2rem; img {
color: #666666; margin: 0 0.2rem 0 0;
display: block; width: 0.15rem;
margin-right: 0.5rem; height: 0.15rem;
width: 120px; }
} span {
font-size: 0.2rem;
p { color: #666666;
width: 2rem; display: block;
margin-bottom: 0; margin-right: 0.5rem;
font-size: 0.2rem; width: 120px;
color: #333333; }
display: -webkit-box; p {
overflow: hidden; width: 2rem;
-webkit-line-clamp: 1; margin-bottom: 0;
-webkit-box-orient: vertical; font-size: 0.2rem;
word-break: break-all; color: #333333;
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-break: break-all;
}
} }
} }
} }
} }
}
</style> </style>

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

View File

@ -1,11 +1,19 @@
<template> <template>
<div class="box"> <div class="box">
<div class="CanCase"> <div class="CanCase">
<div class="caseBox" v-for="(item, index) in caseList" :key="index" @click="toView(item)"> <div
<a-image :preview="false" :src=" class="caseBox"
item.fuseAttrList.filter((val) => val.attrType == '服务图片')[0] v-for="(item, index) in caseList"
.attrValue :key="index"
" /> @click="toView(item)"
>
<a-image
:preview="false"
:src="
item.fuseAttrList.filter((val) => val.attrType == '服务图片')[0]
.attrValue
"
/>
<h3>{{ item.name }}</h3> <h3>{{ item.name }}</h3>
<p>发布时间 {{ item.updateDate }}</p> <p>发布时间 {{ item.updateDate }}</p>
</div> </div>
@ -13,83 +21,68 @@
</div> </div>
</template> </template>
<script setup> <script setup>
import { ref, onMounted, onBeforeUnmount, watch, defineProps, defineEmits } from 'vue' import { ref, onMounted, onBeforeUnmount } from 'vue'
import { defineProps } from 'vue'
import { useRouter } from 'vue-router' import { useRouter } from 'vue-router'
const router = useRouter() const router = useRouter()
const props = defineProps({ const props = defineProps({
resourceList: { resourceList: {
type: Object, type: Object,
default: () => { }, default: () => {},
}, },
selectCardsname: { selectCardsname: {
type: String, type: String,
default: '组件服务', default: '组件服务',
},
})
const emits = defineEmits(['saveSearchCodition'])
const caseList = ref([])
onMounted(() => {
caseList.value = props.resourceList.data
console.log('caseList.value------------>', caseList.value);
})
onBeforeUnmount(() => { })
function toView(item) {
emits('saveSearchCodition', 1)
router.push({
path: '/integrationServicesDetails',
query: {
id: item.id,
}, },
}) })
} const caseList = ref([])
watch( onMounted(() => {
() => props.resourceList.data, caseList.value = props.resourceList.data
(val) => { console.log(caseList.value, 'caseList.value')
if (val) { })
caseList.value = val onBeforeUnmount(() => {})
} function toView(item) {
router.push({
path: '/integrationServicesDetails',
query: {
id: item.id,
},
})
} }
)
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.box { .box {
.CanCase { .CanCase {
margin-top: 0.2rem; margin-top: 0.2rem;
display: grid; display: grid;
grid-template-columns: 33.33% 33.33% 33.33%; grid-template-columns: 33.33% 33.33% 33.33%;
align-items: center; align-items: center;
justify-items: center; justify-items: center;
.caseBox {
.caseBox { width: 3.5rem;
width: 3.5rem; height: 3rem;
height: 3rem; box-shadow: 1px 1px 5px 5px rgba(222, 222, 222, 0.152);
box-shadow: 1px 1px 5px 5px rgba(222, 222, 222, 0.152); background: #ffffff;
background: #ffffff; border-radius: 0.05rem;
border-radius: 0.05rem; padding: 0.2rem;
padding: 0.2rem; margin-bottom: 0.2rem;
margin-bottom: 0.2rem; cursor: pointer;
cursor: pointer; img {
width: 3rem;
img { height: 1.8rem;
width: 3rem; }
height: 1.8rem; h3 {
} font-size: 0.18rem;
font-weight: bold;
h3 { margin-top: 0.1rem;
font-size: 0.18rem; }
font-weight: bold; p {
margin-top: 0.1rem; font-size: 0.16rem;
} color: #797979;
}
p {
font-size: 0.16rem;
color: #797979;
} }
} }
} }
}
</style> </style>

View File

@ -131,34 +131,46 @@
import { getSgcTotal } from '@/api/home' import { getSgcTotal } from '@/api/home'
import Cookies from 'js-cookie' import Cookies from 'js-cookie'
import mybus from '@/myplugins/mybus' import mybus from '@/myplugins/mybus'
import { DETAIL_PAGE_CONTENT_DEFAULT_TAB } from '@/global/GlobalConfig.js'
const store = useStore() const store = useStore()
const router = useRouter() const router = useRouter()
const route = useRoute() const route = useRoute()
// const navListManagement = ref([
// { name: '', key: 'home' },
// { name: '', key: 'DetailsPageconetent' },
// { name: '', key: 'capabilityCloud' },
// { name: '', key: 'abilityStatistics' },
// { name: '', key: 'developmentGuide' },
// { name: '', key: 'demandCenter' },
// // { name: '', key: 'personalCenter' },
// { name: '', key: 'mapTest' },
// // { name: '', key: 'houtaiguanli' },
// { name: '', key: 'assignCase' },
// ])
const whoShow1 = whoShow const whoShow1 = whoShow
const user = ref({ const user = ref({
username: store.getters['user/username'], username: store.getters['user/username'],
}) })
// user.username.value = store.getters(['user/username'])
const select = ref(router.currentRoute.value.name) const select = ref(router.currentRoute.value.name)
const mynoticeFlag = ref(false) const mynoticeFlag = ref(false)
const mynoticeData = ref([]) const mynoticeData = ref([])
console.log('navListManagement------------>', navListManagement) console.log('navListManagement------------>', navListManagement)
// eslint-disable-next-line no-undef
const navList = ref(navListManagement.navList) const navList = ref(navListManagement.navList)
console.log('navList------------>', navList) console.log('navList------------>', navList)
const props = defineProps({ const props = defineProps({
showView: { type: String, default: '' }, showView: { type: String, default: '' },
}) })
// //
// getUser().then((res) => {
// user.value = res.data.data
// // console.log('user===============>', user.value)
// })
// 退 // 退
const logout = async () => { const logout = async () => {
await store.dispatch('user/logout') await store.dispatch('user/logout')
//
localStorage.removeItem('integrationServices')
localStorage.removeItem('DetailsPageconetent')
window.sessionStorage.setItem('visits', JSON.stringify([])) window.sessionStorage.setItem('visits', JSON.stringify([]))
// 西 // 西
if (!whoShow1.itShowXiHaiAn) { if (!whoShow1.itShowXiHaiAn) {
@ -196,8 +208,7 @@
router.push({ router.push({
path: '/DetailsPageconetent', path: '/DetailsPageconetent',
query: { query: {
// select: '', select: '组件服务',
select: DETAIL_PAGE_CONTENT_DEFAULT_TAB
}, },
}) })
break break
@ -206,6 +217,11 @@
path: '/capabilityCloud', path: '/capabilityCloud',
}) })
break break
// case '':
// router.push({
// path: '/developmentGuide',
// })
// break
case '技术文档': case '技术文档':
router.push({ router.push({
path: '/instructionManual', path: '/instructionManual',
@ -239,6 +255,10 @@
case '融合服务': case '融合服务':
router.push({ router.push({
path: '/integrationServices', path: '/integrationServices',
// path: '/DetailsPageconetent',
query: {
select: '融合服务',
},
}) })
break break
case 'CIM专区': case 'CIM专区':

View File

@ -1,100 +0,0 @@
<template>
<ul class="integrationServiceOrder">
<li v-for="(item, i) in integrationOrderList" :key="i" @click="
changeOrder(i, item.value, item.orderType == 'DESC' ? 'ASC' : 'DESC')
">
{{ item.name }}
<span class="arrow" :class="
integrationOrder.orderType == 'ASC' &&
integrationOrder.orderField == item.value
? 'down'
: ''
"></span>
</li>
</ul>
</template>
<script setup>
import { ref, reactive, nextTick, defineExpose } from 'vue'
import mybus from '@/myplugins/mybus'
const orderList = [
{
value: 'apply_count',
name: '申请量',
orderType: 'DESC',
},
{
value: 'collectCount',
name: '收藏量',
orderType: 'DESC',
},
{
value: 'create_date',
name: '发布时间',
orderType: 'DESC',
},
{
value: 'update_date',
name: '更新时间',
orderType: 'DESC',
},
]
const integrationOrderList = ref(JSON.parse(JSON.stringify(orderList)))
const integrationOrder = reactive({
orderField: '',
orderType: '',
})
// --
const changeOrder = (i, val, type) => {
console.log('i, val, type------------>', i, val, type);
integrationOrder.orderField = val
integrationOrder.orderType = type;
// 0 apply_count ASC
let _index = integrationOrderList.value.findIndex(x => x.value = val)
if (_index > -1) {
integrationOrderList.value[_index].orderType = type
}
mybus.emit('changeCondition', {
orderField: val,
orderType: type,
})
}
const reset = () => {
integrationOrderList.value = JSON.parse(JSON.stringify(orderList))
integrationOrder.orderField = ''
integrationOrder.orderType = ''
}
defineExpose({
reset,
})
</script>
<style lang="less" scoped>
.integrationServiceOrder {
display: flex;
li {
width: 90px;
height: 12px;
text-align: center;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
.arrow {
display: inline-block;
width: 12px;
height: 12px;
background: url('~@/assets/newHome/arrow.png');
margin-left: 10px;
}
.down {
background: url('~@/assets/newHome/down.png');
margin-top: 6px;
}
}
}
</style>

File diff suppressed because it is too large Load Diff

View File

@ -1,12 +1,12 @@
export const titleNameArray = [ export const titleNameArray = [
{
photo: require('@/assets/newHome/banner-yy.png'),
name: '应用资源',
},
{ {
photo: require('@/assets/newHome/banner-zj.png'), photo: require('@/assets/newHome/banner-zj.png'),
name: '组件服务', name: '组件服务',
}, },
{
photo: require('@/assets/newHome/banner-yy.png'),
name: '应用资源',
},
{ {
photo: require('@/assets/newHome/banner-jc.png'), photo: require('@/assets/newHome/banner-jc.png'),
name: '基础设施', name: '基础设施',

View File

@ -1,34 +0,0 @@
<template>
<div class="detail-back" @click="previousPage" :style="{ color: textColor }">
</div>
</template>
<script setup>
import { reactive, ref, watch, defineProps } from 'vue'
import { useRouter } from 'vue-router'
const router = useRouter()
console.log('router------------>', router)
const props = defineProps({
textColor: { type: String, default: '' },
})
const previousPage = () => {
window.history.go(-1)
}
</script>
<style scoped lang="less">
.detail-back {
position: absolute;
top: 0.85rem;
left: 100px;
font-size: 0.18rem;
color: #fff;
cursor: pointer;
width: 50px;
height: 50px;
background-image: url('~@/assets/detailsAll/back.png');
background-size: 100% 100%;
}
</style>

View File

@ -9,7 +9,6 @@
<div> <div>
<div id="apply-container"> <div id="apply-container">
<home-header :showView="showView"></home-header> <home-header :showView="showView"></home-header>
<detail-back></detail-back>
<details-view v-if="showView === 'details-view'"></details-view> <details-view v-if="showView === 'details-view'"></details-view>
<algorithm-details <algorithm-details
v-else-if="showView === 'algorithm-details'" v-else-if="showView === 'algorithm-details'"
@ -39,7 +38,6 @@
import DeveloperComponents from '@/views/detailsAll/DeveloperComponents' import DeveloperComponents from '@/views/detailsAll/DeveloperComponents'
import BusinessDetails from '@/views/detailsAll/BusinessDetails' import BusinessDetails from '@/views/detailsAll/BusinessDetails'
import LayerService from '@/views/detailsAll/LayerService' import LayerService from '@/views/detailsAll/LayerService'
import detailBack from '@/views/home/detailBack.vue'
import { selectOne } from '@/api/home' import { selectOne } from '@/api/home'
import { useRouter } from 'vue-router' import { useRouter } from 'vue-router'
export default defineComponent({ export default defineComponent({
@ -54,7 +52,6 @@
DeveloperComponents, DeveloperComponents,
BusinessDetails, BusinessDetails,
LayerService, LayerService,
detailBack
}, },
setup() { setup() {
const formState = reactive({ const formState = reactive({
@ -166,7 +163,6 @@
} }
} }
init() init()
return { return {
formState, formState,
options, options,

View File

@ -432,7 +432,7 @@
placeholder="请输入关键词" placeholder="请输入关键词"
enter-button="搜索" enter-button="搜索"
size="large" size="large"
@change="(e) => getCamera(true, e.target.value)" @change="getCamera"
/> />
<a-button <a-button
type="primary" type="primary"
@ -1697,7 +1697,6 @@
// } // }
const wrjFlag = ref(false) const wrjFlag = ref(false)
const getCamera = (flag, str) => { const getCamera = (flag, str) => {
console.log('mapSearchParam.value.cameraName------------>', mapSearchParam.value.cameraName);
if (flag) { if (flag) {
mapSearchParam.value.cameraName = str mapSearchParam.value.cameraName = str
console.log('赋值===============》', str, mapSearchParam.value) console.log('赋值===============》', str, mapSearchParam.value)
@ -1711,8 +1710,6 @@
pagination.value.total = res.data.count pagination.value.total = res.data.count
}) })
} else { } else {
console.log('mapSearchParam------------>', mapSearchParam);
let params = { let params = {
regionId: regionId:
mapSearchParam.value.parentId || '70be8c5b664f4bcf869d82f2e8335051', mapSearchParam.value.parentId || '70be8c5b664f4bcf869d82f2e8335051',
@ -1723,7 +1720,6 @@
latitude: mapSearchParam.value.gpsY || '', latitude: mapSearchParam.value.gpsY || '',
radius: mapSearchParam.value.radius || '', radius: mapSearchParam.value.radius || '',
status: 1, status: 1,
name: mapSearchParam.value.cameraName
} }
if ( if (
params.regionId === '70be8c5b664f4bcf869d82f2e8335051' && params.regionId === '70be8c5b664f4bcf869d82f2e8335051' &&

View File

@ -5,8 +5,13 @@
<div class="top"> <div class="top">
<div class="top-title"> <div class="top-title">
全部 全部
<div v-for="(item, index) in titleName" :key="index" class="tabAll" @click="changeCards(index)" <div
:class="{ sel: index == number }"> v-for="(item, index) in titleName"
:key="index"
class="tabAll"
@click="changeCards(index)"
:class="{ sel: index == number }"
>
<span> <span>
{{ item.name === '赋能场景' ? '典型赋能场景' : '打包模式' }} {{ item.name === '赋能场景' ? '典型赋能场景' : '打包模式' }}
</span> </span>
@ -15,26 +20,54 @@
<div class="resultListSearchInput-father" v-if="number === 0"> <div class="resultListSearchInput-father" v-if="number === 0">
<div class="resultListSearchInput-son"> <div class="resultListSearchInput-son">
模糊搜索 模糊搜索
<a-input-search v-model:value="searchValue" placeholder="请输入关键词" enter-button="搜索" size="large" <a-input-search
@search="getIntegrationList" @change="onSearch" class="resultListSearchInput" /> v-model:value="searchValue"
<button class="button-reset" @click="resetAction()">重置</button> placeholder="请输入关键词"
enter-button="搜索"
size="large"
@search="getAppResources"
@change="onSearch"
class="resultListSearchInput"
/>
<button class="button-reset" @click="chongzhi()">重置</button>
<div class="hengxian"></div> <div class="hengxian"></div>
</div> </div>
</div> </div>
<div v-loading="loadingData"> <div v-loading="loadingData">
<searchResultList v-if="number === 0" v-show="resourceList.data && resourceList.data.length > 0" <searchResultList
:resourceList="resourceList" :resourceTotal="resourceTotal" @saveSearchCodition="saveSearchCodition" v-if="number === 0"
ref="searchResultListDom" :selectCardsname="number == 0 ? '融合服务' : '赋能场景'" /> v-show="resourceList.data && resourceList.data.length > 0"
<CanAssignCase v-else v-show="resourceList.data && resourceList.data.length > 0" :resourceList="resourceList" :key="listKey2"
@saveSearchCodition="saveSearchCodition" :resourceTotal="resourceTotal" :resourceList="resourceList"
:selectCardsname="number == 0 ? '融合服务' : '赋能场景'" /> :resourceTotal="resourceTotal"
:selectCardsname="number == 0 ? '融合服务' : '赋能场景'"
/>
<CanAssignCase
v-else
v-show="resourceList.data && resourceList.data.length > 0"
:key="listKey2"
:resourceList="resourceList"
:resourceTotal="resourceTotal"
:selectCardsname="number == 0 ? '融合服务' : '赋能场景'"
/>
<div class="pagination"> <div class="pagination">
<a-pagination v-if="resourceList.data && resourceList.data.length > 0" v-model:current="currentPage" <a-pagination
v-model:pageSize="currentPageSize" show-size-changer show-less-items show-quick-jumper v-if="resourceList.data && resourceList.data.length > 0"
:total="resourceTotal" :page-size-options="pageSizeOptions" @change="pageChange" v-model:current="currentPage"
@showSizeChange="onShowSizeChange" /> v-model:pageSize="currentPageSize"
show-size-changer
show-less-items
show-quick-jumper
:total="resourceTotal"
:page-size-options="pageSizeOptions"
@change="pageChange"
@showSizeChange="onShowSizeChange"
/>
</div> </div>
<div v-if="resourceList.data && resourceList.data.length <= 0" style="margin-top: 2rem"> <div
v-if="resourceList.data && resourceList.data.length <= 0"
style="margin-top: 2rem"
>
<a-empty /> <a-empty />
</div> </div>
</div> </div>
@ -43,357 +76,342 @@
<home-footer></home-footer> <home-footer></home-footer>
</template> </template>
<script> <script>
import HomeFooter from '@/views/newHome/components/Footer' import HomeFooter from '@/views/newHome/components/Footer'
import mybus from '@/myplugins/mybus' import mybus from '@/myplugins/mybus'
import { defineComponent, reactive, ref, toRefs, onMounted, nextTick } from 'vue' import { defineComponent, reactive, ref, toRefs, onMounted, watch } from 'vue'
import { getIntegrationServicesList } from '@/api/home.js'
import { useRouter } from 'vue-router'
import HomeHeader from '@/views/home/components/header'
import searchResultList from '@/views/home/components/searchResultList.vue'
import CanAssignCase from '@/views/home/components/CanAssignCase.vue'
import { message } from 'ant-design-vue'
export default defineComponent({ import { getIntegrationServicesList } from '@/api/home.js'
beforeRouteLeave(to, from, next) { import { useRouter } from 'vue-router'
console.log('to---integrationServices--beforeRouteLeave------->', to) import HomeHeader from '@/views/home/components/header'
console.log('from---integrationServices--beforeRouteLeave------->', from) import searchResultList from '@/views/home/components/searchResultList.vue'
console.log('next---integrationServices--beforeRouteLeave------->', next) import CanAssignCase from '@/views/home/components/CanAssignCase.vue'
if (to.name !== 'packagingDetails' && to.name !== 'integrationServicesDetails') { import { message } from 'ant-design-vue'
localStorage.removeItem('integrationServices')
}
next()
},
setup() {
//
const loading = ref(true)
const currentPage = ref(1)
const currentPageSize = ref(5)
const pageSizeOptions = ref(['2', '5', '10', '20', '50'])
const router = useRouter()
const select = router.currentRoute.value.query.select
const searchValue = ref('')
const Cardsname = ref(select)
const resourceList = reactive({ data: [] })
const resourceTotal = ref(0)
const loadingData = ref(false)
//
const titleName = ref([
{
name: '打包模式',
},
{
name: '赋能场景',
},
])
const number = ref(0)
//
const paramsGetResources = {
page: currentPage.value,
limit: currentPageSize.value,
type: titleName.value[number.value].name,
name: searchValue.value,
orderField: 'create_date',
orderType: 'DESC', // ASC DESC
}
const searchResultListDom = ref(null)
const storageSearchInfo = JSON.parse(localStorage.getItem('integrationServices'))
//
const handleSetSearchData = () => {
if (storageSearchInfo) {
number.value = storageSearchInfo.type == '打包模式' ? 0 : 1;
//
searchValue.value = storageSearchInfo.name;
currentPage.value = storageSearchInfo.page;
currentPageSize.value = storageSearchInfo.limit;
paramsGetResources.limit = storageSearchInfo.limit;
paramsGetResources.page = storageSearchInfo.page;
paramsGetResources.type = storageSearchInfo.type;
// 使
nextTick(() => {
searchResultListDom.value && searchResultListDom.value.changeCondition && searchResultListDom.value.changeCondition({
value: storageSearchInfo.orderField,
orderType: storageSearchInfo.orderType,
}, true)
})
getIntegrationList()
}
}
const changeCards = (val) => { export default defineComponent({
// setup() {
number.value = val;
paramsGetResources.type = titleName.value[number.value].name;
resetAction()
}
//
const onSearch = () => {
currentPage.value = 1
getIntegrationList()
}
//
const resetAction = () => {
//
searchValue.value = ''
// //
currentPage.value = 1 const loading = ref(true)
currentPageSize.value = 5 const currentPage = ref(1)
// const currentPageSize = ref(5)
paramsGetResources.page = 1 const pageSizeOptions = ref(['5', '10', '20', '50'])
paramsGetResources.limit = 5 const router = useRouter()
paramsGetResources.orderField = 'create_date' const select = router.currentRoute.value.query.select
paramsGetResources.orderType = 'DESC' const searchValue = ref('')
const Cardsname = ref(select)
mybus.emit('resetAction', { const resourceList = reactive({ data: [] })
type: titleName.value[number.value].name, const resourceTotal = ref(0)
}) const current = ref(1)
getIntegrationList() const loadingData = ref(false)
} //
const titleName = ref([
// {
const getIntegrationList = () => { name: '打包模式',
loadingData.value = true
paramsGetResources.name = searchValue.value;
console.log('paramsGetResources------参数下发------>', paramsGetResources);
getIntegrationServicesList(paramsGetResources).then(
(res) => {
loadingData.value = false
if (res.data.code !== 0) {
return message.error(res.data.msg)
}
resourceList.data = res.data.data.list || []
resourceTotal.value = res.data.data.total || 0
}, },
(err) => { {
loadingData.value = false name: '赋能场景',
message.error(err) },
} ])
)
}
mybus.on('paramsGetResources', (ids) => { const number = ref(0)
if (ids && ids.length > 0) { //
paramsGetResources.deptIds = ids let listKey = ref(0)
} else { //
delete paramsGetResources.deptIds const listKey2 = ref(0)
//
const paramsGetResources = {
pageNum: 1,
pageSize: currentPageSize.value,
type: titleName.value[number.value].name,
name: '',
orderField: 'create_date', // total visits 访 applyCount score collectCount
orderType: 'DESC', // ASC DESC
} }
getIntegrationList()
})
mybus.on('changePage', (page) => { const changeCards = (val) => {
paramsGetResources.page = page console.log(val)
getIntegrationList() number.value = val
}) chongzhi()
}
mybus.on('changeSelcted', () => { //
getIntegrationList() const onSearch = () => {
}) loading.value = true
currentPage.value = 1
}
//
const chongzhi = () => {
loading.value = true
//
searchValue.value = ''
//
currentPage.value = 1
currentPageSize.value = 5
//
paramsGetResources.pageNum = 1
paramsGetResources.pageSize = 5
paramsGetResources.orderField = 'create_date'
paramsGetResources.orderType = 'DESC'
mybus.emit('chongzhi', {
type: titleName.value[number.value].name,
})
getAppResources()
}
mybus.on('refresh', () => { const getAppResources = () => {
paramsGetResources.page = 1
currentPage.value = 1
getIntegrationList()
})
mybus.on('changeCondition', (condition) => {
paramsGetResources.orderField = condition.orderField
paramsGetResources.orderType = condition.orderType
getIntegrationList()
})
const pageChange = (val) => {
currentPage.value = val
paramsGetResources.page = val
getIntegrationList() //
}
//
const onShowSizeChange = (current, pageSize) => {
currentPage.value = current
currentPageSize.value = pageSize
paramsGetResources.page = current
paramsGetResources.limit = pageSize
getIntegrationList()
}
//
const saveSearchCodition = (n) => {
console.log('融合服务-----存储查询条件到本地------->', paramsGetResources);
localStorage.setItem(
'integrationServices',
JSON.stringify(paramsGetResources)
)
}
onMounted(() => {
if (storageSearchInfo) {
handleSetSearchData()
} else {
getIntegrationList() getIntegrationList()
} }
})
return { //
searchValue, const getIntegrationList = () => {
currentPage, loadingData.value = true
resourceList, console.log('获取融合服务列表------------>')
resourceTotal, let postData = {
pageChange, limit: currentPageSize.value,
Cardsname, page: currentPage.value,
getIntegrationList, orderField: paramsGetResources.orderField,
resetAction, orderType: paramsGetResources.orderType,
onSearch, name: searchValue.value,
currentPageSize, type: titleName.value[number.value].name,
pageSizeOptions, }
loading, getIntegrationServicesList(postData).then(
titleName, (res) => {
changeCards, loadingData.value = false
number, if (res.data.code !== 0) {
loadingData, return message.error(res.data.msg)
onShowSizeChange, }
saveSearchCodition, console.log('res.data------------>', res.data)
searchResultListDom,
} resourceList.data = res.data.data.list || []
}, resourceTotal.value = res.data.data.total || 0
components: { listKey2.value++
HomeHeader, },
HomeFooter, (err) => {
searchResultList, loadingData.value = false
CanAssignCase, message.error(err)
}, }
beforeUnmount() { )
mybus.off('paramsGetResources') }
mybus.off('changeCondition')
mybus.off('refresh') mybus.on('paramsGetResources', (ids) => {
mybus.off('changePage') if (ids && ids.length > 0) {
}, paramsGetResources.deptIds = ids
}) } else {
delete paramsGetResources.deptIds
}
getAppResources()
console.log('paramsGetResources', paramsGetResources)
})
mybus.on('changePage', (page) => {
paramsGetResources.pageNum = page
getAppResources('分页查询')
})
mybus.on('changeSelcted', () => {
getAppResources()
})
mybus.on('refresh', () => {
paramsGetResources.pageNum = 1
currentPage.value = 1
getAppResources()
})
mybus.on('changeCondition', (condition) => {
paramsGetResources.orderField = condition.orderField
paramsGetResources.orderType = condition.orderType
getAppResources()
})
const pageChange = (val) => {
console.log(val)
loading.value = true
currentPage.value = val
paramsGetResources.pageNum = val
let params = '分页查询' //
getAppResources(params)
}
onMounted(() => {
console.log('222----onMounted-------->', 222)
listKey2.value++
getAppResources()
})
//
const onShowSizeChange = (current, pageSize) => {
currentPage.value = current
currentPageSize.value = pageSize
paramsGetResources.pageNum = current
paramsGetResources.pageSize = pageSize
getAppResources()
}
watch(currentPageSize, () => {
console.log('pageSize', currentPageSize.value)
})
return {
listKey,
searchValue,
currentPage,
resourceList,
resourceTotal,
pageChange,
listKey2,
Cardsname,
getAppResources,
chongzhi,
onSearch,
currentPageSize,
pageSizeOptions,
current,
loading,
titleName,
changeCards,
number,
loadingData,
}
},
components: {
HomeHeader,
HomeFooter,
searchResultList,
CanAssignCase,
},
beforeUnmount() {
mybus.off('paramsGetResources')
mybus.off('changeCondition')
mybus.off('refresh')
mybus.off('changePage')
},
})
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.resultListSearchInput-father { .resultListSearchInput-father {
background: #f3f5f9; background: #f3f5f9;
padding: 0.2rem; padding: 0.2rem;
.resultListSearchInput-son { // padding-left: 0.2rem;
background: #fff; // padding-top: 0.2rem;
padding: 0.2rem 0.2rem 0rem 0.3rem; .resultListSearchInput-son {
background: #fff;
padding: 0.2rem 0.2rem 0rem 0.3rem;
.hengxian { .hengxian {
width: 100%; width: 100%;
height: 0.01rem; height: 0.01rem;
background: rgba(150, 144, 144, 0.3); background: rgba(150, 144, 144, 0.3);
margin-top: 0.2rem; margin-top: 0.2rem;
}
} }
} }
}
.resultListSearchInput { .resultListSearchInput {
margin-left: 0.1rem; margin-left: 0.1rem;
:deep(.ant-input) { :deep(.ant-input) {
width: 4rem; width: 4rem;
height: 0.36rem; height: 0.36rem;
background: #fff; background: #fff;
border-radius: 0.04rem; border-radius: 0.04rem;
}
:deep(.ant-input-search-button) {
width: 0.8rem;
height: 0.36rem;
background: #0087ff;
border-radius: 0.04rem !important;
font-size: 0.14rem;
font-weight: 400;
color: #fff;
line-height: 0.34rem;
margin-left: 0.1rem;
}
:deep(.ant-input-group-addon) {
left: 0 !important;
}
} }
:deep(.ant-input-search-button) { .button-reset {
border: 0;
outline: none;
width: 0.8rem; width: 0.8rem;
height: 0.36rem; height: 0.36rem;
background: #0087ff; background: #e1edfa;
border-radius: 0.04rem !important; border-radius: 0.04rem;
font-size: 0.14rem; font-size: 0.14rem;
font-weight: 400; font-weight: 400;
color: #fff; color: #0087ff;
line-height: 0.34rem; line-height: 0.34rem;
margin-left: 0.1rem; margin-left: 2.5rem;
cursor: pointer;
} }
:deep(.ant-input-group-addon) { .details-pageconetent {
left: 0 !important; height: 100%;
} width: 100%;
}
.button-reset {
border: 0;
outline: none;
width: 0.8rem;
height: 0.36rem;
background: #e1edfa;
border-radius: 0.04rem;
font-size: 0.14rem;
font-weight: 400;
color: #0087ff;
line-height: 0.34rem;
margin-left: 2.5rem;
cursor: pointer;
}
.details-pageconetent {
height: 100%;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
margin-top: 0.67rem;
position: relative;
background: rgba(245, 243, 243, 0.3);
.details-pageconetent-left {
max-height: 6.9rem;
position: absolute;
width: 2.5rem;
top: 0.17rem;
left: 2.5rem;
margin-right: 0.17rem;
overflow: auto;
}
.top {
min-height: 7.2rem;
position: relative;
width: 11.5rem;
display: flex; display: flex;
padding-top: 0.2rem; justify-content: center;
flex-direction: column; align-items: center;
font-size: 0.16rem; margin-top: 0.67rem;
justify-content: left; position: relative;
background: #f3f5f9; background: rgba(245, 243, 243, 0.3);
.pagination { .details-pageconetent-left {
background: #f3f5f9; max-height: 6.9rem;
padding-bottom: 0.6rem; position: absolute;
width: 2.5rem;
top: 0.17rem;
left: 2.5rem;
margin-right: 0.17rem;
overflow: auto;
} }
.top-title { .top {
padding: 0.2rem; min-height: 7.2rem;
position: relative;
width: 11.5rem;
display: flex; display: flex;
font-size: 18px; padding-top: 0.2rem;
flex-direction: column;
font-size: 0.16rem;
justify-content: left;
background: #f3f5f9;
.tabAll { .pagination {
background: #f3f5f9;
padding-bottom: 0.6rem;
}
.top-title {
padding: 0.2rem;
display: flex;
font-size: 18px; font-size: 18px;
color: #000000;
margin-right: 35px;
cursor: pointer;
}
.tabAll:nth-child(1) { .tabAll {
margin-left: 20px; font-size: 18px;
} color: #000000;
margin-right: 35px;
cursor: pointer;
}
.sel { .tabAll:nth-child(1) {
font-weight: 600; margin-left: 20px;
color: #0087ff; }
border-bottom: 0.02rem solid #0087ff;
.sel {
font-weight: 600;
color: #0087ff;
border-bottom: 0.02rem solid #0087ff;
}
} }
} }
} }
}
:deep(.ant-card-grid) { :deep(.ant-card-grid) {
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
-webkit-line-clamp: 1; -webkit-line-clamp: 1;
word-break: break-all; word-break: break-all;
} }
</style> </style>

File diff suppressed because it is too large Load Diff

View File

@ -35,8 +35,6 @@
import { useRouter } from 'vue-router' import { useRouter } from 'vue-router'
import { ref } from 'vue' import { ref } from 'vue'
import { selectNewest } from '@/api/home' import { selectNewest } from '@/api/home'
import { DETAIL_PAGE_CONTENT_DEFAULT_TAB } from '@/global/GlobalConfig.js'
export default { export default {
name: 'latestAbility', name: 'latestAbility',
components: {}, components: {},
@ -47,8 +45,7 @@
router.push({ router.push({
path: '/DetailsPageconetent', path: '/DetailsPageconetent',
query: { query: {
// select: '', select: '组件服务',
select: DETAIL_PAGE_CONTENT_DEFAULT_TAB
}, },
}) })
} }

View File

@ -2,7 +2,6 @@
<!-- 青岛 --> <!-- 青岛 -->
<div class="details-pageconetent"> <div class="details-pageconetent">
<home-header></home-header> <home-header></home-header>
<detail-back></detail-back>
<div class="content-box" v-loading="loadingPage"> <div class="content-box" v-loading="loadingPage">
<div class="package-title">打包模式</div> <div class="package-title">打包模式</div>
<div class="basic-info"> <div class="basic-info">
@ -71,7 +70,6 @@ import { message } from 'ant-design-vue'
import { getIntegrationDetail } from '@/api/home' import { getIntegrationDetail } from '@/api/home'
import HomeHeader from '@/views/home/components/header' import HomeHeader from '@/views/home/components/header'
import { scInsert, scDel } from '@/api/personalCenter' import { scInsert, scDel } from '@/api/personalCenter'
import detailBack from '@/views/home/detailBack.vue'
const router = useRouter() const router = useRouter()
const id = router.currentRoute.value.query.id const id = router.currentRoute.value.query.id
@ -112,6 +110,7 @@ const getIntegrationServicesDeatil = (id) => {
} }
detailInfoObj.value = res.data.data || {} detailInfoObj.value = res.data.data || {}
console.log('detailInfoObj------------>', detailInfoObj); console.log('detailInfoObj------------>', detailInfoObj);
let fuseResourceList = detailInfoObj.value.fuseResourceList || [] let fuseResourceList = detailInfoObj.value.fuseResourceList || []
abilityList.value.map(v => { abilityList.value.map(v => {
let list = fuseResourceList.filter(x => x.type == v.name) || []; let list = fuseResourceList.filter(x => x.type == v.name) || [];
@ -198,6 +197,7 @@ const addCollect = () => {
} }
}) })
.catch(err => { .catch(err => {
console.log('err------------>', err);
message.success(err) message.success(err)
}) })
} else { } else {
@ -216,13 +216,16 @@ const addCollect = () => {
} }
}) })
.catch(err => { .catch(err => {
console.log('err------------>', err);
message.success(err) message.success(err)
}) })
} }
} }
} }
getIntegrationServicesDeatil(id) getIntegrationServicesDeatil(id)
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.flex-row-start { .flex-row-start {

View File

@ -252,7 +252,7 @@
// //
initAddressMatchService() { initAddressMatchService() {
this.L = window.L || {} this.L = window.L || {}
this.addressMatchService = L.supermap && L.supermap.addressMatchService && L.supermap.addressMatchService( this.addressMatchService = L.supermap.addressMatchService(
this.addressMatchUrl this.addressMatchUrl
) )
}, },

View File

@ -26,7 +26,7 @@ import {
ref, ref,
watch, watch,
defineProps, defineProps,
defineEmits, nextTick,
} from 'vue' } from 'vue'
import { getDevelopDocTree } from '@/api/home' import { getDevelopDocTree } from '@/api/home'
import { message } from 'ant-design-vue' import { message } from 'ant-design-vue'

View File

@ -118,7 +118,6 @@
import TheOverallProcess from './TheOverallProcess.vue' import TheOverallProcess from './TheOverallProcess.vue'
import { useRouter } from 'vue-router' import { useRouter } from 'vue-router'
import { message } from 'ant-design-vue' import { message } from 'ant-design-vue'
import { DETAIL_PAGE_CONTENT_DEFAULT_TAB } from '@/global/GlobalConfig.js'
const router = useRouter() const router = useRouter()
const seviceList = ref([ const seviceList = ref([
{ {
@ -256,8 +255,7 @@
const newpage = router.resolve({ const newpage = router.resolve({
path: '/DetailsPageconetent', path: '/DetailsPageconetent',
query: { query: {
// select: '', select: '组件服务',
select: DETAIL_PAGE_CONTENT_DEFAULT_TAB
}, },
}) })
window.location.href = newpage.href window.location.href = newpage.href

View File

@ -15,16 +15,22 @@
</a-input> </a-input>
</a-form-item> </a-form-item>
<a-form-item> <a-form-item>
<a-input v-model:value="form.password" type="password" placeholder="Password"> <a-input
v-model:value="form.password"
type="password"
placeholder="Password"
>
<template v-slot:prefix> <template v-slot:prefix>
<LockOutlined style="color: rgba(0, 0, 0, 0.25)" /> <LockOutlined style="color: rgba(0, 0, 0, 0.25)" />
</template> </template>
</a-input> </a-input>
</a-form-item> </a-form-item>
<a-form-item> <a-form-item>
<!-- IE Chrome || judgeAgent() !== 'Chrome'--> <a-button
<a-button type="primary" html-type="submit" type="primary"
:disabled="form.username === '' || form.password === '' || !canOpen.includes(judgeAgent())"> html-type="submit"
:disabled="form.username === '' || form.password === ''"
>
登录 登录
</a-button> </a-button>
</a-form-item> </a-form-item>
@ -36,176 +42,128 @@
</div> </div>
</template> </template>
<script> <script>
import { dependencies, devDependencies } from '*/package.json' import { dependencies, devDependencies } from '*/package.json'
import { mapActions, mapGetters } from 'vuex' import { mapActions, mapGetters } from 'vuex'
import { Encrypt } from '@/utils/crypto' import { Encrypt } from '@/utils/crypto'
import { UserOutlined, LockOutlined } from '@ant-design/icons-vue' import { UserOutlined, LockOutlined } from '@ant-design/icons-vue'
import { message, Modal } from 'ant-design-vue' import { message } from 'ant-design-vue'
export default { export default {
name: 'Login', name: 'Login',
components: { components: {
UserOutlined, UserOutlined,
LockOutlined, LockOutlined,
}, },
data() { data() {
return { return {
form: { form: {
username: '', username: '',
password: '', password: '',
},
redirect: undefined,
dependencies: dependencies,
devDependencies: devDependencies,
}
},
computed: {
...mapGetters({
logo: 'settings/logo',
title: 'settings/title',
}),
},
watch: {
$route: {
handler(route) {
this.redirect = (route.query && route.query.redirect) || '/'
},
immediate: true,
}, },
redirect: undefined, },
dependencies: dependencies, mounted() {
devDependencies: devDependencies, this.form.username = ''
is360: false, this.form.password = ''
isIE: false, /* setTimeout(() => {
canOpen: ['FF', 'Chrome'] this.handleSubmit()
} }, 3000) */
}, },
computed: { methods: {
...mapGetters({ ...mapActions({
logo: 'settings/logo', login: 'user/login',
title: 'settings/title', }),
}), handleRoute() {
}, return this.redirect === '/404' || this.redirect === '/403'
watch: { ? '/home'
$route: { : this.redirect
handler(route) {
this.redirect = (route.query && route.query.redirect) || '/'
}, },
immediate: true, async handleSubmit() {
}, // debugger
}, try {
mounted() { // console.log('', Decrypt(Encrypt(this.form.password)))
this.form.username = '' if (this.form.password !== this.form.password.trim()) {
this.form.password = '' message.error('登陆失败,用户名或密码错误!')
return
if (!this.canOpen.includes(this.judgeAgent())) { }
Modal.warning({ await this.login({
title: '提示', password: Encrypt(this.form.password),
content: '请使用谷歌或火狐浏览器!', username: this.form.username,
}); })
} window.sessionStorage.setItem('visits', JSON.stringify([]))
}, console.log('添加visits========================================>')
methods: { // console.log(this.handleRoute())
...mapActions({ await this.$router.push('/home')
login: 'user/login', } catch (error) {
}),
//
judgeAgent() {
let userAgent = navigator.userAgent // userAgent
console.log('userAgent------------>', userAgent);
let isOpera = userAgent.indexOf('Opera') > -1
//Opera
if (isOpera) {
return 'Opera'
}
//Firefox
if (userAgent.indexOf('Firefox') > -1) {
return 'FF'
}
//chorme
if (userAgent.indexOf('Chrome') > -1) {
return 'Chrome'
}
//Safari
if (userAgent.indexOf('Safari') > -1) {
return 'Safari'
}
//IE
if (
userAgent.indexOf('compatible') > -1 &&
userAgent.indexOf('MSIE') > -1 &&
!isOpera
) {
return 'IE'
}
//Edge
if (userAgent.indexOf('Trident') > -1) {
return 'Edge'
}
},
handleRoute() {
return this.redirect === '/404' || this.redirect === '/403'
? '/home'
: this.redirect
},
async handleSubmit() {
// debugger
try {
// console.log('', Decrypt(Encrypt(this.form.password)))
if (this.form.password !== this.form.password.trim()) {
message.error('登陆失败,用户名或密码错误!') message.error('登陆失败,用户名或密码错误!')
return
} }
await this.login({ },
password: Encrypt(this.form.password),
username: this.form.username,
})
window.sessionStorage.setItem('visits', JSON.stringify([]))
console.log('添加visits========================================>')
// console.log(this.handleRoute())
await this.$router.push('/home')
} catch (error) {
message.error('登陆失败,用户名或密码错误!')
}
}, },
}, }
}
</script> </script>
<style lang="less"> <style lang="less">
.login-container { .login-container {
width: 100%;
height: 100vh;
background: url('~@/assets/login_images/login_background.png');
background-size: cover;
&-form {
width: calc(100% - 40px);
height: 380px;
padding: 4vh;
margin-top: calc((100vh - 380px) / 2);
margin-right: 20px;
margin-left: 20px;
background: url('~@/assets/login_images/login_form.png');
background-size: 100% 100%;
border-radius: 10px;
box-shadow: 0 2px 8px 0 rgba(7, 17, 27, 0.06);
}
&-hello {
font-size: 32px;
color: #fff;
}
&-title {
margin-bottom: 30px;
font-size: 20px;
color: #fff;
}
&-tips {
position: fixed;
bottom: @vab-margin;
width: 100%; width: 100%;
height: 40px; height: 100vh;
color: rgba(255, 255, 255, 0.856); background: url('~@/assets/login_images/login_background.png');
text-align: center; background-size: cover;
&-form {
width: calc(100% - 40px);
height: 380px;
padding: 4vh;
margin-top: calc((100vh - 380px) / 2);
margin-right: 20px;
margin-left: 20px;
background: url('~@/assets/login_images/login_form.png');
background-size: 100% 100%;
border-radius: 10px;
box-shadow: 0 2px 8px 0 rgba(7, 17, 27, 0.06);
}
&-hello {
font-size: 32px;
color: #fff;
}
&-title {
margin-bottom: 30px;
font-size: 20px;
color: #fff;
}
&-tips {
position: fixed;
bottom: @vab-margin;
width: 100%;
height: 40px;
color: rgba(255, 255, 255, 0.856);
text-align: center;
}
.ant-col {
width: 100%;
padding: 0 10px 0 10px;
}
.ant-input {
height: 35px;
}
.ant-btn {
width: 100%;
height: 45px;
border-radius: 99px;
}
} }
.ant-col {
width: 100%;
padding: 0 10px 0 10px;
}
.ant-input {
height: 35px;
}
.ant-btn {
width: 100%;
height: 45px;
border-radius: 99px;
}
}
</style> </style>

View File

@ -79,11 +79,7 @@
<a-list-item> <a-list-item>
<a-list-item-meta description=""> <a-list-item-meta description="">
<template #title> <template #title>
<div <div class="left" @click="read(item)">
class="left"
@click="read(item)"
:class="item.readStatus === 1 ? '' : 'pointer'"
>
{{ item.content }} {{ item.content }}
</div> </div>
<div class="right">{{ '发布时间:' + item.senderDate }}</div> <div class="right">{{ '发布时间:' + item.senderDate }}</div>
@ -115,340 +111,337 @@
</div> </div>
</template> </template>
<script setup> <script setup>
// import { SearchOutlined } from '@ant-design/icons-vue' // import { SearchOutlined } from '@ant-design/icons-vue'
import { ref, reactive, onBeforeUnmount } from 'vue' import { ref, reactive, onBeforeUnmount } from 'vue'
import mybus from '@/myplugins/mybus' import mybus from '@/myplugins/mybus'
import { message } from 'ant-design-vue' import { message } from 'ant-design-vue'
import { mynotice, mynoticeRead } from '@/api/home' import { mynotice, mynoticeRead } from '@/api/home'
import { useRouter } from 'vue-router' import { useRouter } from 'vue-router'
const router = useRouter() const router = useRouter()
const total = ref(0) const total = ref(0)
const pageSize = ref(8) const pageSize = ref(8)
const pageNum = ref(1) const pageNum = ref(1)
const value = ref('全部消息') const value = ref('全部消息')
const obj = reactive({ page: pageNum.value, limit: pageSize.value }) const obj = reactive({ page: pageNum.value, limit: pageSize.value })
const navList = reactive([ const navList = reactive([
{ {
title: '全部', title: '全部',
key: 'all', key: 'all',
num: 0, num: 0,
}, },
{ {
title: '通知', title: '通知',
key: 'notice', key: 'notice',
num: 0, num: 0,
}, },
{ {
title: '评论', title: '评论',
key: 'comment', key: 'comment',
num: 0, num: 0,
}, },
{ {
title: '其它', title: '其它',
key: 'other', key: 'other',
num: 0, num: 0,
}, },
]) ])
const selectNav = ref('all') const selectNav = ref('all')
const selectData = ref([]) const selectData = ref([])
const data = ref([]) const data = ref([])
const changeNav = (nav) => { const changeNav = (nav) => {
selectNav.value = nav.key selectNav.value = nav.key
if (nav.key === 'all') { if (nav.key === 'all') {
delete obj.from delete obj.from
} else { } else {
obj.from = nav.title obj.from = nav.title
}
value.value = '全部消息'
delete obj.readStatus
init()
} }
value.value = '全部消息' const changeCheckBox = (item) => {
delete obj.readStatus item.checked = !item.checked
init() if (item.checked) {
} selectData.value.push(item.id)
const changeCheckBox = (item) => { } else {
item.checked = !item.checked selectData.value = selectData.value.filter((val) => val !== item.id)
if (item.checked) { }
selectData.value.push(item.id)
} else {
selectData.value = selectData.value.filter((val) => val !== item.id)
} }
} const changeCheckAll = () => {
const changeCheckAll = () => { if (selectData.value.length == data.value.length) {
if (selectData.value.length == data.value.length) { selectData.value = []
selectData.value = [] data.value.forEach((val) => {
data.value.forEach((val) => { val.checked = false
val.checked = false })
}) } else {
} else { selectData.value = []
selectData.value = [] data.value.forEach((val) => {
data.value.forEach((val) => { val.checked = true
val.checked = true selectData.value.push(val.id)
selectData.value.push(val.id) })
}
}
const changePageNum = (page) => {
pageNum.value = page
obj.page = pageNum.value
init()
}
const handleChange = () => {
pageNum.value = 1
obj.page = pageNum.value
switch (value.value) {
case '全部消息':
delete obj.readStatus
break
case '已读消息':
obj.readStatus = 1
break
case '未读消息':
obj.readStatus = 0
break
default:
delete obj.readStatus
break
}
init()
}
const goBack = (url) => {
router.push({
path: url,
}) })
} }
} const read = (item) => {
const changePageNum = (page) => { // console.log(item)
pageNum.value = page if (selectData.value.length === 0 && !item) {
obj.page = pageNum.value message.error('未选择消息!')
init()
}
const handleChange = () => {
pageNum.value = 1
obj.page = pageNum.value
switch (value.value) {
case '全部消息':
delete obj.readStatus
break
case '已读消息':
obj.readStatus = 1
break
case '未读消息':
obj.readStatus = 0
break
default:
delete obj.readStatus
break
}
init()
}
const goBack = (url) => {
router.push({
path: url,
})
}
const read = (item) => {
// console.log(item)
if (selectData.value.length === 0 && !item) {
message.error('未选择消息!')
return
}
console.log(selectData.value)
if (item) {
//
if (item.readStatus === 1) {
return return
} }
mynoticeRead(item.id).then((res) => { console.log(selectData.value)
if (res.data.code == 0) { // let str = ''
message.success('操作成功!') // selectData.value.forEach((val, index) => {
mybus.emit('getMynotice') // str += val
init() // if (index < selectData.value.length - 1) {
} else { // str += ';'
message.error('操作失败!') // }
} // })
}) if (item) {
} else { mynoticeRead(item.id).then((res) => {
console.log('提交')
selectData.value.map((val) => {
mynoticeRead(val).then((res) => {
if (res.data.code == 0) { if (res.data.code == 0) {
// message.success('') message.success('操作成功!')
mybus.emit('getMynotice') mybus.emit('getMynotice')
init() init()
} else { } else {
message.error('操作失败!') message.error('操作失败!')
} }
}) })
} else {
console.log('提交')
selectData.value.map((val) => {
mynoticeRead(val).then((res) => {
if (res.data.code == 0) {
// message.success('')
mybus.emit('getMynotice')
init()
} else {
message.error('操作失败!')
}
})
})
}
}
const init = () => {
// from readStatus 0 1
mynotice(obj).then((res) => {
console.log('消息=============>', res.data.data)
res.data.data.list.forEach((val) => {
if (val.from === '通知') {
val.src = require('@/assets/mynoticeView/notice.png')
} else if (val.from === '评论') {
val.src = require('@/assets/mynoticeView/comment.png')
} else if (val.from === '其它') {
val.src = require('@/assets/mynoticeView/other.png')
}
val.checked = false
})
data.value = res.data.data.list
total.value = res.data.data.total
selectData.value = []
}) })
} }
} navList.forEach((val) => {
const init = () => { if (val.title === '全部') {
// from readStatus 0 1 mynotice({ page: pageNum.value, limit: pageSize.value }).then((res) => {
mynotice(obj).then((res) => { val.num = res.data.data.total
console.log('消息=============>', res.data.data) })
res.data.data.list.forEach((val) => { } else {
if (val.from === '通知') { mynotice({
val.src = require('@/assets/mynoticeView/notice.png') page: pageNum.value,
} else if (val.from === '评论') { limit: pageSize.value,
val.src = require('@/assets/mynoticeView/comment.png') from: val.title,
} else if (val.from === '其它') { }).then((res) => {
val.src = require('@/assets/mynoticeView/other.png') val.num = res.data.data.total
} })
val.checked = false }
})
data.value = res.data.data.list
total.value = res.data.data.total
selectData.value = []
}) })
}
navList.forEach((val) => {
if (val.title === '全部') {
mynotice({ page: pageNum.value, limit: pageSize.value }).then((res) => {
val.num = res.data.data.total
})
} else {
mynotice({
page: pageNum.value,
limit: pageSize.value,
from: val.title,
}).then((res) => {
val.num = res.data.data.total
})
}
})
init()
mybus.on('noticeListInit', () => {
init() init()
}) mybus.on('noticeListInit', () => {
onBeforeUnmount(() => { init()
mybus.off('noticeListInit') })
}) onBeforeUnmount(() => {
mybus.off('noticeListInit')
})
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.notice-list { .notice-list {
padding: 0.64rem 0 0; padding: 0.64rem 0 0;
background: #f4f5f8; background: #f4f5f8;
.ant-breadcrumb { .ant-breadcrumb {
padding: 0.1rem 3.1rem; padding: 0.1rem 3.1rem;
}
.top {
background: #fff;
padding: 0.18rem 3.1rem 0;
display: flex;
justify-content: space-between;
align-items: center;
.left {
display: flex;
.item {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin-left: 1.28rem;
margin-bottom: 0.16rem;
border-bottom: 3px solid #fff;
i {
display: inline-block;
width: 0.48rem;
height: 0.48rem;
margin-bottom: 0.15rem;
cursor: pointer;
}
.all {
background: url('~@/assets/mynoticeView/all.png') no-repeat;
background-size: 100%;
}
.notice {
background: url('~@/assets/mynoticeView/notice.png') no-repeat;
background-size: 100%;
}
.comment {
background: url('~@/assets/mynoticeView/comment.png') no-repeat;
background-size: 100%;
}
.other {
background: url('~@/assets/mynoticeView/other.png') no-repeat;
background-size: 100%;
}
}
.item:nth-of-type(1) {
margin-left: 0;
}
.select {
border-bottom: 3px solid #0058e1;
color: #0058e1;
}
} }
.right { .top {
background: #fff;
padding: 0.18rem 3.1rem 0;
display: flex; display: flex;
justify-content: space-between;
align-items: center; align-items: center;
height: 0.32rem; .left {
div {
width: 0.5rem;
}
.reset {
color: #0058e1;
cursor: pointer;
}
}
}
.btn {
background: #fff;
margin-top: 0.16rem;
padding: 0.14rem 3.1rem 0;
display: flex;
justify-content: space-between;
.left {
display: flex;
align-items: center;
.ant-select {
margin-right: 0.24rem;
}
.check {
display: flex; display: flex;
align-items: center; .item {
div { display: flex;
margin-left: 0.24rem; flex-direction: column;
span { justify-content: center;
font-size: 18px; align-items: center;
color: #0058e1; margin-left: 1.28rem;
margin-bottom: 0.16rem;
border-bottom: 3px solid #fff;
i {
display: inline-block;
width: 0.48rem;
height: 0.48rem;
margin-bottom: 0.15rem;
cursor: pointer;
}
.all {
background: url('~@/assets/mynoticeView/all.png') no-repeat;
background-size: 100%;
}
.notice {
background: url('~@/assets/mynoticeView/notice.png') no-repeat;
background-size: 100%;
}
.comment {
background: url('~@/assets/mynoticeView/comment.png') no-repeat;
background-size: 100%;
}
.other {
background: url('~@/assets/mynoticeView/other.png') no-repeat;
background-size: 100%;
} }
} }
div:nth-of-type(1) { .item:nth-of-type(1) {
margin-left: 0.12rem; margin-left: 0;
} }
} .select {
} border-bottom: 3px solid #0058e1;
.right {
display: flex;
justify-content: space-around;
align-items: center;
div {
margin: 0 0.1rem;
}
span {
cursor: pointer;
color: #0058e1;
text-align: center;
align-self: center;
padding: 0.05rem 0.1rem;
}
span:hover {
background: rgba(0, 88, 225, 0.1);
}
}
}
.main {
background: #fff;
padding: 0 3.1rem;
height: 4.75rem;
overflow-y: scroll;
:deep(.ant-list-item-meta) {
display: flex;
align-items: center;
.ant-checkbox-wrapper {
margin-right: 0.3rem;
}
.ant-list-item-meta-title {
display: flex;
justify-content: space-between;
align-items: center;
.left {
width: 9.2rem;
max-height: 0.43rem;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
word-break: break-all;
}
.pointer {
cursor: pointer;
}
.left:hover {
color: #0058e1; color: #0058e1;
} }
} }
.right {
display: flex;
align-items: center;
height: 0.32rem;
div {
width: 0.5rem;
}
.reset {
color: #0058e1;
cursor: pointer;
}
}
}
.btn {
background: #fff;
margin-top: 0.16rem;
padding: 0.14rem 3.1rem 0;
display: flex;
justify-content: space-between;
.left {
display: flex;
align-items: center;
.ant-select {
margin-right: 0.24rem;
}
.check {
display: flex;
align-items: center;
div {
margin-left: 0.24rem;
span {
font-size: 18px;
color: #0058e1;
}
}
div:nth-of-type(1) {
margin-left: 0.12rem;
}
}
}
.right {
display: flex;
justify-content: space-around;
align-items: center;
div {
margin: 0 0.1rem;
}
span {
cursor: pointer;
color: #0058e1;
text-align: center;
align-self: center;
padding: 0.05rem 0.1rem;
}
span:hover {
background: rgba(0, 88, 225, 0.1);
}
}
}
.main {
background: #fff;
padding: 0 3.1rem;
height: 4.75rem;
overflow-y: scroll;
:deep(.ant-list-item-meta) {
display: flex;
align-items: center;
.ant-checkbox-wrapper {
margin-right: 0.3rem;
}
.ant-list-item-meta-title {
display: flex;
justify-content: space-between;
align-items: center;
.left {
cursor: pointer;
width: 9.2rem;
max-height: 0.43rem;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
word-break: break-all;
}
.left:hover {
color: #0058e1;
}
}
}
}
.ant-pagination {
background: #fff;
margin-top: 0;
padding: 0.2rem 0 0.2rem;
} }
} }
.ant-pagination {
background: #fff;
margin-top: 0;
padding: 0.2rem 0 0.2rem;
}
}
</style> </style>

View File

@ -32,7 +32,6 @@
import { ref } from 'vue' import { ref } from 'vue'
import { useRouter } from 'vue-router' import { useRouter } from 'vue-router'
import { useStore } from 'vuex' import { useStore } from 'vuex'
import { DETAIL_PAGE_CONTENT_DEFAULT_TAB } from '@/global/GlobalConfig.js'
const store = useStore() const store = useStore()
const router = useRouter() const router = useRouter()
const productServiceData = ref([]) const productServiceData = ref([])
@ -77,8 +76,7 @@
router.push({ router.push({
path: '/DetailsPageconetent', path: '/DetailsPageconetent',
query: { query: {
// select: '', select: '组件服务',
select: DETAIL_PAGE_CONTENT_DEFAULT_TAB
}, },
}) })
} }

View File

@ -61,7 +61,6 @@
import { pageWithAttrs } from '@/api/home.js' import { pageWithAttrs } from '@/api/home.js'
import { useRouter } from 'vue-router' import { useRouter } from 'vue-router'
import { useStore } from 'vuex' import { useStore } from 'vuex'
import { DETAIL_PAGE_CONTENT_DEFAULT_TAB } from '@/global/GlobalConfig.js'
const store = useStore() const store = useStore()
const router = useRouter() const router = useRouter()
const select = ref('浏览量') const select = ref('浏览量')
@ -135,11 +134,11 @@
'选中===================>', '选中===================>',
store.getters['home/selectCardsnum'] store.getters['home/selectCardsnum']
) )
// router.push({ path: '/DetailsPageconetent' })
router.push({ router.push({
path: '/DetailsPageconetent', path: '/DetailsPageconetent',
query: { query: {
// select: '', select: '组件服务',
select: DETAIL_PAGE_CONTENT_DEFAULT_TAB
}, },
}) })
} }

View File

@ -47,7 +47,6 @@
import { selectRecommend } from '@/api/home.js' import { selectRecommend } from '@/api/home.js'
import { useRouter } from 'vue-router' import { useRouter } from 'vue-router'
import { useStore } from 'vuex' import { useStore } from 'vuex'
import { DETAIL_PAGE_CONTENT_DEFAULT_TAB } from '@/global/GlobalConfig.js'
const store = useStore() const store = useStore()
const router = useRouter() const router = useRouter()
let dataList = ref([]) let dataList = ref([])
@ -95,7 +94,7 @@
router.push({ router.push({
path: '/DetailsPageconetent', path: '/DetailsPageconetent',
query: { query: {
select: DETAIL_PAGE_CONTENT_DEFAULT_TAB select: '组件服务',
}, },
}) })
} }

View File

@ -255,14 +255,24 @@
const toView = () => { const toView = () => {
window.open(newpage.href, '_blank') window.open(newpage.href, '_blank')
} }
// const toApply = () => {
// window.open(applypage.href, '_blank')
// }
getList() getList()
// dataList.value.map((item, index) => {
// dataList.value[index].tupian = tupain.value[index]
// console.log('item', item, dataList.value)
// })
function jumpPage() { function jumpPage() {
// store
// store.commit('WorkDynList', {
// selectCardsnum: '',
// })
console.log( console.log(
'选中===================>', '选中===================>',
store.getters['home/selectCardsnum'] store.getters['home/selectCardsnum']
) )
// router.push({ path: '/DetailsPageconetent' })
router.push({ router.push({
path: '/WorkDynList', path: '/WorkDynList',
}) })