From c3cd41150d829770e0371dc5d56e3280a9d826f4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=AE=8B=E4=BC=9F=E4=BD=B3?= <2797716443@qq.com>
Date: Mon, 6 Jun 2022 13:17:50 +0800
Subject: [PATCH] =?UTF-8?q?=E6=88=91=E7=9A=84=E9=97=AE=E7=AD=94?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../my-questions/components/answerItem.vue    |  190 +++
 .../components/questionItemInfo.vue           |   53 +-
 .../components/questions-item.vue             |    8 +-
 .../my-questions/components/stand-item.vue    |    5 +-
 .../personal/pages/my-questions/index.vue     | 1147 ++++++++++++++++-
 5 files changed, 1341 insertions(+), 62 deletions(-)
 create mode 100644 src/pages/personal/pages/my-questions/components/answerItem.vue

diff --git a/src/pages/personal/pages/my-questions/components/answerItem.vue b/src/pages/personal/pages/my-questions/components/answerItem.vue
new file mode 100644
index 000000000..2f6d9e2fc
--- /dev/null
+++ b/src/pages/personal/pages/my-questions/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/personal/pages/my-questions/components/questionItemInfo.vue b/src/pages/personal/pages/my-questions/components/questionItemInfo.vue
index 9970b18d9..4ce7073a7 100644
--- a/src/pages/personal/pages/my-questions/components/questionItemInfo.vue
+++ b/src/pages/personal/pages/my-questions/components/questionItemInfo.vue
@@ -5,29 +5,72 @@
       <div class="row">
         <div class="item">
           <div>回答：
-            <span>{{question.question}}</span>
+            <span>{{answer. reply}}</span>
           </div>
         </div>
       </div>
       <div class="row">
         <div class="item">
-          <div>{{question.person}}
-            <span>{{question.modifyTime}}</span>
+          <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"
+  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/personal/pages/my-questions/components/questions-item.vue b/src/pages/personal/pages/my-questions/components/questions-item.vue
index 8eafd607a..660898090 100644
--- a/src/pages/personal/pages/my-questions/components/questions-item.vue
+++ b/src/pages/personal/pages/my-questions/components/questions-item.vue
@@ -5,14 +5,14 @@
     <div class="row">
       <div class="item">
         <div>提问：
-         <span>{{question.question}}</span>
+         <span>{{question.problemDescription}}</span>
         </div>
       </div>
     </div>
     <div class="row">
       <div class="item">
-        <div>{{question.person}}
-          <span>{{question.modifyTime}}</span>
+        <div>{{userName}}
+          <span>{{question.questionTime}}</span>
         </div>
       </div>
     </div>
@@ -28,6 +28,7 @@ export default {
   },
   data(){
     return{
+      userName: this.$store.getters.userInfo.userName,
     }
   },
   watch:{
@@ -35,7 +36,6 @@ export default {
       immediate: true,
       deep: true,
       handler(val){
-        console.log(val);
       }
     }
   }
diff --git a/src/pages/personal/pages/my-questions/components/stand-item.vue b/src/pages/personal/pages/my-questions/components/stand-item.vue
index 65eedfc51..585498bb7 100644
--- a/src/pages/personal/pages/my-questions/components/stand-item.vue
+++ b/src/pages/personal/pages/my-questions/components/stand-item.vue
@@ -4,12 +4,12 @@
     <div>
       <div class="row">
         <div class="item">
-          <span>{{stand.resCode}}</span>
+          <span>{{stand.standardEncdoing}}</span>
         </div>
       </div>
       <div class="row">
         <div class="item">
-          <span>{{stand.resName}}</span>
+          <span>{{stand.standardName}}</span>
         </div>
       </div>
     </div>
@@ -31,7 +31,6 @@ export default {
       immediate: true,
       deep: true,
       handler(val) {
-        console.log(val);
         this.stand = val
       }
     }
diff --git a/src/pages/personal/pages/my-questions/index.vue b/src/pages/personal/pages/my-questions/index.vue
index 698a2d7b0..0bfaecf5a 100644
--- a/src/pages/personal/pages/my-questions/index.vue
+++ b/src/pages/personal/pages/my-questions/index.vue
@@ -4,22 +4,22 @@
    <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.standNumber" placeholder="根据标准号查询"></el-input>
+         <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.standName" placeholder="根据标准名称查询"></el-input>
+         <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.keyCode" placeholder="根据关键词查询"></el-input>
+         <el-input v-model="questionSerach.problemDescription" placeholder="根据关键词查询"></el-input>
        </el-form-item>
        <el-form-item>
-         <el-button size="mini"  @click="">查询</el-button>
+         <el-button size="mini"  @click="standSearch">查询</el-button>
        </el-form-item>
        <el-form-item>
-         <el-button size="mini"  @click="">清空</el-button>
+         <el-button size="mini"  @click="delSearch">清空</el-button>
        </el-form-item>
        <el-form-item>
-         <el-button size="mini" type="primary" @click="">提问</el-button>
+         <el-button size="mini" type="primary" @click="queBtn" v-if="this.activeName !=='myQue'">提问</el-button>
        </el-form-item>
      </el-form>
    </div>
@@ -28,16 +28,20 @@
       type="border-card"
       style="height: 100%"
       class="type-tabs"
+      v-model="activeName"
+      @tab-click="handleClick"
       tab-position="left"
     >
-      <el-tab-pane label="我的提问">
+      <el-tab-pane name="myQue" label="我的提问">
         <div style="height: 100%">
           <el-tabs
             class="question-tabs"
             type="border-card"
+            v-model="activeType"
+            @tab-click="sourceClick"
             style="height: 100%"
             tab-position="left">
-            <el-tab-pane label="国内标准">
+            <el-tab-pane name="INLAND" label="国内标准">
               <div v-if="!standList || standList.length === 0">
                 <div style="padding: 20px;">
                   暂无数据
@@ -47,11 +51,13 @@
                 <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.name">
+                    <el-tab-pane class="com-box" :name="stand.standardId">
                       <template slot="label">
                         <stand-item :stand="stand"></stand-item>
                       </template>
@@ -65,21 +71,22 @@
                           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.name">
+                            <el-tab-pane class="com-box" :name="question.id">
                               <template slot="label">
                                 <questions-item :question="question"></questions-item>
                               </template>
-                              <div class="answer-box" >
-                                <template v-for="(item, index) in questionInfo.qaMsgEOListReverse">
+                              <div>
+                                <template v-for="(item, index) in answerList">
                                   <div class="clearfix">
-                                    <div class="item" >
-                                      <question-item-info ></question-item-info>
+                                    <div class="answer-box" >
+                                      <question-item-info :answer="item"></question-item-info>
                                     </div>
                                   </div>
-
                                 </template>
                               </div>
                             </el-tab-pane>
@@ -91,6 +98,248 @@
                 </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-tab-pane>
+      <el-tab-pane name="myAns" label="我的回答">
+        <div style="height: 100%">
+          <el-tabs
+            class="question-tabs"
+            type="border-card"
+            @tab-click="sourceClick"
+            style="height: 100%"
+            tab-position="left">
+            <el-tab-pane 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"
+                          v-model="activeQue"
+                          style="height: 100%"
+                          @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>
+                              <div class="info-answer" >
+                                <answer-item></answer-item>
+                              </div>
+                            </el-tab-pane>
+                          </template>
+                        </el-tabs>
+                      </div>
+                    </el-tab-pane>
+                  </template>
+                </el-tabs>
+              </div>
+            </el-tab-pane>
             <el-tab-pane label="海外标准">
             </el-tab-pane>
             <el-tab-pane label="企业标准">
@@ -100,63 +349,844 @@
           </el-tabs>
         </div>
       </el-tab-pane>
-      <el-tab-pane label="我的回答">
-        <div>
-
-        </div>
-      </el-tab-pane>
-      <el-tab-pane label="我的订阅">
+      <el-tab-pane name="mySub" label="我的订阅">
         <div>
         </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 "@/pages/personal/pages/my-questions/components/answerItem";
 import questionItemInfo from "@/pages/personal/pages/my-questions/components/questionItemInfo";
 import standItem from './components/stand-item'
+
 export default {
   name: "index",
   components:{
     questionItemInfo,
     questionsItem,
+    answerItem,
     standItem
   },
   data(){
     return{
-      questionSerach:{
-        standNumber: '',
-        standName: '',
-        keyCode: '',
+      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'
       },
-      standList: [
-        {
-        name: '1',
-        resCode:'GB 17354-XXXX',
-        resName: '机动车安全运行条件',
-      }, {
-        name: '2',
-        resName: '汽车前后端防护装置',
-        resCode:'GB 14444-1',
-      }],
-      questionsList: [
-        {
-        name: '1',
-        question: '标准何时生效？',
-        person: this.$store.getters.userInfo.userName,
-        modifyTime: '2022-03-14 14:40:42',
-      }, {
-        name: '2',
-        person: this.$store.getters.userInfo.userName,
-        question: '第四条范围何时更改？',
-        modifyTime: '2022-03-14 14:40:42',
-      }],
+      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>
 
@@ -221,11 +1251,28 @@ export default {
 }
 .answer-box{
   height: auto;
-  min-height: 200px;
-  width: 100%;
-  min-width: 300px;
+  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>