From 106fda868f12539d435993af8414a34ea704b97e Mon Sep 17 00:00:00 2001 From: xuyiming Date: Wed, 17 Jun 2020 16:55:03 +0800 Subject: [PATCH] =?UTF-8?q?=E6=9C=8D=E5=8A=A1=E7=AE=A1=E7=90=86fixed?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/pages/workbench/fwgl/serviceDetail.vue | 406 +++++++++++++-------- 1 file changed, 247 insertions(+), 159 deletions(-) diff --git a/src/pages/workbench/fwgl/serviceDetail.vue b/src/pages/workbench/fwgl/serviceDetail.vue index 983d7a0..27579ab 100644 --- a/src/pages/workbench/fwgl/serviceDetail.vue +++ b/src/pages/workbench/fwgl/serviceDetail.vue @@ -91,13 +91,30 @@ :datas="service_size_data" >

购买方式：

-

{{buy_type==1?'按月购买':buy_type==2?'按年购买':'按月购买&按年购买'}}

-
编辑
-

+

+ {{ + buy_type == 1 + ? "按月购买" + : buy_type == 2 + ? "按年购买" + : "按月购买&按年购买" + }} +

+
+ 编辑 +
+

规格设置：

-

+

购买方式：

按月购买 按年购买 -
+
保存 - 取消 + 取消
@@ -145,8 +165,8 @@ import exampleIcon from "@/pages/example/example_icon"; import Topology from "@/components/topology.vue"; import serviceHeader from "@/components/service-header"; import dialogAction from "@/components/dialog-action"; -import { getRole,formatDateTime_date } from "@/utils/common"; -import { mapGetters,mapState } from 'vuex' +import { getRole, formatDateTime_date } from "@/utils/common"; +import { mapGetters, mapState } from "vuex"; export default { components: { infoList, @@ -172,45 +192,45 @@ export default { maxTraffic: "", memory: "", }, - res_data:[],//响应参数 - buy_type:'', - sizeset_flag:false,//规格设置是否显示 - code_arr:'', + res_data: [], //响应参数 + buy_type: "", + sizeset_flag: false, //规格设置是否显示 + code_arr: "", service_arr: [ ["服务基本信息", "接口详细信息", "服务运行状态"], ["服务基本信息", "接口详细信息", "服务运行状态", "服务计费规则"], ["服务基本信息", "接口详细信息", "服务运行状态", "服务规格"], ], - service_size_data:[],//服务规格数组 + service_size_data: [], //服务规格数组 service_header_arr: { - url:'', + url: "", name: "", first: [ - { - "name": "服务类型", - "text": "" - }, - { - "name": "申请次数", - "text": '', - }, - { - "name": "调用次数", - "text": '', - }, - { - "name": "服务状态", - "text": "" - } + { + name: "服务类型", + text: "", + }, + { + name: "申请次数", + text: "", + }, + { + name: "调用次数", + text: "", + }, + { + name: "服务状态", + text: "", + }, ], second: [ { - "name": "服务接口地址", - "text": "" - } + name: "服务接口地址", + text: "", + }, ], fixed: true, - fixedurl:'' + fixedurl: this.$route.path.replace("servicedetail", "serviceedit"), }, now_service: 0, datas: {}, @@ -313,59 +333,59 @@ export default { type: "select", selectArr: [ { - label: '10', + label: "10", value: 10, }, { - label: '20', + label: "20", value: 20, }, { - label: '30', + label: "30", value: 30, }, { - label: '40', + label: "40", value: 40, }, { - label: '50', + label: "50", value: 50, }, { - label: '60', + label: "60", value: 60, }, { - label: '70', + label: "70", value: 70, }, { - label: '80', + label: "80", value: 80, }, { - label: '90', + label: "90", value: 90, }, { - label: '100', + label: "100", value: 100, }, { - label: '200', + label: "200", value: 200, }, { - label: '300', + label: "300", value: 300, }, { - label: '400', + label: "400", value: 400, }, { - label: '500', + label: "500", value: 500, }, ], @@ -378,59 +398,59 @@ export default { type: "select", selectArr: [ { - label: '100', + label: "100", value: 100, }, { - label: '200', + label: "200", value: 200, }, { - label: '300', + label: "300", value: 300, }, { - label: '400', + label: "400", value: 400, }, { - label: '500', + label: "500", value: 500, }, { - label: '600', + label: "600", value: 600, }, { - label: '700', + label: "700", value: 700, }, { - label: '800', + label: "800", value: 800, }, { - label: '900', + label: "900", value: 900, }, { - label: '1000', + label: "1000", value: 1000, }, { - label: '2000', + label: "2000", value: 2000, }, { - label: '3000', + label: "3000", value: 3000, }, { - label: '4000', + label: "4000", value: 4000, }, { - label: '5000', + label: "5000", value: 5000, }, ], @@ -456,7 +476,7 @@ export default { ], }, ], - size_arr_down:[], + size_arr_down: [], servicead_arr: [ { title: "请求方式：", @@ -487,44 +507,59 @@ export default { solt_name: "zd_code", }, ], - service_type_arr:['数据服务','时空服务','视频服务','感知服务','综合服务'], - scrvice_area_arr:['经济建设','城市建设','道路交通','环境资源','服务民生','空间地理','文化休闲','社会团体','教育机构','其他'], - open_arr:['共享','受限','敏感'], - service_state_arr:['已下架','上架中'], - request_arr:['GET','POST','PUT','DELETE'], + service_type_arr: [ + "数据服务", + "时空服务", + "视频服务", + "感知服务", + "综合服务", + ], + scrvice_area_arr: [ + "经济建设", + "城市建设", + "道路交通", + "环境资源", + "服务民生", + "空间地理", + "文化休闲", + "社会团体", + "教育机构", + "其他", + ], + open_arr: ["共享", "受限", "敏感"], + service_state_arr: ["已下架", "上架中"], + request_arr: ["GET", "POST", "PUT", "DELETE"], list_arr: [ - { - "title": "服务描述：", - "info": "" - }, - { - "title": "服务领域：", - "info": "" - }, - { - "title": "所属组织：", - "info": "" - }, - { - "title": "开放程度：", - "info": "" - }, - { - "title": "接口编码：", - "info": "" - }, - { - "title": "注册发布时间：", - "info": "" - } + { + title: "服务描述：", + info: "", + }, + { + title: "服务领域：", + info: "", + }, + { + title: "所属组织：", + info: "", + }, + { + title: "开放程度：", + info: "", + }, + { + title: "接口编码：", + info: "", + }, + { + title: "注册发布时间：", + info: "", + }, ], }; }, - computed:{ - ...mapGetters([ - 'level', - ]), - ...mapState(['userInfo']), + computed: { + ...mapGetters(["level"]), + ...mapState(["userInfo"]), }, watch: { now_service(n, o) { @@ -534,10 +569,10 @@ export default { }, }, created() { - if(this.userInfo){ - this.now_user = this.level - }else{ - this.getCurrentUser() + if (this.userInfo) { + this.now_user = this.level; + } else { + this.getCurrentUser(); } this.getServiceInfo(); this.getServiceyxztInfo(); @@ -551,8 +586,8 @@ export default { console.log(data.data); console.log("--- user info ---"); this.$store.commit("userInfofun", data.data); - this.now_user = this.level - console.log(this.level); + this.now_user = this.level; + console.log(this.level); } else { console.log(data.errMsg); } @@ -569,81 +604,134 @@ export default { }, getServiceInfo() { this.$http - .get("/apaas/service/v3/service/manager?service_id="+this.$route.params.id) + .get( + "/apaas/service/v3/service/manager?service_id=" + + this.$route.params.id + ) .then((response) => { - let data = response.data.data; - console.log(data); - this.$set(this.service_header_arr, "name", data.name); - this.$set(this.service_header_arr['first'][0], 'text', this.service_type_arr[data.data_service_type1-1]); - this.$set(this.service_header_arr['first'][1], 'text', data.apply_num); - this.$set(this.service_header_arr['first'][2], 'text', data.request_count); - this.$set(this.service_header_arr['first'][3], 'text', this.service_state_arr[data.state]); - this.$set(this.service_header_arr['second'][0], "text", data.req_url); - this.$set(this.service_header_arr, "url", data.cover); - this.$set(this.service_header_arr, "fixedurl", this.$route.path.replace('servicedetail','serviceedit')); - this.$set(this.list_arr[0], "info", data.descript); - this.$set(this.list_arr[1], "info", this.scrvice_area_arr[data.sectors-1]); - 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", data.encode_method); - this.$set(this.list_arr[5], "info", data.create_time.replace('T'," ").split('+')[0]); - this.$set(this.servicead_arr[0], "info", this.request_arr[data.req_type-1]); - this.$set(this.servicead_arr[1], "info", data.req_query?data.req_query:'无'); - this.$set(this.servicead_arr[2], "info", data.req_fields); - this.$set(this.servicead_arr[3], "info", data.encode_method); - this.code_arr = data.res_fields - this.res_data = JSON.parse(data.res_fields) - this.service_size_data = data.request_spcs_info - this.size_arr_down = data.request_spcs_info - this.buy_type = data.request_spcs_info[0].type + if (response.data.success === 1) { + let data = response.data.data; + console.log(data); + this.$set(this.service_header_arr, "name", data.name); + this.$set( + this.service_header_arr["first"][0], + "text", + this.service_type_arr[data.data_service_type1 - 1] + ); + this.$set( + this.service_header_arr["first"][1], + "text", + data.apply_num + ); + this.$set( + this.service_header_arr["first"][2], + "text", + data.request_count + ); + this.$set( + this.service_header_arr["first"][3], + "text", + this.service_state_arr[data.state] + ); + this.$set( + this.service_header_arr["second"][0], + "text", + data.req_url + ); + this.$set(this.service_header_arr, "url", data.cover); + this.$set( + this.service_header_arr, + "fixedurl", + this.$route.path.replace("servicedetail", "serviceedit") + ); + this.$set(this.list_arr[0], "info", data.descript); + this.$set( + this.list_arr[1], + "info", + this.scrvice_area_arr[data.sectors - 1] + ); + 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", data.encode_method); + this.$set( + this.list_arr[5], + "info", + data.create_time.replace("T", " ").split("+")[0] + ); + this.$set( + this.servicead_arr[0], + "info", + this.request_arr[data.req_type - 1] + ); + this.$set( + this.servicead_arr[1], + "info", + data.req_query ? data.req_query : "无" + ); + this.$set(this.servicead_arr[2], "info", data.req_fields); + this.$set(this.servicead_arr[3], "info", data.encode_method); + this.code_arr = data.res_fields; + this.res_data = JSON.parse(data.res_fields); + this.service_size_data = data.request_spcs_info; + this.size_arr_down = data.request_spcs_info; + this.buy_type = data.request_spcs_info[0].type; + } else { + this.$message({ + message: response.data.errMsg, + type: "warning", + }); + } }) .catch(function(response) {}); }, - now_size_data(val){ + now_size_data(val) { console.log(val); - this.size_arr_down = val + this.size_arr_down = val; }, - getsize_arr(){ + getsize_arr() { this.$http - .get("/apaas/service/v3/service/manager/request/spcs/list?service_id="+this.$route.params.id) + .get( + "/apaas/service/v3/service/manager/request/spcs/list?service_id=" + + this.$route.params.id + ) .then((response) => { let data = response.data.data; console.log(data); - this.service_size_data = data.data - this.buy_type = data.data[0].type + this.service_size_data = data.data; + this.buy_type = data.data[0].type; }) .catch(function(response) {}); }, - change_service_size(){ - let temp = [] - this.size_arr_down.forEach(e => { - if(e.pv&&e.count){ - if(e.flag){ - e.id = 0 + change_service_size() { + let temp = []; + this.size_arr_down.forEach((e) => { + if (e.pv && e.count) { + if (e.flag) { + e.id = 0; } - e.type = this.buy_style - delete e.undefined - delete e.flag - temp.push(e) + e.type = this.buy_style; + delete e.undefined; + delete e.flag; + temp.push(e); } }); this.$http - .post("/apaas/service/v3/service/manager/request/spcs/save",{ - service_id:parseInt(this.$route.params.id), - data:temp + .post("/apaas/service/v3/service/manager/request/spcs/save", { + service_id: parseInt(this.$route.params.id), + data: temp, }) .then((response) => { console.log(response); - if(response.data.success){ - this.$message.success('保存成功') - this.sizeset_flag = false - this.getsize_arr() - }else{ - this.$message.success('保存失败') + if (response.data.success) { + this.$message.success("保存成功"); + this.sizeset_flag = false; + this.getsize_arr(); + } else { + this.$message.success("保存失败"); } - }) + }); }, - + getServiceyxztInfo() { this.$http .get("/static/servicedetail1.json") -- 2.26.0