diff --git a/src/components/service-info/service-info.vue b/src/components/service-info/service-info.vue index c85b865d95e5ab8efa3bc739e49f4e0972be4830..58a5bb45a7b0d64b71218e3835705f9eb6e9bd33 100644 --- a/src/components/service-info/service-info.vue +++ b/src/components/service-info/service-info.vue @@ -18,7 +18,7 @@
- +
@@ -32,34 +33,118 @@ export default { }, data: () => ({ baseInfo: null, + detailData: null, + specificationData: null, + providerData: null, + commentsData: null, }), computed: { id() { return this.$route.params.id; }, }, - methods: { - getDataFromApi(_url) { - return new Promise((resolve, reject) => { - this.$http - .get(_url) - .then((response) => { - resolve(response.body); - }) - .catch(function(error) { - reject(error); - }); - }); + computed: { + id() { + return this.$route.params.id; + }, + commentsUrl() { + return `/apaas/serviceapp/v3/servicemarket/estimates?serviceId=${this.id}`; }, + }, + methods: { init() { - this.getDataFromApi(`/static/serviceBaseInfo.json`).then( - ({ skfw }) => { - this.baseInfo = skfw; - }, - (error) => { + this.$http + .get("/apaas/serviceapp/v3/servicemarket/detail", { + params: { + serviceId: this.id, + }, + }) + .then(({ data }) => { + let datas = data.data; + let specificationData = datas.serviceRequestSpcs.map((item) => ({ + id: item.id, + type: item.type, + name: `访问次数：${item.pv}/日 访问量：${item.count}/日`, + descript: item.des, + })); + + this.baseInfo = { + service_id: this.id, + app_id: 0, + name: datas.name, + type: "Map Service", + openness: datas.openness, + view_count: datas.view_count, + apply_count: datas.apply_count, + cover: datas.cover, + organization_name: datas.organization_name, + create_time: datas.create_time, + update_date: datas.update_date, + sectors_name: datas.sectors_name, + data_service_type3_str: datas.data_service_type3_str, + descript: datas.descript, + serviceRequestSpcs: specificationData, + }; + + this.detailData = [ + { + name: "获取流程", + type: "step", + value: ["服务申请", "信息填写", "审核确认", "服务获取"], + }, + { + name: "服务描述", + type: "text", + value: datas.descript, + }, + { + name: "服务属性", // TODO: replace + type: "list", + value: [ + { + name: "大小", + value: "66kb", + }, + { + name: "API", + value: "Java", + }, + { + name: "用途", + value: "即用型", + }, + { + name: "空间范围", + value: + "111.8915040799999, 114.25605481900004, 28.762848204000022", + }, + { + name: "标签", + value: "T003 智能地图 T001", + }, + { + name: "制作单位", + value: "贵州省应急管理应急管理厅", + }, + { + name: "离线模式", + value: "禁用", + }, + ], + }, + ]; + this.specificationData = specificationData; + this.providerData = { + organization_name: datas.organization_name, + picture_path: datas.userInfo.picture_path, + user_name: datas.userInfo.user_name, + phone: datas.userInfo.phone, + }; + this.commentsData = datas.scoreDetail; + }) + .catch(function(error) { console.log(error); - } - ); + }); }, }, mounted() { diff --git a/src/pages/service_shop/zhfwDetail.vue b/src/pages/service_shop/zhfwDetail.vue index ac46384737feeef984bde90d462bd99935ffd6ec..0854c74c72699d8ceab59c191446c81cec5f76b3 100644 --- a/src/pages/service_shop/zhfwDetail.vue +++ b/src/pages/service_shop/zhfwDetail.vue @@ -3,20 +3,21 @@
服务超市 - + 综合服务 服务详情信息
- +
@@ -32,34 +33,112 @@ export default { }, data: () => ({ baseInfo: null, + detailData: null, + specificationData: null, + providerData: null, + commentsData: null, }), computed: { id() { return this.$route.params.id; }, }, - methods: { - getDataFromApi(_url) { - return new Promise((resolve, reject) => { - this.$http - .get(_url) - .then((response) => { - resolve(response.body); - }) - .catch(function(error) { - reject(error); - }); - }); + computed: { + id() { + return this.$route.params.id; + }, + commentsUrl() { + return `/apaas/serviceapp/v3/servicemarket/estimates?serviceId=${this.id}`; }, + }, + methods: { init() { - this.getDataFromApi(`/static/serviceBaseInfo.json`).then( - ({ zhyyfw }) => { - this.baseInfo = zhyyfw; - }, - (error) => { + this.$http + .get("/apaas/serviceapp/v3/servicemarket/detail", { + params: { + serviceId: this.id, + }, + }) + .then(({ data }) => { + let datas = data.data; + let specificationData = datas.serviceRequestSpcs.map((item) => ({ + id: item.id, + type: item.type, + name: `访问次数：${item.pv}/日 访问量：${item.count}/日`, + descript: item.des, + })); + + this.baseInfo = { + service_id: this.id, + app_id: 0, + name: datas.name, + openness: datas.openness, + view_count: datas.view_count, + apply_count: datas.apply_count, + cover: datas.cover, + organization_name: datas.organization_name, + create_time: datas.create_time, + update_date: datas.update_date, + sectors_name: datas.sectors_name, + data_service_type3_str: datas.data_service_type3_str, + descript: datas.descript, + serviceRequestSpcs: specificationData, + }; + + this.detailData = [ + { + name: "获取流程", + type: "step", + value: ["服务申请", "信息填写", "审核确认", "服务获取"], + }, + { + name: "服务描述", + type: "text", + value: datas.descript, + }, + { + name: "微服务响应列表", // TODO: replace + type: "table", + value: { + datas: [ + { + name: "apaas-mapvideos-1", + description: "地图视频融合应用服务", + }, + { + name: "apaas-mapvideos-2", + description: "地图视频融合应用服务", + }, + { + name: "apaas-mapvideos-3", + description: "地图视频融合应用服务", + }, + ], + columns: [ + { + prop: "name", + label: "微服务名称", + }, + { + prop: "description", + label: "微服务描述", + }, + ], + }, + }, + ]; + this.specificationData = specificationData; + this.providerData = { + organization_name: datas.organization_name, + picture_path: datas.userInfo.picture_path, + user_name: datas.userInfo.user_name, + phone: datas.userInfo.phone, + }; + this.commentsData = datas.scoreDetail; + }) + .catch(function(error) { console.log(error); - } - ); + }); }, }, mounted() {