Compare commits
No commits in common. "dfba73200035b69a20b6eee9d9c586db05c22eee" and "7f3c5c09211d90fdcb2f7fffeebd80554f4bf0dc" have entirely different histories.
dfba732000
...
7f3c5c0921
|
@ -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',
|
||||||
},
|
},
|
||||||
|
|
|
@ -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: {
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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 |
|
@ -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 = '应用资源'
|
|
||||||
|
|
|
@ -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
|
||||||
)
|
)
|
||||||
|
|
||||||
|
|
|
@ -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
|
||||||
|
|
|
@ -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>
|
|
|
@ -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 = () => {
|
||||||
|
|
|
@ -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) => {
|
||||||
|
|
|
@ -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
|
||||||
|
|
|
@ -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
|
@ -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>
|
||||||
|
|
|
@ -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专区':
|
||||||
|
|
|
@ -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
|
@ -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: '基础设施',
|
||||||
|
|
|
@ -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>
|
|
|
@ -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,
|
||||||
|
|
|
@ -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' &&
|
||||||
|
|
|
@ -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
|
@ -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
|
|
||||||
},
|
},
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
|
@ -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
|
||||||
)
|
)
|
||||||
},
|
},
|
||||||
|
|
|
@ -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'
|
||||||
|
|
|
@ -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
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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
|
|
||||||
},
|
},
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
|
@ -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
|
|
||||||
},
|
},
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
|
@ -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: '组件服务',
|
||||||
},
|
},
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
|
@ -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',
|
||||||
})
|
})
|
||||||
|
|
Loading…
Reference in New Issue