问题归档增加弹框

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

@@ -68,6 +68,26 @@
         <div class="el-upload__text">点击或拖拽上传文件</div>
       </el-upload>
     </el-dialog>
+    <!--归档弹窗  -->
+    <el-dialog
+      title="问题归档"
+      :visible.sync="dialogVisible"
+      width="650px"
+      :before-close="handleClose">
+      <div>
+        <el-form ref="queForm" :rules="queRules" class="label-input-form" label-width="80px" :model="questionForm">
+          <el-form-item label="回答" prop="problemDescription"  class="serch-form-item">
+            <div v-for="(item,index) in queList" :key="index">
+              <el-input v-model="item.reply"></el-input>
+            </div>
+          </el-form-item>
+        </el-form>
+      </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" :loading="submitBtnLoading" @click="queSubmit">提 交</el-button>
+    </span>
+    </el-dialog>
   </div>
 </template>
 
@@ -88,6 +108,13 @@ export default {
      // 上传地址
      actionPath: 'api/att/attFile/uploadNew',
      importModalshowflagtemp: false,
+     submitBtnLoading: false,
+     dialogVisible: false,
+     queList:[],
+     queRules:{},
+     questionForm:{
+       problemDescription: '', //回答
+     },
      fileList: [],
      form:{
        reply: '',
@@ -184,28 +211,35 @@ export default {
         }
       })
     },
+    handleClose(){
+      this.dialogVisible = false
+    },
+    queSubmit(){
+      console.log(this.queList,'queSubmit');
+      // this.$emit('emitInsState',false)
+      // let listId = list.join(',')
+      // this.$http.post('lawss/Reply/updateReply', {
+      //   id: listId,
+      // },{
+      //   _this: this
+      // }, res => {
+      //   if(res.respCode === '200'){
+      //     this.$emit('emitInsState',true)
+      //   }
+      // }, e => {
+      // })
+    },
     //问题归档
     queArchive(){
-      let list = []
       this.mergeSelectList = this.mergeSelectList.filter ( item => item.state !== 'yes' && item.checked);
       for (let i = 0; i < this.mergeSelectList.length; i++) {
         if(this.mergeSelectList[i].checked){
-          list.push(this.mergeSelectList[i].id)
+          this.queList.push(this.mergeSelectList[i])
         }
       }
-      if(this.mergeSelectList && this.mergeSelectList.length > 0){
-        this.$emit('emitInsState',false)
-        let listId = list.join(',')
-        this.$http.post('lawss/Reply/updateReply', {
-          id: listId,
-        },{
-          _this: this
-        }, res => {
-          if(res.respCode === '200'){
-            this.$emit('emitInsState',true)
-          }
-        }, e => {
-        })
+      console.log(this.queList);
+      if(this.queList && this.queList.length > 0){
+        this.dialogVisible = true
       }else {
         this.$message.warning('请选择归档内容')
       }
@@ -217,6 +251,7 @@ export default {
   },
   mounted () {
     this.mergeSelectList = this.list
+    console.log(this.mergeSelectList);
   },
 };
 </script>