基础设施和页面底部配置文件
This commit is contained in:
851673013@qq.com
parent
a118461845
commit
144e80ef5e
|
|
@ -1,8 +1,8 @@
|
||||||
<!--
|
<!--
|
||||||
* @Author: hisense.wuhongjian
|
* @Author: hisense.wuhongjian
|
||||||
* @Date: 2022-03-29 16:45:25
|
* @Date: 2022-03-29 16:45:25
|
||||||
* @LastEditors: hisense.wuhongjian
|
* @LastEditors: 851673013@qq.com 851673013@qq.com
|
||||||
* @LastEditTime: 2022-06-16 12:46:36
|
* @LastEditTime: 2022-06-16 18:06:24
|
||||||
* @Description: 告诉大家这是什么
|
* @Description: 告诉大家这是什么
|
||||||
-->
|
-->
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
|
|
@ -61,6 +61,8 @@
|
||||||
|
|
||||||
<script type="text/javascript" src="./static/config/basicConfig.js"></script>
|
<script type="text/javascript" src="./static/config/basicConfig.js"></script>
|
||||||
<script type="text/javascript" src="./static/config/mapConfig.js"></script>
|
<script type="text/javascript" src="./static/config/mapConfig.js"></script>
|
||||||
|
<!-- 页面底部参数引用 -->
|
||||||
|
<script type="text/javascript" src="./static/config/footerData.js"></script>
|
||||||
<!-- 数据资源参数引用 -->
|
<!-- 数据资源参数引用 -->
|
||||||
<script type="text/javascript" src="./static/config/dataResource.js"></script>
|
<script type="text/javascript" src="./static/config/dataResource.js"></script>
|
||||||
<!-- ==========地图相关配置========== -->
|
<!-- ==========地图相关配置========== -->
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,28 @@
|
||||||
|
/*
|
||||||
|
* @Author: zhangfeihu
|
||||||
|
* @Date: 2022-06-16 16:37:31
|
||||||
|
* @LastEditors: 851673013@qq.com 851673013@qq.com
|
||||||
|
* @LastEditTime: 2022-06-16 17:10:48
|
||||||
|
* @FilePath: \qiantai\front\public\static\config\footerData.js
|
||||||
|
* @Description: 底部菜单数据配置配置
|
||||||
|
*/
|
||||||
|
const footerDataList = {
|
||||||
|
company: {
|
||||||
|
left: '青岛市大数据发展管理局建设',
|
||||||
|
right: '海信网络科技股份有限公司'
|
||||||
|
},
|
||||||
|
address: [
|
||||||
|
{
|
||||||
|
name: '鲁IC备00000000号',
|
||||||
|
value: '政府标识码3702000106',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '版权所有：青岛市大数据发展管理局',
|
||||||
|
value: '地址：山东省青岛市香港中路17号市级机关办公楼',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '电话：0532-8561234',
|
||||||
|
value: '传真：0532-2145122',
|
||||||
|
},
|
||||||
|
]
|
||||||
|
}
|
||||||
|
|
@ -22,8 +22,9 @@
|
||||||
<span>{{ item.name }}</span>
|
<span>{{ item.name }}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<!-- Cardsname !== '基础设施' && -->
|
||||||
<div
|
<div
|
||||||
v-show="Cardsname !== '基础设施' && Cardsname !== '数据资源'"
|
v-show="Cardsname !== '数据资源'"
|
||||||
class="resultListSearchInput-father"
|
class="resultListSearchInput-father"
|
||||||
>
|
>
|
||||||
<div class="resultListSearchInput-son">
|
<div class="resultListSearchInput-son">
|
||||||
|
|
@ -117,16 +118,18 @@
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</div>
|
</div>
|
||||||
|
<!-- 中心内容 -->
|
||||||
<searchResultList
|
<searchResultList
|
||||||
v-show="resourceList.data?.length > 0 && Cardsname !== '基础设施'"
|
v-show="resourceList.data?.length > 0"
|
||||||
:key="listKey2"
|
:key="listKey2"
|
||||||
:resourceList="resourceList"
|
:resourceList="resourceList"
|
||||||
:resourceTotal="resourceTotal"
|
:resourceTotal="resourceTotal"
|
||||||
:select-cardsname="Cardsname"
|
:select-cardsname="Cardsname"
|
||||||
/>
|
/>
|
||||||
|
<!-- 分页 -->
|
||||||
<div class="pagination">
|
<div class="pagination">
|
||||||
<a-pagination
|
<a-pagination
|
||||||
v-if="resourceList.data?.length > 0 && Cardsname !== '基础设施'"
|
v-if="resourceList.data?.length > 0 && Cardsname != '数据资源'"
|
||||||
v-model:current="currentPage"
|
v-model:current="currentPage"
|
||||||
v-model:pageSize="currentPageSize"
|
v-model:pageSize="currentPageSize"
|
||||||
show-size-changer
|
show-size-changer
|
||||||
|
|
@ -137,9 +140,21 @@
|
||||||
@change="pageChange"
|
@change="pageChange"
|
||||||
@showSizeChange="onShowSizeChange"
|
@showSizeChange="onShowSizeChange"
|
||||||
/>
|
/>
|
||||||
|
<a-pagination
|
||||||
|
v-else
|
||||||
|
v-model:current="currentPage"
|
||||||
|
v-model:pageSize="currentPageSize"
|
||||||
|
show-size-changer
|
||||||
|
show-less-items
|
||||||
|
show-quick-jumper
|
||||||
|
:total="resourceTotal"
|
||||||
|
:page-size-options="pageSizeOptions"
|
||||||
|
@change="pageChangeOther"
|
||||||
|
@showSizeChange="onShowSizeChangeOther"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div class="jichusheshi" v-if="Cardsname == '基础设施'">
|
<!-- <div class="jichusheshi" v-if="Cardsname == '基础设施'">
|
||||||
<!-- <div class="yunziyuan">
|
<div class="yunziyuan">
|
||||||
<div class="yunziyuan-title">
|
<div class="yunziyuan-title">
|
||||||
<div class="tupian"></div>
|
<div class="tupian"></div>
|
||||||
<div class="title" @click="dianjitiaozhaun('青岛市云资源管理平台')">
|
<div class="title" @click="dianjitiaozhaun('青岛市云资源管理平台')">
|
||||||
|
|
@ -255,13 +270,33 @@
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div> -->
|
</div> -->
|
||||||
<VideoSurveillance></VideoSurveillance>
|
<!-- <VideoSurveillance></VideoSurveillance> -->
|
||||||
|
<!-- </div> -->
|
||||||
|
<div class="shujuziyuan" v-if="Cardsname == '数据资源'">
|
||||||
|
<div class="yunziyuan">
|
||||||
|
<div class="yunziyuan-title">
|
||||||
|
<div class="tupian"></div>
|
||||||
|
<div
|
||||||
|
class="title"
|
||||||
|
@click="dianjitiaozhaun('青岛市政务资源管理平台')"
|
||||||
|
>
|
||||||
|
青岛市政务资源管理平台
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="keyongziyuan">
|
||||||
|
<div v-for="item in shujuziyuanqingkuang" :key="item">
|
||||||
|
<div>{{ item.name }}</div>
|
||||||
|
<div>{{ item.value }}</div>
|
||||||
|
{{ item.danwei }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="shuoming">
|
||||||
|
说明：数据资源目前通过青岛市政务信息网进行申请
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div v-if="resourceList.data?.length <= 0" style="margin-top: 2rem">
|
<div v-if="resourceList.data?.length <= 0" style="margin-top: 2rem">
|
||||||
<a-empty
|
<a-empty />
|
||||||
v-if="!(Cardsname == '基础设施') && !(Cardsname == '数据资源')"
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="top" v-else-if="Cardsname == '数据资源'">
|
<div class="top" v-else-if="Cardsname == '数据资源'">
|
||||||
|
|
@ -350,14 +385,15 @@
|
||||||
} from '@ant-design/icons-vue'
|
} from '@ant-design/icons-vue'
|
||||||
import { selectDicStoreAll, pageWithAttrs, zywMessage } from '@/api/home.js'
|
import { selectDicStoreAll, pageWithAttrs, zywMessage } from '@/api/home.js'
|
||||||
import { getSgcList } from '@/api/personalCenter'
|
import { getSgcList } from '@/api/personalCenter'
|
||||||
|
import { getRecord } from '@/api/file'
|
||||||
import { useRouter } from 'vue-router'
|
import { useRouter } from 'vue-router'
|
||||||
// import { useStore } from 'vuex'
|
// import { useStore } from 'vuex'
|
||||||
import HomeHeader from '@/views/home/components/header'
|
import HomeHeader from '@/views/home/components/header'
|
||||||
import detailsPageconetentTree from '@/views/home/detailsPageconetentTree.vue'
|
import detailsPageconetentTree from '@/views/home/detailsPageconetentTree.vue'
|
||||||
import searchResultList from '@/views/home/components/searchResultList.vue'
|
import searchResultList from '@/views/home/components/searchResultList.vue'
|
||||||
import KnowledgeBase from '@/views/home/components/KnowledgeBase.vue'
|
import KnowledgeBase from '@/views/home/components/KnowledgeBase.vue'
|
||||||
import VideoSurveillance from '@/views/home/videoSurveillance'
|
|
||||||
import DetailsPageResource from '@/views/home/components/DetailsPageResource.vue'
|
import DetailsPageResource from '@/views/home/components/DetailsPageResource.vue'
|
||||||
|
// import VideoSurveillance from '@/views/home/videoSurveillance'
|
||||||
export default defineComponent({
|
export default defineComponent({
|
||||||
setup() {
|
setup() {
|
||||||
// const store = useStore()
|
// const store = useStore()
|
||||||
|
|
@ -536,6 +572,7 @@
|
||||||
'港口',
|
'港口',
|
||||||
'高速',
|
'高速',
|
||||||
])
|
])
|
||||||
|
|
||||||
const selBqTags = ref([])
|
const selBqTags = ref([])
|
||||||
const handleChangeBqTags = (tag, checked) => {
|
const handleChangeBqTags = (tag, checked) => {
|
||||||
loading.value = true
|
loading.value = true
|
||||||
|
|
@ -721,20 +758,146 @@
|
||||||
const resourceList = reactive({ data: [] })
|
const resourceList = reactive({ data: [] })
|
||||||
const videoList = reactive({ data: [] })
|
const videoList = reactive({ data: [] })
|
||||||
const resourceTotal = ref('')
|
const resourceTotal = ref('')
|
||||||
|
// 基础设施数据
|
||||||
|
const infrastructure = ref({
|
||||||
|
status: true,
|
||||||
|
message: '查询成功！',
|
||||||
|
data: {
|
||||||
|
total: 77,
|
||||||
|
records: [
|
||||||
|
{
|
||||||
|
serviceId: '516224376401072128',
|
||||||
|
name: '电子警察数据',
|
||||||
|
description: '电子警察数据',
|
||||||
|
type: 'data',
|
||||||
|
createDate: '2020-10-26T06:45:42.000+0000',
|
||||||
|
requestNum: 1540003,
|
||||||
|
requestQuantity: 154060,
|
||||||
|
starNum: 5,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
serviceId: '553628641336680448',
|
||||||
|
name: '婚姻信息',
|
||||||
|
description: null,
|
||||||
|
type: 'data',
|
||||||
|
createDate: '2021-02-01T06:44:56.270+0000',
|
||||||
|
requestNum: 389562,
|
||||||
|
requestQuantity: 107211740,
|
||||||
|
starNum: 5,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
serviceId: '553628691060154368',
|
||||||
|
name: '联系信息',
|
||||||
|
description: null,
|
||||||
|
type: 'data',
|
||||||
|
createDate: '2021-02-01T06:44:53.368+0000',
|
||||||
|
requestNum: 365069,
|
||||||
|
requestQuantity: 68082160,
|
||||||
|
starNum: 5,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
serviceId: '515975914317189120',
|
||||||
|
name: '成都出租车GPS数据开放服务',
|
||||||
|
description: '成都出租车GPS数据开放服务',
|
||||||
|
type: 'data',
|
||||||
|
createDate: '2020-10-22T03:24:16.000+0000',
|
||||||
|
requestNum: 300044,
|
||||||
|
requestQuantity: 57500,
|
||||||
|
starNum: 5,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
serviceId: '516224453593042944',
|
||||||
|
name: '设施数据',
|
||||||
|
description: '设施数据',
|
||||||
|
type: 'data',
|
||||||
|
createDate: '2020-10-26T03:43:18.000+0000',
|
||||||
|
requestNum: 200000,
|
||||||
|
requestQuantity: 2000000,
|
||||||
|
starNum: 5,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
serviceId: '516224413768126464',
|
||||||
|
name: '车道数据',
|
||||||
|
description: '车道数据',
|
||||||
|
type: 'data',
|
||||||
|
createDate: '2020-10-26T03:43:26.000+0000',
|
||||||
|
requestNum: 195007,
|
||||||
|
requestQuantity: 1950140,
|
||||||
|
starNum: 5,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
serviceId: '514474782668898304',
|
||||||
|
name: '共享库数据',
|
||||||
|
description: '共享库数据',
|
||||||
|
type: 'data',
|
||||||
|
createDate: '2020-10-22T03:24:02.000+0000',
|
||||||
|
requestNum: 154048,
|
||||||
|
requestQuantity: 1578100,
|
||||||
|
starNum: 5,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
serviceId: '514474693493800960',
|
||||||
|
name: '出租车GPS数据',
|
||||||
|
description: '出租车GPS数据',
|
||||||
|
type: 'data',
|
||||||
|
createDate: '2020-10-22T03:24:14.000+0000',
|
||||||
|
requestNum: 154044,
|
||||||
|
requestQuantity: 1574100,
|
||||||
|
starNum: 5,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
serviceId: '514475042631860224',
|
||||||
|
name: '出租车运营数据',
|
||||||
|
description: '出租车运营数据',
|
||||||
|
type: 'data',
|
||||||
|
createDate: '2020-10-22T03:24:11.000+0000',
|
||||||
|
requestNum: 154042,
|
||||||
|
requestQuantity: 1572100,
|
||||||
|
starNum: 5,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
serviceId: '514474984528166912',
|
||||||
|
name: '环保数据',
|
||||||
|
description: '环保数据',
|
||||||
|
type: 'data',
|
||||||
|
createDate: '2020-10-22T03:23:59.000+0000',
|
||||||
|
requestNum: 154038,
|
||||||
|
requestQuantity: 1568100,
|
||||||
|
starNum: 5,
|
||||||
|
},
|
||||||
|
],
|
||||||
|
pageNum: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
size: 10,
|
||||||
|
startRow: 1,
|
||||||
|
endRow: 10,
|
||||||
|
pages: 8,
|
||||||
|
prePage: 0,
|
||||||
|
nextPage: 2,
|
||||||
|
isFirstPage: true,
|
||||||
|
isLastPage: false,
|
||||||
|
hasPreviousPage: false,
|
||||||
|
hasNextPage: true,
|
||||||
|
navigatePages: 8,
|
||||||
|
navigatepageNums: [1, 2, 3, 4, 5, 6, 7, 8],
|
||||||
|
navigateFirstPage: 1,
|
||||||
|
navigateLastPage: 8,
|
||||||
|
},
|
||||||
|
})
|
||||||
const getAppResources = () => {
|
const getAppResources = () => {
|
||||||
paramsGetResources.name = searchValue.value
|
paramsGetResources.name = searchValue.value
|
||||||
paramsGetResources.type = Cardsname.value
|
paramsGetResources.type = Cardsname.value
|
||||||
|
if (
|
||||||
|
paramsGetResources.type == '组件服务' ||
|
||||||
|
paramsGetResources.type == '应用资源' ||
|
||||||
|
paramsGetResources.type == '基础设施'
|
||||||
|
) {
|
||||||
pageWithAttrs(paramsGetResources).then((res) => {
|
pageWithAttrs(paramsGetResources).then((res) => {
|
||||||
console.log('查询列表============>', resourceList, res.data.data)
|
console.log('查询列表============>', resourceList, res.data.data)
|
||||||
resourceList.data = []
|
resourceList.data = []
|
||||||
videoList.data = []
|
videoList.data = []
|
||||||
if (Cardsname.value === '基础设施') {
|
|
||||||
console.log('基础设施~~~~~~~~~~~')
|
|
||||||
videoList.data = res.data.data.records || []
|
|
||||||
resourceTotal.value = res.data.data.total || ''
|
|
||||||
loading.value = false
|
|
||||||
} else {
|
|
||||||
// resourceList.data = res.data.data.records || []
|
// resourceList.data = res.data.data.records || []
|
||||||
|
debugger
|
||||||
resourceTotal.value = res.data.data.total || ''
|
resourceTotal.value = res.data.data.total || ''
|
||||||
getShoppingCartList(res.data.data.records)
|
getShoppingCartList(res.data.data.records)
|
||||||
console.log(
|
console.log(
|
||||||
|
|
@ -742,9 +905,33 @@
|
||||||
resourceList.data,
|
resourceList.data,
|
||||||
resourceTotal.value
|
resourceTotal.value
|
||||||
)
|
)
|
||||||
}
|
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
// } else if (paramsGetResources.type == '基础设施') {
|
||||||
|
// // videoList.data = res.data.data.records || []
|
||||||
|
// // resourceTotal.value = infrastructure.value.data.total || ''
|
||||||
|
// // getShoppingCartList(infrastructure.value.data.records)
|
||||||
|
// // console.log(
|
||||||
|
// // '基础设施~~~~~~~~~~~',
|
||||||
|
// // resourceTotal.value,
|
||||||
|
// // resourceList.data
|
||||||
|
// // )
|
||||||
|
// const params = {
|
||||||
|
// name: searchValue.value || '',
|
||||||
|
// pageNo: paramsGetResources.pageNum,
|
||||||
|
// pageSize: paramsGetResources.pageSize,
|
||||||
|
// }
|
||||||
|
|
||||||
|
// getVideoList(params).then((res) => {
|
||||||
|
// // 赋值
|
||||||
|
// res.data.data.list.forEach((val) => {
|
||||||
|
// val.id = val.serviceId
|
||||||
|
// })
|
||||||
|
// resourceTotal.value = res.data.data.total
|
||||||
|
// resourceList.data = res.data.data.list
|
||||||
|
// })
|
||||||
|
// }
|
||||||
|
}
|
||||||
let shoppingCartList = ref([])
|
let shoppingCartList = ref([])
|
||||||
// 获取申购车列表
|
// 获取申购车列表
|
||||||
const getShoppingCartList = (list) => {
|
const getShoppingCartList = (list) => {
|
||||||
|
|
@ -948,7 +1135,7 @@
|
||||||
DownOutlined,
|
DownOutlined,
|
||||||
KnowledgeBase,
|
KnowledgeBase,
|
||||||
// VideoCameraOutlined,
|
// VideoCameraOutlined,
|
||||||
VideoSurveillance,
|
// VideoSurveillance,
|
||||||
DetailsPageResource,
|
DetailsPageResource,
|
||||||
},
|
},
|
||||||
beforeUnmount() {
|
beforeUnmount() {
|
||||||
|
|
|
||||||
|
|
@ -1,13 +1,21 @@
|
||||||
|
<!--
|
||||||
|
* @Author: 851673013@qq.com 851673013@qq.com
|
||||||
|
* @Date: 2022-06-16 15:20:52
|
||||||
|
* @LastEditors: 851673013@qq.com 851673013@qq.com
|
||||||
|
* @LastEditTime: 2022-06-16 17:14:56
|
||||||
|
* @FilePath: \qiantai\front\src\views\newHome\components\Footer.vue
|
||||||
|
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
||||||
|
-->
|
||||||
<template>
|
<template>
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
<div class="fotter-son">
|
<div class="fotter-son">
|
||||||
<div class="top">
|
<div class="top">
|
||||||
<div>青岛市大数据发展管理局建设</div>
|
<div>{{ dataList.company.left }}</div>
|
||||||
<div class="shuxian"></div>
|
<div class="shuxian"></div>
|
||||||
<div>海信网络科技股份有限公司</div>
|
<div>{{ dataList.company.right }}</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="bottom">
|
<div class="bottom">
|
||||||
<p v-for="item in dataList" :key="item">
|
<p v-for="(item, index) in dataList.address" :key="index">
|
||||||
<span>{{ item.name }}</span>
|
<span>{{ item.name }}</span>
|
||||||
<span>{{ item.value }}</span>
|
<span>{{ item.value }}</span>
|
||||||
</p>
|
</p>
|
||||||
|
|
@ -16,21 +24,10 @@
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script setup>
|
<script setup>
|
||||||
import { reactive } from 'vue'
|
import { ref } from 'vue'
|
||||||
let dataList = reactive([
|
console.log('footerDataList', footerDataList)
|
||||||
{
|
let dataList = ref({})
|
||||||
name: '鲁IC备00000000号',
|
dataList.value = footerDataList
|
||||||
value: '政府标识码3702000106',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: '版权所有：青岛市大数据发展管理局',
|
|
||||||
value: '地址：山东省青岛市香港中路17号市级机关办公楼',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: '电话：0532-8561234',
|
|
||||||
value: '传真0532-2145122',
|
|
||||||
},
|
|
||||||
])
|
|
||||||
</script>
|
</script>
|
||||||
<style lang="less" scoped>
|
<style lang="less" scoped>
|
||||||
.footer {
|
.footer {
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue