我的问答

src/components/navMenu/index.vue

@@ -473,8 +473,8 @@
               // },
               // {
               //   title: '我的问答',
-              //   path: '/questionsAndAnswers',
+              //   path: '/questions',
-              //   menuId: '8VKLZATQQG4NQHXV9UDS'
+              //   menuId: ''
               // },
               {
                 title: '我的板块',

src/pages/personal/pages/my-questions/components/questions-item.vue

@@ -0,0 +1,68 @@
+<!--问题项的描述-->
+<template>
+<div id="questions-item">
+   <div>
+     <div class="row">
+       <div class="item">
+         <span>{{question.modifyTime}}</span>
+       </div>
+       <div class="item"  style="padding-left: 10px;">
+         <span>{{ resType }}</span>
+       </div>
+     </div>
+     <div class="row" style="margin-top: 10px">
+        <div class="item">
+          <span>{{question.resCode}}</span>
+        </div>
+       <div class="item" style="padding-left: 10px">
+         <span>{{question.content}}</span>
+       </div>
+     </div>
+   </div>
+</div>
+</template>
+
+<script>
+export default {
+  name: "questions-item",
+  props: ['question'],
+  computed: {
+    resType() {
+      const matcher = {
+        INLAND_STAND: '国内标准',
+        FOREIGN_STAND: '国外标准',
+        FOREIGN_LAWS: '国内外政策',
+        BUSINESS: '企业标准'
+      }
+      return matcher[this.question.resType]
+    }
+  },
+  data(){
+    return{
+    }
+  },
+  watch:{
+    question: {
+      immediate: true,
+      deep: true,
+      handler(val) {
+        this.question = val
+      }
+    }
+  }
+};
+</script>
+
+<style lang="less" scoped>
+#questions-item{
+  width: 100%;
+  padding:10px 0;
+
+  .row {
+    line-height: 1.2;
+  }
+  .item {
+    display: inline-block;
+  }
+}
+</style>

src/pages/personal/pages/my-questions/index.vue

@@ -0,0 +1,91 @@
+<!--我的问答-->
+<template>
+<div id="my-questions">
+  <el-tabs
+    type="border-card"
+    style="height: 100%"
+    class="type-tabs"
+    tab-position="left"
+  >
+    <el-tab-pane label="我的提问">
+     <div style="height: 100%">
+       <el-tabs
+         class="question-tabs"
+         type="border-card"
+         style="height: 100%"
+         tab-position="left"
+       >
+         <template v-for="question in questionList">
+           <el-tab-pane :name="question.name">
+             <template slot="label">
+               <questonsItem :question="question"></questonsItem>
+             </template>
+           </el-tab-pane>
+
+         </template>
+       </el-tabs>
+     </div>
+    </el-tab-pane>
+    <el-tab-pane label="我的回答">
+      <div>
+
+      </div>
+    </el-tab-pane>
+  </el-tabs>
+</div>
+</template>
+
+<script>
+import questonsItem from './components/questions-item'
+export default {
+  name: "index",
+  components:{
+    questonsItem,
+  },
+  data(){
+    return{
+      questionList: [{
+        title: '问题1',
+        name: '1',
+        content: '问题1的内容',
+        resCode:'GB 17354-XXXX',
+        resType: 'FOREIGN_STAND',
+        modifyTime: '2022-03-14 14:40:42',
+      }, {
+        title: '问题2',
+        name: '2',
+        content: '问题2的内容',
+        resCode:'GB 14444-1',
+        resType: 'INLAND_STAND',
+        modifyTime: '2021-08-35 17:45:49',
+      }],
+    }
+  },
+};
+</script>
+
+<style lang="less" scoped>
+#my-questions{
+  height: 100%;
+  background: #F5F7FA;
+  margin-bottom: 10px;
+  .type-tabs{
+    /deep/.el-tabs__header {
+      margin-right: 0;
+    }
+  }
+  .question-tabs{
+    height: 100%;
+    /deep/.el-tabs__item{
+      height: 100%;
+    }
+  }
+  /deep/.el-tabs__content{
+    height: 100%;
+    padding: 0;
+  }
+  /deep/.el-tab-pane{
+    height: 100%;
+  }
+}
+</style>

src/router/index.js

@@ -242,15 +242,25 @@ const routes = [
         }
       },
       {
-        path: '/questionsAndAnswers',
+        path: '/questions',
-        name: 'QuestionsAndAnswers',
+        name: 'MyQuestions',
-        component: resolve => require(['@/pages/personal/pages/questionsAndAnswers'], resolve),
+        component: resolve => require(['@/pages/personal/pages/my-questions'], resolve),
         meta: {
           requireAuth: true,
           title: '我的问答',
-          menuId: '8VKLZATQQG4NQHXV9UDS'
+          menuId: ''
         }
       }
+      // {
+      //   path: '/questionsAndAnswers',
+      //   name: 'QuestionsAndAnswers',
+      //   component: resolve => require(['@/pages/personal/pages/questionsAndAnswers'], resolve),
+      //   meta: {
+      //     requireAuth: true,
+      //     title: '我的问答',
+      //     menuId: '8VKLZATQQG4NQHXV9UDS'
+      //   }
+      // }
     ]
   },
   // **************************   流程中心   *******************************