From b65b3732d4ca1f6515dfc871a4429d7d1dc46332 Mon Sep 17 00:00:00 2001
From: xuyiming <xuyiming@bd-apaas.com>
Date: Fri, 23 Oct 2020 14:49:43 +0800
Subject: [PATCH] =?UTF-8?q?=E9=97=AE=E7=AD=94=E4=B8=AD=E5=BF=83=E5=88=97?=
 =?UTF-8?q?=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../technical-support/answer-center/index.vue | 46 +++++--------
 .../technical-support/answer-center/list.vue  | 64 +++++++++++--------
 src/router/index.js                           |  2 +-
 3 files changed, 55 insertions(+), 57 deletions(-)

diff --git a/src/pages/technical-support/answer-center/index.vue b/src/pages/technical-support/answer-center/index.vue
index 20b20a0..8324a2f 100644
--- a/src/pages/technical-support/answer-center/index.vue
+++ b/src/pages/technical-support/answer-center/index.vue
@@ -1,51 +1,39 @@
 <template>
-  <div class="doc_container">
+  <div class="answer_container">
     <div class="content">
       <router-view class="content_box" />
-      <div class="user_info">header</div>
+      <div class="user_info"></div>
     </div>
   </div>
 </template>
 
 <script>
 export default {
-  components: {
-    
-  },
-  data: () => ({
-    
-  }),
-  watch: {
-    
-  },
-  methods: {
-    
-  },
-  mounted() {
-    
-  },
+  components: {},
+  data: () => ({}),
+  watch: {},
+  methods: {},
+  mounted() {},
 };
 </script>
 
 <style scoped>
-.doc_container {
-  height: calc(100vh - 58px);
-  display: flex;
-  justify-content: flex-start;
-  align-items: stretch;
-}
-.content{
+.content {
   width: 1200px;
   margin: 0 auto;
   position: relative;
 }
-.content_box{
+.content_box {
   width: 856px;
+  height: calc(100vh - 58px);
 }
-.user_info{
+.user_info {
   width: 328px;
-  position: absolute;
-  top: 46px;
-  right: 0px;
+  height: 328px;
+  background-color: #fff;
+  border-radius: 10px;
+  position: fixed;
+  top: 104px;
+  right: calc((100% - 1200px) / 2);
 }
 </style>
diff --git a/src/pages/technical-support/answer-center/list.vue b/src/pages/technical-support/answer-center/list.vue
index e58341a..f32f7aa 100644
--- a/src/pages/technical-support/answer-center/list.vue
+++ b/src/pages/technical-support/answer-center/list.vue
@@ -1,38 +1,48 @@
 <template>
-    <div>
-        list
+  <div class="answer_list_container">
+    <div class="apass_breadcrumb">
+      <el-breadcrumb separator="/">
+        <el-breadcrumb-item to="/technical_support">
+          技术支持
+        </el-breadcrumb-item>
+        <el-breadcrumb-item to="/technical_support/answer_center">
+          问答中心
+        </el-breadcrumb-item>
+        <el-breadcrumb-item>
+          问答列表
+        </el-breadcrumb-item>
+      </el-breadcrumb>
     </div>
+
+    <div class="main_container"></div>
+  </div>
 </template>
 
 <script>
 export default {
-    props: [],
-    components: {
-
-    },
-    data() {
-        return {
-
-        };
-    },
-    watch: {
-
-    },
-    computed: {
-
-    },
-    created() {
-
-    },
-    mounted() {
-
-    },
-    methods: {
-
-    },
+  data() {
+    return {
+      answerList: [],
+    };
+  },
+  computed: {},
+  created() {
+    this.getAnwerList();
+  },
+  methods: {
+    getAnwerList() {},
+  },
 };
 </script>
 
 <style scoped>
-
+.apass_breadcrumb > .el-breadcrumb {
+  padding: 12px 0 11px;
+}
+.main_container {
+  min-height: calc(100% - 66px);
+  background-color: #fff;
+  border-radius: 10px;
+  margin-bottom: 20px;
+}
 </style>
diff --git a/src/router/index.js b/src/router/index.js
index e9d4fd9..42aba92 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -206,7 +206,7 @@ export default new Router({
                     import("@/pages/technical-support/answer-center/detail"),
                 }, // 问答中心详情
               ],
-            }, // 开发文档管理
+            }, // 问答中心
           ],
         }, // 技术支持
         {
-- 
2.26.0