@@ -186,375 +186,45 @@ export default {
},
data: () => ({
serviceTabsActiveName: "first",
- fwxqxxDatas: [
- {
- name: "获取流程",
- type: "step",
- },
- {
- name: "服务说明",
- type: "text",
- value:
- "提供贵州应急资源空间分布展示的专题地图服务提供贵州应急资源空间分布展示的专题地图服务提供贵州应急资源空间分布展示的专题地图服务提供贵州应急资源空间分布展示的专题地图服务",
- },
- {
- name: "服务属性",
- type: "list",
- value: [
- {
- name: "大小",
- value: "66kb",
- },
- {
- name: "API",
- value: "Java",
- },
- {
- name: "用途",
- value: "即用型",
- },
- {
- name: "空间范围（WGS84）",
- value: "未设置",
- },
- {
- name: "标签",
- value: "T003 智能地图 T001",
- },
- {
- name: "制作单位",
- value: "应急管理厅",
- },
- {
- name: "离线模式",
- value: "禁用",
- },
- {
- name: "附加代码",
- value: "无",
- },
- ],
- },
- {
- name: "字段说明",
- type: "table",
- value: {
- datas: [
- {
- zdmc: "排名",
- zdbm: "grade",
- zdlx: "string",
- zdms: "企业水路货物周转量排名",
- slz: "1",
- },
- {
- zdmc: "同比增长",
- zdbm: "increase",
- zdlx: "string",
- zdms: "同比增长量信息",
- slz: '"100%"',
- },
- ],
- columns: [
- {
- prop: "zdmc",
- label: "字段名称",
- },
- {
- prop: "zdbm",
- label: "字段编码",
- align: "center",
- },
- {
- prop: "zdlx",
- label: "字段类型",
- align: "center",
- },
- {
- prop: "zdms",
- label: "字段描述",
- },
- {
- prop: "slz",
- label: "示例值",
- align: "center",
- },
- ],
- },
- },
- {
- name: "接口详情信息",
- type: "table2",
- value: {
- datas: [
- {
- name: "接口地址",
- value: "/cigservice/baseservice/fillder/turnover",
- type: "text",
- },
- {
- name: "请求方式",
- value: "GET",
- type: "text",
- },
- {
- name: "编码格式",
- value: "UTF-8",
- type: "text",
- },
- {
- name: "接口编码",
- value: "turnover",
- type: "text",
- },
- {
- name: "接口描述",
- value: "水路货运周转量排名",
- type: "text",
- },
- {
- name: "请求参数",
- value: "无请求参数",
- type: "text",
- },
- {
- name: "响应参数",
- value: "无响应参数",
- type: "text",
- },
- {
- name: "响应示例",
- value: `
- {
- success: 1,
- data: [
- {
- data: [
- {
- grade: "19",
- increase: "100%"
- }
- ],
- column: [
- {
- title: "排名",
- key: "grade"
- },
- {
- title: "同比增长",
- key: "increase"
- },
- ],
- },
- ],
- }
- `,
- type: "code",
- },
- {
- name: "请求示例NodeJs",
- value: `
- var http = require("http");
- var options = {
- "method": "GET",
- "hostname": "www.giscloud.cx",
- "port": "80",
- "path": "/cigservice/baseservice/fillder/turnover",
- "headers": {
- "Content-Type":"application/x-www-form-urlencoded",
- "charset":"utf-8"
- }
- };
- var req = http.request(options, function (res) {
- var chunks = [];
- res.on("data", function (chunk) {
- chunks.push(chunk);
- });
- res.on("end", function () {
- var body = Buffer.concat(chunks);
- console.log(body.toString());
- });
- });
- req.end();
- `,
- type: "code",
- },
- ],
- },
- },
- {
- name: "微服务响应列表",
- type: "table",
- value: {
- datas: [
- {
- name: "apaas-mapvideos",
- description: "地图视频融合应用服务",
- },
- {
- name: "apaas-mapvideos",
- description: "地图视频融合应用服务",
- },
- ],
- columns: [
- {
- prop: "name",
- label: "*微服务名称",
- },
- {
- prop: "description",
- label: "微服务描述",
- align: "center",
- },
- ],
- },
- },
- ], // 服务详情信息
- ggdjData: [
- {
- gg: "访问次数：20/日 访问量：100/日",
- ggsm:
- "用户服务申请通过审核确认后，每日可对水路货物周转量情况进行20次免费访问，获取100条数据记录。",
- },
- {
- gg: "访访问次数：200/日 访问量：1000/日",
- ggsm:
- "用户服务申请通过审核确认并完成付费后，每日可对水路货物周转量情况进行200次访问，获取1000条数据记录。",
- },
- {
- gg: "访问次数：无上限 访问量",
- ggsm: "",
- },
- ], // 规格定价
- tgjgData: {
- name: "贵州省交通运输厅",
- img:
- "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
- lxr: "张先生",
- lxdh: "010-66666666",
- }, // 提供机构
- ffpjxxData: {
- baseInfo: {
- score: 3.5,
- total: 23,
- starInfo: [
- {
- star: 5,
- percent: 40,
- },
- {
- star: 4,
- percent: 30,
- },
- {
- star: 3,
- percent: 20,
- },
- {
- star: 2,
- percent: 10,
- },
- {
- star: 1,
- percent: 0,
- },
- ],
- },
- ffpjxxList: [
- {
- name: "禺彊",
- img:
- "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
- star: 5,
- description: "这个应用非常实用，可以应用到多个业务领域！",
- time: " 2019-12-12",
- },
- {
- name: "海纳",
- img:
- "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
- star: 5,
- description:
- "赞！赞！赞！赞！赞！赞！赞！赞！赞！赞！赞！赞！赞！赞！赞！赞！赞！赞！赞！赞！赞！赞！赞！赞！赞！赞！",
- time: " 2019-12-12",
- },
- {
- name: "左宜",
- img:
- "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
- star: 3,
- description: "赞！",
- time: " 2019-12-12",
- },
- {
- name: "左宜",
- img:
- "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
- star: 3,
- description: "赞！",
- time: " 2019-12-12",
- },
- {
- name: "左宜",
- img:
- "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
- star: 3,
- description: "赞！",
- time: " 2019-12-12",
- },
- {
- name: "左宜",
- img:
- "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
- star: 3,
- description: "赞！",
- time: " 2019-12-12",
- },
- {
- name: "左宜",
- img:
- "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
- star: 3,
- description: "赞！",
- time: " 2019-12-12",
- },
- {
- name: "左宜",
- img:
- "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
- star: 3,
- description: "赞！",
- time: " 2019-12-12",
- },
- {
- name: "左宜",
- img:
- "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
- star: 3,
- description: "赞！",
- time: " 2019-12-12",
- },
- {
- name: "左宜",
- img:
- "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
- star: 3,
- description: "赞！",
- time: " 2019-12-12",
- },
- ],
- }, // 服务评价信息
+ fwxqxxDatas: null, // 服务详情信息
+ ggdjData: null, // 规格定价
+ tgjgData: null, // 提供机构
+ ffpjxxData: null, // 服务评价信息
}),
- methods: {},
- mounted() {},
+ 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/serviceInfo.json`).then(
+ ({ fwxqxxDatas, ggdjData, tgjgData, ffpjxxData }) => {
+ this.fwxqxxDatas = fwxqxxDatas;
+ this.ggdjData = ggdjData;
+ this.tgjgData = tgjgData;
+ this.ffpjxxData = ffpjxxData;
+ },
+ (error) => {
+ console.log(error);
+ }
+ );
+ },
+ },
+ created() {
+ this.init();
+ },
};
diff --git a/src/pages/skfwDetail.vue b/src/pages/skfwDetail.vue
index ef98da6a55a5b9efc368d286e0769eea6ba8c797..fc5f44178ea8b026d930adf575958f60edbb3563 100644
--- a/src/pages/skfwDetail.vue
+++ b/src/pages/skfwDetail.vue
@@ -1,45 +1,73 @@
-
-
+
+
服务超市
数据服务
服务详情信息
+
-
+
-
-
+
-
+
+
服务超市
数据服务
服务详情信息
+
-
+
-
-
+
+