Skip to content

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

服务超市详情调试

parent 92c54c96
Show whitespace changes
Inline Side-by-side
Showing with 223 additions and 54 deletions
src/components/service-info/service-info.vue
View file @ 9e3a9c17
......@@ -18,7 +18,7 @@
</div>
<div class="main_container">
<div class="main_container-left" v-if="data.cover">
<img :src="data.cover" width="460" />
<img :src="data.cover" width="100%" />
</div>
<div class="main_container-right">
<ul class="service_base_info">
......@@ -199,9 +199,14 @@ export default {
margin-top: 25px;
}
.main_container-left {
width: 466px;
padding: 3px;
background-color: #f9fafc;
margin-right: 30px;
font-size: 0;
}
.main_container-left img {
width: 100%;
}
.main_container-right {
flex-grow: 1;
......
src/pages/service_shop/sjfwDetail.vue
View file @ 9e3a9c17
......@@ -180,9 +180,9 @@ export default {
this.specificationData = specificationData;
this.providerData = {
organization_name: datas.organization_name,
picture_path: datas.picture_path,
user_name: "张先生",
phone: "010-66666666",
picture_path: datas.userInfo.picture_path,
user_name: datas.userInfo.user_name,
phone: datas.userInfo.phone,
};
this.commentsData = datas.scoreDetail;
})
......
src/pages/service_shop/skfwDetail.vue
View file @ 9e3a9c17
......@@ -3,20 +3,21 @@
<div class="apass_breadcrumb">
<el-breadcrumb separator="/">
<el-breadcrumb-item to="/shop">服务超市</el-breadcrumb-item>
<el-breadcrumb-item to="/shop/space_time_service_list">
<el-breadcrumb-item to="/shop/space_time_service_list/6">
时空服务
</el-breadcrumb-item>
<el-breadcrumb-item>服务详情信息</el-breadcrumb-item>
</el-breadcrumb>
</div>
<service-info :data="baseInfo"></service-info>
<service-info :data="baseInfo" v-if="baseInfo"></service-info>
<service-tabs
detail-url="skfw"
specification-url="skfw"
provider-url="skfw"
comments-url="skfw"
:detail-data="detailData"
:specification-data="specificationData"
:provider-data="providerData"
:comments-data="commentsData"
:comments-url="commentsUrl"
></service-tabs>
</div>
</template>
......@@ -32,34 +33,118 @@ export default {
},
data: () => ({
baseInfo: null,
detailData: null,
specificationData: null,
providerData: null,
commentsData: null,
}),
computed: {
id() {
return this.$route.params.id;
},
},
computed: {
id() {
return this.$route.params.id;
},
commentsUrl() {
return `/apaas/serviceapp/v3/servicemarket/estimates?serviceId=${this.id}`;
},
},
methods: {
getDataFromApi(_url) {
return new Promise((resolve, reject) => {
init() {
this.$http
.get(_url)
.then((response) => {
resolve(response.body);
.get("/apaas/serviceapp/v3/servicemarket/detail", {
params: {
serviceId: this.id,
},
})
.catch(function(error) {
reject(error);
});
});
.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: ["服务申请", "信息填写", "审核确认", "服务获取"],
},
init() {
this.getDataFromApi(`/static/serviceBaseInfo.json`).then(
({ skfw }) => {
this.baseInfo = skfw;
{
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",
},
(error) => {
{
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() {
......
src/pages/service_shop/zhfwDetail.vue
View file @ 9e3a9c17
......@@ -3,20 +3,21 @@
<div class="apass_breadcrumb">
<el-breadcrumb separator="/">
<el-breadcrumb-item to="/shop">服务超市</el-breadcrumb-item>
<el-breadcrumb-item to="/shop/comprehensive_app_list">
<el-breadcrumb-item to="/shop/comprehensive_app_list/11">
综合服务
</el-breadcrumb-item>
<el-breadcrumb-item>服务详情信息</el-breadcrumb-item>
</el-breadcrumb>
</div>
<service-info :data="baseInfo"></service-info>
<service-info :data="baseInfo" v-if="baseInfo"></service-info>
<service-tabs
detail-url="zhyyfw"
specification-url="zhyyfw"
provider-url="zhyyfw"
comments-url="zhyyfw"
:detail-data="detailData"
:specification-data="specificationData"
:provider-data="providerData"
:comments-data="commentsData"
:comments-url="commentsUrl"
></service-tabs>
</div>
</template>
......@@ -32,34 +33,112 @@ export default {
},
data: () => ({
baseInfo: null,
detailData: null,
specificationData: null,
providerData: null,
commentsData: null,
}),
computed: {
id() {
return this.$route.params.id;
},
},
computed: {
id() {
return this.$route.params.id;
},
commentsUrl() {
return `/apaas/serviceapp/v3/servicemarket/estimates?serviceId=${this.id}`;
},
},
methods: {
getDataFromApi(_url) {
return new Promise((resolve, reject) => {
init() {
this.$http
.get(_url)
.then((response) => {
resolve(response.body);
.get("/apaas/serviceapp/v3/servicemarket/detail", {
params: {
serviceId: this.id,
},
})
.catch(function(error) {
reject(error);
});
});
.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: ["服务申请", "信息填写", "审核确认", "服务获取"],
},
init() {
this.getDataFromApi(`/static/serviceBaseInfo.json`).then(
({ zhyyfw }) => {
this.baseInfo = zhyyfw;
{
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: "微服务名称",
},
(error) => {
{
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() {
......
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