修改bug

src/styles/singleTable.scss

@@ -0,0 +1,37 @@
+.Tb tr{
+  line-height: 50px;
+}
+.Tb td{ 
+height:30px; 
+border:#CCCCCC 1px solid;
+box-sizing: border-box;
+padding-left:1%;
+}
+
+.Htitle {
+font-size: 16px;
+font-family: Segoe UI, Segoe UI-Regular;
+font-weight: 400;
+text-align: left;
+color: #606266;
+border-left: 3px solid #265cd4;
+margin: 15px 0;
+box-sizing: border-box;
+padding-left: 10px;
+}
+.red{
+color:red;
+}
+.singleD{
+display:inline-block;
+margin:0 5px;
+}
+.singleD a{
+color:rgb(0, 149, 199);
+}
+::v-deep .specialTd table tbody tr td{
+border:1px #CCCCCC solid !important;
+}
+.titleOpt{
+min-width:120px;
+}

src/views/dddx/ddrw/components/detail/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="ddrwDetail">
     <div class="titleDiv">
-      <div class="mb10 flex-row">
+      <!-- <div class="mb10 flex-row">
         <div>{{detailForm.jdd_name}}</div>
         <div style="color: #265CD4;" v-if="showStatus">{{detailForm.jdd_status_option_n}}</div>
       </div>
@@ -37,7 +37,39 @@
           <span class="value">{{detailForm.jdd_end_date}}</span>
         </div>
       </div>
-      <div class="mt10" style="color: #969696;">{{detailForm.jdd_content}}</div>
+      <div class="mt10" style="color: #969696;">{{detailForm.jdd_content}}</div> -->
+      <div class="flex-row" style="align-items: flex-start;">
+        <table class="Tb" width="100%" cellspacing="0" cellpadding="0">
+          <tr>
+            <td class="label" width="15%">任务名称</td>
+            <td class="" width="35%">{{detailForm.jdd_name}}<span class="ml-30px" style="color: #265CD4;white-space: nowrap;" v-if="showStatus">{{detailForm.jdd_status_option_n}}</span></td>
+            <td class="label" width="15%">附件数</td>
+            <td class="">{{detailForm.jdd_fjs}}</td>
+          </tr>
+          <tr>
+            <td class="label">督导类型</td>
+            <td class="">{{detailForm.jdd_ddlx_option_n}}</td>
+            <td class="label" >督导对象</td>
+            <td class="">{{detailForm.jdd_dddx_option_n}}</td>
+          </tr>
+          <tr>
+            <td class="label">责任人</td>
+            <td class="">{{detailForm.jdd_zrr}}</td>
+            <td class="label">责任部门</td>
+            <td class="">{{detailForm.jdd_uo_name}}</td>
+          </tr>
+          <tr>
+            <td class="label">任务开始时间</td>
+            <td class="">{{detailForm.jdd_start_date}}</td>
+            <td class="label">任务结束时间</td>
+            <td class="">{{detailForm.jdd_end_date}}</td>
+          </tr>
+          <tr>
+            <td class="label">任务内容</td>
+            <td class="" colspan="3">{{detailForm.jdd_content}}</td>
+          </tr>
+        </table>
+      </div>
     </div>
 
     <div class="ddrwDetailContent">
@@ -71,6 +103,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+@import "@/styles/singleTable.scss";
 .ddrwDetail {
   .titleDiv {
     border-bottom: 1px solid rgba($color: #707070, $alpha: 0.19);

src/views/dddx/xnddpd/index.vue

@@ -39,12 +39,16 @@
     </footer>
 
     <el-dialog width="80%" :visible.sync="dialogVisible" title="查看" append-to-body :close-on-click-modal="false" @close="handleClose">
-      <preview-attach :commonUrl="commonUrl" :filename="filename" style="width: 100%; height: 300px;"></preview-attach>
+      <div class="h-400px">
+        <el-link type="primary" @click="handleDownload">{{filename}}</el-link>
+      </div>
+      <!-- <preview-attach :commonUrl="commonUrl" :filename="filename" style="width: 100%; height: 300px;"></preview-attach> -->
     </el-dialog>
   </div>
 </template>
 
 <script>
+import { download2 } from '~/utils/request';
 import { dddx_xnddpdList, dddx_xnddpdAdd, dddx_xnddpdDelete } from "./api";
 import PreviewAttach from "@/components/PreviewAttach/index.vue";
 import FileUpload from "./FileUpload.vue";
@@ -152,6 +156,9 @@ export default {
       this.commonUrl = data.jdxnpd_file;
       this.filename = data.jdxnpd_name;
     },
+    handleDownload() {
+      download2(this.commonUrl, null, this.filename.split(".")[0]);
+    },
     handleSuccess(fileList) {
       if (fileList[fileList.length - 1]) {
         this.fileObj = {