Skip to content

A
apaas-ui
Commit 7af5aa76 authored by 张俊's avatar 张俊
Browse files
Options

服务详情

parent 25afbaa9
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 362 additions and 7 deletions
index.html
View file @ 7af5aa76
...@@ -5,7 +5,11 @@ ...@@ -5,7 +5,11 @@
<meta name="viewport" content="width=device-width,initial-scale=1.0" /> <meta name="viewport" content="width=device-width,initial-scale=1.0" />
<title>apaas 3.0</title> <title>apaas 3.0</title>
<link rel="shortcut icon" type="image/x-icon" href="static/favicon.ico" /> <link rel="shortcut icon" type="image/x-icon" href="static/favicon.ico" />
<style>
body{
background-color: #f6f7fb;
}
</style>
</head> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>
......
src/assets/imgs/fwgl_ic_arrow.svg 0 → 100644
View file @ 7af5aa76
This diff is collapsed.
src/assets/imgs/fwgl_ic_operation.svg 0 → 100644
View file @ 7af5aa76
<svg id="图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.02 22.31"><defs><style>.cls-1{fill:#8390ee;}.cls-2{fill:#c3caf8;}</style></defs><title>ic_画板 5</title><path class="cls-1" d="M4,21.31a3,3,0,0,1-3-3V4A3,3,0,0,1,5.63,1.49l11,7.15a3,3,0,0,1,0,5l-11,7.15A3,3,0,0,1,4,21.31Z"/><path class="cls-2" d="M4,2a2,2,0,0,1,1.08.33l11,7.15a2,2,0,0,1,0,3.36L5.09,20A2,2,0,0,1,4,20.31a2,2,0,0,1-2-2V4A2,2,0,0,1,4,2M4,0A4,4,0,0,0,0,4v14.3a4,4,0,0,0,6.18,3.36l11-7.15a4,4,0,0,0,0-6.71L6.18.65A4,4,0,0,0,4,0Z"/></svg>
\ No newline at end of file
src/assets/imgs/fwgl_ic_wait.svg 0 → 100644
View file @ 7af5aa76
<svg id="图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32.04 9"><defs><style>.cls-1{fill:#8390ee;}.cls-2{fill:#c3caf8;}</style></defs><title>ic_画板 4</title><circle class="cls-1" cx="4.5" cy="4.5" r="3.5"/><path class="cls-2" d="M4.5,2A2.5,2.5,0,1,1,2,4.5,2.5,2.5,0,0,1,4.5,2m0-2A4.5,4.5,0,1,0,9,4.5,4.51,4.51,0,0,0,4.5,0Z"/><path class="cls-1" d="M16,8a3.5,3.5,0,0,1,0-7,3.5,3.5,0,0,1,0,7Z"/><path class="cls-2" d="M16,2a2.5,2.5,0,1,1-2.29,1.5A2.49,2.49,0,0,1,16,2m0-2h0a4.5,4.5,0,1,0,1.79.37A4.5,4.5,0,0,0,16,0Z"/><path class="cls-1" d="M27.54,8a3.5,3.5,0,0,1,0-7,3.5,3.5,0,0,1,0,7Z"/><path class="cls-2" d="M27.54,2a2.5,2.5,0,1,1-2.29,1.5A2.49,2.49,0,0,1,27.54,2m0-2h0a4.5,4.5,0,1,0,1.79.37A4.5,4.5,0,0,0,27.54,0Z"/></svg>
\ No newline at end of file
src/components/infoList.vue 0 → 100644
View file @ 7af5aa76
<template>
<div class="outlist">
<div v-for="(item,index) in list_arr" :key="index+1100" class="list">
<p>{{item.title}}</p>
<p>{{item.info}}</p>
<slot v-if="item.type&&item.type=='solt'" :name="item.solt_name"></slot>
</div>
</div>
</template>
<script>
export default {
data() {
return {
}
},
props:['list_arr']
};
</script>
<style scoped>
.list p{
line-height: 32px;
color: #8890a7;
}
.list{
margin-bottom: 20px;
}
.list p:nth-of-type(2){
color: #242c43;
}
.outlist .list:nth-last-of-type(1){
margin: 0;
}
</style>
\ No newline at end of file
src/pages/index.vue
View file @ 7af5aa76
<template> <template>
<div class="index_container"> <div class="index_container">
<div class="decor"></div> <div class="decor" v-if="$route.fullPath == '/workplace'"></div>
<router-view/> <router-view/>
</div> </div>
</template> </template>
...@@ -8,6 +8,9 @@ ...@@ -8,6 +8,9 @@
<script> <script>
export default { export default {
data: () => ({}), data: () => ({}),
created(){
console.log(this.$route.fullPath);
},
methods: { methods: {
} }
}; };
......
src/pages/serviceDetail.vue 0 → 100644
View file @ 7af5aa76
<template>
<div class="detail_contain">
<p class="now_page_title">我的服务 / 注册发布的服务 / <span>服务详情</span></p>
<div class="info_contain">
<div class="info_logo">
<div class="logo"></div>
<div class="info">
<p class="info_title"><span>地市GDP基础数据</span> <span class="info_fix">我要修改</span></p>
<div class="info_detail">
<p>
服务类型：<span>数据服务</span>
申请次数：<span>39</span>
调用次数：<span>25</span>
服务状态：<span>上架中</span>
</p>
<p>
服务接口地址：<a style="color:#515fe7;text-decoration: none;" target="_blank" href="http://localhost:8084/cszh/rest/yxtz/zdrylx?code=430100000000">http://localhost:8084/cszh/rest/yxtz/zdrylx?code=430100000000</a>
</p>
</div>
</div>
</div>
<div class="type_box">
<div class="type_title">
<div v-for="(item,index) in service_arr" :key="index+1000" class="type_select" @click="now_service=index" :style="now_service==index?{borderBottom: '4px solid #f5ab4c'}:{}">{{item}}</div>
</div>
<div class="type_box_select">
<info-list :list_arr="now_service==0?list_arr:servicead_arr" v-if="now_service == 0||now_service == 1">
<table-um :headers="header_arr" url="params_arr" :paginationShow="true" slot="zd_table"></table-um>
</info-list>
</div>
</div>
</div>
</div>
</template>
<script>
import infoList from '../components/infoList'
import tableUm from '../components/table-um'
export default {
components:{
infoList,
tableUm
},
data() {
return {
service_arr:['服务基本信息','接口详细信息','服务运行状态'],
now_service:0,
header_arr:[
{
prop:'zdmc',
label:'字段名称',
width:'200px',
align:'left',
},
{
prop:'zdbm',
label:'字段编码',
width:'100px',
align:'center',
},
{
prop:'zdlx',
label:'字段类型',
width:'100px',
align:'center',
},
{
prop:'zdsm',
label:'字段说明',
width:'300px',
align:'left',
},
{
prop:'zdsl',
label:'字段示例数值',
width:'120px',
align:'left',
},
],
servicead_arr:[
{
title:'请求方式：',
info:'get'
},
{
title:'请求参数：',
info:'无请求参数'
},
{
title:'请求示例：',
info:'无请求示例'
},
{
title:'编码格式：',
info:'UTF-8'
},
{
title:'响应参数：',
info:'',
type:'solt',
solt_name:'zd_table'
},
{
title:'响应示例：',
info:'',
type:'solt',
solt_name:'zd_t1able'
},
],
list_arr:[
{
title:'服务描述：',
info:'提供贵州省2019年各市州的GDP数据。'
},
{
title:'服务领域：',
info:'经济建设'
},
{
title:'所属组织：',
info:'北京比格大数据有限公司'
},
{
title:'开放程度：',
info:'共享'
},
{
title:'接口编码：',
info:'chart'
},
{
title:'注册发布时间：',
info:'2019-02-17 21:09:23'
},
],
}
},
};
</script>
<style scoped>
.detail_contain{
width: 100%;
padding: 0 20px;
}
.info_contain{
padding: 25px 20px;
background-color: #fff;
width: 100%;
box-shadow: 0px 3px 6px 0px
#f4f7fc;
border-radius: 12px;
}
.now_page_title{
margin: 15px 0;
color: #898d9e;
}
.now_page_title span{
color: #242c43;
}
.info_logo{
overflow: hidden;
width: 100%;
margin-bottom: 15px;
}
.logo{
float: left;
width: 144px;
height: 144px;
background-color: #0f6ac7;
margin-right: 13px;
}
.info{
float: left;
width: calc(100% - 157px);
}
.info_title{
font-size: 18px;
font-weight: bold;
color: #0d1847;
padding-left: 10px;
margin-bottom: 26px;
}
.info_fix{
display: inline-block;
width: 76px;
height: 32px;
background-color: #515fe7;
border-radius: 8px;
font-size: 14px;
font-weight: normal;
color: #e6ebfe;
line-height: 32px;
text-align: center;
cursor: pointer;
float: right;
}
.info_detail{
width: 100%;
height: 96px;
background-color: #f6f7fb;
border-radius: 8px;
line-height: 40px;
padding: 8px 20px;
}
.info_detail p{
color: #8890a7;
}
.info_detail span{
color: #242c43;
margin-right: 48px;
}
.type_box{
width: 100%;
}
.type_title{
width: 100%;
height: 65px;
line-height: 65px;
border-bottom: 2px solid #f4f7fc;
}
.type_select{
float: left;
width: auto;
margin-right: 40px;
height: 65px;
cursor: pointer;
}
.type_box_select{
padding: 30px 10px 10px 10px;
width: 100%;
}
</style>
src/pages/serviceEdit.vue 0 → 100644
View file @ 7af5aa76
<template>
<div>
</div>
</template>
<script>
export default {
props: {
},
components: {
},
data() {
return {
};
},
watch: {
},
computed: {
},
created() {
},
mounted() {
},
methods: {
},
};
</script>
<style scoped>
</style>
src/router/index.js
View file @ 7af5aa76
import Vue from "vue"; import Vue from "vue";
import Router from "vue-router"; import Router from "vue-router";
import Index from "@/pages/index";
import workPlace from "@/pages/workPlace"
Vue.use(Router); Vue.use(Router);
export default new Router({ export default new Router({
...@@ -14,12 +12,18 @@ export default new Router({ ...@@ -14,12 +12,18 @@ export default new Router({
{ {
path: "/index", path: "/index",
name: "index", name: "index",
component: Index, component: () => import("@/pages/index"),
redirect: "/workplace", redirect: "/workplace",
children: [{ children: [
{
path: "/workplace", path: "/workplace",
name: "workPlace", name: "workPlace",
component: workPlace, component: () => import("@/pages/workPlace"),
},
{
path: "/servicedetail",
name: "servicedetail",
component: () => import("@/pages/serviceDetail"),
}, },
{ {
path: "/fwzc", // 服务注册 path: "/fwzc", // 服务注册
......
static/data.json
View file @ 7af5aa76
...@@ -66,6 +66,34 @@ ...@@ -66,6 +66,34 @@
"address": "上海市普陀区金沙江路 1516 弄" "address": "上海市普陀区金沙江路 1516 弄"
} }
], ],
"params_arr":[
{
"id": 1,
"zdmc": "地区",
"zdbm": "area",
"zdlx": "字符串",
"zdsm": "这是一个地区的名称",
"zdsl":"贵阳市"
},
{
"id": 2,
"zdmc": "地区生产总值",
"zdbm": "GDP",
"zdlx": "字符串",
"zdsm": "这是一个地区的总值",
"zdsl":"1235",
"children": [
{
"id": 21,
"zdmc": "地区",
"zdbm": "area",
"zdlx": "字符串",
"zdsm": "这是一个地区的名称",
"zdsl":"贵阳市"
}
]
}
],
"creat_app":[ "creat_app":[
{ {
"id": 1, "id": 1,
......
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