-
+
{{ cellData.app_name }} ( V{{ cellData.version }} )
@@ -19,6 +22,8 @@
show-score
text-color="#ea7d19"
score-template="{value}"
+ :colors="['#fac266', '#fac266', '#fac266']"
+ disabled-void-color="#d9dce5"
>
获取次数：
@@ -38,14 +43,14 @@
{{ cellData.yyjj }}
-
+
应用类型：
{{ cellData.type_name }}
{{ cellData.data_service_type2_name }} {{
cellData.data_service_type3_name
}}
-
+
业务领域：
{{ cellData.area_name }}
@@ -158,13 +163,13 @@ export default {
.tags {
display: inline-block;
margin-left: 8px;
- padding: 2px 8px 3px;
+ padding: 3px 8px 3px;
font-size: 12px;
font-weight: 500;
line-height: 12px;
border-radius: 4px;
position: relative;
- top: 1px;
+ top: 0px;
}
.map_service {
background-color: #626de9;
@@ -197,7 +202,7 @@ export default {
-webkit-line-clamp: 2;
overflow: hidden;
height: 42px;
- margin-bottom: 8px;
+ margin-bottom: 5px;
}
.com_other {
color: #58617a;
@@ -207,15 +212,19 @@ export default {
-webkit-line-clamp: 1;
overflow: hidden;
}
+.com_other1 {
+ color: #58617a;
+ margin-bottom: 9px;
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+ -webkit-line-clamp: 1;
+ overflow: hidden;
+}
.name_title {
color: #8890a7;
}
diff --git a/src/components/service-tabs/service-tab-provider.vue b/src/components/service-tabs/service-tab-provider.vue
index 10a5178d8f01b82c479b426584d7dd2bd77df8de..2991383d5a8fd7cefc7e1528cb9aa6ced55574e7 100644
--- a/src/components/service-tabs/service-tab-provider.vue
+++ b/src/components/service-tabs/service-tab-provider.vue
@@ -74,7 +74,7 @@ export default {
},
{
label: "价格",
- prop: "spcs",
+ prop: "spce",
align: "center",
width: "200"
},
diff --git a/src/components/service-tabs/service-tabs.vue b/src/components/service-tabs/service-tabs.vue
index 8b42e68f50f8016a5223db74b60909e5b680684c..242096b95c5929a10cc134c20c02641410fcf900 100644
--- a/src/components/service-tabs/service-tabs.vue
+++ b/src/components/service-tabs/service-tabs.vue
@@ -58,7 +58,7 @@ export default {
},
providerTitle: {
type: String,
- default: () => "提供组织",
+ default: () => "服务机构及规格信息",
},
commentsTitle: {
type: String,
diff --git a/src/components/shop-cloud/shop-cloud-new.vue b/src/components/shop-cloud/shop-cloud-new.vue
index f1388e80df5fbaded21afeaf96be7377e0f2e177..fbb1fc8e4762bfde7b22107b6b03bb0c99366505 100644
--- a/src/components/shop-cloud/shop-cloud-new.vue
+++ b/src/components/shop-cloud/shop-cloud-new.vue
@@ -4,7 +4,7 @@
服务超市
{{ name }}
-
+
-
+
@@ -609,7 +609,7 @@
-
+
-
-
+
-
+
+
-
+
流程服务接口说明见文档中心流程服务接口文档
-
+
-
+
+ :value="item.value"
+ >
-
-
+
-
+
-
+
服务运行概况
-
-
+
+
- 故障
-
- {{item.label}}
+ :value="item.value + ',' + item.able"
+ >
+ 故障
+
+ {{ item.label }}
@@ -117,13 +214,17 @@
-
+
{{ yx_state.state }}
@@ -132,7 +233,7 @@
-
+
{{ yx_state.averageTime }}
最大响应时间：{{ yx_state.maxTime }}
@@ -140,7 +241,7 @@
-
+
{{ yx_state.averageTraffic }}
最大吞吐率：{{ yx_state.maxTraffic }}
@@ -149,7 +250,7 @@
{{ yx_state.memory }}
@@ -158,12 +259,12 @@
-
+
服务调用列表
@@ -187,7 +288,7 @@
>
-
服务规格：
+
服务规格：
规格设置：
@@ -257,25 +358,25 @@
-
+
服务收益总额
-
{{trans_all_obj.all}}
+
{{ trans_all_obj.all }}
金币
-
+
交易总数
-
{{trans_all_obj.times}}
+
{{ trans_all_obj.times }}
笔
-
+
本月交易总数
-
{{trans_all_obj.month}}
+
{{ trans_all_obj.month }}
笔
@@ -299,7 +400,7 @@
-
+
1221312
wuqwyequ827812731731',
listTotal: 0,
@@ -346,7 +447,7 @@ export default {
pageSizes: [10, 20, 50],
responseParamUrl: "",
codeExampleUrl: "",
- port_select_server:'',
+ port_select_server: "",
yx_state: {
state: "",
averageTime: "",
@@ -355,35 +456,35 @@ export default {
maxTraffic: "",
memory: "",
},
- port_select:'',
+ port_select: "",
service_use_arr: [],
- req_solt_data:[],
- res_solt_data:[],
- req_gz_solt_data:[],
- res_gz_solt_data:[],
- service_gz_process_arr:[],
- trans_all_obj:{
- all:0,
- times:0,
- month:0,
+ req_solt_data: [],
+ res_solt_data: [],
+ req_gz_solt_data: [],
+ res_gz_solt_data: [],
+ service_gz_process_arr: [],
+ trans_all_obj: {
+ all: 0,
+ times: 0,
+ month: 0,
},
- trans_log_arr:[
+ trans_log_arr: [
{
title: "服务交易概览",
info: "",
- prop:'title',
+ prop: "title",
type: "solt",
solt_name: "trans_all",
},
{
title: "服务交易记录",
info: "",
- prop:'title',
+ prop: "title",
type: "solt",
solt_name: "trans_log",
},
],
- trans_log_header:[
+ trans_log_header: [
{
prop: "department_name",
label: "申请单位",
@@ -427,7 +528,7 @@ export default {
align: "center",
},
],
- trans_log_data:[],
+ trans_log_data: [],
res_solt_header_arr: [
{
prop: "name",
@@ -632,15 +733,27 @@ export default {
], // 响应参数-header
res_data: [], // 响应参数
res_code_arr: "", // 响应示例
- req_solt_code_arr:'11',
- res_solt_code_arr:'11',
+ req_solt_code_arr: "11",
+ res_solt_code_arr: "11",
buy_type: "",
- workflows_id:'',//判断是否是流程服务
+ workflows_id: "", //判断是否是流程服务
sizeset_flag: false, //规格设置是否显示
service_arr: [
["服务基本信息", "接口详细信息", "服务运行状态"],
- ["服务基本信息", "接口详细信息", "服务运行状态", "服务计费规则","服务交易记录"],
- ["服务基本信息", "接口详细信息", "服务运行状态", "服务规格","服务交易记录"],
+ [
+ "服务基本信息",
+ "接口详细信息",
+ "服务运行状态",
+ "服务计费规则",
+ "服务交易记录",
+ ],
+ [
+ "服务基本信息",
+ "接口详细信息",
+ "服务运行状态",
+ "服务规格",
+ "服务交易记录",
+ ],
],
service_size_data: [], //服务规格数组
service_header_arr: {
@@ -673,7 +786,7 @@ export default {
text: "",
},
],
- fixed: true,
+ fixed: false,
fixedurl: this.$route.path.replace("servicedetail", "serviceedit"),
},
now_service: 0,
@@ -685,12 +798,12 @@ export default {
minWidth: "20%",
align: "left",
},
- {
- prop: "dyr",
- label: "调用人",
- width: "100px",
- align: "center",
- },
+ // {
+ // prop: "dyr",
+ // label: "调用人",
+ // width: "100px",
+ // align: "center",
+ // },
{
prop: "dyyw",
label: "调用业务系统",
@@ -703,30 +816,36 @@ export default {
minWidth: "20%",
align: "left",
},
- {
- prop: "cjms",
- label: "场景描述",
- minWidth: "40%",
- align: "left",
- },
- {
- prop: "sqgg",
- label: "申请规格",
- minWidth: "40%",
- align: "center",
- },
- {
- prop: "sqsc",
- label: "申请时长",
- minWidth: "40%",
- align: "center",
- },
+ // {
+ // prop: "cjms",
+ // label: "场景描述",
+ // minWidth: "40%",
+ // align: "left",
+ // },
+ // {
+ // prop: "sqgg",
+ // label: "申请规格",
+ // minWidth: "40%",
+ // align: "center",
+ // },
+ // {
+ // prop: "sqsc",
+ // label: "申请时长",
+ // minWidth: "40%",
+ // align: "center",
+ // },
{
prop: "sqsj",
label: "申请调用时间",
width: "160px",
align: "right",
},
+ {
+ prop: "state",
+ label: "调用状态",
+ width: "160px",
+ align: "right",
+ },
],
header_gz_process_arr: [
{
@@ -814,9 +933,9 @@ export default {
label: "调用时间",
minWidth: "20%",
align: "center",
- }
+ },
],
- service_process_arr:[],
+ service_process_arr: [],
service_size_arr: [
{
prop: "index",
@@ -852,20 +971,23 @@ export default {
edit_size_arr: [
{
prop: "spcs_type",
- label: '规格类型+')
',
+ label:
+ '规格类型
',
width: "180px",
align: "center",
type: "select",
- selectArr:[
+ selectArr: [
{
- label:'计次收费规格',
- value:1
+ label: "计次收费规格",
+ value: 1,
},
{
- label:'时长收费规格',
- value:2
- }
- ]
+ label: "时长收费规格",
+ value: 2,
+ },
+ ],
},
{
prop: "money",
@@ -876,7 +998,10 @@ export default {
},
{
prop: "pv",
- label: '调用次数',
+ label:
+ '调用次数',
width: "150px",
align: "center",
type: "input",
@@ -891,14 +1016,14 @@ export default {
prop: "time",
label: "时长",
width: "150px",
- align: "left"
+ align: "left",
},
{
prop: "descript",
label: "规格说明",
minWidth: "33.33%",
align: "left",
- type:'input'
+ type: "input",
},
{
label: "操作",
@@ -949,7 +1074,7 @@ export default {
solt_name: "res_code",
},
],
- process_in_up_arr:[
+ process_in_up_arr: [
{
title: "接口文档：",
info: "",
@@ -961,9 +1086,9 @@ export default {
info: "",
type: "solt",
solt_name: "service_port",
- }
+ },
],
- port_solt_arr:[
+ port_solt_arr: [
{
title: "服务地址：",
info: "",
@@ -1001,7 +1126,7 @@ export default {
solt_name: "response_code",
},
],
- gz_solt_arr:[
+ gz_solt_arr: [
{
title: "请求方式：",
info: "12123",
@@ -1035,13 +1160,13 @@ export default {
solt_name: "response_code",
},
],
- port_options:[],
+ port_options: [],
service_type_arr: [
"数据服务",
"时空服务",
"视频服务",
"感知服务",
- "综合应用",
+ "融合服务",
],
scrvice_area_arr: [
"经济建设",
@@ -1084,6 +1209,39 @@ export default {
info: "",
},
],
+ cp_arr: [
+ {
+ title: "产品简介：",
+ info: "",
+ },
+ {
+ title: "产品领域：",
+ info: "",
+ },
+ {
+ title: "产品标签：",
+ info: "",
+ },
+ {
+ title: "所属组织：",
+ info: "",
+ },
+ {
+ title: "开放程度：",
+ info: "",
+ },
+ {
+ title: "注册发布时间：",
+ info: "",
+ },
+ {
+ title: "产品详情：",
+ type: "solt",
+ solt_name: "cp_md",
+ item: "",
+ },
+ ],
+ data_service_type1: "",
};
},
computed: {
@@ -1095,15 +1253,15 @@ export default {
if (n == 2) {
this.getData();
}
- }
+ },
},
created() {
if (this.userInfo) {
this.now_user = this.level;
- if(this.now_user==1||this.now_user==2){
- this.in_origin_ser = true
- }else{
- this.in_origin_ser = false
+ if (this.now_user == 1 || this.now_user == 2) {
+ this.in_origin_ser = true;
+ } else {
+ this.in_origin_ser = false;
}
} else {
this.getCurrentUser();
@@ -1114,16 +1272,16 @@ export default {
},
mounted() {},
methods: {
- change_port(val){
- this.port_options.forEach(e => {
- if(e.value == val){
- this.$set(this.port_solt_arr[0],'info',e.value)
- this.$set(this.port_solt_arr[1],'info',e.req_type)
- this.$set(this.port_solt_arr[2],'info',e.encode_method)
- this.req_solt_data = e.req_fields
- this.res_solt_data = e.res_fields
- this.req_solt_code_arr = e.req_fields_example
- this.res_solt_code_arr = e.res_fields_example
+ change_port(val) {
+ this.port_options.forEach((e) => {
+ if (e.value == val) {
+ this.$set(this.port_solt_arr[0], "info", e.value);
+ this.$set(this.port_solt_arr[1], "info", e.req_type);
+ this.$set(this.port_solt_arr[2], "info", e.encode_method);
+ this.req_solt_data = e.req_fields;
+ this.res_solt_data = e.res_fields;
+ this.req_solt_code_arr = e.req_fields_example;
+ this.res_solt_code_arr = e.res_fields_example;
}
});
},
@@ -1135,7 +1293,7 @@ export default {
transchangePageSize(value) {
this.transpageSize = value;
this.transcurrentPage = 1;
- this.get_trans_data()
+ this.get_trans_data();
},
changeCurrentPage(value) {
this.currentPage = value;
@@ -1143,33 +1301,35 @@ export default {
},
transchangeCurrentPage(value) {
this.transcurrentPage = value;
- this.get_trans_data()
+ this.get_trans_data();
},
- iconChange (val) {
+ iconChange(val) {
// el-select实际上是两层div包裹的input
this.port_select_server = val;
// 获取当前el-select标签第一层div
- const dom = this.$refs['select_icon'].$el;
- if(dom.children[0].children[0].tagName == 'SPAN'){
- dom.children[0].children[0].remove()
+ const dom = this.$refs["select_icon"].$el;
+ if (dom.children[0].children[0].tagName == "SPAN") {
+ dom.children[0].children[0].remove();
}
// 创建需要添加到其中的标签 并填充内容
- const svgDom = document.createElement('span'); // ('');
- svgDom.setAttribute('class', 'el-input__prefix');
- if(val.split(',')[1]=='true'){
- svgDom.innerHTML = '';
- }else{
- svgDom.innerHTML = '故障';
+ const svgDom = document.createElement("span"); // ('');
+ svgDom.setAttribute("class", "el-input__prefix");
+ if (val.split(",")[1] == "true") {
+ svgDom.innerHTML =
+ '';
+ } else {
+ svgDom.innerHTML =
+ '故障';
}
// 将创建的标签添加到父节点(第二层div)
dom.children[0].appendChild(svgDom);
// 得到el-select中的input标签
const inputDom = dom.children[0].children[0];
- inputDom.setAttribute('style', 'padding-left: 60px;');
+ inputDom.setAttribute("style", "padding-left: 60px;");
// 将添加的标签放到input前面
dom.children[0].insertBefore(svgDom, inputDom);
- this.getData()
+ this.getData();
},
get_use_list() {
this.service_use_arr = [];
@@ -1182,29 +1342,35 @@ export default {
if (response.data.success) {
this.listTotal = response.data.data.total;
let data = response.data.data.data || [];
-
+ console.log(data)
data.forEach((e) => {
this.service_use_arr.push({
dydw: e.apply_org_name,
- dyr: e.apply_user_info.user_name,
+ dyr: e.apply_user_info ? e.apply_user_info.user_name : "",
dyyw: e.business_name,
ywxt: e.business_url,
cjms: e.scene,
- sqsj: e.apply_time.split("+")[0].replace("T", " "),
+ sqsj: e.apply_time || "-",
sqgg: e.request_spcs
? `访问次数：${e.request_spcs.count}/日 访问量：${e.request_spcs.pv}/日`
: "",
sqsc: e.duration + ["", "个月", "年"][e.duration_unit || 0],
- jkmc:e.req_name||'',
- jkdz:e.req_url||'',
- state:(e.req_status||e.req_status==0)?e.req_status==-1?'失败':'成功':'',
- time:e.last_request_time?e.last_request_time.split("+")[0].replace("T", " "):'-',
- count:e.req_num||'-'
+ jkmc: e.req_name || "",
+ jkdz: e.req_url || "",
+ state:
+ e.req_status || e.req_status == 0
+ ? e.req_status == -1
+ ? "失败"
+ : "成功"
+ : "",
+ time: e.last_request_time || "-",
+ count: e.req_num || "-",
});
});
+ console.log(this.service_use_arr)
}
})
- .catch(function(response) {});
+ .catch(function (response) {});
},
change_buy(val) {
if (this.buy_style.indexOf(val) !== -1) {
@@ -1218,10 +1384,10 @@ export default {
if (data.success == 1) {
this.$store.commit("userInfofun", data.data);
this.now_user = this.level;
- if(this.now_user==1||this.now_user==2){
- this.in_origin_ser = true
- }else{
- this.in_origin_ser = false
+ if (this.now_user == 1 || this.now_user == 2) {
+ this.in_origin_ser = true;
+ } else {
+ this.in_origin_ser = false;
}
console.log(this.level);
} else {
@@ -1230,35 +1396,37 @@ export default {
});
},
getData() {
- console.log(this.namespace)
- this.$api.workbench.getServiceRunningTopology({ namespace: this.namespace }).then((response) => {
- this.datas = response.data.elements;
- });
+ this.$api.workbench
+ .getServiceRunningTopology({ service_id: this.$route.params.id })
+ .then((response) => {
+ this.datas = response.data.elements;
+ });
},
- get_trans_data(){
+ get_trans_data() {
this.$http
.get(
`/apaas/service/v3/service/manager/service/trade/list?page=${this.currentPage}&size=${this.pageSize}&service_id=${this.$route.params.id}`
- ).then(res=>{
+ )
+ .then((res) => {
console.log(res);
// listTotal: 0,
- if(res.data.success){
- this.translistTotal = res.data.data.total
- var temp = res.data.data.list||[]
- temp.forEach(e => {
- if(e.spcs_type==1){
- e.duration_name = '不限时长'
- e.gg = `${e.spcs_count}次/ ${e.single_money} 元`
- }else if(e.spcs_type==2){
- e.duration_name = e.duration+'月'
- e.gg = `${e.single_money} 元/月`
+ if (res.data.success) {
+ this.translistTotal = res.data.data.total;
+ var temp = res.data.data.list || [];
+ temp.forEach((e) => {
+ if (e.spcs_type == 1) {
+ e.duration_name = "不限时长";
+ e.gg = `${e.spcs_count}次/ ${e.single_money} 元`;
+ } else if (e.spcs_type == 2) {
+ e.duration_name = e.duration + "月";
+ e.gg = `${e.single_money} 元/月`;
}
e.trade_times = helper.dateStringTransform(e.trade_time);
e.total_moneys = e.total_money + "金币";
});
- this.trans_log_data = temp
+ this.trans_log_data = temp;
}
- })
+ });
},
getServiceInfo() {
this.$http
@@ -1270,13 +1438,17 @@ export default {
if (response.data.success === 1) {
let data = response.data.data;
this.namespace = data.urls[0].namespace;
- if(data.workflows_id){
- this.workflows_id = data.workflows_id
- }else{
- this.workflows_id = false
+ if (data.workflows_id) {
+ this.workflows_id = data.workflows_id;
+ } else {
+ this.workflows_id = false;
}
this.$set(this.service_header_arr, "portal_id", data.portal_id); // 时空服务id
- this.$set(this.service_header_arr, "workflows_id", data.workflows_id); // 时空服务id
+ this.$set(
+ this.service_header_arr,
+ "workflows_id",
+ data.workflows_id
+ ); // 时空服务id
this.$set(
this.service_header_arr,
"isMap",
@@ -1314,78 +1486,127 @@ export default {
data.urls[0].req_url
);
this.$set(this.service_header_arr, "url", data.cover);
- if (this.now_user == 1) {
- this.$set(this.service_header_arr, "fixed", false);
+ if (this.now_user != 1) {
+ this.$set(this.service_header_arr, "fixed", true);
}
this.$set(
this.service_header_arr,
"fixedurl",
this.$route.path.replace("servicedetail", "serviceedit")
);
- this.trans_all_obj={
- all:data.sale_total_money,
- times:data.sale_total,
- month:data.sale_month_total,
- }
+ this.trans_all_obj = {
+ all: data.sale_total_money,
+ times: data.sale_total,
+ month: data.sale_month_total,
+ };
//判断是否是服务注册出来的流程服务
- if(data.data_service_type2 == 24&&data.workflows_id==0){
- this.process_in_up = true
- this.$set(this.process_in_up_arr[0],'info',data.doc_file.split('/')[data.doc_file.split('/').length-1])
- this.$set(this.process_in_up_arr[0],'url',data.doc_file)
- var temp_port_arr = []
- data.urls.forEach(e => {
+ if (data.data_service_type2 == 24 && data.workflows_id == 0) {
+ this.process_in_up = true;
+ this.$set(
+ this.process_in_up_arr[0],
+ "info",
+ data.doc_file.split("/")[data.doc_file.split("/").length - 1]
+ );
+ this.$set(this.process_in_up_arr[0], "url", data.doc_file);
+ var temp_port_arr = [];
+ data.urls.forEach((e) => {
temp_port_arr.push({
- label:e.req_name,
- value:e.req_url,
- able:e.state==-1?false:true,
- ...e
- })
+ label: e.req_name,
+ value: e.req_url,
+ able: e.state == -1 ? false : true,
+ ...e,
+ });
});
- this.port_options = temp_port_arr
- if(this.port_options[0]){
- this.port_select = this.port_options[0].value
- this.$set(this.port_solt_arr[0],'info',this.port_options[0].value)
- this.$set(this.port_solt_arr[1],'info',this.port_options[0].req_type)
- this.$set(this.port_solt_arr[2],'info',this.port_options[0].encode_method)
- this.req_solt_data = this.port_options[0].req_fields
- this.res_solt_data = this.port_options[0].res_fields
- this.req_solt_code_arr = this.port_options[0].req_fields_example
- this.res_solt_code_arr = this.port_options[0].res_fields_example
+ this.port_options = temp_port_arr;
+ if (this.port_options[0]) {
+ this.port_select = this.port_options[0].value;
+ this.$set(
+ this.port_solt_arr[0],
+ "info",
+ this.port_options[0].value
+ );
+ this.$set(
+ this.port_solt_arr[1],
+ "info",
+ this.port_options[0].req_type
+ );
+ this.$set(
+ this.port_solt_arr[2],
+ "info",
+ this.port_options[0].encode_method
+ );
+ this.req_solt_data = this.port_options[0].req_fields;
+ this.res_solt_data = this.port_options[0].res_fields;
+ this.req_solt_code_arr = this.port_options[0].req_fields_example;
+ this.res_solt_code_arr = this.port_options[0].res_fields_example;
}
- }else{
- this.process_in_up = false
+ } else {
+ this.process_in_up = false;
}
- if(data.service_data_type_1 == 10){
- this.perception_in = true
- this.$set(this.gz_solt_arr[0],'info',data.urls[0].req_url)
- this.$set(this.gz_solt_arr[1],'info',data.urls[0].encode_method)
- this.req_gz_solt_data = data.urls[0].req_fields
- this.res_gz_solt_data = data.urls[0].res_fields
- this.req_solt_code_arr = data.urls[0].req_fields_example
- this.res_solt_code_arr = data.urls[0].res_fields_example
-
- }else{
- this.perception_in = false
+ if (data.service_data_type_1 == 10) {
+ this.perception_in = true;
+ this.$set(this.gz_solt_arr[0], "info", data.urls[0].req_url);
+ this.$set(
+ this.gz_solt_arr[1],
+ "info",
+ data.urls[0].encode_method
+ );
+ this.req_gz_solt_data = data.urls[0].req_fields;
+ this.res_gz_solt_data = data.urls[0].res_fields;
+ this.req_solt_code_arr = data.urls[0].req_fields_example;
+ this.res_solt_code_arr = data.urls[0].res_fields_example;
+ } else {
+ this.perception_in = false;
+ }
+ console.log(this.process_in_up, this.perception_in);
+ this.get_trans_data();
+ if (data.data_service_type1 == 36) {
+ this.$set(this.service_header_arr, "second", []);
}
- console.log(this.process_in_up,this.perception_in);
- this.get_trans_data()
- if(this.process_in_up){
- var temp_sj = this.service_header_arr.first.pop()
- this.service_header_arr.second = []
- this.service_header_arr.second.push(temp_sj)
+ if (this.process_in_up) {
+ var temp_sj = this.service_header_arr.first.pop();
+ this.service_header_arr.second = [];
+ this.service_header_arr.second.push(temp_sj);
}
this.$set(this.list_arr[0], "info", data.descript);
this.$set(this.list_arr[1], "info", data.sectors_name);
this.$set(this.list_arr[2], "info", data.organization_name);
this.$set(this.list_arr[3], "info", data.openness_name);
this.$set(this.list_arr[4], "info", "自动生成");
- this.$set(
- this.list_arr[5],
- "info",
- data.create_time.replace("T", " ").split("+")[0]
- );
-
+ let str = data.create_time.replace("T", " ").split("+")[0];
+ str = str.replace("Z", " ").split("+")[0];
+ this.$set(this.list_arr[5], "info", str);
+ this.$set(this.cp_arr[0], "info", data.descript);
+ this.$set(this.cp_arr[1], "info", data.sectors_name);
+ let strtags = "";
+ if (data.tags && data.tags.length != 0) {
+ data.tags.forEach((item) => {
+ strtags += item + " ";
+ });
+ }
+ this.$set(this.cp_arr[2], "info", strtags);
+ this.$set(this.cp_arr[3], "info", data.organization_name);
+ this.$set(this.cp_arr[4], "info", data.openness_name);
+ this.$set(this.cp_arr[5], "info", str);
+ this.data_service_type1 = data.data_service_type1;
+ if (this.data_service_type1 == "36") {
+ this.service_arr[0][0] = "产品基本信息";
+ this.service_arr[0][1] = "";
+ this.service_arr[0][2] = "";
+ this.service_arr[1][0] = "产品基本信息";
+ this.service_arr[1][1] = "";
+ this.service_arr[1][2] = "";
+ this.service_arr[1][3] = "产品计费规则";
+ this.service_arr[1][4] = "产品交易记录";
+ this.service_arr[2][0] = "产品基本信息";
+ this.service_arr[2][1] = "";
+ this.service_arr[2][2] = "";
+ this.service_arr[2][3] = "产品规格";
+ this.service_arr[2][4] = "产品交易记录";
+ this.getMd(data.doc_file);
+ }
+ // console.log(this.service_arr)
// 接口详情信息
this.$set(
this.servicead_arr[0],
@@ -1400,44 +1621,50 @@ export default {
this.$set(this.servicead_arr[1], "info", "无请求参数");
}
this.req_code_arr =
- data.urls[0].req_fields_example || data.urls[0].req_query_example || ""; // 请求示例
+ data.urls[0].req_fields_example ||
+ data.urls[0].req_query_example ||
+ ""; // 请求示例
if (!this.req_code_arr) {
this.$set(this.servicead_arr[2], "type", "");
this.$set(this.servicead_arr[2], "info", "无请求示例");
}
- this.$set(this.servicead_arr[3], "info", data.urls[0].encode_method); // 编码格式
+ this.$set(
+ this.servicead_arr[3],
+ "info",
+ data.urls[0].encode_method
+ ); // 编码格式
this.res_data = JSON.parse(data.urls[0].res_fields || "[]"); // 响应参数
if (this.res_data && this.res_data.length === 0) {
this.$set(this.servicead_arr[4], "type", "");
this.$set(this.servicead_arr[4], "info", "无响应参数");
}
- console.log(data.urls[0].res_fields_example)
+ console.log(data.urls[0].res_fields_example);
this.res_code_arr = data.urls[0].res_fields_example || ""; // 响应示例
- console.log(this.res_code_arr)
+ console.log(this.res_code_arr);
if (!this.res_code_arr) {
this.$set(this.servicead_arr[5], "type", "");
this.$set(this.servicead_arr[5], "info", "无响应示例");
}
// 接口详情信息 end
- var temp = data.request_spcs_info||[]
- temp.forEach((e,idx) => {
- e.index = idx+1
- if(e.spcs_type==1){
- e.gg = e.money+'金币/'+e.spcs_count+'次'
- e.time = '不限时长'
- e.pv = e.spcs_count
- e.d_price = e.money/e.spcs_count+'金币/次'
- e.spcs_type_name = '计次收费'
- }else if(e.spcs_type==2){
- e.gg = e.money+'金币/月'
- e.time = '1个月'
- e.pv = '不限次数'
- e.d_price = '-'
- e.spcs_type_name = '计时收费'
+ var temp = data.request_spcs_info || [];
+ temp.forEach((e, idx) => {
+ e.index = idx + 1;
+ if (e.spcs_type == 1) {
+ e.gg = e.money + "金币/" + e.spcs_count + "次";
+ e.time = "不限时长";
+ e.pv = e.spcs_count;
+ e.d_price = e.money / e.spcs_count + "金币/次";
+ e.spcs_type_name = "计次收费";
+ } else if (e.spcs_type == 2) {
+ e.gg = e.money + "金币/月";
+ e.time = "1个月";
+ e.pv = "不限次数";
+ e.d_price = "-";
+ e.spcs_type_name = "计时收费";
}
});
- this.service_size_data =temp;
- this.size_arr_down =temp;
+ this.service_size_data = temp;
+ this.size_arr_down = temp;
} else {
this.$message({
message: response.data.errMsg,
@@ -1445,32 +1672,44 @@ export default {
});
}
})
- .catch(function(response) {});
+ .catch(function (response) {});
+ },
+ getMd(url) {
+ if (url == "") {
+ this.cp_arr[6].item = "无";
+ } else {
+ this.$http
+ .get(url)
+ .then((response) => {
+ this.cp_arr[6].item = response.data;
+ })
+ .catch(function (error) {
+ console.log(error);
+ });
+ }
},
now_size_data(val) {
console.log(val);
- val.forEach(e => {
- if(e.spcs_type==1){
- if(e.pv=='不限次数'){
- e.pv = ''
- e.time = ''
- e.descript = ''
- e.money = ''
- e.d_price = ''
+ val.forEach((e) => {
+ if (e.spcs_type == 1) {
+ if (e.pv == "不限次数") {
+ e.pv = "";
+ e.time = "";
+ e.descript = "";
+ e.money = "";
+ e.d_price = "";
}
- e.time = '不限时长'
- e.descript = '提供'+e.pv+'次服务，时长不限'
- if(e.money&&e.pv){
- e.d_price = parseInt(e.money/e.pv)+'金币/次'
- }
- }else if(e.spcs_type==2){
- e.pv = '不限次数'
- e.d_price = '-'
- e.time = '按月'
- e.descript = '每月不限调用次数'
+ e.time = "不限时长";
+ e.descript = "提供" + e.pv + "次服务，时长不限";
+ if (e.money && e.pv) {
+ e.d_price = parseInt(e.money / e.pv) + "金币/次";
}
-
-
+ } else if (e.spcs_type == 2) {
+ e.pv = "不限次数";
+ e.d_price = "-";
+ e.time = "按月";
+ e.descript = "每月不限调用次数";
+ }
});
this.size_arr_down = val;
},
@@ -1483,51 +1722,51 @@ export default {
.then((response) => {
let data = response.data.data;
console.log(data);
- var temp = data.data||[]
- temp.forEach((e,idx) => {
- e.index = idx+1
- // if(e.spcs_type==1){
- // e.gg = e.money+'/'+e.spcs_count
- // e.time = '不限时长'
- // e.pv = e.spcs_count
- // e.d_price = ''
- // }else if(e.spcs_type==1){
- // e.gg = e.money+'/月'
- // e.time = '1个月'
- // e.pv = '不限次数'
- // e.d_price = '-'
- // }
+ var temp = data.data || [];
+ temp.forEach((e, idx) => {
+ e.index = idx + 1;
+ // if(e.spcs_type==1){
+ // e.gg = e.money+'/'+e.spcs_count
+ // e.time = '不限时长'
+ // e.pv = e.spcs_count
+ // e.d_price = ''
+ // }else if(e.spcs_type==1){
+ // e.gg = e.money+'/月'
+ // e.time = '1个月'
+ // e.pv = '不限次数'
+ // e.d_price = '-'
+ // }
- if(e.spcs_type==1){
- e.gg = e.money+'金币/'+e.spcs_count+'次'
- e.time = '不限时长'
- e.pv = e.spcs_count
- e.d_price = e.money/e.spcs_count+'金币/次'
- e.spcs_type_name = '计次收费'
- }else if(e.spcs_type==2){
- e.gg = e.money+'金币/月'
- e.time = '1个月'
- e.pv = '不限次数'
- e.d_price = '-'
- e.spcs_type_name = '计时收费'
- }
- });
+ if (e.spcs_type == 1) {
+ e.gg = e.money + "金币/" + e.spcs_count + "次";
+ e.time = "不限时长";
+ e.pv = e.spcs_count;
+ e.d_price = e.money / e.spcs_count + "金币/次";
+ e.spcs_type_name = "计次收费";
+ } else if (e.spcs_type == 2) {
+ e.gg = e.money + "金币/月";
+ e.time = "1个月";
+ e.pv = "不限次数";
+ e.d_price = "-";
+ e.spcs_type_name = "计时收费";
+ }
+ });
this.service_size_data = temp;
})
- .catch(function(response) {});
+ .catch(function (response) {});
},
change_service_size() {
let temp = [];
-
+
this.size_arr_down.forEach((e) => {
- if (e.pv && e.money&&e.spcs_type) {
- e.id = 0
+ if (e.pv && e.money && e.spcs_type) {
+ e.id = 0;
delete e.undefined;
delete e.flag;
- e.spcs_count = e.spcs_type==1?parseInt(e.pv):0;
+ e.spcs_count = e.spcs_type == 1 ? parseInt(e.pv) : 0;
e.money = parseFloat(e.money);
- e.duration=1
- e.duration_unit=1
+ e.duration = 1;
+ e.duration_unit = 1;
temp.push(e);
}
});
@@ -1544,7 +1783,7 @@ export default {
this.sizeset_flag = false;
this.getsize_arr();
} else {
- this.$message.error("保存失败");
+ this.$message.error(response.data.errMsg);
}
});
},
@@ -1596,7 +1835,7 @@ export default {
background-color: #c3caf8;
color: #0f2683;
}
-.service_port .el-input__inner{
+.service_port .el-input__inner {
width: 785px;
background-color: #f7f8f9;
}
@@ -1713,7 +1952,7 @@ export default {
margin-top: 50px;
overflow: hidden;
}
-.port_bg_box{
+.port_bg_box {
width: 100%;
min-height: 100px;
background-color: #f8f9fd;
@@ -1721,13 +1960,13 @@ export default {
margin-top: 10px;
padding: 20px 30px;
}
-.trans_all{
+.trans_all {
width: 100%;
height: 128px;
- background-color: #fbfcfe;
- border-radius: 12px;
+ background-color: #fbfcfe;
+ border-radius: 12px;
}
-.trans_all .trans_box{
+.trans_all .trans_box {
width: 33.3%;
float: left;
height: 65px;
@@ -1735,10 +1974,10 @@ export default {
margin-top: 30px;
border-right: 2px solid #e6ebfe;
}
-.trans_all .trans_box:nth-last-of-type(1){
+.trans_all .trans_box:nth-last-of-type(1) {
border: 0;
}
-.trans_middle{
+.trans_middle {
width: 200px;
height: 65px;
line-height: 65px;
@@ -1746,33 +1985,35 @@ export default {
position: relative;
text-align: right;
}
-.trans_middle img{
+.trans_middle img {
position: absolute;
left: 0;
top: 15px;
}
-.trans_middle span{
+.trans_middle span {
position: absolute;
right: -20px;
top: 18px;
font-size: 16px;
- color: #242c43;
+ color: #242c43;
}
-.trans_middle p{
+.trans_middle p {
font-size: 16px;
line-height: 32px;
- color: #58617a;
+ color: #58617a;
}
-.trans_middle p:nth-of-type(2){
+.trans_middle p:nth-of-type(2) {
font-size: 24px;
- font-weight: bold;
- color: #242c43;
+ font-weight: bold;
+ color: #242c43;
}
-.trans_all .trans_box:nth-of-type(1) .trans_middle span{
+.trans_all .trans_box:nth-of-type(1) .trans_middle span {
right: -40px;
}
-.trans_log{
+.trans_log {
width: 100%;
-
+}
+.topology {
+ height: 500px;
}
diff --git a/src/pages/workbench/fwgl/serviceEdit.vue b/src/pages/workbench/fwgl/serviceEdit.vue
index 69850298208a5213bfcfa1ca1f9be9117768b79b..cf2599d38a14052d9f5f63fe6f1aa406960e82ea 100644
--- a/src/pages/workbench/fwgl/serviceEdit.vue
+++ b/src/pages/workbench/fwgl/serviceEdit.vue
@@ -67,7 +67,7 @@
{ required: true, message: '请输入接口编码', trigger: 'blur' },
]">
接口编码：
-
+
