1、文档新增详情和评论

2、新增导出word
3、预览功能调整
4、页面上图标等样式调整

src/views/document/editDocument.vue

@@ -1,105 +1,179 @@
 <template>
-  <div class="el-form-border">
-    <el-form ref="form" :model="form" :rules="rules" label-width="150px">
-      <el-row>
-        <el-col :span="24">
-          <el-form-item label="文件分类" prop="docCategoryId">
-            <treeselect v-model="form.docCategoryId" :options="docCategory" :show-count="true" placeholder="请选择文件分类"/>
-          </el-form-item>
-        </el-col>
+  <div class="fbox1">
+    <div class="fl">
+      <div class="el-form-border">
+        <el-form ref="form" :model="form" :rules="rules" label-width="150px">
+          <el-row>
+            <el-col :span="24">
+              <el-form-item label="文件分类" prop="docCategoryId">
+                <treeselect v-model="form.docCategoryId" :options="docCategory" :show-count="true"
+                            :disabled="detailBoolean"
+                            placeholder="请选择文件分类"/>
+              </el-form-item>
+            </el-col>
 
-        <el-col :span="24">
-          <el-form-item label="文档编号" prop="docCode">
-            <el-input v-model="form.docCode" placeholder="请输入文档编号" maxlength="50" show-word-limit/>
-          </el-form-item>
-        </el-col>
+            <el-col :span="24">
+              <el-form-item label="文档编号" prop="docCode">
+                <template v-if="detailBoolean">{{form.docCode}}</template>
+                <template v-else>
+                  <el-input v-model="form.docCode" placeholder="请输入文档编号" maxlength="50" show-word-limit/>
+                </template>
+              </el-form-item>
+            </el-col>
 
-        <el-col :span="24">
-          <el-form-item label="文档名称" prop="docName">
-            <el-input v-model="form.docName" placeholder="请输入文档名称" maxlength="200" show-word-limit/>
-          </el-form-item>
-        </el-col>
+            <el-col :span="24">
+              <el-form-item label="文档名称" prop="docName">
+                <template v-if="detailBoolean">{{form.docCode}}</template>
+                <template v-else>
+                  <el-input v-model="form.docName" placeholder="请输入文档名称" maxlength="200" show-word-limit/>
+                </template>
+              </el-form-item>
+            </el-col>
 
-        <el-col :span="24">
-          <el-form-item label="文档类别" prop="docType" style="width: 100%">
-            <el-select v-model="form.docType" placeholder="请选择文档来源" style="width: 100% !important;">
-              <el-option style="width: 100%"
-                v-for="dict in dict.type.doc_class"
-                :key="dict.value"
-                :label="dict.label"
-                :value="dict.value"
-              ></el-option>
-            </el-select>
-          </el-form-item>
-        </el-col>
+            <el-col :span="24">
+              <el-form-item label="文档类别" prop="docType" style="width: 100%">
+                <el-select v-model="form.docType" placeholder="请选择文档来源" style="width: 100% !important;"
+                :disabled="detailBoolean">
+                  <el-option style="width: 100%"
+                    v-for="dict in dict.type.doc_class"
+                    :key="dict.value"
+                    :label="dict.label"
+                    :value="dict.value"
+                  ></el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
 
-        <el-col :span="24">
-          <el-form-item label="文档来源" prop="docSource">
-            <el-select v-model="form.docSource" placeholder="请选择文档来源" style="width: 100%">
-              <el-option
-                v-for="dict in dict.type.doc_source"
-                :key="dict.value"
-                :label="dict.label"
-                :value="dict.value"
-              ></el-option>
-            </el-select>
-<!--            <el-input v-model="form.docSource" placeholder="请输入文档来源" maxlength="50" show-word-limit/>-->
-          </el-form-item>
-        </el-col>
-        <el-col :span="24" v-if="relatedTool">
-          <el-form-item label="关联工具" prop="toolId">
-            <el-select
-              v-model="toolDataInfo"
-              ref="selectHeadTool"
-              multiple
-              value-key="toolId"
-              filterable
-              remote
-              placeholder="请选择关联工具"
-              @focus="toolSelect">
-              <el-option
-                v-for="item in toolDataInfo"
-                :key="item.toolId"
-                :label="item.toolName"
-                :value="item">
-              </el-option>
-            </el-select>
-          </el-form-item>
+            <el-col :span="24">
+              <el-form-item label="文档来源" prop="docSource">
+                <el-select v-model="form.docSource" placeholder="请选择文档来源" style="width: 100%" :disabled="detailBoolean">
+                  <el-option
+                    v-for="dict in dict.type.doc_source"
+                    :key="dict.value"
+                    :label="dict.label"
+                    :value="dict.value"
+                  ></el-option>
+                </el-select>
+    <!--            <el-input v-model="form.docSource" placeholder="请输入文档来源" maxlength="50" show-word-limit/>-->
+              </el-form-item>
+            </el-col>
+            <el-col :span="24" v-if="relatedTool">
+              <el-form-item label="关联工具" prop="toolId">
+                <el-select
+                  v-model="toolDataInfo"
+                  ref="selectHeadTool"
+                  multiple
+                  value-key="toolId"
+                  filterable
+                  remote
+                  placeholder="请选择关联工具"
+                  :disabled="detailBoolean"
+                  @focus="toolSelect">
+                  <el-option
+                    v-for="item in toolDataInfo"
+                    :key="item.toolId"
+                    :label="item.toolName"
+                    :value="item">
+                  </el-option>
+                </el-select>
+              </el-form-item>
 
-        </el-col>
-        <el-col :span="24">
-          <el-form-item label="负责人" prop="docPrincipals">
-            <el-input v-model="form.docPrincipals" placeholder="请输入负责人" maxlength="50" show-word-limit/>
-          </el-form-item>
-        </el-col>
-        <el-col :span="24">
-          <el-form-item label="归属单位" prop="docRespDept">
-            <treeselect v-model="form.docRespDept" :options="deptOptions" :show-count="true" placeholder="请输入归属单位"/>
-          </el-form-item>
-        </el-col>
-        <el-col :span="24">
-          <el-form-item label="文件" required>
-            <uploadVue
-              :display="editStatus"
-              :uploadUrl="uploadFileUrl"
-              :type="['.txt','.doc','.docx','.pdf','.mp4','.zip','.rar','.7z','.png','.jpg','.jpeg']"
-              :acceptType="acceptType"
-              :limit="1"
-              :dataFile="dataFile"
-              ref="uploadFile"
-              @handleSuccess="handleUploadSuccess"
-              @handleError="handleUploadError"
-            />
-          </el-form-item>
-        </el-col>
-        <el-col :span="24">
-          <el-form-item label="备注" prop="remark">
-            <el-input v-model="form.remark" type="textarea" :rows="3" maxlength="500" show-word-limit></el-input>
-          </el-form-item>
-        </el-col>
-      </el-row>
-    </el-form><!--el-form-->
+            </el-col>
+            <el-col :span="24">
+              <el-form-item label="负责人" prop="docPrincipals">
+                <template v-if="detailBoolean">{{form.docPrincipals}}</template>
+                <template v-else>
+                  <el-input v-model="form.docPrincipals" placeholder="请输入负责人" maxlength="50" show-word-limit/>
+                </template>
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item label="归属单位" prop="docRespDept">
+                <treeselect v-model="form.docRespDept" :options="deptOptions" :show-count="true"
+                            :disabled="detailBoolean" placeholder="请输入归属单位"/>
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item label="文件" required>
+                <uploadVue
+                  :display="editStatus"
+                  :uploadUrl="uploadFileUrl"
+                  :type="['.txt','.doc','.docx','.pdf','.mp4','.zip','.rar','.7z','.png','.jpg','.jpeg']"
+                  :acceptType="acceptType"
+                  :limit="1"
+                  :dataFile="dataFile"
+                  :isDetail="detailBoolean"
+                  ref="uploadFile"
+                  @handleSuccess="handleUploadSuccess"
+                  @handleError="handleUploadError"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item label="备注" prop="remark">
+                <template v-if="detailBoolean">{{form.remark}}</template>
+                <template v-else>
+                  <el-input v-model="form.remark" type="textarea" :rows="3" maxlength="500" show-word-limit></el-input>
+                </template>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form><!--el-form-->
+      </div>
+    </div><!--fl 左侧页签-->
 
+    <div class="fr" v-if="detailBoolean">
+      <div class="tboper">
+        <div class="tit">评论</div>
+      </div><!--tboper 标题与操作按钮-->
+      <div class="pltextarea">
+        <el-input v-model="discussionContent" type="textarea" placeholder="请输入您的意见" :rows="4" maxlength="1000" show-word-limit></el-input>
+        <div class="plbtn"><el-button @click="handleDiscussions">发布</el-button></div>
+      </div><!--pltextarea-->
+      <div class="pllist">
+        <template v-if="discussionsList && discussionsList.length > 0">
+          <div class="list" v-for="(item,index) in discussionsList" :key="item.id">
+            <div class="luser"><span class="xuser">{{getFirstChar(item.nickName)}}</span></div>
+            <div class="ltext">
+              <div class="nt"><span class="name">{{item.nickName}}</span><span class="time">{{ parseTime(item.createTime, '{y}-{m}-{d} {h}:{i}') }}</span></div>
+              <div class="te">{{item.content}}</div>
+              <div class="hb">
+                <a class="btn" @click="toggleReplyForm(index)">
+                  <i class="el-icon-chat-line-round"></i>回复
+                </a>
+              </div>
+              <div class="pltextarea" v-if="showReplyForm[index]">
+                <el-input type="textarea" v-model="replyContent[index]" placeholder="请输入您的意见" :rows="2" maxlength="1000" show-word-limit></el-input>
+                <div class="plbtn">
+                  <el-button @click="cancelReply(index)">取消</el-button>
+                  <el-divider direction="vertical"></el-divider>
+                  <el-button @click="submitReply(index, item)">发布</el-button>
+                </div>
+              </div>
+              <!--第二层级-->
+              <template v-if="item.repliesList && item.repliesList.length > 0">
+                <div class="list" v-for="(repItem,repIdex) in item.repliesList" :key="repItem.id">
+                  <div class="luser"><span class="xuser">{{getFirstChar(repItem.nickName)}}</span></div>
+                  <div class="ltext">
+                    <div class="nt"><span class="name">{{repItem.nickName}}</span><span class="time">{{ parseTime(repItem.createTime, '{y}-{m}-{d} {h}:{i}') }}</span></div>
+                    <div class="te">{{repItem.content}}</div>
+                    <!--                    <div class="hb"><a class="btn" @click="toggleReplyFormSon(index,repIdex)"><i class="el-icon-chat-line-round"></i>回复</a></div>
+                                        <div class="pltextarea" v-if="item.showReplyFormSon[repIdex]">
+                                          <el-input type="textarea" v-model="item.replyContentSon[repIdex]" placeholder="请输入您的意见" :rows="2" maxlength="1000" show-word-limit></el-input>
+                                          <div class="plbtn">
+                                            <el-button @click="cancelReplySon(index,repIdex)">取消</el-button>
+                                            <el-divider direction="vertical"></el-divider>
+                                            <el-button @click="submitReplySon(index,repIdex, item)">发布</el-button>
+                                          </div>
+                                        </div>-->
+                  </div>
+                </div>
+              </template>
+            </div>
+          </div>
+        </template>
+      </div>
+    </div>
     <tool-selector ref="toolSelect" @selectHandle="selectHandle"></tool-selector>
 
   </div><!--el-form-border 表单-->
@@ -115,6 +189,8 @@
   import uploadProgress from "./uploadProgress";
   import uploadVue from '@/components/FileUpload/optimizeUpload.vue'
   import ToolSelector from '@/components/tool-selector/index.vue'
+  import { listDiscussions, addDiscussions } from "@/api/tool/discussions.js";
+  import { listReplies, addReplies} from "@/api/tool/replies.js";
 
   export default {
     name: 'editDocument',
@@ -193,6 +269,18 @@
         editStatus: true,
         toolDataInfo: [],
         dataFile: [],
+        //详情
+        detailBoolean: false,
+
+        discussionContent: null, // 评论内容
+        repliesContent: null, // 回复内容
+        // 评论列表
+        discussionsList: [],
+        // 回复列表
+        repliesList: [],
+        showReplyForm: [],
+        replyContent: [],
+        detailLoading: false,
       }
     },
     created(){
@@ -378,30 +466,180 @@
         this.$refs.form.resetFields();
         this.toolDataInfo = []
         this.fileList = []
+        this.detailBoolean = false
         this.$nextTick(()=>{
           this.$refs.uploadFile.clearFile();
         })
       },
       editInit(docId, type){
-        this.$refs.form.resetFields();
-        this.toolDataInfo = []
-        this.$nextTick(()=>{
-          this.$refs.uploadFile.clearFile();
+        let self = this
+        if(type == "detail"){
+          this.detailBoolean = true
+        }
+        self.$refs.form.resetFields();
+        self.toolDataInfo = []
+        self.$nextTick(()=>{
+          self.$refs.uploadFile.clearFile();
 
           getDocument(docId).then(res => {
-            this.form = res.data
-            this.toolDataInfo = []
-            let toolInfo = {toolId:this.form.toolId,toolName:this.form.toolName}
-            this.toolDataInfo.push(toolInfo)
+            self.form = res.data
+            self.toolDataInfo = []
+            let toolInfo = {toolId:self.form.toolId,toolName:self.form.toolName}
+            self.toolDataInfo.push(toolInfo)
 
-            this.dataFile = []
+            self.dataFile = []
             let fileData = res.data.attachment
-            this.$set(fileData, "name", fileData.fileOldName)
-            this.$set(fileData, "size", fileData.fileSize)
-            this.dataFile.push(fileData)
+            self.$set(fileData, "name", fileData.fileOldName)
+            self.$set(fileData, "size", fileData.fileSize)
+            self.dataFile.push(fileData)
+
+            self.getDiscussionsList()
           });
         })
-      }
+      },
+      /** 评论 **/
+      handleDiscussions(){
+        let self = this
+        if (this.discussionContent == '' || this.discussionContent == null || this.discussionContent == undefined) {
+          self.$message({
+            message: '内容不能为空',//提示的信息
+            type:'warning',　　//类型是成功
+            duration:1200,　　//显示时间, 毫秒。设为 0 则不会自动关闭，建议1200
+          });
+          return;
+        }
+        let data = {
+          businessId: this.form.docId,
+          content: this.discussionContent,
+          type: "doc",
+        }
+        self.$modal.confirm('是否确认发布？').then(()=> {
+          addDiscussions(data).then(res => {
+            this.discussionContent = null
+            self.$message({
+              message: '发布成功',//提示的信息
+              type:'success',　　//类型是成功
+              duration:1200,　　//显示时间, 毫秒。设为 0 则不会自动关闭，建议1200
+            });
+            self.getDiscussionsList()
+          }).catch(err =>{
+            this.discussionContent = null
+            console.error("handleDiscussions==err==", err)
+            self.$modal.msgError("发布失败");
+          });
+        })
+      },
+      getDiscussionsList() {
+        let self = this
+        listDiscussions({businessId:this.form.docId}).then(res => {
+          self.discussionsList = res.rows
+          self.discussionsList.forEach(item => {
+            if(item.repliesList && item.repliesList.length > 0){
+              self.$set(item, 'showReplyFormSon', new Array(item.repliesList.length).fill(false))
+              self.$set(item, 'replyContentSon', new Array(item.repliesList.length).fill(''))
+            }else{
+              self.$set(item, 'showReplyFormSon', false)
+              self.$set(item, 'replyContentSon', '')
+            }
+          });
+        });
+      },
+      getFirstChar(value) {
+        if(!value){return ''}
+        return value.charAt(0);
+      },
+      toggleReplyForm(index) {
+        this.$set(this.showReplyForm, index, !this.showReplyForm[index]);
+      },
+      cancelReply(index) {
+        this.$set(this.showReplyForm, index, false);
+        this.$set(this.replyContent, index, '');
+      },
+      /** 第二级 **/
+      toggleReplyFormSon(parentIndex, repIndex) {
+        const parentItem = this.discussionsList[parentIndex];
+        this.$set(parentItem.showReplyFormSon, repIndex, !parentItem.showReplyFormSon[repIndex]);
+        // this.$set(this.showReplyFormSon, index, !this.showReplyFormSon[index]);
+      },
+      /** 第二级，取消回复 **/
+      cancelReplySon(parentIndex, repIndex) {
+        const parentItem = this.discussionsList[parentIndex];
+        this.$set(parentItem.showReplyFormSon, repIndex, false);
+        this.$set(parentItem.replyContentSon, repIndex, '');
+      },
+      /** 第二级回复 **/
+      submitReplySon(parentIndex, repIndex, repItem) {
+        let self = this
+        const parentItem = this.discussionsList[parentIndex];
+        const content = parentItem.replyContentSon[repIndex];
+        if (content.trim() == '' || content == null || content == undefined) {
+          self.$message({
+            message: '回复内容不能为空',//提示的信息
+            type:'warning',　　//类型是成功
+            duration:1200,　　//显示时间, 毫秒。设为 0 则不会自动关闭，建议1200
+          });
+          return;
+        }
+        let data = {
+          "discussionId": repItem.id,
+          "content": content,
+        }
+
+        self.$modal.confirm('是否确认发布？').then(()=> {
+          addReplies(data).then(res => {
+            self.$message({
+              message: '发布成功',//提示的信息
+              type:'success',　　//类型是成功
+              duration:1200,　　//显示时间, 毫秒。设为 0 则不会自动关闭，建议1200
+            });
+            self.cancelReplySon(parentIndex, repIndex)
+            self.getDiscussionsList()
+          }).catch(err =>{
+            console.error("submitReplySon==err==", err)
+            self.$modal.msgError("发布失败");
+          });
+        })
+
+        // 清空回复内容并隐藏表单
+        this.$set(parentItem.replyContentSon, repIndex, '');
+        this.$set(parentItem.showReplyFormSon, repIndex, false);
+      },
+      /** 回复 **/
+      submitReply(index, item) {
+        let self = this
+        const content = this.replyContent[index];
+        if (content == '' || content == null || content == undefined) {
+          self.$message({
+            message: '回复内容不能为空',//提示的信息
+            type:'warning',　　//类型是成功
+            duration:1200,　　//显示时间, 毫秒。设为 0 则不会自动关闭，建议1200
+          });
+          return;
+        }
+        let data = {
+          "discussionId": item.id,
+          "content": content,
+        }
+
+        self.$modal.confirm('是否确认发布？').then(()=> {
+          addReplies(data).then(res => {
+            self.$message({
+              message: '发布成功',//提示的信息
+              type:'success',　　//类型是成功
+              duration:1200,　　//显示时间, 毫秒。设为 0 则不会自动关闭，建议1200
+            });
+            self.cancelReply(index)
+            self.getDiscussionsList()
+          }).catch(err =>{
+            console.error("handleDiscussions==err==", err)
+            self.$modal.msgError("发布失败");
+          });
+        })
+
+        // 清空回复内容并隐藏表单
+        this.replyContent[index] = '';
+        this.showReplyForm[index] = false;
+      },
     }
   }
 </script>

src/views/document/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="app-container">
     <el-card>
-      <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="100px">
+      <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="80px">
         <div class="search">
           <div class="sl">
             <el-form-item label="文档编号" prop="docCode">
@@ -20,7 +20,7 @@
                 @keyup.enter.native="handleQuery"
               />
             </el-form-item>
-            <el-form-item label="类别" prop="docType">
+            <el-form-item label="文档类别" prop="docType">
               <el-select v-model="queryParams.docType" placeholder="请选择">
                 <el-option
                   v-for="dict in dict.type.doc_class"
@@ -43,7 +43,7 @@
                           placeholder="请选择归属单位"
                           :show-count="true" style="width: 150px"/>
             </el-form-item>-->
-            <el-form-item label="来源" prop="docSource">
+            <el-form-item label="文档来源" prop="docSource">
               <el-select v-model="queryParams.docSource" placeholder="请选择" >
                 <el-option
                   v-for="dict in dict.type.doc_source"
@@ -118,14 +118,14 @@
           <el-table-column type="selection" width="55" align="center" :selectable="isSelectable"/>
           <el-table-column label="文档编号" align="center" prop="docCode" width="120" />
           <el-table-column label="文档名称" align="center" prop="docName" :show-overflow-tooltip="true" />
-          <el-table-column label="类别" align="center" prop="docType" :show-overflow-tooltip="true" width="80">
+          <el-table-column label="文档类别" align="center" prop="docType" :show-overflow-tooltip="true" width="80">
             <template slot-scope="scope">
               <dict-tag :options="dict.type.doc_class" :value="scope.row.docType"/>
             </template>
           </el-table-column>·
           <el-table-column label="负责人" align="center" prop="docPrincipals" :show-overflow-tooltip="true" width="80" />
           <el-table-column label="归属单位" align="center" prop="docRespDeptName" :show-overflow-tooltip="true" width="80" />
-          <el-table-column label="来源" align="center" prop="docSource" width="100">
+          <el-table-column label="文档来源" align="center" prop="docSource" width="100">
             <template slot-scope="scope">
               <dict-tag :options="dict.type.doc_source" :value="scope.row.docSource"/>
             </template>
@@ -158,6 +158,7 @@
                 @click="handleEdit(scope.row)"
                 v-hasPermi="['document:edit']"
               >编辑</el-button>
+              <el-button type="text" icon="el-icon-info" @click="handleDetail(scope.row)">详情</el-button>
               <el-button
                 size="mini"
                 type="text"
@@ -219,8 +220,8 @@
 
     <el-drawer :visible.sync="open" :modal-append-to-body="false" size="75%">
       <template #title>
-        <span class="title">新增文档资源</span>
-        <div class="drawer-head-btn">
+        <span class="title">{{docTitle}}</span>
+        <div class="drawer-head-btn" v-if="docDetailDisable">
           <el-button type="primary" @click="$refs.editDocumentRef.submitForm()">确 定</el-button>
           <el-button @click="docCancel()">取 消</el-button>
         </div><!--drawer-head-btn 抽屉顶部按钮区域-->
@@ -232,7 +233,12 @@
     <!-- 工具导出对话框 -->
     <el-drawer :visible.sync="exportDrawerOpen" size="75%" :show-close="false">
       <template #title>
-        <span class="title">导出</span>
+        <span class="title">导出
+          <el-select v-model="statevalue" placeholder="请选择要导出的格式">
+            <el-option v-for="item in stateoptions" :key="item.value" :label="item.label" :value="item.value">
+            </el-option>
+          </el-select>
+        </span>
         <div class="drawer-head-btn">
           <el-button type="primary" @click="handleExport">提交</el-button>
           <el-button @click="exportDrawerOpen=false">取消</el-button>
@@ -246,10 +252,10 @@
                 <el-checkbox-group v-model="checkList">
                   <el-checkbox label="docCode">文档编号</el-checkbox>
                   <el-checkbox label="docName">文档名称</el-checkbox>
-                  <el-checkbox label="docType">类别</el-checkbox>
+                  <el-checkbox label="docType">文档类别</el-checkbox>
                   <el-checkbox label="docPrincipals">负责人</el-checkbox>
                   <el-checkbox label="docRespDeptName">归属单位</el-checkbox>
-                  <el-checkbox label="docSource">来源</el-checkbox>
+                  <el-checkbox label="docSource">文档来源</el-checkbox>
                   <el-checkbox label="toolName">关联工具</el-checkbox>
                   <el-checkbox label="docStatus">上传状态</el-checkbox>
                   <el-checkbox label="createTime">创建时间</el-checkbox>
@@ -265,7 +271,7 @@
 </template>
 
 <script>
-import { listDocument, getDocument, delDocument, addDocument, updateDocument,pushDoc } from "@/api/document/document";
+import { listDocument, getDocument, delDocument, addDocument, updateDocument,pushDoc, listAllDoc} from "@/api/document/document";
 import { deptTreeSelect } from "@/api/system/user";
 import { documentTree,addCategory,updateCategory,delCategory,getCategory } from "@/api/documentCategory/documentCategory.js";
 
@@ -276,6 +282,7 @@ import uploadProgress from "./uploadProgress";
 import { w3cwebsocket as WebSocket } from 'websocket';
 import Treeselect from "@riophae/vue-treeselect";
 import { addCount } from "@/api/tool/downloadCount";
+import { exportDocx } from '@/utils/docUtil/docutil.js';
 
 export default {
   name: "Document",
@@ -382,6 +389,21 @@ export default {
       columnList: ['docCode', 'docName', 'docType', 'docPrincipals', 'docRespDeptName', 'docSource', 'toolName', 'docStatus', 'createTime'],
       checkList: [],
       exportDrawerOpen: false,
+      docTitle: '',
+      //文件详情标识
+      docDetailDisable: true,
+      //导出类型
+      statevalue: 1,
+      stateoptions: [
+        {
+          value: 1,
+          label: 'excel'
+        },
+        {
+          value: 2,
+          label: 'word'
+        }
+      ],
     };
   },
   created() {
@@ -440,17 +462,29 @@ export default {
     },
     /** 新增按钮操作 */
     handleAdd() {
+      this.docTitle="新增文档资源"
+      this.docDetailDisable=true
       this.open = true
       this.$nextTick(()=>{
         this.$refs.editDocumentRef.resetForm();
       })
     },
     handleEdit(row){
+      this.docTitle="编辑文档资源"
+      this.docDetailDisable=true
       this.open = true
       this.$nextTick(()=>{
         this.$refs.editDocumentRef.editInit(row.docId, "edit");
       })
     },
+    handleDetail(row){
+      this.docTitle="详情"
+      this.docDetailDisable=false
+      this.open = true
+      this.$nextTick(()=>{
+        this.$refs.editDocumentRef.editInit(row.docId, "detail");
+      })
+    },
     handlePreview(row){
       this.viewDialogOpen = true;
       let protocol = window.location.protocol
@@ -606,12 +640,29 @@ export default {
     },
     /** 导出按钮操作 */
     handleExport() {
-      let excludeFields = this.columnList.filter(item=>!this.checkList.includes(item))
-      this.download('/document/export', {
-        ...this.queryParams,
-        downloadCheck:false,
-        excludeFields:excludeFields,
-      }, `文档资源信息数据_${new Date().getTime()}.xlsx`)
+      if (this.statevalue == 1) {
+        let excludeFields = this.columnList.filter(item=>!this.checkList.includes(item))
+        this.download('/document/export', {
+          ...this.queryParams,
+          downloadCheck:false,
+          excludeFields:excludeFields,
+        }, `文档资源信息数据_${new Date().getTime()}.xlsx`)
+      }
+      if (this.statevalue == 2) {
+        listAllDoc(this.queryParams).then(r => {
+          if (r.data.length != 0) {
+            const data = {
+              form: null,
+              list: r.data
+            }
+            //模板文件位置在public文件夹里N
+            exportDocx('document.docx', data, `document.docx`)
+          } else {
+            this.$message.error('没有数据');
+          }
+        })
+      }
+
     },
     handleBeforeClose() {
       this.viewDialogOpen = false

src/views/login.vue

@@ -41,8 +41,8 @@ export default {
     return {
       codeUrl: "",
       loginForm: {
-        username: "admin",
-        password: "admin123",
+        username: "",
+        password: "",
         rememberMe: false,
         code: "",
         uuid: ""

src/views/tool/index.vue

@@ -107,9 +107,9 @@
               <dict-tag :options="dict.type.tool_status" :value="scope.row.status"/>
             </template>
           </el-table-column>
-          <el-table-column label="审核状态" align="center" key="status">
+          <el-table-column label="审核状态" align="center" key="recordStatus" width="90">
             <template slot-scope="scope">
-              <dict-tag :options="dict.type.tool_status" :value="scope.row.recordStatus"/>
+              <dict-tag :options="dict.type.flow_status" :value="scope.row.recordStatus"/>
             </template>
           </el-table-column>
           <el-table-column label="关联工具" align="center" :show-overflow-tooltip="true">
@@ -132,7 +132,8 @@
             class-name="small-padding fixed-width"
           >
             <template slot-scope="scope">
-              <el-button type="text" icon="el-icon-info" v-if="scope.row.recordStatus=='done'" @click="applyUse(scope.row)">申请使用</el-button>
+<!--              && !scope.row.downloadStatus-->
+              <el-button type="text" icon="el-icon-info" v-if="scope.row.recordStatus=='done' && !scope.row.downloadStatus" @click="applyUse(scope.row)">申请使用</el-button>
               <el-button type="text" icon="el-icon-info" @click="handleDetail(scope.row)">详情</el-button>
               <el-button type="text" icon="el-icon-download" v-if="scope.row.downloadStatus" @click="handleFileDownload(scope.row)">下载</el-button>
               <el-dropdown size="mini" v-if="selectable(scope.row)" @command="(command) => handleCommand(command, scope.row)">
@@ -158,7 +159,12 @@
     <!-- 工具导出对话框 -->
     <el-drawer :visible.sync="exoportDrawerOpen" size="75%" :show-close="false">
       <template #title>
-        <span class="title">导出</span>
+        <span class="title">导出
+          <el-select v-model="statevalue" placeholder="请选择要导出的格式">
+            <el-option v-for="item in stateoptions" :key="item.value" :label="item.label" :value="item.value">
+            </el-option>
+          </el-select>
+        </span>
         <div class="drawer-head-btn">
           <el-button type="primary" @click="handleExport">提交</el-button>
           <el-button @click="exoportDrawerOpen=false">取消</el-button>
@@ -229,7 +235,7 @@
 </template>
 
 <script>
-import { listTool, getTool, delTool, addTool, updateTool } from "@/api/tool/tool";
+import { listTool, getTool, delTool, addTool, updateTool, exportWordList} from "@/api/tool/tool";
 import { deptTreeSelect } from "@/api/system/user";
 import { getToken } from "@/utils/auth";
 import { Base64 } from 'js-base64'
@@ -238,10 +244,11 @@ import toolDetail from "./toolDetail";
 import downloadFileDetail from "./downloadFileDetail.vue";
 import AddDoc from './AddDoc'
 import mainComponent from "@/components/mainComponent/index.vue";
+import { exportDocx } from '@/utils/docUtil/docutil.js';
 
 export default {
   name: "User",
-  dicts: ['sys_normal_disable', 'tool_type', 'tool_status'],
+  dicts: ['sys_normal_disable', 'tool_type', 'tool_status','flow_status'],
   components: { Treeselect, toolDetail, AddDoc,mainComponent,downloadFileDetail },
   data() {
     return {
@@ -340,6 +347,18 @@ export default {
       previewUrl: '',
       fileDetailDrawerOpen: false,
       fileDetailOpen: false,
+      //导出类型
+      statevalue: 1,
+      stateoptions: [
+        {
+          value: 1,
+          label: 'excel'
+        },
+        {
+          value: 2,
+          label: 'word'
+        }
+      ],
     };
   },
   watch: {
@@ -460,6 +479,7 @@ export default {
       this.dateRange = [];
       this.resetForm("queryForm");
       this.queryParams.deptId = undefined;
+      this.queryParams.toolRespDept = undefined;
       this.$refs.tree.setCurrentKey(null);
       this.handleQuery();
     },
@@ -518,12 +538,29 @@ export default {
     },
     /** 导出按钮操作 */
     handleExport() {
-      let excludeFields = this.columnList.filter(item=>!this.checkList.includes(item))
-      this.download('/tool/export', {
-        ...this.queryParams,
-        downloadCheck:false,
-        excludeFields:excludeFields,
-      }, `工具信息数据_${new Date().getTime()}.xlsx`)
+      if (this.statevalue == 1) {
+        let excludeFields = this.columnList.filter(item=>!this.checkList.includes(item))
+        this.download('/tool/export', {
+          ...this.queryParams,
+          downloadCheck:false,
+          excludeFields:excludeFields,
+        }, `工具信息数据_${new Date().getTime()}.xlsx`)
+      }
+      if (this.statevalue == 2) {
+        exportWordList(this.queryParams).then(r => {
+          if (r.data.length != 0) {
+            const data = {
+              form: null,
+              list: r.data
+            }
+            //模板文件位置在public文件夹里N
+            exportDocx('tool.docx', data, `tool.docx`)
+          } else {
+            this.$message.error('没有数据');
+          }
+        })
+      }
+
     },
     // 文件上传中处理
     handleFileUploadProgress(event, file, fileList) {

src/views/workflowList/addWorkflow/tool_release.vue

@@ -872,9 +872,12 @@ export default {
       return true
     },
     handlePreview(row){
-      this.previewUrl = process.env.VUE_APP_TOOL_TECH_FILE_VIEW_API + '/onlinePreview?url=' + encodeURIComponent(Base64.encode(process.env.VUE_APP_BASE_API + row.docUrl));
-      this.viewDialogTitle = '文档在线预览'
       this.viewDialogOpen = true;
+      this.viewDialogTitle = '文档在线预览'
+      let protocol = window.location.protocol
+      let hostname = window.location.hostname;
+      let getDocUrl = protocol + '//' + hostname + ':8080' + process.env.VUE_APP_BASE_API
+      this.previewUrl = process.env.VUE_APP_TOOL_TECH_FILE_VIEW_API + '/onlinePreview?url=' + encodeURIComponent(Base64.encode(getDocUrl + row.docUrl));
     },
     /**
      * 处理下载