From d27c444f2ad6898608444178ff19b69efc2c3ed5 Mon Sep 17 00:00:00 2001
From: xuyiming <xuyiming@bd-apaas.com>
Date: Mon, 26 Oct 2020 15:24:40 +0800
Subject: [PATCH] =?UTF-8?q?=E9=97=AE=E7=AD=94=E4=B8=AD=E5=BF=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../answer-center/detail.vue                  | 264 +++++-------------
 .../technical-support/answer-center/edit.vue  |  26 +-
 .../technical-support/answer-center/index.vue | 204 ++++----------
 .../technical-support/answer-center/list.vue  | 187 ++++---------
 4 files changed, 187 insertions(+), 494 deletions(-)

diff --git a/src/pages/technical-support/answer-center/detail.vue b/src/pages/technical-support/answer-center/detail.vue
index 65bc2c7..7dfe065 100644
--- a/src/pages/technical-support/answer-center/detail.vue
+++ b/src/pages/technical-support/answer-center/detail.vue
@@ -1,9 +1,19 @@
 <template>
   <div class="detail_box">
-    <p class="now_page_title">
-      技术支持 / 问答中心 / 问答列表 /
-      <span>详情</span>
-    </p>
+    <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 to="/technical_support/answer_center/list">
+          问答列表
+        </el-breadcrumb-item>
+        <el-breadcrumb-item> 详情 </el-breadcrumb-item>
+      </el-breadcrumb>
+    </div>
     <div class="detail_content">
       <div class="question" v-if="question.title">
         <p>{{ question.title }}</p>
@@ -49,34 +59,36 @@
                           <div slot="suffix" class="back_solt" @click="answer_question(item.id,item.user_id)">回复</div>
                       </el-input>
                     </div>
-                    <div class="back_fllow answer_box" v-for="(it,idx) in item.children" :key="'ans_child'+idx+5000" v-if="idx<=4||answer_child_index===index">
-                      <div :style="idx == item.children.length-1&&item.children.length<=5?{border:'0',overflow:'hidden',}:{borderBottom:'2px solid #f4f7fc',overflow:'hidden',}" >
-                        <div class="picture">
-                            <img :src="it.user_picture_path" alt="" style="width:100%">
-                        </div>
-                        <div class="text" style="border:0;">
-                            <p>
-                                <span class="left">{{it.username}} <span><span style="color:#bcc1d0;margin:0 9px;">回复</span>{{it.answered_user}}</span> </span> 
-                                <span class="right"> 
-                                    <span></span><span>{{deal_time(it.created)}}</span> 
-                                </span> 
-                            </p>
-                            <div v-html="it.content" class="hf_content"></div>
-                            <div @click="showinput(index,idx)" class="back"><img src="../../../assets/imgs/jszc_btn_huifu.png" alt=""> 回复</div>
-                        </div>
-                        <div class="back_input" style="padding:0;height:auto;margin-bottom:0;" v-if="answer_count[0]==index&&answer_count[1]==idx">
-                          <el-input
-                              :placeholder="'回复'+it.username"
-                              @blur="clear_index"
-                              :ref="'input'+index+idx"
-                              v-model="back_info">
-                              <div slot="prefix" style="height:48px;line-height:48px;">
-                                <img :src="user_info.picture_path" alt="" style="width:24px;margin:0 10px 0 10px;vertical-align:-6px;border-radius:50%;"></div>
-                              <div slot="suffix" class="back_solt" @click="answer_question(it.id,it.user_id)">回复</div>
-                          </el-input>
+                    <template v-for="(it,idx) in item.children">
+                      <div class="back_fllow answer_box" :key="'ans_child'+idx+5000" v-if="idx<=4||answer_child_index===index">
+                        <div :style="idx == item.children.length-1&&item.children.length<=5?{border:'0',overflow:'hidden',}:{borderBottom:'2px solid #f4f7fc',overflow:'hidden',}" >
+                          <div class="picture">
+                              <img :src="it.user_picture_path" alt="" style="width:100%">
+                          </div>
+                          <div class="text" style="border:0;">
+                              <p>
+                                  <span class="left">{{it.username}} <span><span style="color:#bcc1d0;margin:0 9px;">回复</span>{{it.answered_user}}</span> </span> 
+                                  <span class="right"> 
+                                      <span></span><span>{{deal_time(it.created)}}</span> 
+                                  </span> 
+                              </p>
+                              <div v-html="it.content" class="hf_content"></div>
+                              <div @click="showinput(index,idx)" class="back"><img src="../../../assets/imgs/jszc_btn_huifu.png" alt=""> 回复</div>
+                          </div>
+                          <div class="back_input" style="padding:0;height:auto;margin-bottom:0;" v-if="answer_count[0]==index&&answer_count[1]==idx">
+                            <el-input
+                                :placeholder="'回复'+it.username"
+                                @blur="clear_index"
+                                :ref="'input'+index+idx"
+                                v-model="back_info">
+                                <div slot="prefix" style="height:48px;line-height:48px;">
+                                  <img :src="user_info.picture_path" alt="" style="width:24px;margin:0 10px 0 10px;vertical-align:-6px;border-radius:50%;"></div>
+                                <div slot="suffix" class="back_solt" @click="answer_question(it.id,it.user_id)">回复</div>
+                            </el-input>
+                          </div>
                         </div>
                       </div>
-                    </div>
+                    </template>
                     <div class="under_count" v-if="item.children&&item.children.length>5&&answer_child_index!==index">
                       还有{{item.children.length-5}}条回复，<span @click="answer_child_index=index">点击查看</span> 
                     </div>
@@ -124,130 +136,7 @@ export default {
           'video'
       ],
       editstr:'',
-      answer: [
-        {
-          id: 4,
-          username: "普通neo",
-          created: "2020-10-21T15:30:13+08:00",
-          content: "这个问题我知道，详情请参见http://www.baidu.com/abc",
-          answered_user: "",
-          children: [
-            {
-              id: 5,
-              username: "普通neo",
-              created: "2020-10-21T15:34:20+08:00",
-              content: "这个问题我知道，详情请参见http://www.baidu.com/abc",
-              answered_user: "我是超级管理员",
-              children: null,
-            },
-            {
-              id: 6,
-              username: "普通neo",
-              created: "2020-10-21T15:34:20+08:00",
-              content: "这个问题我知道，详情请参见http://www.baidu.com/abc",
-              answered_user: "我是超级管理员",
-              children: null,
-            },
-            {
-              id: 7,
-              username: "普通neo",
-              created: "2020-10-21T15:34:20+08:00",
-              content: "这个问题我知道，详情请参见http://www.baidu.com/abc",
-              answered_user: "我是超级管理员",
-              children: null,
-            },
-            {
-              id: 5,
-              username: "普通neo",
-              created: "2020-10-21T15:34:20+08:00",
-              content: "这个问题我知道，详情请参见http://www.baidu.com/abc",
-              answered_user: "我是超级管理员",
-              children: null,
-            },
-            {
-              id: 6,
-              username: "普通neo",
-              created: "2020-10-21T15:34:20+08:00",
-              content: "这个问题我知道，详情请参见http://www.baidu.com/abc",
-              answered_user: "我是超级管理员",
-              children: null,
-            },
-            {
-              id: 7,
-              username: "普通neo",
-              created: "2020-10-21T15:34:20+08:00",
-              content: "这个问题我知道，详情请参见http://www.baidu.com/abc",
-              answered_user: "我是超级管理员",
-              children: null,
-            },
-          ],
-        },
-        {
-          id: 4,
-          username: "普通neo",
-          created: "2020-10-21T15:30:13+08:00",
-          content: "这个问题我知道，详情请参见http://www.baidu.com/abc",
-          answered_user: "",
-          children: [
-            {
-              id: 5,
-              username: "普通neo",
-              created: "2020-10-21T15:34:20+08:00",
-              content: "这个问题我知道，详情请参见http://www.baidu.com/abc",
-              answered_user: "我是超级管理员",
-              children: null,
-            },
-            {
-              id: 6,
-              username: "普通neo",
-              created: "2020-10-21T15:34:20+08:00",
-              content: "这个问题我知道，详情请参见http://www.baidu.com/abc",
-              answered_user: "我是超级管理员",
-              children: null,
-            },
-            {
-              id: 7,
-              username: "普通neo",
-              created: "2020-10-21T15:34:20+08:00",
-              content: "这个问题我知道，详情请参见http://www.baidu.com/abc",
-              answered_user: "我是超级管理员",
-              children: null,
-            },
-            {
-              id: 5,
-              username: "普通neo",
-              created: "2020-10-21T15:34:20+08:00",
-              content: "这个问题我知道，详情请参见http://www.baidu.com/abc",
-              answered_user: "我是超级管理员",
-              children: null,
-            },
-            {
-              id: 6,
-              username: "普通neo",
-              created: "2020-10-21T15:34:20+08:00",
-              content: "这个问题我知道，详情请参见http://www.baidu.com/abc",
-              answered_user: "我是超级管理员",
-              children: null,
-            },
-            {
-              id: 7,
-              username: "普通neo",
-              created: "2020-10-21T15:34:20+08:00",
-              content: "这个问题我知道，详情请参见http://www.baidu.com/abc",
-              answered_user: "我是超级管理员",
-              children: null,
-            },
-          ],
-        },
-        {
-          id: 4,
-          username: "普通neo",
-          created: "2020-10-21T15:30:13+08:00",
-          content: "这个问题我知道，详情请参见http://www.baidu.com/abc",
-          answered_user: "",
-          children: null,
-        },
-      ],
+      answer: [],
     };
   },
   watch: {},
@@ -348,50 +237,43 @@ export default {
           })
       },100)
     },
-      deal_time(time){
-        console.log(time);
-        return  time.split('+')[0].replace("T"," ")
-      },
-      showinput(...arg){
-        console.log(arg);
+    deal_time(time){
+      console.log(time);
+      return  time.split('+')[0].replace("T"," ")
+    },
+    showinput(...arg){
+      console.log(arg);
+      this.answer_count=[]
+      this.answer_index=''
+      this.back_info = ''
+      if(!arg[1]&&arg[1]!==0){
+        this.answer_index = arg[0]
+        this.$nextTick(()=>{
+          var temp = 'input'+arg[0]
+          this.$refs[temp][0].$refs.input.focus()
+        })
+      }else{
+        this.answer_count=arg
+        this.$nextTick(()=>{
+          this.$refs['input'+arg[0]+arg[1]][0].$refs.input.focus();
+        })
+        
+      }
+    },
+    clear_index(){
+      setTimeout(()=>{
         this.answer_count=[]
         this.answer_index=''
         this.back_info = ''
-        if(!arg[1]&&arg[1]!==0){
-          this.answer_index = arg[0]
-          this.$nextTick(()=>{
-            var temp = 'input'+arg[0]
-            this.$refs[temp][0].$refs.input.focus()
-          })
-        }else{
-          this.answer_count=arg
-          this.$nextTick(()=>{
-            this.$refs['input'+arg[0]+arg[1]][0].$refs.input.focus();
-          })
-          
-        }
-      },
-      clear_index(){
-        setTimeout(()=>{
-          this.answer_count=[]
-          this.answer_index=''
-          this.back_info = ''
-        },500)
-      }
+      },500)
+    }
   },
 };
 </script>
 
 <style scoped>
-.detail_box {
-  /* min-height: calc(100% - 15px); */
-}
-.now_page_title {
-  margin: 13px 0;
-  color: #898d9e;
-}
-.now_page_title span {
-  color: #242c43;
+.apass_breadcrumb > .el-breadcrumb {
+  padding: 12px 0 11px;
 }
 .detail_content {
   width: 100%;
@@ -399,7 +281,7 @@ export default {
 }
 .question,
 .answer {
-  width: 856px;
+  width: 100%;
   background-color: #fff;
   box-shadow: 0px 3px 6px 0px rgba(15, 19, 65, 0.04);
   border-radius: 12px;
diff --git a/src/pages/technical-support/answer-center/edit.vue b/src/pages/technical-support/answer-center/edit.vue
index a21bc99..0d0e185 100644
--- a/src/pages/technical-support/answer-center/edit.vue
+++ b/src/pages/technical-support/answer-center/edit.vue
@@ -1,9 +1,16 @@
 <template>
     <div class="detail_box">
-        <p class="now_page_title">
-        技术支持 / 问答中心 /
-            <span>发帖提问</span>
-        </p>
+        <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="detail_content">
             <div class="detail_title">
                 <el-input v-model="title" placeholder="请输入问题标题"></el-input>
@@ -93,15 +100,8 @@ export default {
 </script>
 
 <style scoped>
-.detail_box {
-  
-}
-.now_page_title {
-  margin: 13px 0;
-  color: #898d9e;
-}
-.now_page_title span {
-  color: #242c43;
+.apass_breadcrumb > .el-breadcrumb {
+  padding: 12px 0 11px;
 }
 .detail_content {
   width: 100%;
diff --git a/src/pages/technical-support/answer-center/index.vue b/src/pages/technical-support/answer-center/index.vue
index de456f6..9ca43e0 100644
--- a/src/pages/technical-support/answer-center/index.vue
+++ b/src/pages/technical-support/answer-center/index.vue
@@ -1,29 +1,32 @@
 <template>
   <div class="answer_container">
     <router-view class="left_content" />
-    <div class="right_content" v-if="$route.path!== '/technical_support/answer_center/edit'">
-      <div class="user_info">
+    <div
+      class="right_content"
+      v-if="$route.path !== '/technical_support/answer_center/edit'"
+    >
+      <div class="user_info" v-if="userInfo">
         <div class="user_img">
-          <img :src="require('../../../assets/imgs/img_head.png')" />
+          <img :src="userInfo.picture_path || head_pic" />
         </div>
-        <p class="user_name">勒布朗</p>
-        <p class="user_level">普通用户</p>
+        <p class="user_name">{{ userInfo.user_name }}</p>
+        <p class="user_level">{{ userInfo.role }}</p>
         <ul class="user_other">
           <li style="cursor: pointer;" @click="intoListPage(0)">
-            <p>800</p>
+            <p>{{ userInfo.question_num }}</p>
             <p>我的提问</p>
           </li>
           <li style="cursor: pointer;" @click="intoListPage(1)">
-            <p>800</p>
+            <p>{{ userInfo.answer_num }}</p>
             <p>我的回答</p>
           </li>
           <li>
-            <p>8.88万</p>
+            <p>{{ userInfo.view_num }}</p>
             <p>浏览数</p>
           </li>
         </ul>
       </div>
-      <div class="contributor_info">
+      <div class="contributor_info" v-if="contributorAnswerList">
         <h3 class="contributor_title">
           <span>本月回答贡献榜</span>
         </h3>
@@ -33,13 +36,13 @@
             :key="'answer_' + index"
           >
             <span class="list_index" v-text="index + 1"></span>
-            <img class="list_img" :src="item.picture_path" />
-            <span class="list_text text_clip" v-text="item.content"></span>
-            <span class="list_count" v-text="item.answer_num"></span>
+            <img class="list_img" :src="item.picture_path || head_pic" />
+            <span class="list_text text_clip" v-text="item.item"></span>
+            <span class="list_count" v-text="item.num"></span>
           </li>
         </ul>
       </div>
-      <div class="contributor_info">
+      <div class="contributor_info" v-if="contributorQuizList">
         <h3 class="contributor_title">
           <span>本月提问贡献榜</span>
         </h3>
@@ -49,9 +52,9 @@
             :key="'quiz_' + index"
           >
             <span class="list_index" v-text="index + 1"></span>
-            <img class="list_img" :src="item.picture_path" />
-            <span class="list_text text_clip" v-text="item.content"></span>
-            <span class="list_count" v-text="item.answer_num"></span>
+            <img class="list_img" :src="item.picture_path || head_pic" />
+            <span class="list_text text_clip" v-text="item.item"></span>
+            <span class="list_count" v-text="item.num"></span>
           </li>
         </ul>
       </div>
@@ -64,152 +67,47 @@ export default {
   components: {},
   data() {
     return {
-      contributorAnswerList: [],
-      contributorQuizList: [],
+      userInfo: null,
+      contributorAnswerList: null,
+      contributorQuizList: null,
+      head_pic: require("../../../assets/imgs/img_head.png"),
     };
   },
   created() {
+    this.getUserInfo();
     this.getAnwerList();
   },
   methods: {
+    getUserInfo() {
+      this.$http.get("/apaas/support/qa/info").then(({ data }) => {
+        if (data.success) {
+          this.userInfo = data.data;
+        }
+      });
+    },
     getAnwerList() {
-      this.contributorAnswerList = [
-        {
-          id: 1,
-          title: "平台的流程引擎怎么样", // 标题
-          content: "我们想用流程引擎，不会用，求大神指点", // 内容
-          created_by: "abc", // 发布人的userid
-          created: "2020-10-21T14:28:10+08:00", // 发布时间
-          updated: "2020-10-21T14:28:10+08:00", // 更新时间
-          view: 0, // 浏览量
-          answer_num: 2, // 回答数,
-          user_name: "普通neo", // 发布人
-          picture_path:
-            "http://pic1.win4000.com/tj/2017-07-11/596437562ae53.jpg",
-        },
-        {
-          id: 2,
-          title: "平台的流程引擎怎么样6666", // 标题
-          content: "我们想用流程引擎，不会用，求大神指点", // 内容
-          created_by: "abc", // 发布人的userid
-          created: "2020-10-21T14:28:10+08:00", // 发布时间
-          updated: "2020-10-21T14:28:10+08:00", // 更新时间
-          view: 0, // 浏览量
-          answer_num: 2, // 回答数,
-          user_name: "普通neo", // 发布人
-          picture_path:
-            "http://pic1.win4000.com/tj/2017-07-11/596437562ae53.jpg",
-        },
-        {
-          id: 3,
-          title: "平台的流程引擎怎么样23233333", // 标题
-          content: "我们想用流程引擎，不会用，求大神指点", // 内容
-          created_by: "abc", // 发布人的userid
-          created: "2020-10-21T14:28:10+08:00", // 发布时间
-          updated: "2020-10-21T14:28:10+08:00", // 更新时间
-          view: 0, // 浏览量
-          answer_num: 2, // 回答数,
-          user_name: "普通neo", // 发布人
-          picture_path:
-            "http://pic1.win4000.com/tj/2017-07-11/596437562ae53.jpg",
-        },
-        {
-          id: 4,
-          title: "平台的流程引擎怎么样23233333", // 标题
-          content: "我们想用流程引擎，不会用，求大神指点", // 内容
-          created_by: "abc", // 发布人的userid
-          created: "2020-10-21T14:28:10+08:00", // 发布时间
-          updated: "2020-10-21T14:28:10+08:00", // 更新时间
-          view: 0, // 浏览量
-          answer_num: 2, // 回答数,
-          user_name: "普通neo", // 发布人
-          picture_path:
-            "http://pic1.win4000.com/tj/2017-07-11/596437562ae53.jpg",
-        },
-        {
-          id: 5,
-          title: "平台的流程引擎怎么样23233333", // 标题
-          content: "我们想用流程引擎，不会用，求大神指点", // 内容
-          created_by: "abc", // 发布人的userid
-          created: "2020-10-21T14:28:10+08:00", // 发布时间
-          updated: "2020-10-21T14:28:10+08:00", // 更新时间
-          view: 0, // 浏览量
-          answer_num: 2, // 回答数,
-          user_name: "普通neo", // 发布人
-          picture_path:
-            "http://pic1.win4000.com/tj/2017-07-11/596437562ae53.jpg",
-        },
-      ];
-      this.contributorQuizList = [
-        {
-          id: 1,
-          title: "平台的流程引擎怎么样", // 标题
-          content: "我们想用流程引擎，不会用，求大神指点", // 内容
-          created_by: "abc", // 发布人的userid
-          created: "2020-10-21T14:28:10+08:00", // 发布时间
-          updated: "2020-10-21T14:28:10+08:00", // 更新时间
-          view: 0, // 浏览量
-          answer_num: 2, // 回答数,
-          user_name: "普通neo", // 发布人
-          picture_path:
-            "http://pic1.win4000.com/tj/2017-07-11/596437562ae53.jpg",
-        },
-        {
-          id: 2,
-          title: "平台的流程引擎怎么样6666", // 标题
-          content: "我们想用流程引擎，不会用，求大神指点", // 内容
-          created_by: "abc", // 发布人的userid
-          created: "2020-10-21T14:28:10+08:00", // 发布时间
-          updated: "2020-10-21T14:28:10+08:00", // 更新时间
-          view: 0, // 浏览量
-          answer_num: 2, // 回答数,
-          user_name: "普通neo", // 发布人
-          picture_path:
-            "http://pic1.win4000.com/tj/2017-07-11/596437562ae53.jpg",
-        },
-        {
-          id: 3,
-          title: "平台的流程引擎怎么样23233333", // 标题
-          content: "我们想用流程引擎，不会用，求大神指点", // 内容
-          created_by: "abc", // 发布人的userid
-          created: "2020-10-21T14:28:10+08:00", // 发布时间
-          updated: "2020-10-21T14:28:10+08:00", // 更新时间
-          view: 0, // 浏览量
-          answer_num: 2, // 回答数,
-          user_name: "普通neo", // 发布人
-          picture_path:
-            "http://pic1.win4000.com/tj/2017-07-11/596437562ae53.jpg",
-        },
-        {
-          id: 4,
-          title: "平台的流程引擎怎么样23233333", // 标题
-          content: "我们想用流程引擎，不会用，求大神指点", // 内容
-          created_by: "abc", // 发布人的userid
-          created: "2020-10-21T14:28:10+08:00", // 发布时间
-          updated: "2020-10-21T14:28:10+08:00", // 更新时间
-          view: 0, // 浏览量
-          answer_num: 2, // 回答数,
-          user_name: "普通neo", // 发布人
-          picture_path:
-            "http://pic1.win4000.com/tj/2017-07-11/596437562ae53.jpg",
-        },
-        {
-          id: 5,
-          title: "平台的流程引擎怎么样23233333", // 标题
-          content: "我们想用流程引擎，不会用，求大神指点", // 内容
-          created_by: "abc", // 发布人的userid
-          created: "2020-10-21T14:28:10+08:00", // 发布时间
-          updated: "2020-10-21T14:28:10+08:00", // 更新时间
-          view: 0, // 浏览量
-          answer_num: 9999, // 回答数,
-          user_name: "普通neo", // 发布人
-          picture_path:
-            "http://pic1.win4000.com/tj/2017-07-11/596437562ae53.jpg",
-        },
-      ];
+      this.$http
+        .get("/apaas/support/qa/question/contribution")
+        .then(({ data }) => {
+          if (data.success) {
+            this.contributorAnswerList = data.data || [];
+          }
+        });
+
+      this.$http
+        .get("/apaas/support/qa/answer/contribution")
+        .then(({ data }) => {
+          if (data.success) {
+            this.contributorQuizList = data.data || [];
+          }
+        });
     },
     intoListPage(type) {
-      console.log(type === 0 ? "我的提问" : "我的回答");
+      if (type === 0) {
+        this.$router.push("/qa/questions");
+      } else {
+        this.$router.push("/qa/answers");
+      }
     },
   },
 };
diff --git a/src/pages/technical-support/answer-center/list.vue b/src/pages/technical-support/answer-center/list.vue
index 5c70d86..8c51882 100644
--- a/src/pages/technical-support/answer-center/list.vue
+++ b/src/pages/technical-support/answer-center/list.vue
@@ -29,7 +29,11 @@
           </el-button>
         </span>
         <span>
-          <el-input placeholder="请输入搜索内容"></el-input>
+          <el-input
+            v-model="searchText"
+            placeholder="请输入搜索内容"
+            @input="searchInput"
+          ></el-input>
         </span>
         <span>
           <el-button type="primary" @click="intoAnswerPage">
@@ -48,13 +52,13 @@
           @click="viewItem(item)"
         >
           <h3 class="answer_title" v-text="item.title"></h3>
-          <p class="answer_content" v-text="item.content"></p>
+          <p class="answer_content" v-text="getContentText(item.content)"></p>
           <p class="answer_info">
             <span>
               <img class="user_img" :src="item.picture_path" />
               <span class="user_name" v-text="item.user_name"></span>
               <span class="user_text">发布于</span>
-              <span class="user_time" v-text="item.created"></span>
+              <span class="user_time" v-text="getTimeText(item.created)"></span>
             </span>
             <span>
               <span class="num_answer" v-text="item.answer_num"></span>
@@ -78,6 +82,7 @@
 </template>
 
 <script>
+import helper from "@/services/helper.js";
 import ListPagination from "@/components/comments-pagination";
 
 export default {
@@ -87,11 +92,13 @@ export default {
   data() {
     return {
       answerList: [],
-      sortType: 0, // 0：最新问题 1：最热问题
       listTotal: 0,
       pageSizes: [10, 20, 50],
       pageSize: 10,
       currentPage: 1,
+      sortType: 0, // 0：最新问题 1：最热问题
+      searchText: "",
+      inputTimer: null,
     };
   },
   created() {
@@ -99,144 +106,38 @@ export default {
   },
   methods: {
     getAnwerList() {
-      this.answerList = [
-        {
-          id: 1,
-          title: "平台的流程引擎怎么样", // 标题
-          content: "我们想用流程引擎，不会用，求大神指点", // 内容
-          created_by: "abc", // 发布人的userid
-          created: "2020-10-21T14:28:10+08:00", // 发布时间
-          updated: "2020-10-21T14:28:10+08:00", // 更新时间
-          view: 0, // 浏览量
-          answer_num: 2, // 回答数,
-          user_name: "普通neo", // 发布人
-          picture_path:
-            "http://pic1.win4000.com/tj/2017-07-11/596437562ae53.jpg",
-        },
-        {
-          id: 2,
-          title: "平台的流程引擎怎么样6666", // 标题
-          content: "我们想用流程引擎，不会用，求大神指点", // 内容
-          created_by: "abc", // 发布人的userid
-          created: "2020-10-21T14:28:10+08:00", // 发布时间
-          updated: "2020-10-21T14:28:10+08:00", // 更新时间
-          view: 0, // 浏览量
-          answer_num: 2, // 回答数,
-          user_name: "普通neo", // 发布人
-          picture_path:
-            "http://pic1.win4000.com/tj/2017-07-11/596437562ae53.jpg",
-        },
-        {
-          id: 3,
-          title: "平台的流程引擎怎么样23233333", // 标题
-          content: "我们想用流程引擎，不会用，求大神指点", // 内容
-          created_by: "abc", // 发布人的userid
-          created: "2020-10-21T14:28:10+08:00", // 发布时间
-          updated: "2020-10-21T14:28:10+08:00", // 更新时间
-          view: 0, // 浏览量
-          answer_num: 2, // 回答数,
-          user_name: "普通neo", // 发布人
-          picture_path:
-            "http://pic1.win4000.com/tj/2017-07-11/596437562ae53.jpg",
-        },
-        {
-          id: 4,
-          title: "平台的流程引擎怎么样23233333", // 标题
-          content: "我们想用流程引擎，不会用，求大神指点", // 内容
-          created_by: "abc", // 发布人的userid
-          created: "2020-10-21T14:28:10+08:00", // 发布时间
-          updated: "2020-10-21T14:28:10+08:00", // 更新时间
-          view: 0, // 浏览量
-          answer_num: 2, // 回答数,
-          user_name: "普通neo", // 发布人
-          picture_path:
-            "http://pic1.win4000.com/tj/2017-07-11/596437562ae53.jpg",
-        },
-        {
-          id: 5,
-          title: "平台的流程引擎怎么样23233333", // 标题
-          content: "我们想用流程引擎，不会用，求大神指点", // 内容
-          created_by: "abc", // 发布人的userid
-          created: "2020-10-21T14:28:10+08:00", // 发布时间
-          updated: "2020-10-21T14:28:10+08:00", // 更新时间
-          view: 0, // 浏览量
-          answer_num: 2, // 回答数,
-          user_name: "普通neo", // 发布人
-          picture_path:
-            "http://pic1.win4000.com/tj/2017-07-11/596437562ae53.jpg",
-        },
-        {
-          id: 1,
-          title: "平台的流程引擎怎么样", // 标题
-          content: "我们想用流程引擎，不会用，求大神指点", // 内容
-          created_by: "abc", // 发布人的userid
-          created: "2020-10-21T14:28:10+08:00", // 发布时间
-          updated: "2020-10-21T14:28:10+08:00", // 更新时间
-          view: 0, // 浏览量
-          answer_num: 2, // 回答数,
-          user_name: "普通neo", // 发布人
-          picture_path:
-            "http://pic1.win4000.com/tj/2017-07-11/596437562ae53.jpg",
-        },
-        {
-          id: 2,
-          title: "平台的流程引擎怎么样6666", // 标题
-          content: "我们想用流程引擎，不会用，求大神指点", // 内容
-          created_by: "abc", // 发布人的userid
-          created: "2020-10-21T14:28:10+08:00", // 发布时间
-          updated: "2020-10-21T14:28:10+08:00", // 更新时间
-          view: 0, // 浏览量
-          answer_num: 2, // 回答数,
-          user_name: "普通neo", // 发布人
-          picture_path:
-            "http://pic1.win4000.com/tj/2017-07-11/596437562ae53.jpg",
-        },
-        {
-          id: 3,
-          title: "平台的流程引擎怎么样23233333", // 标题
-          content: "我们想用流程引擎，不会用，求大神指点", // 内容
-          created_by: "abc", // 发布人的userid
-          created: "2020-10-21T14:28:10+08:00", // 发布时间
-          updated: "2020-10-21T14:28:10+08:00", // 更新时间
-          view: 0, // 浏览量
-          answer_num: 2, // 回答数,
-          user_name: "普通neo", // 发布人
-          picture_path:
-            "http://pic1.win4000.com/tj/2017-07-11/596437562ae53.jpg",
-        },
-        {
-          id: 4,
-          title: "平台的流程引擎怎么样23233333", // 标题
-          content: "我们想用流程引擎，不会用，求大神指点", // 内容
-          created_by: "abc", // 发布人的userid
-          created: "2020-10-21T14:28:10+08:00", // 发布时间
-          updated: "2020-10-21T14:28:10+08:00", // 更新时间
-          view: 0, // 浏览量
-          answer_num: 2, // 回答数,
-          user_name: "普通neo", // 发布人
-          picture_path:
-            "http://pic1.win4000.com/tj/2017-07-11/596437562ae53.jpg",
-        },
-        {
-          id: 5,
-          title: "平台的流程引擎怎么样23233333", // 标题
-          content: "我们想用流程引擎，不会用，求大神指点", // 内容
-          created_by: "abc", // 发布人的userid
-          created: "2020-10-21T14:28:10+08:00", // 发布时间
-          updated: "2020-10-21T14:28:10+08:00", // 更新时间
-          view: 0, // 浏览量
-          answer_num: 2, // 回答数,
-          user_name: "普通neo", // 发布人
-          picture_path:
-            "http://pic1.win4000.com/tj/2017-07-11/596437562ae53.jpg",
-        },
-      ];
-      this.listTotal = 15;
+      this.$http
+        .get("/apaas/support/qa/question/list", {
+          params: {
+            style: 1,
+            order: this.sortType === 0 ? "" : "created",
+            search: this.searchText,
+            limit: this.pageSize,
+            page: this.currentPage,
+          },
+        })
+        .then(({ data }) => {
+          if (data.success) {
+            this.answerList = data.data || [];
+            this.listTotal = data.total;
+          }
+        });
     },
     selectSortType(type) {
       this.sortType = type;
       this.getAnwerList();
     },
+    searchInput() {
+      if (this.inputTimer) {
+        clearTimeout(this.inputTimer);
+      }
+
+      this.inputTimer = setTimeout(() => {
+        console.log(this.searchText);
+        this.currentPage = 1;
+        this.getAnwerList();
+      }, 200);
+    },
     changePageSize(value) {
       this.pageSize = value;
       this.currentPage = 1;
@@ -252,6 +153,18 @@ export default {
     intoAnswerPage() {
       this.$router.push("/technical_support/answer_center/edit");
     },
+    getTimeText(time) {
+      return helper.dateStringTransform(time || "");
+    },
+    getContentText(content) {
+      let text = content.replace(/<img[^>]+>/g, "【图片】");
+      
+      text = text.replace(/<iframe(([\s\S])*?)<\/iframe>/g, "【视频】");
+      text = text.replace(/<pre(([\s\S])*?)<\/pre>/g, "【代码】");
+      text = text.replace(/<\/?.+?>/g, "");
+
+      return text;
+    },
   },
 };
 </script>
-- 
2.26.0