- ![]()
+
+ ![]()
- 提供机构： - +
- 发布时间： - +
- 更新时间： - +
- 数据领域： - +
- 服务类型： - +
- 资源摘要： - +
规 格：
{{ item.name }}
@@ -63,17 +62,17 @@
规格说明：
-
+
购买方式：
@@ -81,11 +80,7 @@
购买时长：
-
@@ -110,33 +105,82 @@ export default {
},
},
data: () => ({
- commodityData: {
- specification: 0,
- way: 0,
- duration: 1,
- },
+ types: [
+ {
+ name: "按月",
+ value: 1,
+ },
+ {
+ name: "按年",
+ value: 2,
+ },
+ ],
+ type: 1, // 购买方式 1：按月，2：按年
+ specification: {}, // 规格
+ duration: 1, // 时长
}),
computed: {
- specificationDescription() {
- let obj =
- this.data.specifications[this.commodityData.specification] || {};
- return obj.description || "";
+ specifications() {
+ let specifications = (this.data.serviceRequestSpcs || []).filter(
+ (item) => item.type == this.type
+ );
+
+ if (this.specification.id === undefined) {
+ this.specification = specifications[0];
+ }
+
+ return specifications;
+ },
+ },
+ watch: {
+ specifications: {
+ handler() {
+ this.specification = this.specifications[0];
+ },
+ deep: true,
},
},
methods: {
- changeSpecification({ value }) {
- this.commodityData.specification = value;
+ changeSpecification(specification) {
+ this.specification = specification;
},
- changeWay({ value }) {
- this.commodityData.way = value;
+ changeType({ value }) {
+ this.type = value;
},
addToCart() {
- console.log("addToCart");
- console.log(this.commodityData);
+ // console.log("addToCart");
+ this.$http
+ .post("/apaas/serviceapp/v3/shopcart/add", {
+ service_id: parseFloat(this.data.service_id), // 0表示不是服务
+ app_id: parseFloat(this.data.app_id), // 0表示不是应用
+ duration: this.duration, // 申请时长
+ spec_id: this.specification.id, // 当为服务时，为服务规格 当为应用时 这里是部署方式的规格 1 部署 2开发
+ duration_method: this.type, // 计时方式 按年 按月
+ is_subscribe: 1, // 是否订阅
+ })
+ .then(({ data }) => {
+ if (data.success == 1) {
+ this.$message({
+ message: `添加购物车成功`,
+ type: "success",
+ });
+ this.$store.commit("setMenuCartState");
+ } else {
+ this.$message({
+ message: `添加购物车失败`,
+ type: "warning",
+ });
+ }
+ })
+ .catch((error) => {
+ this.$message({
+ message: `添加购物车失败`,
+ type: "warning",
+ });
+ });
},
applyImmediately() {
console.log("applyImmediately");
- console.log(this.commodityData);
},
},
};
diff --git a/src/components/service-tabs/service-tab-comments.vue b/src/components/service-tabs/service-tab-comments.vue
index 33f7904db9f1fee8f5260f2ee4c5b21a0920ee25..8e69c0759290d5e43ccd01e208f5790654a9159d 100644
--- a/src/components/service-tabs/service-tab-comments.vue
+++ b/src/components/service-tabs/service-tab-comments.vue
@@ -1,9 +1,9 @@
-
-
+ {},
+ },
url: {
type: String,
required: true,
},
},
data: () => ({
- data: null,
+ commentsTtotal: 0,
+ commentsList: [],
pageSizes: [10, 50, 100],
pageSize: 10,
currentPage: 1,
}),
+ computed: {
+ scoreDetail() {
+ let data = this.data || {};
+
+ return {
+ score: data.avgScore || 0,
+ starInfo: [1, 2, 3, 4, 5].map((star) => {
+ let percent =
+ this.commentsTtotal > 0
+ ? (((data.scoreStatic && data.scoreStatic[star]) || 0) /
+ this.commentsTtotal) *
+ 100
+ : 0;
+
+ return {
+ star,
+ percent,
+ };
+ }),
+ total: this.commentsTtotal,
+ };
+ },
+ },
methods: {
changePageSize(value) {
this.pageSize = value;
this.currentPage = 1;
+ this.init();
},
changeCurrentPage(value) {
this.currentPage = value;
+ this.init();
},
init() {
this.$http
- .get("/static/serviceInfo.json")
- .then((response) => {
- this.data = response.body[this.url].comments;
+ .get(this.url, {
+ params: {
+ page: this.currentPage,
+ size: this.pageSize,
+ },
+ })
+ .then(({ data }) => {
+ this.commentsTtotal = data.total;
+ this.commentsList = data.data;
})
.catch(function(error) {
console.log(error);
diff --git a/src/components/service-tabs/service-tab-detail.vue b/src/components/service-tabs/service-tab-detail.vue
index 4c796747f15fbc76cc0b8dbb5e7e6720a88b53c0..a81030e724a649093f417143e24b63bc61453489 100644
--- a/src/components/service-tabs/service-tab-detail.vue
+++ b/src/components/service-tabs/service-tab-detail.vue
@@ -24,7 +24,7 @@
({
- data: null,
- }),
- methods: {
- init() {
- this.$http
- .get("/static/serviceInfo.json")
- .then((response) => {
- this.data = response.body[this.url].detail;
- })
- .catch(function(error) {
- console.log(error);
- });
- },
- },
- mounted() {
- this.init();
- },
};
diff --git a/src/components/service-tabs/service-tab-provider.vue b/src/components/service-tabs/service-tab-provider.vue
index f002b7db8e096bdf3df42a17be1005f79d7b97d0..2ace11ec06886741a6237a18fc3de07779a192db 100644
--- a/src/components/service-tabs/service-tab-provider.vue
+++ b/src/components/service-tabs/service-tab-provider.vue
@@ -1,14 +1,19 @@
+
-
+
-
+
@@ -34,10 +37,10 @@
-
@@ -71,21 +74,25 @@ export default {
type: String,
default: () => "服务评价信息",
},
- detailUrl: {
- type: String,
- default: () => "",
+ detailData: {
+ type: Array,
+ default: () => [],
},
- specificationUrl: {
- type: String,
- default: () => "",
+ specificationData: {
+ type: Array,
+ default: () => [],
},
- providerUrl: {
- type: String,
- default: () => "",
+ providerData: {
+ type: Object,
+ default: () => {},
+ },
+ commentsData: {
+ type: Object,
+ default: () => {},
},
commentsUrl: {
type: String,
- default: () => "",
+ default: () => [],
},
},
data: () => ({
diff --git a/src/pages/service_shop/sjfwDetail.vue b/src/pages/service_shop/sjfwDetail.vue
index e2e6c567aed402070eca55d0c2edc9b6272c9082..edad4e57fc5eeffabe1ef70d23ea9e41df66ddab 100644
--- a/src/pages/service_shop/sjfwDetail.vue
+++ b/src/pages/service_shop/sjfwDetail.vue
@@ -3,20 +3,21 @@
-
@@ -33,24 +34,157 @@ export default {
data: () => ({
baseInfo: null,
detailData: null,
- specification: null,
- provider: null,
+ specificationData: null,
+ providerData: null,
+ commentsData: null,
}),
computed: {
id() {
return this.$route.params.id;
},
+ commentsUrl() {
+ return `/apaas/serviceapp/v3/servicemarket/estimates?serviceId=${this.id}`;
+ },
},
methods: {
init() {
this.$http
.get("/apaas/serviceapp/v3/servicemarket/detail", {
params: {
- serviceId: 666,
+ serviceId: this.id,
},
})
- .then((response) => {
- console.log(response.data);
+ .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: "",
+ openness: datas.openness,
+ view_count: datas.view_count,
+ apply_count: datas.apply_count,
+ // 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: "请求方式",
+ type: "text",
+ value: ["-", "GET", "POST", "PUT", "DELETE"][datas.req_type || 0],
+ },
+ {
+ name: "编码格式",
+ type: "text",
+ value: datas.encode_method,
+ },
+ {
+ name: "请求参数",
+ type: "table",
+ value: {
+ datas: JSON.parse(datas.req_fields),
+ columns: [
+ {
+ prop: "name",
+ label: "字段编码",
+ align: "center",
+ width: 240,
+ },
+ {
+ prop: "label",
+ label: "字段名称",
+ align: "center",
+ width: 180,
+ },
+ {
+ prop: "field_type",
+ label: "字段类型",
+ align: "center",
+ width: 180,
+ },
+ {
+ prop: "descript",
+ label: "字段说明",
+ },
+ {
+ prop: "is_must",
+ label: "是否必须",
+ align: "center",
+ width: 180,
+ },
+ {
+ prop: "example",
+ label: "示例值",
+ align: "center",
+ width: 180,
+ },
+ ],
+ },
+ },
+ {
+ name: "响应参数",
+ type: "table",
+ value: {
+ datas: JSON.parse(datas.res_fields),
+ columns: [
+ {
+ prop: "name",
+ label: "字段编码",
+ align: "center",
+ width: 240,
+ },
+ {
+ prop: "label",
+ label: "字段名称",
+ align: "center",
+ width: 180,
+ },
+ {
+ prop: "field_type",
+ label: "字段类型",
+ align: "center",
+ width: 180,
+ },
+ {
+ prop: "descript",
+ label: "字段说明",
+ },
+ ],
+ },
+ },
+ ];
+ this.specificationData = specificationData;
+ this.providerData = {
+ organization_name: datas.organization_name,
+ picture_path: datas.picture_path,
+ user_name: "张先生",
+ phone: "010-66666666",
+ };
+ this.commentsData = datas.scoreDetail;
})
.catch(function(error) {
console.log(error);
-
-
+
-
@@ -19,45 +20,29 @@ export default {
typeGroup,
},
props: {
- url: {
- type: String,
+ data: {
+ type: Array,
required: true,
},
},
data: () => ({
- data: null,
- type: "",
- types: [],
+ type: 1,
+ types: [
+ {
+ name: "按月",
+ value: 1,
+ },
+ {
+ name: "按年",
+ value: 2,
+ },
+ ],
}),
computed: {
tableData() {
- return this.types.length > 0 ? this.data[this.type].data : [];
+ return this.data.filter((item) => item.type === this.type);
},
},
- methods: {
- init() {
- this.$http
- .get("/static/serviceInfo.json")
- .then((response) => {
- this.data = response.body[this.url].specification;
-
- this.types = this.data.map((item, index) => ({
- name: item.name,
- value: index,
- }));
-
- if (this.types.length) {
- this.type = 0;
- }
- })
- .catch(function(error) {
- console.log(error);
- });
- },
- },
- mounted() {
- this.init();
- },
};
diff --git a/src/components/service-tabs/service-tabs.vue b/src/components/service-tabs/service-tabs.vue
index 974bfa43f4e72b27be01707025c2295329c46ed9..f5f2a2f9960f76db00aed5352da3e4ad7efb13c0 100644
--- a/src/components/service-tabs/service-tabs.vue
+++ b/src/components/service-tabs/service-tabs.vue
@@ -5,28 +5,31 @@
v-model="tabName"
:stretch="true"
>
-
- 联系人： - +
联系电话：
@@ -22,29 +27,11 @@
diff --git a/src/components/service-tabs/service-tab-specification.vue b/src/components/service-tabs/service-tab-specification.vue
index eb09b95cd1409935419f238d0962bd8a9d78378e..56034caa11067085904da45f53b3f153fce6d5d6 100644
--- a/src/components/service-tabs/service-tab-specification.vue
+++ b/src/components/service-tabs/service-tab-specification.vue
@@ -5,8 +5,9 @@