Skip to content

A
apaas-ui
Commit 005a042e authored by 徐一鸣's avatar 徐一鸣
Browse files
Options

add page

parent c0ab2822
Hide whitespace changes
Inline Side-by-side
Showing with 314 additions and 134 deletions
src/pages/sjfwDetail.vue
View file @ 005a042e
...@@ -24,51 +24,35 @@ export default { ...@@ -24,51 +24,35 @@ export default {
serviveContent, serviveContent,
}, },
data: () => ({ data: () => ({
serviceData: { serviceData: null,
name: "水路货物周转量情况", }),
openLevel: "共享", methods: {
viewCount: "99999", getDataFromApi(_url) {
acquireCount: "9999", return new Promise((resolve, reject) => {
providedBy: "贵州省交通运输厅", this.$http
publishTime: "2020-03-12 18:31:12", .get(_url)
updatedTime: "2020-03-12 18:31:12", .then((response) => {
dataField: "经济建设", resolve(response.body);
serviceType: ["专题数据服务", "企业专题数据服务"], })
resourceSummary: "提供水路货物周转量排名和同比增长的专题数据服务", .catch(function(error) {
specifications: [ reject(error);
{ });
name: "访问次数：20/日 访问量：100/日", });
value: 0, },
description: init() {
"用户服务申请通过审核确认后，每日可对水路货物周转量情况进行20次免费访问，获取100条数据记录。", this.getDataFromApi(`/static/serviceDetail.json`).then(
}, ({ sjfw }) => {
{ this.serviceData = sjfw;
name: "访问次数：200/日 访问量：1000/日",
value: 1,
description:
"用户服务申请通过审核确认后，每日可对水路货物周转量情况进行200次免费访问，获取1000条数据记录。",
},
{
name: "访问次数：无上限 访问量：无上限",
value: 2,
description:
"用户服务申请通过审核确认后，每日可对水路货物周转量情况进行任意次免费访问，获取数据记录无上限。",
},
],
ways: [
{
name: "按月购买",
value: 0,
},
{
name: "按年购买",
value: 1,
}, },
], (error) => {
console.log(error);
}
);
}, },
}), },
methods: {}, mounted() {
mounted() {}, this.init();
},
}; };
</script> </script>
......
src/pages/skfwDetail.vue
View file @ 005a042e
...@@ -24,54 +24,35 @@ export default { ...@@ -24,54 +24,35 @@ export default {
serviveContent, serviveContent,
}, },
data: () => ({ data: () => ({
serviceData: { serviceData: null,
img: }),
"https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg", methods: {
name: "贵州应急资源地图微服务", getDataFromApi(_url) {
type: "Map Service", return new Promise((resolve, reject) => {
openLevel: "共享", this.$http
viewCount: "99999", .get(_url)
acquireCount: "9999", .then((response) => {
providedBy: "贵州省应急管理厅", resolve(response.body);
publishTime: "2020-03-12 18:31:12", })
updatedTime: "2020-03-12 18:31:12", .catch(function(error) {
dataField: "经济建设", reject(error);
serviceType: ["时空云服务", "专题地图服务"], });
resourceSummary: "提供贵州应急资源空间分布展示的专题地图服务，与MO地图合作进行地图资源的摘录和某新服务。", });
specifications: [ },
{ init() {
name: "访问次数：20/日 访问量：100/日", this.getDataFromApi(`/static/serviceDetail.json`).then(
value: 0, ({ skfw }) => {
description: this.serviceData = skfw;
"用户服务申请通过审核确认后，每日可对应急地图进行20次免费访问",
},
{
name: "访问次数：200/日 访问量：1000/日",
value: 1,
description:
"用户服务申请通过审核确认后，每日可对应急地图进行200次免费访问",
},
{
name: "访问次数：无上限 访问量：无上限",
value: 2,
description:
"用户服务申请通过审核确认后，每日可对应急地图进行免费访问",
},
],
ways: [
{
name: "按月购买",
value: 0,
},
{
name: "按年购买",
value: 1,
}, },
], (error) => {
console.log(error);
}
);
}, },
}), },
mounted() {}, mounted() {
methods: {}, this.init();
},
}; };
</script> </script>
......
src/pages/yysdDetail.vue 0 → 100644
View file @ 005a042e
<template>
<div class="sevice_detail">
<div class="sevice_breadcrumb">
<el-breadcrumb separator="/" class="bread_crumb">
<el-breadcrumb-item>服务超市</el-breadcrumb-item>
<el-breadcrumb-item>数据服务</el-breadcrumb-item>
<el-breadcrumb-item>服务详情信息</el-breadcrumb-item>
</el-breadcrumb>
</div>
<servive-content :service-data="serviceData"></servive-content>
<servive-info></servive-info>
</div>
</template>
<script>
import serviveInfo from "@/components/servive-info";
import serviveContent from "@/components/servive-content";
export default {
components: {
serviveInfo,
serviveContent,
},
data: () => ({
serviceData: null,
}),
methods: {
getDataFromApi(_url) {
return new Promise((resolve, reject) => {
this.$http
.get(_url)
.then((response) => {
resolve(response.body);
})
.catch(function(error) {
reject(error);
});
});
},
init() {
this.getDataFromApi(`/static/serviceDetail.json`).then(
({ yysd }) => {
this.serviceData = yysd;
},
(error) => {
console.log(error);
}
);
},
},
mounted() {
this.init();
},
};
</script>
<style scoped>
.sevice_detail {
max-width: 1200px;
margin: 0 auto;
}
.sevice_breadcrumb > .el-breadcrumb {
line-height: 42px;
}
</style>
src/pages/zhyyfwDetail.vue
View file @ 005a042e
...@@ -24,53 +24,35 @@ export default { ...@@ -24,53 +24,35 @@ export default {
serviveContent, serviveContent,
}, },
data: () => ({ data: () => ({
serviceData: { serviceData: null,
img: }),
"https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg", methods: {
name: "地图视频融合服务", getDataFromApi(_url) {
openLevel: "共享", return new Promise((resolve, reject) => {
viewCount: "99999", this.$http
acquireCount: "9999", .get(_url)
providedBy: "北京比格数据", .then((response) => {
publishTime: "2020-03-12 18:31:12", resolve(response.body);
updatedTime: "2020-03-12 18:31:12", })
dataField: "经济建设", .catch(function(error) {
serviceType: ["综合应用服务"], reject(error);
resourceSummary: "提供视频监控的空间分布展示和视频监控直播的服务，MOUMOU监控服务和直播服务的新服务。", });
specifications: [ });
{ },
name: "访问次数：20/日 访问量：100/日", init() {
value: 0, this.getDataFromApi(`/static/serviceDetail.json`).then(
description: ({ zhyyfw }) => {
"用户服务申请通过审核确认后，每日可对应急地图进行20次免费访问", this.serviceData = zhyyfw;
},
{
name: "访问次数：200/日 访问量：1000/日",
value: 1,
description:
"用户服务申请通过审核确认后，每日可对应急地图进行200次免费访问",
},
{
name: "访问次数：无上限 访问量：无上限",
value: 2,
description:
"用户服务申请通过审核确认后，每日可对应急地图进行免费访问",
},
],
ways: [
{
name: "按月购买",
value: 0,
},
{
name: "按年购买",
value: 1,
}, },
], (error) => {
console.log(error);
}
);
}, },
}), },
mounted() {}, mounted() {
methods: {}, this.init();
},
}; };
</script> </script>
......
src/router/index.js
View file @ 005a042e
...@@ -97,6 +97,11 @@ export default new Router({ ...@@ -97,6 +97,11 @@ export default new Router({
name: "zhyyfwDetail", name: "zhyyfwDetail",
component: () => import("@/pages/zhyyfwDetail"), component: () => import("@/pages/zhyyfwDetail"),
}, // 综合应用服务详情 }, // 综合应用服务详情
{
path: "/yysdDetail",
name: "yysdDetail",
component: () => import("@/pages/yysdDetail"),
}, // 应用详情
{ {
path: "/workplace", path: "/workplace",
name: "workPlace", name: "workPlace",
......
static/serviceDetail.json 0 → 100644
View file @ 005a042e
{
"sjfw": {
"name": "水路货物周转量情况",
"openLevel": "共享",
"viewCount": "99999",
"acquireCount": "9999",
"providedBy": "贵州省交通运输厅",
"publishTime": "2020-03-12 18:31:12",
"updatedTime": "2020-03-12 18:31:12",
"dataField": "经济建设",
"serviceType": ["专题数据服务", "企业专题数据服务"],
"resourceSummary": "提供水路货物周转量排名和同比增长的专题数据服务",
"specifications": [
{
"name": "访问次数：20/日 访问量：100/日",
"value": 0,
"description": "用户服务申请通过审核确认后，每日可对水路货物周转量情况进行20次免费访问，获取100条数据记录。"
},
{
"name": "访问次数：200/日 访问量：1000/日",
"value": 1,
"description": "用户服务申请通过审核确认后，每日可对水路货物周转量情况进行200次免费访问，获取1000条数据记录。"
},
{
"name": "访问次数：无上限 访问量：无上限",
"value": 2,
"description": "用户服务申请通过审核确认后，每日可对水路货物周转量情况进行任意次免费访问，获取数据记录无上限。"
}
],
"ways": [
{
"name": "按月购买",
"value": 0
},
{
"name": "按年购买",
"value": 1
}
]
},
"skfw": {
"img": "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
"name": "贵州应急资源地图微服务",
"type": "Map Service",
"openLevel": "共享",
"viewCount": "99999",
"acquireCount": "9999",
"providedBy": "贵州省应急管理厅",
"publishTime": "2020-03-12 18:31:12",
"updatedTime": "2020-03-12 18:31:12",
"dataField": "经济建设",
"serviceType": ["时空云服务", "专题地图服务"],
"resourceSummary": "提供贵州应急资源空间分布展示的专题地图服务，与MO地图合作进行地图资源的摘录和某新服务。",
"specifications": [
{
"name": "访问次数：20/日 访问量：100/日",
"value": 0,
"description": "用户服务申请通过审核确认后，每日可对应急地图进行20次免费访问"
},
{
"name": "访问次数：200/日 访问量：1000/日",
"value": 1,
"description": "用户服务申请通过审核确认后，每日可对应急地图进行200次免费访问"
},
{
"name": "访问次数：无上限 访问量：无上限",
"value": 2,
"description": "用户服务申请通过审核确认后，每日可对应急地图进行免费访问"
}
],
"ways": [
{
"name": "按月购买",
"value": 0
},
{
"name": "按年购买",
"value": 1
}
]
},
"zhyyfw": {
"img": "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
"name": "地图视频融合服务",
"openLevel": "共享",
"viewCount": "99999",
"acquireCount": "9999",
"providedBy": "北京比格数据",
"publishTime": "2020-03-12 18:31:12",
"updatedTime": "2020-03-12 18:31:12",
"dataField": "经济建设",
"serviceType": ["综合应用服务"],
"resourceSummary": "提供视频监控的空间分布展示和视频监控直播的服务，MOUMOU监控服务和直播服务的新服务。",
"specifications": [
{
"name": "访问次数：20/日 访问量：100/日",
"value": 0,
"description": "用户服务申请通过审核确认后，每日可对应急地图进行20次免费访问"
},
{
"name": "访问次数：200/日 访问量：1000/日",
"value": 1,
"description": "用户服务申请通过审核确认后，每日可对应急地图进行200次免费访问"
},
{
"name": "访问次数：无上限 访问量：无上限",
"value": 2,
"description": "用户服务申请通过审核确认后，每日可对应急地图进行免费访问"
}
],
"ways": [
{
"name": "按月购买",
"value": 0
},
{
"name": "按年购买",
"value": 1
}
]
},
"yysd": {
"name": "mapvideos V1.0",
"openLevel": "共享",
"viewCount": "99999",
"acquireCount": "9999",
"providedBy": "北京比格数据",
"publishTime": "2020-03-12 18:31:12",
"updatedTime": "2020-03-12 18:31:12",
"dataField": "经济建设",
"serviceType": ["综合应用服务"],
"resourceSummary": "提供视频监控的空间分布展示和视频监控直播的服务，MOUMOU监控服务和直播服务的新服务。",
"specifications": [
{
"name": "访问次数：20/日 访问量：100/日",
"value": 0,
"description": "用户服务申请通过审核确认后，每日可对应急地图进行20次免费访问"
},
{
"name": "访问次数：200/日 访问量：1000/日",
"value": 1,
"description": "用户服务申请通过审核确认后，每日可对应急地图进行200次免费访问"
},
{
"name": "访问次数：无上限 访问量：无上限",
"value": 2,
"description": "用户服务申请通过审核确认后，每日可对应急地图进行免费访问"
}
],
"ways": [
{
"name": "按月购买",
"value": 0
},
{
"name": "按年购买",
"value": 1
}
]
}
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment