Skip to content

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

服务管理fixed

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