Skip to content

A
apaas-ui
Commit 09bdc0e7 authored by 张俊's avatar 张俊
Browse files
Options

Merge branch 'dev' of https://cloud.wodcloud.com/git/apaas/apaas-v3-ui into dev

parents f6082640 84e703ab
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 826 additions and 104 deletions
src/pages/index.vue
View file @ 09bdc0e7
......@@ -17,8 +17,7 @@ export default {
'/intelligent_details',
'/intelligent_appbuilder',
'/intelligent_fwzc',
'/search_engine',
'/technical_support'
'/search_engine'
]
}),
created(){
......
src/pages/technical-support/doc-manage/detail.vue 0 → 100644
View file @ 09bdc0e7
<template>
<div class="doc_manage_container">
<div class="apass_breadcrumb">
<el-breadcrumb separator="/">
<el-breadcrumb-item to="/technical_support">
技术支持
</el-breadcrumb-item>
<el-breadcrumb-item to="/technical_support/doc_manage">
开发文档
</el-breadcrumb-item>
<el-breadcrumb-item>
文档编辑
</el-breadcrumb-item>
</el-breadcrumb>
</div>
<div class="main_container">
<!-- xxx -->
</div>
</div>
</template>
<script>
export default {
data() {
return {};
},
computed: {},
created() {
if (this.$route.params.id) {
// 请求详情
} else {
// error
}
},
methods: {},
};
</script>
<style scoped>
.doc_manage_container {
height: 100%;
padding: 0 20px 30px;
box-sizing: border-box;
}
.main_container {
height: calc(100% - 53px);
background-color: #fff;
border-radius: 10px;
}
</style>
src/pages/technical-support/doc-manage/index.vue 0 → 100644
View file @ 09bdc0e7
<template>
<div class="doc_container">
<side-nav-bar
title="开发文档管理"
imgSrc="tool_ic_kaifawendang"
:nav-list="navList"
:title-path="navList[0] && navList[0].path"
style="width: 200px;"
></side-nav-bar>
<div class="main_container">
<router-view />
</div>
</div>
</template>
<script>
import sideNavBar from "@/components/side-nav-bar";
export default {
components: {
sideNavBar,
},
data: () => ({
navList: [],
}),
watch: {
"$route.fullPath"(path) {
this.initNavList();
},
},
methods: {
initNavList() {
this.$api.general.getNowMenu({ teamName: "APAAS3" }).then((response) => {
if (response.data.success == 1) {
let arr = response.data.data[0].Child;
let user_index = arr.findIndex(
(item) => item.visit_url == "/technical_support/doc-manage"
);
if (user_index != -1) {
this.navList = arr[user_index].Child;
this.navList.forEach((item) => {
item.name = item.menu_name;
item.path = item.visit_url;
});
}
}
});
},
},
mounted() {
this.initNavList();
},
};
</script>
<style scoped>
.doc_container {
height: calc(100vh - 58px);
display: flex;
justify-content: flex-start;
align-items: stretch;
}
.side_nav_bar {
width: 180px;
flex-shrink: 0;
}
.main_container {
width: calc(100% - 180px);
flex-grow: 1;
flex-shrink: 1;
background-color: #f6f7fb;
overflow: auto;
}
</style>
src/pages/technical-support/doc-manage/list.vue 0 → 100644
View file @ 09bdc0e7
<template>
<div class="doc_manage_container">
<apass-list
ref="list"
search-placeholder="请输入关键字"
:hide-search="true"
:list-total="listTotal"
:list-header="listHeader"
:list-data="listData"
:list-padding-left="paddingLeft"
@list-action="init"
>
<el-breadcrumb separator="/" slot="breadcrumb">
<el-breadcrumb-item to="/technical_support">
技术支持
</el-breadcrumb-item>
<el-breadcrumb-item to="/technical_support/doc_manage">
开发文档
</el-breadcrumb-item>
<el-breadcrumb-item>
管理列表
</el-breadcrumb-item>
</el-breadcrumb>
<template slot="header-left">
<el-button type="primary" @click="addNew">
新建
</el-button>
</template>
<template slot="top">
<div class="top_fliter">
<show-more-filter class="filter_list">
<div class="filter_item">
<span class="filter_title">文档名称：</span>
<el-input
v-model="topFilter.name"
placeholder="请输入banner关键词"
@keyup.enter.native="topFilterAction"
></el-input>
</div>
<div class="filter_item">
<span class="filter_title">文档类型：</span>
<el-select v-model="topFilter.type" placeholder="请选择">
<el-option label="全部" value=""></el-option>
<el-option
v-for="(item, index) in types"
:key="'top_type_' + index"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</div>
<div class="filter_item">
<span class="filter_title">最后更新时间：</span>
<el-date-picker
v-model="topFilter.time"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
value-format="yyyy-MM-dd"
>
</el-date-picker>
</div>
</show-more-filter>
<div class="filter_action apaas_button">
<el-button type="primary" @click="topFilterAction">
查询
</el-button>
<el-button type="defalut" @click="topFilterClear">
重置
</el-button>
</div>
</div>
</template>
</apass-list>
</div>
</template>
<script>
import apassList from "@/components/apass-list";
import apassDialog from "@/components/apass-dialog";
import showMoreFilter from "@/components/show-more-filter";
export default {
components: {
apassList,
apassDialog,
showMoreFilter,
},
data() {
return {
paddingLeft: 25,
listTotal: 50,
listHeader: [
{
label: "文档名称",
prop: "name",
type: "button",
callback: this.viewItem,
width: 320,
},
{
label: "文档类型",
prop: "type",
align: "center",
},
{
label: "操作人",
prop: "person",
align: "center",
},
{
label: "最后更新时间",
prop: "update_time",
align: "center",
},
{
label: "操作",
type: "buttons",
align: "center",
width: 240,
actionList: [
{
label: "编辑",
callback: this.editItem,
},
{
label: "删除",
callback: this.deleteItem,
class: "warn",
},
],
},
],
listData: [
{
id: "1000001",
type: "平台简介",
name: "BD-aPaaS平台（V3.0）平台简介",
person: "江阳",
update_time: "2016-09-21 08:50:08",
},
{
id: "1000002",
type: "平台简介",
name: "BD-aPaaS平台（V3.0）平台简介",
person: "江阳",
update_time: "2016-09-21 08:50:08",
},
{
id: "1000003",
type: "平台简介",
name: "BD-aPaaS平台（V3.0）平台简介",
person: "江阳",
update_time: "2016-09-21 08:50:08",
},
],
topFilter: {
name: "",
type: "",
time: "",
},
types: [
{ label: "平台简介", value: "introductory" },
{ label: "使用须知", value: "notice" },
{ label: "术语说明", value: "trem" },
{ label: "标准规范", value: "standard" },
{ label: "操作指南", value: "guide" },
{ label: "接口文档", value: "api" },
{ label: "常见问题", value: "questions" },
],
};
},
computed: {},
created() {},
methods: {
init(filter) {
let fullFilter = {
...filter,
...this.topFilter,
};
console.log(fullFilter);
},
topFilterAction() {
this.refreshPage();
},
topFilterClear() {
this.topFilter = {
name: "",
type: "",
time: "",
};
this.refreshPage();
},
refreshPage() {
this.$refs.list.resetCurrentPage();
},
viewItem(item) {
console.log(`view ${item.name}`);
},
editItem(item) {
console.log(`edit ${item.name}`);
},
deleteItem(item) {
console.log(`delete ${item.name}`);
},
addNew() {
console.log("addNew");
},
},
};
</script>
<style scoped>
.doc_manage_container {
height: 100%;
}
</style>
src/pages/technical-support/doc/detail.vue 0 → 100644
View file @ 09bdc0e7
This diff is collapsed.
src/pages/technical-support/doc/index.vue 0 → 100644
View file @ 09bdc0e7
<template>
<div class="page_container">
<side-nav-bar
title="开发文档"
imgSrc="tool_ic_kaifawendang"
:nav-list="navList"
:title-path="navList[0] && navList[0].path"
style="width: 200px;"
></side-nav-bar>
<div class="main_container">
<router-view />
</div>
</div>
</template>
<script>
import sideNavBar from "@/components/side-nav-bar";
export default {
components: {
sideNavBar,
},
data: () => ({
navList: [],
}),
watch: {
"$route.fullPath"(path) {
this.initNavList();
},
},
methods: {
initNavList() {
this.$api.general.getNowMenu({ teamName: "APAAS3" }).then((response) => {
if (response.data.success == 1) {
let arr = response.data.data[0].Child;
let user_index = arr.findIndex(
(item) => item.visit_url == "/technical_support/doc"
);
if (user_index != -1) {
this.navList = arr[user_index].Child;
this.navList.forEach((item) => {
item.name = item.menu_name;
item.path = item.visit_url;
});
}
}
});
},
},
mounted() {
this.initNavList();
},
};
</script>
<style scoped>
.page_container {
height: calc(100vh - 58px);
display: flex;
justify-content: flex-start;
align-items: stretch;
}
.side_nav_bar {
width: 180px;
flex-shrink: 0;
}
.main_container {
width: calc(100% - 180px);
flex-grow: 1;
flex-shrink: 1;
background-color: #f6f7fb;
overflow: auto;
}
</style>
src/pages/technical-support/index.vue
View file @ 09bdc0e7
<template>
<div class="contain">
<div class="technical_head">{{ $t("lang.technical_support") }}</div>
<BlockRadius class="default">
<div class="default_img">
<h1 class="default_title">开发中，敬请期待！</h1>
<h3 class="default_msg">
如需技术支持
<br />请联系管理员
</h3>
</div>
</BlockRadius>
</div>
<router-view></router-view>
</template>
<script>
import BlockRadius from "@/components/general/block-radius";
export default {
data() {
return {};
},
components: {
BlockRadius,
},
computed: {},
created() {},
mounted() {},
methods: {},
};
</script>
<style lang="less" scoped>
.contain {
width: calc(100% - 80px);
margin: 0 auto;
margin-top: -157px;
margin-bottom: 20px;
.technical_head {
color: #626de9;
font-size: 14px;
padding: 20px;
}
.default {
height: calc(100vh - 160px);
display: flex;
align-items: center;
justify-content: center;
.default_img {
width: 1282px;
height: 629px;
.default_title {
color: #264dd9;
font-size: 44px;
font-weight: bold;
margin-bottom: 40px;
}
.default_msg {
color: #58617a;
font-size: 24px;
line-height: 44px;
}
}
}
}
</style>
<style scoped>
.default_img {
background: url("~@/assets/imgs/img_default_quesheng.png") no-repeat center center;
}
</style>
\ No newline at end of file
src/router/index.js
View file @ 09bdc0e7
This diff is collapsed.
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