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 @@
:datas="service_size_data"
></table-um>
<p style="color: #8890a7;">购买方式：</p>
<p style="color: #242c43;margin:10px 0px;">{{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 style="color: #242c43;margin:10px 0px;">
{{
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>
<table-um
v-if="now_user == 1&&sizeset_flag"
v-if="now_user == 1 && sizeset_flag"
:headers="edit_size_arr"
headerCellClassName="th_pink"
:border="true"
......@@ -109,24 +126,27 @@
@changeTable="now_size_data"
>
</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>
<el-button
v-if="now_user == 1&&sizeset_flag"
v-if="now_user == 1 && sizeset_flag"
:type="buy_style == 1 ? 'primary' : ''"
@click="buy_style = 1"
>按月购买</el-button
>
<el-button
v-if="now_user == 1&&sizeset_flag"
v-if="now_user == 1 && sizeset_flag"
:type="buy_style == 2 ? 'primary' : ''"
@click="buy_style = 2"
>按年购买</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="sizeset_flag=false">取消</el-button>
<el-button @click="sizeset_flag = false">取消</el-button>
</div>
</div>
</div>
......@@ -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")
......
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