From 1e38593880cf37af2f881579b49dfb0583bfb1d7 Mon Sep 17 00:00:00 2001
From: super_liu <396572590@qq.com>
Date: Mon, 6 Jun 2022 15:42:37 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20There=20is=20no=20way=20the,=20?=
 =?UTF-8?q?=E9=A6=96=E9=A1=B5=20tab=20=E9=97=AE=E7=AD=94=E5=BA=93?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/navMenu/index.vue              |    5 +
 .../home2/components/releaseQA/index.vue      |  183 +++
 .../home2/components/releaseUs/index.vue      |    2 +-
 src/pages/home2/index.vue                     |    6 +
 .../standQA/components/answerItem.vue         |  190 +++
 .../standQA/components/questionItemInfo.vue   |   76 ++
 .../standQA/components/questions-item.vue     |   57 +
 .../standQA/components/stand-item.vue         |   53 +
 .../regulatoryRepository/standQA/index.vue    | 1185 +++++++++++++++++
 src/router/index.js                           |   11 +
 10 files changed, 1767 insertions(+), 1 deletion(-)
 create mode 100644 src/pages/home2/components/releaseQA/index.vue
 create mode 100644 src/pages/regulatoryRepository/standQA/components/answerItem.vue
 create mode 100644 src/pages/regulatoryRepository/standQA/components/questionItemInfo.vue
 create mode 100644 src/pages/regulatoryRepository/standQA/components/questions-item.vue
 create mode 100644 src/pages/regulatoryRepository/standQA/components/stand-item.vue
 create mode 100644 src/pages/regulatoryRepository/standQA/index.vue

diff --git a/src/components/navMenu/index.vue b/src/components/navMenu/index.vue
index 36144e893..3fbdc9c8b 100644
--- a/src/components/navMenu/index.vue
+++ b/src/components/navMenu/index.vue
@@ -151,6 +151,11 @@
                 path: '/standInvolveProject',
                 menuId: '8a9c87fe06244fb9d55e78fb281f625b'
               },
+              {
+                title: '问答库', // 把 标准涉及项目 这几个字 改成 标准合规评估结果
+                path: '/standQA',
+                menuId: ''
+              },
               // {
               //   title: '零部件编号申请',
               //   path: '/partCodeApply',
diff --git a/src/pages/home2/components/releaseQA/index.vue b/src/pages/home2/components/releaseQA/index.vue
new file mode 100644
index 000000000..15fbe4b0a
--- /dev/null
+++ b/src/pages/home2/components/releaseQA/index.vue
@@ -0,0 +1,183 @@
+<!-- 企标发布 -->
+<template>
+  <div class="release">
+<!--    <ul>-->
+<!--      <li v-for="item in standardReleaseList" :key="item.id" class="time-title" >-->
+<!--          <div style="height: 18px;">-->
+<!--            <a @click="handlePreview(item)" style="color: #333333" class="table-jump">{{ item.standName }}</a>-->
+<!--              <span class="time">{{item.issueTime ? $moment(item.issueTime).format('YYYY-MM-DD') : '' }}</span>-->
+<!--          </div>-->
+<!--      </li>-->
+<!--    </ul>-->
+      <el-table
+              ref="selection"
+              :data="standardReleaseList"
+              tooltip-effect="dark"
+              border
+              style="cursor:pointer;"
+              :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}">
+          <el-table-column
+                  label="分类"
+                  align="center"
+                  width="80">
+          </el-table-column>
+          <el-table-column
+                  label="问题描述">
+              <template slot-scope="scope">
+<!--                  <span @click="handlePreview(scope.row)">{{ scope.row.standard }}</span>-->
+              </template>
+          </el-table-column>
+          <el-table-column
+                  prop="standName"
+                  label="提问人"
+                  width="100">
+              <template slot-scope="scope">
+<!--                  <span @click="handlePreview(scope.row)">{{ scope.row.standardName }}</span>-->
+              </template>
+          </el-table-column>
+          <el-table-column
+                  width="120"
+                  label="提问时间">
+              <template slot-scope="scope">
+<!--                  <span>{{scope.row.releaseDate ? $moment(scope.row.releaseDate).format('YYYY-MM-DD') : '' }}</span>-->
+              </template>
+          </el-table-column>
+      </el-table>
+      <div class="more" v-if="!pageVerify" @click="togo">更多 ⋙</div>
+      <loading :loading="loading">加载中...</loading>
+      <pagination
+              v-if="pageVerify"
+              style="position: static;"
+              :page="page"
+              :total="total"
+              @pageChange="pageChange"
+              @pageSizeChange="pageSizeChange"></pagination>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'ReleaseQA',
+  components: {},
+  mixins: [],
+  data() {
+    return {
+      loading: false,
+      pageVerify: false,
+      page: 1,
+      pageSize: 10,
+      total: 0,
+      putTime: '',
+      standardReleaseList: [],  //标准问答数据
+    }
+  },
+  computed: {},
+  watch: {},
+  mounted() {
+    this.getDate()
+    this.getAdvice()
+    // this.addDate()
+  },
+  methods: {
+      pageChange(page) {
+          this.page = page
+          this.pageSize = this.$store.getters.userInfo.configContent
+          this.getAdvice()
+      },
+      // 分页每页显示数改变后方法
+      pageSizeChange(pageSize) {
+          this.pageSize = this.$store.getters.userInfo.configContent
+          this.getAdvice()
+          // 此处需要调用接口，修改个人配置
+      },
+      togo () {
+          if(this.total && this.total > 10){
+              this.pageVerify = true
+              this.pageSize = this.$store.getters.userInfo.configContent
+          }else {
+              this.pageVerify = false
+          }
+          this.getAdvice()
+      },
+    // 点击查看
+    handlePreview (item) {
+        // let routeUrl = this.$router.resolve({
+        //     name: 'OtherBussStandardDetails',
+        //     params: {
+        //         id: item.standardId,
+        //         pageType: 'BUSINESS_STAND'
+        //     }
+        // })
+        // window.open(routeUrl.href, '_blank')
+    },
+    //截取时间
+    getDate (date) {
+      return date != null ? date.substring(0, date.indexOf(' ')) : ''
+    },
+    //获取数据
+    getAdvice() {
+        this.loading = true
+        // 模拟加载
+        const timer = setInterval(() => {
+            this.loading = false
+        }, 2000)
+        console.log(timer)
+        // this.$http.get("/lawss/NewsFeed/getNewsFeed", {
+        //     messageType: 'QYBZFB',
+        //     page: this.page,
+        //     pageSize: this.pageSize
+        // }, {
+        //     _this: this,loading: 'loading'
+        // }, res => {
+        //     this.standardReleaseList = res.data.records
+        //     this.total = res.data.total
+        //     this.loading = false
+        // }, e => {
+        //     this.loading = false
+        //     this.standardReleaseList = []
+        //     this.total = 0
+        // })
+    },
+  },
+
+}
+</script>
+
+<style lang="less" scoped>
+.release {
+  /deep/.el-table th > .cell {
+    font-size: 15px;
+  }
+  /deep/.el-table td > .cell{
+    font-size: 13px;
+  }
+    /deep/.more {
+        position: absolute;
+        right: 0;
+        bottom: 2px;
+        font-size: 12px;
+        float: right;
+        color: #4788c0;
+        &:hover {
+            color: #3a8ee6;
+            cursor: pointer;
+        }
+    }
+    width: 100%;
+  .time-title {
+    margin: 15px;
+    .time {
+      float: right;
+      color:#333333;
+    }
+    a {
+      color: #ffffff;
+      &:hover {
+        color: #e9c851;
+        cursor:pointer;
+        text-decoration: underline;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/pages/home2/components/releaseUs/index.vue b/src/pages/home2/components/releaseUs/index.vue
index b30c59bd0..2a5308321 100644
--- a/src/pages/home2/components/releaseUs/index.vue
+++ b/src/pages/home2/components/releaseUs/index.vue
@@ -44,7 +44,7 @@
               </template>
           </el-table-column>
       </el-table>
-      <div class="more" @click="togo">更多 ⋙</div>
+      <div class="more" v-if="!pageVerify" @click="togo">更多 ⋙</div>
       <loading :loading="loading">加载中...</loading>
       <pagination
               v-if="pageVerify"
diff --git a/src/pages/home2/index.vue b/src/pages/home2/index.vue
index 1f3dfe2f7..0b507b8e3 100644
--- a/src/pages/home2/index.vue
+++ b/src/pages/home2/index.vue
@@ -27,6 +27,10 @@
                <span slot="label"><i class="el-icon-s-promotion"></i> 企业标准发布</span>
                <releaseBuss></releaseBuss>
            </el-tab-pane>
+           <el-tab-pane name="releaseQA" style="overflow-y: auto;height: 100%">
+                   <span slot="label"><i class="el-icon-chat-line-round"></i> 标准问答</span>
+                   <releaseQA></releaseQA>
+           </el-tab-pane>
            </el-tabs>
          </div>
        </div>
@@ -47,6 +51,7 @@ import searchGroup from './components/searchGroup'
 import release from './components/release'
 import releaseUs from './components/releaseUs'
 import releaseBuss from './components/releaseBuss'
+import releaseQA from './components/releaseQA'
 import solicitOpinions from './components/solicitopinions'
 import navMenu from './components/navMenu'
 import todoList from './components/todoList'
@@ -59,6 +64,7 @@ export default {
     release,
     releaseUs,
     releaseBuss,
+    releaseQA,
     navMenu,
     todoList,
     Empennage,
diff --git a/src/pages/regulatoryRepository/standQA/components/answerItem.vue b/src/pages/regulatoryRepository/standQA/components/answerItem.vue
new file mode 100644
index 000000000..2f6d9e2fc
--- /dev/null
+++ b/src/pages/regulatoryRepository/standQA/components/answerItem.vue
@@ -0,0 +1,190 @@
+<!--我的回答-->
+<template>
+  <div>
+    <el-divider style="margin: 10px 0;"></el-divider>
+    <div id="message-content">
+      <el-form ref="form" :model="form" :rules="rules">
+        <el-form-item prop="textarea">
+          <el-input
+            type="textarea"
+            :rows="2"
+            placeholder="请输入回答内容"
+            v-model="form.textarea">
+          </el-input>
+        </el-form-item>
+        <div>
+          <el-button
+            type="primary"
+            class="common-button-primary"
+            size="small"
+            style="float: right;"
+            @click="handleSubmit"
+          >提交</el-button>
+          <el-button
+            type="primary"
+            class="common-button-primary"
+            size="small"
+            style="float: right;margin-right: 10px;"
+            @click="openUploadFileDialog"
+          >上传文件</el-button>
+          <el-button
+            type="primary"
+            class="common-button-primary"
+            size="small"
+            style="float: right;"
+            @click="queArchive"
+          >问题归档</el-button>
+          <el-button
+            type="primary"
+            class="common-button-primary"
+            size="small"
+            style="float: right;margin-right: 10px;"
+            @click="invitation"
+          >邀请</el-button>
+        </div>
+      </el-form>
+    </div>
+    <el-dialog
+      width='400px'
+      :visible.sync="importModalshowflagtemp"
+      title="上传文件"
+      :footer-hide="true"
+      append-to-body
+    >
+      <el-upload
+        multiple
+        drag
+        :on-success="uploadSuccess"
+        :before-upload="beforeUpload"
+        :on-remove="removeOneFile"
+        :action="actionPath"
+        accept=".ZIP, .zip, .docx, .DOCX, .xls, .xlsx, .pdf, .PDF"
+        name="file"
+        :file-list="fileList"
+        ref="importFileAboutStand">
+        <i class="el-icon-upload"></i>
+        <div class="el-upload__text">点击或拖拽上传文件</div>
+      </el-upload>
+    </el-dialog>
+    <!--    选择回答人-->
+    <Role-tree
+      is-title="选择回答人"
+      :is-visible.sync="roleFlag"
+      @checkedRole="checkedRole"
+      :nodeList="nodeList"
+    ></Role-tree>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "answerItem",
+  data(){
+   return{
+     roleFlag: false,
+     nodeList: [],
+     // 上传地址
+     actionPath: 'api/att/attFile/uploadNew',
+     importModalshowflagtemp: false,
+     fileList: [],
+     form:{
+       textarea: '',
+       invitationId: '',
+       invitationName: '',
+     },
+     rules: {
+       textarea: [
+         { required: true, message: '请输入回复内容', trigger: 'blur' },
+         { min: 1, max: 500, message: '长度在 1 到 500 个字符', trigger: 'blur' }
+       ]
+     },
+   }
+  },
+  methods:{
+    //提交
+    handleSubmit(){
+      this.form.fileList = this.fileList
+      console.log(this.form);
+    },
+    //上传文件
+    openUploadFileDialog(){
+      this.importModalshowflagtemp = true
+    },
+    //上传成功
+    uploadSuccess(res,file,fileList){
+      if(res.ok){
+        this.fileList.push(res.data)
+        this.$message.success('上传成功')
+      }else{
+        this.$message.warning(res.message)
+        fileList.pop()
+      }
+      this.importModalshowflagtemp = false
+    },
+    //文件上传前
+    beforeUpload(file){
+      console.log(file);
+      var filename = file.name;
+      var index1 = filename.lastIndexOf('.')
+      var index2 = filename.length
+      var fileSuffix = filename.substring(index1, index2)
+      //把后缀转大写
+      if(fileSuffix){
+        fileSuffix = fileSuffix.toUpperCase()
+      }
+      // 判断上传文件格式
+      if (fileSuffix === ".PDF" || fileSuffix === ".DOC" || fileSuffix === ".DOCX" || fileSuffix === ".PPT"
+        || fileSuffix === ".PPTX" || fileSuffix === ".XLS" || fileSuffix === ".XLSX"
+        || fileSuffix === ".PNG" || fileSuffix === ".JPG" || fileSuffix === ".JPEG") {
+        return true;
+      } else {
+        this.$message.error("文件" + file.name + "格式不正确，请上传pdf、doc、docx、ppt、pptx、xls、xlsx、png、jpg、jpeg等文件");
+        return false;
+      }
+      // 判断文件上传大小
+      if (file.size / 1024 / 1024 > 300) {
+        this.$message.warning("文件" + file.name + "大小不能超过300M");
+        return false;
+      }
+      return true;
+    },
+    //删除文件
+    removeOneFile(){
+      this.fileList.forEach((item,index) => {
+        if(item.name === file.name || item.id === file.id){
+          this.fileList.splice(index, 1)
+        }
+      })
+    },
+    checkedRole(data){
+      let asdId = sessionStorage.getItem('queId')
+      this.$http.postData('lawss/AskUser/insertAskUser',{
+        asdId: asdId,
+        usid:  data[0].id,
+      },{
+        _this: this
+      }, res => {
+        if(res.ok){
+          this.$message.success('邀请成功')
+        }
+      }, e => {
+
+      })
+    },
+    //问题归档
+    queArchive(){
+
+    },
+    //邀请
+    invitation(){
+      this.roleFlag = true
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+#message-content{
+
+}
+</style>
diff --git a/src/pages/regulatoryRepository/standQA/components/questionItemInfo.vue b/src/pages/regulatoryRepository/standQA/components/questionItemInfo.vue
new file mode 100644
index 000000000..4ce7073a7
--- /dev/null
+++ b/src/pages/regulatoryRepository/standQA/components/questionItemInfo.vue
@@ -0,0 +1,76 @@
+<!--回答框-->
+<template>
+  <div id="answer-item">
+    <div>
+      <div class="row">
+        <div class="item">
+          <div>回答：
+            <span>{{answer. reply}}</span>
+          </div>
+        </div>
+      </div>
+      <div class="row">
+        <div class="item">
+          <div>附件：
+            <span style="color: #409EFF">{{answer.annex}}</span>
+          </div>
+        </div>
+      </div>
+      <div class="row" style="float: right; margin-right: 10px">
+        <div class="item">
+          <div>{{answer.answerer}}
+            <span>{{answer.replyTime}}</span>
+          </div>
+        </div>
+      </div>
+<!--      <div>-->
+<!--        <el-checkbox v-model="checked">归档</el-checkbox>-->
+<!--      </div>-->
+    </div>
+<!--    <div class="footer-box">-->
+
+<!--    </div>-->
+  </div>
+</template>
+
+<script>
+export default {
+  name: "questionItemInfo",
+  props:['answer'],
+  data(){
+    return{
+      checked: true,
+    }
+  },
+  watch:{
+    answer: {
+      immediate: true,
+      deep: true,
+      handler(val) {
+        this.answer = val
+      }
+    }
+  }
+};
+</script>
+
+<style lang="less" scoped>
+#answer-item{
+  width: 100%;
+  min-width: 130px;
+  padding: 15px 5px;
+  .row {
+    line-height: 1.8;
+  }
+  .item {
+    display: inline-block;
+  }
+  .footer-box{
+    height: 200px;
+    width: 100%;
+    position: absolute;
+    bottom: 0;
+    border-top: 1px solid #cccccc;
+  }
+}
+</style>
diff --git a/src/pages/regulatoryRepository/standQA/components/questions-item.vue b/src/pages/regulatoryRepository/standQA/components/questions-item.vue
new file mode 100644
index 000000000..660898090
--- /dev/null
+++ b/src/pages/regulatoryRepository/standQA/components/questions-item.vue
@@ -0,0 +1,57 @@
+<!--问题的描述-->
+<template>
+<div id="questions-item">
+  <div>
+    <div class="row">
+      <div class="item">
+        <div>提问：
+         <span>{{question.problemDescription}}</span>
+        </div>
+      </div>
+    </div>
+    <div class="row">
+      <div class="item">
+        <div>{{userName}}
+          <span>{{question.questionTime}}</span>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+</template>
+
+<script>
+export default {
+  name: "questions-item",
+  props: ['question'],
+  computed: {
+  },
+  data(){
+    return{
+      userName: this.$store.getters.userInfo.userName,
+    }
+  },
+  watch:{
+    question: {
+      immediate: true,
+      deep: true,
+      handler(val){
+      }
+    }
+  }
+};
+</script>
+
+<style lang="less" scoped>
+#questions-item{
+  width: 100%;
+  min-width: 130px;
+  padding:10px 0;
+  .row {
+    line-height: 1.8;
+  }
+  .item {
+    display: inline-block;
+  }
+}
+</style>
diff --git a/src/pages/regulatoryRepository/standQA/components/stand-item.vue b/src/pages/regulatoryRepository/standQA/components/stand-item.vue
new file mode 100644
index 000000000..585498bb7
--- /dev/null
+++ b/src/pages/regulatoryRepository/standQA/components/stand-item.vue
@@ -0,0 +1,53 @@
+<!--标准的描述-->
+<template>
+  <div id="stand-item">
+    <div>
+      <div class="row">
+        <div class="item">
+          <span>{{stand.standardEncdoing}}</span>
+        </div>
+      </div>
+      <div class="row">
+        <div class="item">
+          <span>{{stand.standardName}}</span>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "stand-item",
+  props: ['stand'],
+  computed: {
+  },
+  data(){
+    return{
+    }
+  },
+  watch:{
+    stand: {
+      immediate: true,
+      deep: true,
+      handler(val) {
+        this.stand = val
+      }
+    }
+  }
+};
+</script>
+
+<style lang="less" scoped>
+#stand-item{
+  width: 100%;
+  min-width: 130px;
+  padding:10px 0;
+  .row {
+    line-height: 1.5;
+  }
+  .item {
+    display: inline-block;
+  }
+}
+</style>
diff --git a/src/pages/regulatoryRepository/standQA/index.vue b/src/pages/regulatoryRepository/standQA/index.vue
new file mode 100644
index 000000000..336f03ab5
--- /dev/null
+++ b/src/pages/regulatoryRepository/standQA/index.vue
@@ -0,0 +1,1185 @@
+<!--问答库-->
+<template>
+<div id="my-questions">
+   <div class="search-area">
+     <el-form :inline="true" :model="questionSerach" >
+       <el-form-item class="el-form-item search-item" label="标准号">
+         <el-input v-model="questionSerach.standardEncdoing" placeholder="根据标准号查询"></el-input>
+       </el-form-item>
+       <el-form-item class="el-form-item search-item" label="标准名称">
+         <el-input v-model="questionSerach.standardName" placeholder="根据标准名称查询"></el-input>
+       </el-form-item>
+       <el-form-item class="el-form-item search-item" label="关键词">
+         <el-input v-model="questionSerach.problemDescription" placeholder="根据关键词查询"></el-input>
+       </el-form-item>
+       <el-form-item>
+         <el-button size="mini"  @click="standSearch">查询</el-button>
+       </el-form-item>
+       <el-form-item>
+         <el-button size="mini"  @click="delSearch">清空</el-button>
+       </el-form-item>
+       <el-form-item>
+         <el-button size="mini" type="primary" @click="queBtn" v-if="this.activeName !=='myQue'">提问</el-button>
+       </el-form-item>
+     </el-form>
+   </div>
+  <div class="tab-box">
+    <el-tabs
+      type="border-card"
+      style="height: 100%"
+      class="type-tabs"
+      v-model="activeName"
+      @tab-click="sourceClick"
+      tab-position="left"
+    >
+      <el-tab-pane name="INLAND" label="国内标准">
+        <div v-if="!standList || standList.length === 0">
+          <div style="padding: 20px;">
+            暂无数据
+          </div>
+        </div>
+        <div style="height: 100%" v-else>
+          <el-tabs
+                  class="question-box"
+                  type="border-card"
+                  v-model="activestand"
+                  @tab-click="standClick"
+                  style="height: 100%"
+                  tab-position="left"
+          >
+            <template v-for="stand in standList">
+              <el-tab-pane class="com-box" :name="stand.standardId">
+                <template slot="label">
+                  <stand-item :stand="stand"></stand-item>
+                </template>
+                <div v-if="!questionsList || questionsList.length === 0">
+                  <div style="padding: 20px;">
+                    暂无数据
+                  </div>
+                </div>
+                <div style="height: 100%" v-else>
+                  <el-tabs
+                          class="question-box"
+                          type="border-card"
+                          style="height: 100%"
+                          v-model="activeQue"
+                          @tab-click="questionClick"
+                          tab-position="left"
+                  >
+                    <template v-for="question in questionsList">
+                      <el-tab-pane class="com-box" :name="question.id">
+                        <template slot="label">
+                          <questions-item :question="question"></questions-item>
+                        </template>
+                        <div>
+                          <template v-for="(item, index) in answerList">
+                            <div class="clearfix">
+                              <div class="answer-box" >
+                                <question-item-info :answer="item"></question-item-info>
+                              </div>
+                            </div>
+                          </template>
+                        </div>
+                      </el-tab-pane>
+                    </template>
+                  </el-tabs>
+                </div>
+              </el-tab-pane>
+            </template>
+          </el-tabs>
+        </div>
+      </el-tab-pane>
+      <el-tab-pane name="FOREIGN" label="海外标准">
+        <div v-if="!standList || standList.length === 0">
+          <div style="padding: 20px;">
+            暂无数据
+          </div>
+        </div>
+        <div style="height: 100%" v-else>
+          <el-tabs
+                  class="question-box"
+                  type="border-card"
+                  v-model="activestand"
+                  @tab-click="standClick"
+                  style="height: 100%"
+                  tab-position="left"
+          >
+            <template v-for="stand in standList">
+              <el-tab-pane class="com-box" :name="stand.standardId">
+                <template slot="label">
+                  <stand-item :stand="stand"></stand-item>
+                </template>
+                <div v-if="!questionsList || questionsList.length === 0">
+                  <div style="padding: 20px;">
+                    暂无数据
+                  </div>
+                </div>
+                <div style="height: 100%" v-else>
+                  <el-tabs
+                          class="question-box"
+                          type="border-card"
+                          style="height: 100%"
+                          v-model="activeQue"
+                          @tab-click="questionClick"
+                          tab-position="left"
+                  >
+                    <template v-for="question in questionsList">
+                      <el-tab-pane class="com-box" :name="question.id">
+                        <template slot="label">
+                          <questions-item :question="question"></questions-item>
+                        </template>
+                        <div>
+                          <template v-for="(item, index) in answerList">
+                            <div class="clearfix">
+                              <div class="answer-box" >
+                                <question-item-info :answer="item"></question-item-info>
+                              </div>
+                            </div>
+                          </template>
+                        </div>
+                      </el-tab-pane>
+                    </template>
+                  </el-tabs>
+                </div>
+              </el-tab-pane>
+            </template>
+          </el-tabs>
+        </div>
+      </el-tab-pane>
+      <el-tab-pane name="BUSINESS_STAND" label="企业标准">
+        <div v-if="!standList || standList.length === 0">
+          <div style="padding: 20px;">
+            暂无数据
+          </div>
+        </div>
+        <div style="height: 100%" v-else>
+          <el-tabs
+                  class="question-box"
+                  type="border-card"
+                  v-model="activestand"
+                  @tab-click="standClick"
+                  style="height: 100%"
+                  tab-position="left"
+          >
+            <template v-for="stand in standList">
+              <el-tab-pane class="com-box" :name="stand.standardId">
+                <template slot="label">
+                  <stand-item :stand="stand"></stand-item>
+                </template>
+                <div v-if="!questionsList || questionsList.length === 0">
+                  <div style="padding: 20px;">
+                    暂无数据
+                  </div>
+                </div>
+                <div style="height: 100%" v-else>
+                  <el-tabs
+                          class="question-box"
+                          type="border-card"
+                          style="height: 100%"
+                          v-model="activeQue"
+                          @tab-click="questionClick"
+                          tab-position="left"
+                  >
+                    <template v-for="question in questionsList">
+                      <el-tab-pane class="com-box" :name="question.id">
+                        <template slot="label">
+                          <questions-item :question="question"></questions-item>
+                        </template>
+                        <div>
+                          <template v-for="(item, index) in answerList">
+                            <div class="clearfix">
+                              <div class="answer-box" >
+                                <question-item-info :answer="item"></question-item-info>
+                              </div>
+                            </div>
+                          </template>
+                        </div>
+                      </el-tab-pane>
+                    </template>
+                  </el-tabs>
+                </div>
+              </el-tab-pane>
+            </template>
+          </el-tabs>
+        </div>
+      </el-tab-pane>
+      <el-tab-pane name="OTHER" label="公共问题">
+        <div v-if="!standList || standList.length === 0">
+          <div style="padding: 20px;">
+            暂无数据
+          </div>
+        </div>
+        <div style="height: 100%" v-else>
+          <el-tabs
+                  class="question-box"
+                  type="border-card"
+                  v-model="activestand"
+                  @tab-click="standClick"
+                  style="height: 100%"
+                  tab-position="left"
+          >
+            <template v-for="stand in standList">
+              <el-tab-pane class="com-box" :name="stand.standardId">
+                <template slot="label">
+                  <stand-item :stand="stand"></stand-item>
+                </template>
+                <div v-if="!questionsList || questionsList.length === 0">
+                  <div style="padding: 20px;">
+                    暂无数据
+                  </div>
+                </div>
+                <div style="height: 100%" v-else>
+                  <el-tabs
+                          class="question-box"
+                          type="border-card"
+                          style="height: 100%"
+                          v-model="activeQue"
+                          @tab-click="questionClick"
+                          tab-position="left"
+                  >
+                    <template v-for="question in questionsList">
+                      <el-tab-pane class="com-box" :name="question.id">
+                        <template slot="label">
+                          <questions-item :question="question"></questions-item>
+                        </template>
+                        <div>
+                          <template v-for="(item, index) in answerList">
+                            <div class="clearfix">
+                              <div class="answer-box" >
+                                <question-item-info :answer="item"></question-item-info>
+                              </div>
+                            </div>
+                          </template>
+                        </div>
+                      </el-tab-pane>
+                    </template>
+                  </el-tabs>
+                </div>
+              </el-tab-pane>
+            </template>
+          </el-tabs>
+        </div>
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+  <!--提问弹窗  -->
+  <el-dialog
+    title="提交问题"
+    :visible.sync="dialogVisible"
+    width="600px"
+    :before-close="handleClose">
+    <div>
+      <el-form ref="queForm" :rules="queRules" class="label-input-form" label-width="80px" :model="questionForm">
+        <el-form-item  label-width="30px" >
+          <el-radio-group v-model="standType" @change="standTypeChange">
+            <el-radio  label="INLAND">国内标准</el-radio>
+            <el-radio  label="FOREIGN">海外标准</el-radio>
+            <el-radio  label="BUSINESS_STAND">企业标准</el-radio>
+            <el-radio  label="OTHER">公共</el-radio>
+          </el-radio-group>
+          <el-button size="mini" style="margin-left: 30px;" type="primary" @click="addList">选择标准</el-button>
+        </el-form-item>
+        <el-form-item label="问题" prop="problemDescription"  class="serch-form-item">
+          <el-input v-model="questionForm.problemDescription"></el-input>
+        </el-form-item>
+        <el-form-item label="附件">
+          <el-upload
+            class="upload-demo"
+            drag
+            :file-list="fileList"
+            :action="actionPath"
+            accept=".ZIP, .zip, .docx, .DOCX, .xls, .xlsx, .pdf, .PDF"
+            :before-upload="beforeUploadTheme"
+            :before-remove="beforeRemoveTheme"
+            :on-success="onsuccessTheme"
+            multiple>
+            <div style="margin-top: 10px">
+              <i class="el-icon-upload" style="margin: 0"></i>
+              <div class="el-upload__text" style="margin-top: -15px">将文件拖到此处，或<em>点击上传</em></div>
+            </div>
+          </el-upload>
+        </el-form-item>
+      </el-form>
+    </div>
+    <span>相似历史问题：</span>
+    <div style="height: 200px; width: 80%; margin-left: 80px;">
+
+    </div>
+    <span slot="footer" class="dialog-footer">
+    <el-button class="common-button-default" size="mini" @click="dialogVisible = false">取 消</el-button>
+    <el-button class="common-button-primary" size="mini" type="primary" @click="queSubmit">提 交</el-button>
+    </span>
+  </el-dialog>
+  <!--    选择标准抽屉-->
+  <el-drawer
+    class="drawer-table"
+    title="选择标准"
+    :wrapperClosable="false"
+    :visible.sync="standModel"
+    size="900px"
+    custom-class="demo-drawer"
+  >
+    <div class="demo-drawer-content">
+      <el-form
+        class="label-input-form"
+        style="margin-top: 15px;"
+        label-width="130px"
+        :modal="handleSelectForm"
+        :inline="true"
+      >
+        <el-form-item label="标准/政策来源" class="search-item">
+          <el-select
+            v-model="handleSelectForm.dataSource"
+            @change="dataSourceChange"
+            :popper-append-to-body="false"
+            placeholder="请选择标准来源">
+            <el-option value="INLAND" label="国内标准库"></el-option>
+            <el-option value="FOREIGN" label="海外标准库"></el-option>
+            <el-option value="BUSINESS_STAND" label="企业标准库"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="标准号/标准名称" class="search-item">
+          <el-input
+            v-model="handleSelectForm.lawNumber"
+            @change="lawNumberSearch"
+            placeholder="根据标准号/标准名称查找"
+            clearable
+            :maxlength="100"></el-input>
+        </el-form-item>
+        <el-form-item class="search-item btn-box">
+          <el-button
+            size="small"
+            type="primary"
+            class="common-button-primary"
+            @click="searchLawBtn">
+            查询
+          </el-button>
+        </el-form-item>
+        <el-form-item class="search-item btn-box">
+          <el-button
+            class="common-button-default"
+            size="small"
+            type="default"
+            @click="clearLawBtn">
+            清空
+          </el-button>
+        </el-form-item>
+      </el-form>
+      <loading :loading="lawInfoTableLoading">数据获取中</loading>
+      <el-table
+        ref="selections"
+        tooltip-effect="dark"
+        style="width: 100%;"
+        border
+        :loading="lawInfoTableLoading"
+        :data="lawInfoTable"
+        :height="300"
+        :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+          fontWeight: 'bold', height: '48px'}"
+        @selection-change="handleSelectTableChange"
+      >
+
+        <el-table-column
+          fixed="left"
+          type="selection"
+          width="55"
+          align="center">
+        </el-table-column>
+
+        <div v-if="handleSelectForm.dataSource === 'INLAND'">
+          <el-table-column
+            label="标准号"
+            width="150"
+          >
+            <template slot-scope="scope">
+              <a v-if="scope.row.standYear && textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" class="table-jump" style="color: #F56C6C"
+                 @click="handlePreview(scope.row)">{{ scope.row.standSortShow }} {{
+                  scope.row.standNumber
+                }}-{{ scope.row.standYear }}</a>
+              <a v-else-if="scope.row.standYear" class="table-jump" style="color: #333333"
+                 @click="handlePreview(scope.row)">{{ scope.row.standSortShow }} {{
+                  scope.row.standNumber
+                }}-{{ scope.row.standYear }}</a>
+              <a v-else @click="handlePreview(scope.row)" class="table-jump" style="color: #333333">
+                {{ scope.row.standSortShow }}
+                {{ scope.row.standNumber }}</a>
+            </template>
+          </el-table-column>
+          <el-table-column
+            show-overflow-tooltip
+            prop="standName"
+            label="标准名称"
+            min-width="300"
+          >
+            <template slot-scope="scope">
+              <a v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" @click="handlePreview(scope.row)" class="table-jump" style="color: #F56C6C">{{ scope.row.standName }}</a>
+              <a v-else @click="handlePreview(scope.row)" style="color: #333333" class="table-jump">{{ scope.row.standName }}</a>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="issueTime"
+            width="120"
+            label="发布日期">
+            <template slot-scope="scope">
+              <span v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">{{ formatIssueDate(scope.row.issueTime) }}</span>
+              <span v-else>{{ formatIssueDate(scope.row.issueTime) }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="ssrq"
+            width="120"
+            label="实施日期">
+            <template slot-scope="scope">
+              <!--                {{ formatIssueDate(scope.row.putTime) }}-->
+              <span v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">{{ scope.row.SSRQ ? scope.row.SSRQ.substring(0, 10) : '-' }}</span>
+              <span v-else>{{ scope.row.ssrq }}</span>
+
+            </template>
+          </el-table-column>
+
+          <el-table-column
+            prop="xcxssrq"
+            width="150"
+            label="新车型实施日期">
+            <template slot-scope="scope">
+              <span v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">{{ scope.row.xcxssrq ? scope.row.xcxssrq.substring(0, 10) : '-' }}</span>
+              <span v-else>{{ scope.row.xcxssrq }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="zccssrq"
+            width="150"
+            label="在产车实施日期">
+            <template slot-scope="scope">
+              <span v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">{{ scope.row.zccssrq ? scope.row.zccssrq.substring(0, 10) : '-' }}</span>
+              <span v-else>{{ scope.row.zccssrq }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="textStatus"
+            width="110"
+            label="文本状态">
+            <template slot-scope="scope">
+                <span v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">{{
+                    textStatusMap[scope.row.textStatus]
+                  }}</span>
+              <span v-else>{{ textStatusMap[scope.row.textStatus] }}</span>
+            </template>
+          </el-table-column>
+        </div>
+        <div v-if="handleSelectForm.dataSource === 'FOREIGN'">
+          <el-table-column
+            label="标准号"
+            width="150"
+          >
+            <template slot-scope="scope">
+              <a v-if="scope.row.standYear && textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C" class="table-jump" @click="handlePreview(scope.row)">{{
+                  scope.row.standSortShow
+                }} {{ scope.row.standNumber }}-{{ scope.row.standYear }}</a>
+              <a v-else-if="textStatusMap[scope.row.textStatus] === '——' " style="color: #409EFF" class="table-jump" @click="handlePreview(scope.row)">{{
+                  scope.row.standSortShow
+                }} {{ scope.row.standNumber }}-{{ scope.row.standYear }}</a>
+              <a v-else-if="scope.row.standYear" style="color: #333333" class="table-jump" @click="handlePreview(scope.row)">{{
+                  scope.row.standSortShow
+                }} {{ scope.row.standNumber }}-{{ scope.row.standYear }}</a>
+              <a v-else style="color: #333333" @click="handlePreview(scope.row)" class="table-jump">{{
+                  scope.row.standSortShow
+                }}
+                {{ scope.row.standNumber }}</a>
+            </template>
+          </el-table-column>
+          <el-table-column
+            show-overflow-tooltip
+            prop="standName"
+            label="标准名称"
+            min-width="300"
+          >
+            <template slot-scope="scope">
+              <a v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C" @click="handlePreview(scope.row)" class="table-jump">{{
+                  scope.row.standName
+                }}</a>
+              <a v-else-if="textStatusMap[scope.row.textStatus] === '——' " style="color: #409EFF" @click="handlePreview(scope.row)" class="table-jump">{{
+                  scope.row.standName
+                }}</a>
+              <a v-else style="color: #333333" @click="handlePreview(scope.row)" class="table-jump">{{
+                  scope.row.standName
+                }}</a>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="issueTime"
+            width="120"
+            label="发布日期">
+            <template slot-scope="scope">
+              <div v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">
+                {{ formatIssueDate(scope.row.issueTime) }}
+              </div>
+              <div v-else-if="textStatusMap[scope.row.textStatus] === '——' " style="color: #409EFF">
+                {{ formatIssueDate(scope.row.issueTime) }}
+              </div>
+              <div v-else style="color: #333333">
+                {{ formatIssueDate(scope.row.issueTime) }}
+              </div>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="ssrq"
+            width="120"
+            label="实施日期">
+            <template slot-scope="scope">
+              <!--                {{ formatIssueDate(scope.row.putTime) }}-->
+              <span v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">{{
+                  scope.row.ssrq
+                }}</span>
+              <span v-else-if="textStatusMap[scope.row.textStatus] === '——' " style="color: #409EFF">{{
+                  scope.row.ssrq
+                }}</span>
+              <span v-else style="color: #333333">{{ scope.row.ssrq }}</span>
+
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="xcxssrq"
+            width="150"
+            label="新车型实施日期">
+            <template slot-scope="scope">
+                <span v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">{{
+                    scope.row.xcxssrq
+                  }}</span>
+              <span v-else-if="textStatusMap[scope.row.textStatus] === '——' " style="color: #409EFF">{{
+                  scope.row.xcxssrq
+                }}</span>
+              <span v-else style="color: #333333">{{
+                  scope.row.xcxssrq
+                }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="zccssrq"
+            width="150"
+            label="在产车实施日期">
+            <template slot-scope="scope">
+                <span v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">{{
+                    scope.row.zccssrq
+                  }}</span>
+              <span v-else-if="textStatusMap[scope.row.textStatus] === '——' " style="color: #409EFF">{{
+                  scope.row.zccssrq
+                }}</span>
+              <span v-else style="color: #333333">{{
+                  scope.row.zccssrq
+                }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="textStatus"
+            width="110"
+            label="文本状态">
+            <template slot-scope="scope">
+                <span v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">{{
+                    textStatusMap[scope.row.textStatus]
+                  }}</span>
+              <span v-else-if="textStatusMap[scope.row.textStatus] === '——' " style="color: #409EFF">{{
+                  textStatusMap[scope.row.textStatus]
+                }}</span>
+              <span v-else style="color: #333333">{{ textStatusMap[scope.row.textStatus] }}</span>
+            </template>
+          </el-table-column>
+        </div>
+        <div v-if="handleSelectForm.dataSource === 'BUSINESS_STAND'">
+          <el-table-column
+            show-overflow-tooltip
+            label="企标编号"
+            width="150"
+          >
+            <template slot-scope="scope">
+              <!--                <a v-if="scope.row.standYear" class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.standSortShow }} {{ scope.row.standNumber }}-{{ scope.row.standYear }}</a>-->
+              <a v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standCode }}</a>
+              <a v-if="scope.row.standStatusShow === '参考'" style="color: #E6A23C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standCode }}</a>
+              <a v-if="scope.row.standStatusShow !== '作废' && scope.row.standStatusShow !== '参考'" style="color: #333333" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standCode }}</a>
+            </template>
+          </el-table-column>
+          <el-table-column
+            show-overflow-tooltip
+            prop="standName"
+            label="中文名称"
+            min-width="300"
+          >
+            <template slot-scope="scope">
+              <a v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standName }}</a>
+              <a v-if="scope.row.standStatusShow === '参考' " style="color: #E6A23C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standName }}</a>
+              <a v-if="scope.row.standStatusShow !== '作废' && scope.row.standStatusShow !== '参考'" style="color: #333333" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standName }}</a>
+            </template>
+          </el-table-column>
+          <el-table-column
+            show-overflow-tooltip
+            prop="standEnName"
+            label="英文名称"
+            min-width="300"
+          >
+            <template slot-scope="scope">
+              <a v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standEnName }}</a>
+              <a v-if="scope.row.standStatusShow === '参考'" style="color: #E6A23C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standEnName }}</a>
+              <a v-if="scope.row.standStatusShow !== '作废' && scope.row.standStatusShow !== '参考'" style="color: #333333" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standEnName }}</a>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="issueTime"
+            label="发布日期"
+            width="120"
+          >
+            <template slot-scope="scope">
+              <span v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C">{{scope.row.issueTime}}</span>
+              <span v-if="scope.row.standStatusShow === '参考' " style="color: #E6A23C">{{scope.row.issueTime}}</span>
+              <span v-if="scope.row.standStatusShow !== '作废' && scope.row.standStatusShow !== '参考'">{{scope.row.issueTime}}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="putTime"
+            label="实施日期"
+            width="120"
+          >
+            <template slot-scope="scope">
+              <span v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C">{{scope.row.putTime}}</span>
+              <span v-if="scope.row.standStatusShow === '参考'" style="color: #E6A23C">{{scope.row.putTime}}</span>
+              <span v-if="scope.row.standStatusShow !== '作废' && scope.row.standStatusShow !== '参考'">{{scope.row.putTime}}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            show-overflow-tooltip
+            prop="standStatusShow"
+            label="文本状态"
+            width="110"
+          >
+            <template slot-scope="scope">
+                <span v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C">
+                  {{scope.row.standStatusShow}}
+                </span>
+              <span v-if="scope.row.standStatusShow === '参考'" style="color: #E6A23C">
+                  {{scope.row.standStatusShow}}
+                </span>
+              <span v-if="scope.row.standStatusShow !== '作废' && scope.row.standStatusShow !== '参考'">
+                  {{scope.row.standStatusShow}}
+                </span>
+            </template>
+          </el-table-column>
+        </div>
+
+      </el-table>
+      <!--分页-->
+      <pagination
+        v-show="this.lawInfoTableLoading === false"
+        style="position: relative;"
+        :page="handleSelectForm.page"
+        :total="handleSelectForm.total"
+        @pageChange="handleSelectPageChange"
+        @pageSizeChange="handleSelectPageSizeChange"></pagination>
+      <div slot="footer" class="demo-drawer-footer">
+        <el-button class="common-button-default" size="mini"  @click="standModel = false">取消</el-button>
+        <el-button type="primary" size="mini" class="common-button-primary"  @click="handleSelectConfirm" v-show="lawInfoTableLoading === false">确定</el-button>
+      </div>
+    </div>
+  </el-drawer>
+</div>
+</template>
+
+<script>
+import questionsItem from './components/questions-item'
+import answerItem from "./components/answerItem";
+import questionItemInfo from "./components/questionItemInfo";
+import standItem from './components/stand-item'
+
+export default {
+  name: "standQA",
+  components:{
+    questionItemInfo,
+    questionsItem,
+    answerItem,
+    standItem
+  },
+  data(){
+    return{
+      handleSelectForm: {
+        standName: '', //标准名称
+        numberName: '', //政策名称
+        lawsNumber: '', //政策编号
+        standNumber: '', //标准编号
+        standCode: '', //企标编号
+        textStatus: '', //标准状态
+        dataSource: 'INLAND',
+        standType: 'INLAND',
+        lawNumber: '', // 标准编号/政策编号
+        lawName: '', // 标准名称/政策名称
+        page: 1,
+        pageSize: this.$store.getters.userInfo.configContent,
+        bpnId: '',
+        total: 0,
+        quoteIdList: '',
+        validFlag: '0',
+        menuId: 'nomenu'
+      },
+      textStatusMap: {},// 文本状态id与name对应
+      textState: [],
+      standModel: false,
+      lawInfoTableLoading: true,
+      handleSelectTableList: [],
+      lawInfoTable: [],
+      // 上传地址
+      actionPath: 'api/att/attFile/uploadNew',
+      fileList: [], //上传文件的列表
+      activeName: 'myQue',
+      activeType: 'INLAND',
+      activestand: '',
+      activeQue: '',
+      standType: 'INLAND',
+      dialogVisible: false,
+      questionForm:{
+        classification: 'INLAND', //标准类型
+        problemDescription: '', //问题
+        questioner: this.$store.getters.userInfo.userId, //提问人
+        standardEncdoing: '',  //标准编号
+        standardName: '',   //标准名称
+        standardId:'',   //标准id
+        fileList: '',
+      },
+      queRules:{
+        problemDescription: [
+          {required: true, message: '请输入问题', trigger: 'blur'},
+        ],
+      },
+      questionSerach:{
+        classification: 'INLAND',
+        standardName: '',  //标准名称
+        standardEncdoing: '', //标准编号
+        questioner: this.$store.getters.userInfo.userId,   //提问人
+        problemDescription: '',  //关键词/问题描述
+      },
+      answerList: [],
+      standList: [],
+      questionsList: [],
+    }
+  },
+  mounted(){
+    this.standSearch()
+    // 查询各下拉框数据
+    this.$http.get("sys/dictype/getDicTypeListCode", "", {
+      _this: this,
+      loading: "loading"
+    }, res => {
+      this.setMap(res.data.WBZTCLASS);// 文本状态
+      this.textState = res.data.WBZTCLASS // 文本状态
+    }, e => {
+    });
+  },
+  methods:{
+    // 点击查看
+    handlePreview(item) {
+      let routeUrl = this.$router.resolve({
+        name: "OtherStandardDetails",
+        params: {
+          id: item.id || item.standId,
+          pageType: item.standType + '_STAND'
+        }
+      });
+      window.open(routeUrl.href, "_blank");
+    },
+    // 将文本状态的id与name对应
+    setMap(data) {
+      data.forEach(item => {
+        this.$set(this.textStatusMap, item.value, item.label)
+      })
+    },
+    dataSourceChange() {
+      this.handleSelectForm.page = 1
+      this.lawInfoTableLoading = true
+      this.handleSelectForm.standType = this.handleSelectForm.dataSource
+      this.searchLawBtn()
+    },
+    isRelateAccessChange(){
+      this.handleSelectForm.page = 1
+      this.lawInfoTableLoading = true
+      this.handleSelectForm.standType = this.handleSelectForm.dataSource
+      this.searchLawBtn()
+    },
+    //根据标准编号的查询
+    lawNumberSearch() {
+      this.handleSelectForm.standNumber = this.handleSelectForm.lawNumber
+      this.handleSelectForm.lawsNumber = this.handleSelectForm.lawNumber
+      this.handleSelectForm.standCode = this.handleSelectForm.lawNumber
+    },
+    addList() {
+      this.handleSelectForm.dataSource = this.standType
+      this.searchLawBtn()
+      this.standModel = true;
+    },
+    //选择标准确定按钮
+    handleSelectConfirm(){
+      if(this.handleSelectTableList.length === 1){
+        if(this.handleSelectForm.dataSource === 'BUSINESS_STAND'){
+            this.questionForm.standardEncdoing = this.handleSelectTableList[0].standCode
+        }else{
+          this.questionForm.standardEncdoing = this.handleSelectTableList[0].standYear ?
+            this.handleSelectTableList[0].standSortShow + '\xa0' + this.handleSelectTableList[0].standNumber + '-' + this.handleSelectTableList[0].standYear :
+            this.handleSelectTableList[0].standSortShow + this.handleSelectTableList[0].standNumber
+        }
+        this.questionForm.standardName = this.handleSelectTableList[0].standName
+        this.questionForm.standardId = this.handleSelectTableList[0].id
+        this.standModel = false
+      }else{
+        this.$message.warning('请选择一条数据进行添加')
+      }
+    },
+    //选择标准的查询按钮
+    searchLawBtn(){
+      this.lawInfoTableLoading = true
+      if (this.handleSelectForm.dataSource === 'INLAND'){
+        this.$http.get('sarStandardsInfo/sar-standards-info/getSarStandardsInfoPageByWk1',this.handleSelectForm,{
+          _this: this
+        },res=>{
+          if (res.ok){
+            this.lawInfoTable = res.data.list
+            this.handleSelectForm.total = res.data.count
+            if ((this.lawInfoTable.length === 0 || this.lawInfoTable === []) && this.handleSelectForm.page !== 1) {
+              this.lawInfoTableLoading = true
+              this.handleSelectPageChange(1)
+            }else {
+              this.lawInfoTableLoading = false
+              this.lawInfoTableLoading = false
+            }
+          }else {
+            this.$message.error(res.message)
+          }
+        },e=>{
+          this.lawInfoTable = []
+          this.handleSelectForm.total = 0
+        })
+      }else if(this.handleSelectForm.dataSource === 'FOREIGN'){
+        this.$http.get('sarStandardsInfo/sar-standards-info/getSarStandardsInfoPageByWk1',this.handleSelectForm,{
+          _this: this
+        },res=>{
+          if (res.ok){
+            this.lawInfoTable = res.data.list
+            this.handleSelectForm.total = res.data.count
+            if ((this.lawInfoTable.length === 0 || this.lawInfoTable === []) && this.handleSelectForm.page !== 1) {
+              this.lawInfoTableLoading = true
+              this.handleSelectPageChange(1)
+            }else {
+              this.lawInfoTableLoading = false
+            }
+          }else {
+            this.$message.error(res.message)
+            this.lawInfoTableLoading = false
+          }
+        },e=>{
+          this.lawInfoTable = []
+          this.handleSelectForm.total = 0
+        })
+      }else if(this.handleSelectForm.dataSource === 'BUSINESS_STAND'){
+        this.$http.get('lawss/sarBussionessStand/getSarBussionStandPage',this.handleSelectForm,{
+          _this: this
+        },res=>{
+          if (res.ok){
+            this.lawInfoTable = res.data.list
+            this.handleSelectForm.total = res.data.count
+            if ((this.lawInfoTable.length === 0 || this.lawInfoTable === []) && this.handleSelectForm.page !== 1) {
+              this.lawInfoTableLoading = true
+              this.handleSelectPageChange(1)
+            }else {
+              this.lawInfoTableLoading = false
+            }
+          }else {
+            this.$message.error(res.message)
+            this.lawInfoTableLoading = false
+          }
+        },e=>{
+          this.lawInfoTable = []
+          this.handleSelectForm.total = 0
+        })
+      }else {
+        this.$message.warning('请先选择标准/政策来源')
+      }
+    },
+    //手动查找的清空按钮
+    clearLawBtn(){
+      this.lawInfoTableLoading = true
+      this.handleSelectForm.lawNumber = ''
+      this.handleSelectForm.textStatus = ''
+      this.handleSelectForm.isRelateAccess = ''
+      this.handleSelectForm.standNumber = ''
+      this.handleSelectForm.lawsNumber = ''
+      this.handleSelectForm.standCode = ''
+      //清空标准名称/政策名称的查询
+      this.handleSelectForm.lawName = ''
+      this.handleSelectForm.standName = ''
+      this.handleSelectForm.numberName = ''
+      this.searchLawBtn()
+    },
+    formatIssueDate(str) {
+      const momentDate = this.$moment(str)
+      if (momentDate.isValid()) {
+        return this.$moment(str).format('YYYY-MM-DD')
+      } else {
+        return str
+      }
+    },
+    //添加标准勾选框数据
+    handleSelectTableChange (data) {
+      this.handleSelectTableList = data
+    },
+    handleSelectPageChange(page){
+      this.lawInfoTableLoading = true
+      this.handleSelectForm.page = page
+      this.searchLawBtn()
+    },
+    handleSelectPageSizeChange(pageSize){
+      this.lawInfoTableLoading = true
+      this.handleSelectForm.pageSize = pageSize
+      this.searchLawBtn()
+    },
+    //单选框type值改变
+    standTypeChange(){
+      this.questionForm.classification = this.standType
+    },
+    handleClick(){
+      console.log(this.activeName);
+      this.ansSearch()
+    },
+    sourceClick(){
+      this.questionSerach.classification = this.activeType
+      this.questionSerach.standardEncdoing = ''
+      this.standSearch()
+    },
+    standClick(){
+      this.queSearch()
+    },
+    questionClick(){
+      sessionStorage.setItem('queId', this.activeQue)
+       this.$http.get('lawss/AskQuestions/getAskQuestionsByakId',{
+         id: this.activeQue
+       },{
+         _this: this
+       }, res => {
+         this.answerList = res.data
+       }, e => {
+       })
+    },
+    //提问按钮
+    queBtn(){
+      this.dialogVisible = true
+    },
+    handleClose(){
+       this.dialogVisible = false
+    },
+    //清空
+    delSearch(){
+
+    },
+    //问题查询
+    queSearch(){
+       this.$http.get('lawss/AskQuestions/getAskQuestionsByStandardId',{
+         standardId: this.activestand,
+       },{
+         _this: this
+       }, res => {
+         this.questionsList = res.data
+         console.log(this.questionsList);
+       })
+    },
+    //回答查询
+    ansSearch(){
+      this.$http.get('lawss/AskQuestions/getReplyDetails',{
+        classification: this.questionSerach.classification,
+        answerer: this.$store.getters.userInfo.userId,
+      }, {
+        _this: this,
+      }, res => {
+
+      })
+    },
+    //查询标准
+    standSearch(){
+      this.$http.get('lawss/AskQuestions/getAskQuestionsDetails',{ ...this.questionSerach },{
+        _this: this
+      }, res =>{
+        this.standList = res.data
+      }, e => {
+
+      })
+    },
+    //文件上传前
+    beforeUploadTheme(file){
+      console.log(file);
+      var filename = file.name;
+      var index1 = filename.lastIndexOf('.')
+      var index2 = filename.length
+      var fileSuffix = filename.substring(index1, index2)
+      //把后缀转大写
+      if(fileSuffix){
+        fileSuffix = fileSuffix.toUpperCase()
+      }
+      // 判断上传文件格式
+      if (fileSuffix === ".PDF" || fileSuffix === ".DOC" || fileSuffix === ".DOCX" || fileSuffix === ".PPT"
+        || fileSuffix === ".PPTX" || fileSuffix === ".XLS" || fileSuffix === ".XLSX"
+        || fileSuffix === ".PNG" || fileSuffix === ".JPG" || fileSuffix === ".JPEG") {
+        return true;
+      } else {
+        this.$message.error("文件" + file.name + "格式不正确，请上传pdf、doc、docx、ppt、pptx、xls、xlsx、png、jpg、jpeg等文件");
+        return false;
+      }
+      // 判断文件上传大小
+      if (file.size / 1024 / 1024 > 300) {
+        this.$message.warning("文件" + file.name + "大小不能超过300M");
+        return false;
+      }
+      return true;
+    },
+    //删除文件前
+    beforeRemoveTheme(){
+       this.fileList.forEach((item,index) => {
+         if(item.name === file.name || item.id === file.id){
+           this.fileList.splice(index, 1)
+         }
+       })
+      // let list = ''
+      // this.fileInfoList.forEach(item => {
+      //   if (list.length > 0) {
+      //     list += ','
+      //     list += item.name
+      //   } else {
+      //     list+= item.name
+      //   }
+      // })
+      // this.questionForm.fileInfo = list
+    },
+    //文件上传成功
+    onsuccessTheme(res,file,fileList){
+      if(res.ok){
+        this.fileList.push(res.data)
+        this.$message.success('上传成功')
+      }else{
+        this.$message.warning(res.message)
+        fileList.pop()
+      }
+      // let list = ''
+      // this.fileInfoList.forEach(item => {
+      //   if (list.length > 0) {
+      //     list += ','
+      //     list += item.name
+      //   } else {
+      //     list+= item.name
+      //   }
+      // })
+      // this.questionForm.fileInfo = list
+    },
+    //提交问题
+    queSubmit(){
+      if(this.questionForm.standardId){
+        this.questionForm.fileList = this.fileList
+        console.log(this.questionForm);
+        this.$refs['queForm'].validate((valid) => {
+          if(valid){
+            this.$http.postData('lawss/AskQuestions/insertAskQuestions',{ ...this.questionForm },
+              {
+                _this: this
+              }, res => {
+                console.log(res);
+              }, e => {
+
+              })
+          }else{
+            return this.$message.warning('请输入问题')
+          }
+        })
+      }else{
+        this.$message.warning('请选择至少一条标准')
+      }
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+#my-questions{
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  background: #F5F7FA;
+  margin-bottom: 10px;
+  .tab-box{
+    height: 100%;
+  }
+  .type-tabs {
+    /deep/.el-tabs__header {
+      margin-right: 0;
+    }
+    /deep/.el-tabs__content {
+      padding: 0;
+      .el-tab-pane {
+        height: 100%;
+      }
+    }
+  }
+  .question-box{
+
+  }
+  .question-tabs {
+    height: 100%;
+    border-top: none;
+    border-bottom: none;
+    /deep/.el-tabs__nav {
+      height: calc(~'100% - 50px');
+      overflow: auto;
+    }
+    /deep/ &.el-tabs--border-card .el-tabs__item{
+      height: 65px;
+      border-color: #d1dbe5 transparent;
+      text-align: left !important;
+      border-top-color: transparent;
+      &.is-active {
+        border-top-color: #d1dbe5;
+      }
+    }
+  }
+  /deep/.el-tabs__content{
+    height: 100%;
+    padding: 0;
+  }
+  /deep/.el-tab-pane{
+    height: 100%;
+  }
+  .com-box{
+    /deep/.el-tabs__item .is-left{
+      height: auto;
+    }
+  }
+}
+/deep/.el-tabs--left .el-tabs__item.is-left {
+  text-align: left;
+  height: auto;
+}
+.answer-box{
+  height: auto;
+  width: auto;
+  background: #F5F7FA;
+  float: right;
+  margin: 20px 10px 0 80px;
+}
+.info-answer{
+  height: 200px;
+  width: 100%;
+  position: absolute;
+  bottom: 0;
+  //border-top: 1px solid #cccccc;
+}
+/deep/.el-upload-dragger{
+  width: 450px !important;
+}
+.el-input{
+  width: 90%;
+}
+/deep/.el-dialog__body{
+  padding: 10px;
+}
+ /deep/.el-upload-dragger {
+  height: 90px;
+}
+</style>
diff --git a/src/router/index.js b/src/router/index.js
index 3610e796e..eda37baad 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -3304,6 +3304,17 @@ const routes = [
           menuId: 'JURHS3LVP35US88ABULS'
         }
       },
+      {
+        path: '/standQA',
+        name: 'StandQA',
+        component: () =>
+            import('@/pages/regulatoryRepository/standQA'),
+        meta: {
+          requireAuth: true,
+          title: '问答库', // 把 标准涉及项目 这几个字 改成 标准合规评估结果
+          menuId: ''
+        }
+      },
       // 本地产品/项目库详情页
       {
         path: '/localProductDetail',