fix：监审文书日期字段回显，“取消”按钮改成“关闭”，抽屉改成弹窗显示

src/components/task/mounTaskComponents/auditNoticeTab.vue

@@ -1,5 +1,5 @@
 <template>
-  <!-- 直接复用原 auditNoticeTab 代码 -->
+  <!-- 成本审核管理-任务详情-监审文书 直接复用原 auditNoticeTab 代码 -->
   <div class="catalog-manage">
     <div class="documents-layout">
       <!-- 左侧文书类型列表 -->
@@ -1235,43 +1235,91 @@
 
   .documents-layout {
     display: flex;
-    gap: 20px;
+    margin-bottom: 20px;
+    flex-wrap: wrap; // 允许在窄屏时换行，左侧列表在上，右侧内容在下
   }
 
   .documents-type-list {
-    width: 200px;
-    border-right: 1px solid #ebeef5;
-    padding-right: 20px;
+    // 默认左侧固定宽度，不随容器缩小，避免内容被压缩
+    flex: 0 0 240px; // 不增长不收缩，固定240px
+    width: 240px;
+    min-width: 200px;
+    flex-shrink: 0;
+    border: 1px solid #ebeef5;
+    border-radius: 5px;
+    padding: 10px;
+    margin-right: 20px;
+  }
+
+  .documents-type-list h3 {
+    margin-bottom: 10px;
+    font-size: 14px;
+    font-weight: bold;
   }
 
   .type-item {
-    padding: 8px 12px;
+    padding: 5px 0;
     cursor: pointer;
-    border-radius: 4px;
-    margin-bottom: 6px;
+    font-size: 12px;
+  }
+
+  .type-item:hover {
+    color: $base-color-default;
   }
 
   .type-item.active {
-    background-color: #ecf5ff;
-    color: #409eff;
+    color: $base-color-default;
   }
 
   .documents-content {
-    flex: 1;
+    // 右侧区域占据剩余空间，并允许在狭小空间下换行占满
+    flex: 1 1 0;
+    min-width: 0; // 修复某些浏览器下表格溢出导致的布局问题
   }
 
+  .generate-btn {
+    margin-bottom: 10px;
+  }
+
+  .cursor-pointer {
+    cursor: pointer;
+  }
+
+  .mt10 {
+    margin-top: 10px;
+  }
+
+  .mt20 {
+    margin-top: 20px;
+  }
   .document-edit-container {
     display: flex;
-    gap: 20px;
+    .document-params {
+      width: 50%;
+    }
+    .document-preview {
+      width: 50%;
+    }
   }
-
-  .document-params {
-    width: 50%;
+  // 响应式：小屏时左侧列表占满一行并堆叠到上方
+  @media (max-width: 992px) {
+    .documents-type-list {
+      flex: 0 0 220px;
+      width: 220px;
+    }
   }
 
-  .document-preview {
-    flex: 1;
-    border-left: 1px solid #ebeef5;
-    padding-left: 20px;
+  @media (max-width: 768px) {
+    .documents-type-list {
+      flex: 1 1 100%;
+      width: 100%;
+      min-width: auto;
+      margin-right: 0;
+      margin-bottom: 12px;
+    }
+    .documents-content {
+      flex: 1 1 100%;
+      width: 100%;
+    }
   }
 </style>

src/components/task/mounTaskComponents/index.js

@@ -260,7 +260,7 @@ export const taskMixin = {
           {
             prop: 'documentNumber',
             label: '文书文号',
-            width: 200,
+            width: 180,
             align: 'center',
           },
           {
@@ -280,14 +280,14 @@ export const taskMixin = {
           {
             prop: 'electronicDocumentUrl',
             label: '电子文书',
-            width: 200,
+            width: 100,
             align: 'center',
             slotName: 'electronicDocumentUrl',
           },
           {
             prop: 'scanDocumentUrl',
             label: '上传扫描件',
-            width: 150,
+            width: 100,
             align: 'center',
             slotName: 'scanDocumentUrl',
           },

src/components/task/taskComponents/auditNoticeTab.vue

@@ -1,7 +1,6 @@
 <template>
   <div class="catalog-manage">
     <div class="documents-layout">
-      <!--成本审核管理-任务详情-监审文书 -->
       <!-- 左侧文书类型列表 -->
       <div class="documents-type-list">
         <h3>监审文书类型:</h3>
@@ -916,10 +915,15 @@
   .documents-layout {
     display: flex;
     margin-bottom: 20px;
+    flex-wrap: wrap; // 允许在窄屏时换行，左侧列表在上，右侧内容在下
   }
 
   .documents-type-list {
-    width: 200px;
+    // 默认左侧固定宽度，不随容器缩小，避免内容被压缩
+    flex: 0 0 240px; // 不增长不收缩，固定240px
+    width: 240px;
+    min-width: 200px;
+    flex-shrink: 0;
     border: 1px solid #ebeef5;
     border-radius: 5px;
     padding: 10px;
@@ -947,7 +951,9 @@
   }
 
   .documents-content {
-    flex: 1;
+    // 右侧区域占据剩余空间，并允许在狭小空间下换行占满
+    flex: 1 1 0;
+    min-width: 0; // 修复某些浏览器下表格溢出导致的布局问题
   }
 
   .generate-btn {
@@ -974,4 +980,25 @@
       width: 50%;
     }
   }
+  // 响应式：小屏时左侧列表占满一行并堆叠到上方
+  @media (max-width: 992px) {
+    .documents-type-list {
+      flex: 0 0 220px;
+      width: 220px;
+    }
+  }
+
+  @media (max-width: 768px) {
+    .documents-type-list {
+      flex: 1 1 100%;
+      width: 100%;
+      min-width: auto;
+      margin-right: 0;
+      margin-bottom: 12px;
+    }
+    .documents-content {
+      flex: 1 1 100%;
+      width: 100%;
+    }
+  }
 </style>

src/styles/costAudit.scss

@@ -56,4 +56,5 @@
 .el-dropdown-menu__item{
   color: $base-color-default;
   border-bottom: 1px solid #eee;
-}
+}
+

src/views/costAudit/auditInfo/archivesManage/pendingArchiveList.vue

@@ -133,11 +133,10 @@
     </div>
     <taskDetail ref="taskDetail" />
 
-    <el-drawer
+    <el-dialog
       :visible.sync="archiveDrawerVisible"
-      direction="rtl"
-      size="90%"
-      :with-header="false"
+      width="90%"
+      title="归档详情"
       @close="handleArchiveDrawerClose"
     >
       <ArchiveDetail
@@ -145,7 +144,7 @@
         :task-id="currentArchiveTaskId"
         @back="handleArchiveDrawerClose"
       />
-    </el-drawer>
+    </el-dialog>
   </div>
 </template>
 

src/views/costAudit/auditInfo/auditManage/auditDocumentsMain.vue

@@ -147,6 +147,7 @@
       :close-on-click-modal="false"
       :z-index="9999"
       :confirm-text="isView ? '查看' : '生成文书'"
+      cancel-text="关闭"
       @cancel="handleCancel"
       @confirm="handleConfirm"
     >
@@ -625,6 +626,14 @@
                 // 移除所有HTML标签
                 item.dataValue = item.dataValue.replace(/<[^>]+>/g, '')
               }
+              if (
+                (item.pinyin.includes('ShengChengRiQi') ||
+                  item.pinyin.includes('BaoGaoRiQi')) &&
+                (item.dataValue == null || item.dataValue == '')
+              ) {
+                // 获取当前时间，格式为YYYY-MM-DD
+                item.dataValue = moment(new Date()).format('YYYY-MM-DD')
+              }
             })
           }
         },

src/views/costAudit/auditInfo/auditManage/details.vue

@@ -1,9 +1,11 @@
 <template>
   <div class="details-container">
-    <el-drawer
+    <el-dialog
       :visible.sync="visible"
       :title="dialogTitle"
-      size="90%"
+      width="80%"
+      top="5vh"
+      :close-on-click-modal="false"
       @close="handleClose"
     >
       <!-- 操作按钮区域 -->
@@ -104,7 +106,7 @@
           <message-notify :id="id" />
         </el-tab-pane>
       </el-tabs>
-    </el-drawer>
+    </el-dialog>
     <!-- 补充资料弹窗 -->
     <el-dialog
       :visible.sync="showSupplementDialog"

src/views/costAudit/auditInfo/auditManage/mainDetails.vue

@@ -1,9 +1,11 @@
 <template>
   <div class="details-container">
-    <el-drawer
+    <el-dialog
       :visible.sync="drawerVisible"
       :title="dialogTitle"
-      size="90%"
+      width="80%"
+      top="5vh"
+      :close-on-click-modal="false"
       @close="handleClose"
     >
       <!-- 操作按钮区域 -->
@@ -85,7 +87,7 @@
           />
         </el-tab-pane>
       </el-tabs>
-    </el-drawer>
+    </el-dialog>
     <!-- 流转下一步/退回上一步弹窗 -->
     <el-dialog
       :visible.sync="showProcessDialog"

src/views/costAudit/projectInfo/auditTaskManage/taskCustomizedRelease/auditNoticeTab.vue

@@ -146,7 +146,8 @@
       :visible="documentDialogVisible"
       width="82%"
       :close-on-click-modal="false"
-      :confirm-text="isViewMode ? '查看' : '生成文书'"
+      :confirm-text="isView ? '查看' : '生成文书'"
+      cancel-text="关闭"
       @cancel="handleCancel"
       @confirm="handleConfirm"
     >
@@ -185,7 +186,7 @@
               <el-input
                 v-model="document.documentNumber"
                 placeholder="请选择通知书文号"
-                style="width: 84%"
+                style="width: 82%"
                 disabled
               ></el-input>
               <!-- disabled -->
@@ -282,13 +283,6 @@
                   <template slot-scope="scope">
                     <div v-if="scope.row.originalText !== '需要提供材料'">
                       <el-input
-                        v-if="scope.row.originalText.includes('时间')"
-                        v-model="scope.row.dataValue.split(' ')[0]"
-                        size="small"
-                        placeholder="请输入数据值"
-                      ></el-input>
-                      <el-input
-                        v-else
                         v-model="scope.row.dataValue"
                         size="small"
                         placeholder="请输入数据值"
@@ -480,6 +474,7 @@
         },
         dataUploadUrl: [],
         isWh: '0',
+        resCostDocumentTemplateFiles: [],
       }
     },
     computed: {
@@ -524,34 +519,15 @@
       },
     },
     watch: {
-      costDocumentTemplateFiles: {
-        handler(newVal, oldVal) {
-          if (newVal.length > 0) {
-            this.costDocumentTemplateFiles.forEach((item) => {
-              if (
-                item.pinyin.includes('ShiJian') &&
-                (item.dataValue == null || item.dataValue == '')
-              ) {
-                // 获取当前时间，格式为YYYY-MM-DD
-                item.dataValue = moment(new Date()).format('YYYY-MM-DD')
-              } else if (item.pinyin.includes('ShiJian') && item.dataValue) {
-                item.dataValue = item.dataValue.split(' ')[0]
-              }
-              if (
-                item.originalText.includes('需要提供材料') &&
-                item.dataValue
-              ) {
-                this.dataUploadUrl = item.dataValue
-              }
-              if (item.pinyin.includes('DiGaoNeiRong') && item.dataValue) {
-                // 移除所有HTML标签
-                item.dataValue = item.dataValue.replace(/<[^>]+>/g, '')
-              }
-            })
-          }
-        },
-        deep: true,
-      },
+      // costDocumentTemplateFiles: {
+      //   handler(newVal, oldVal) {
+      //     if (newVal.length > 0) {
+      //       this.costDocumentTemplateFiles.forEach((item) => {
+      //       })
+      //     }
+      //   },
+      //   deep: true,
+      // },
     },
     mounted() {
       this.loadOpts()
@@ -742,7 +718,10 @@
             whereValue: this.project.projectId,
             unitId: this.document.enterpriseId,
           }).then((res) => {
-            this.costDocumentTemplateFiles = res.value || []
+            this.costDocumentTemplateFiles =
+              JSON.parse(JSON.stringify(res.value || [])) || []
+            this.resCostDocumentTemplateFiles =
+              JSON.parse(JSON.stringify(res.value || [])) || []
             let unit = this.allUnits.find(
               (item) => item.unitId === this.document.enterpriseId
             )
@@ -750,6 +729,47 @@
               documentId: this.document.documentId,
             })
             this.costDocumentTemplateFiles.forEach((item) => {
+              if (item.pinyin.includes('BeiJianShenDanWei')) {
+                item.dataValue = unit.unitName
+              }
+              if (item.pinyin.includes('ShouSongDaRen')) {
+                item.dataValue = unit.contactName
+              }
+              if (item.pinyin.includes('BeiJianShenDanWeiBanGongDiDian')) {
+                item.dataValue = unit.address
+              }
+              if (item.pinyin.includes('BeiJianShenDanWeiLianXiRenDianHua')) {
+                item.dataValue = unit.contactMobile
+              }
+              if (
+                item.originalText.includes('需要提供材料') &&
+                item.dataValue
+              ) {
+                this.dataUploadUrl = item.dataValue
+              }
+              if (item.pinyin.includes('DiGaoNeiRong') && item.dataValue) {
+                // 移除所有HTML标签
+                item.dataValue = item.dataValue.replace(/<[^>]+>/g, '')
+              }
+              if (
+                item.pinyin.includes('ShiJian') &&
+                (item.dataValue == null || item.dataValue == '')
+              ) {
+                // 获取当前时间，格式为YYYY-MM-DD
+                item.dataValue = moment(new Date()).format('YYYY-MM-DD')
+              } else if (item.pinyin.includes('ShiJian') && item.dataValue) {
+                item.dataValue = item.dataValue.split(' ')[0]
+              }
+              if (
+                item.originalText.includes('需要提供材料') &&
+                item.dataValue
+              ) {
+                this.dataUploadUrl = item.dataValue
+              }
+              if (item.pinyin.includes('DiGaoNeiRong') && item.dataValue) {
+                // 移除所有HTML标签
+                item.dataValue = item.dataValue.replace(/<[^>]+>/g, '')
+              }
               if (documenName.includes('成本监审通知书')) {
                 if (item.pinyin.includes('DanWeiMingCheng')) {
                   item.dataValue = unit.unitName
@@ -766,18 +786,56 @@
                   item.dataValue = moment(new Date()).format('YYYY-MM-DD')
                 }
               }
-
-              if (item.pinyin.includes('BeiJianShenDanWei')) {
-                item.dataValue = unit.unitName
-              }
-              if (item.pinyin.includes('ShouSongDaRen')) {
-                item.dataValue = unit.contactName
+              if (documenName.includes('成本监审提取资料登记表')) {
+                if (
+                  item.pinyin.includes('DengJiBiaoShengChengRiQi') &&
+                  (item.dataValue == null || item.dataValue == '')
+                ) {
+                  // 获取当前时间，格式为YYYY-MM-DD
+                  item.dataValue = moment(new Date()).format('YYYY-MM-DD')
+                }
               }
-              if (item.pinyin.includes('BeiJianShenDanWeiBanGongDiDian')) {
-                item.dataValue = unit.address
+              if (documenName.includes('成本审核初步意见表')) {
+                if (
+                  item.pinyin.includes('YiJianBiaoShengChengRiQi') &&
+                  (item.dataValue == null || item.dataValue == '')
+                ) {
+                  // 获取当前时间，格式为YYYY-MM-DD
+                  item.dataValue = moment(new Date()).format('YYYY-MM-DD')
+                }
               }
-              if (item.pinyin.includes('BeiJianShenDanWeiLianXiRenDianHua')) {
-                item.dataValue = unit.contactMobile
+              if (documenName.includes('政府定价成本监审结论报告')) {
+                if (
+                  item.pinyin.includes('BaoGaoRiQi') &&
+                  (item.dataValue == null || item.dataValue == '')
+                ) {
+                  // 获取当前时间，格式为YYYY-MM-DD
+                  item.dataValue = moment(new Date()).format('YYYY-MM-DD')
+                }
+                if (item.pinyin.includes('JianShenRenWuFaBuShiJian')) {
+                  let dataValue = this.resCostDocumentTemplateFiles.find(
+                    (item2) => item2.pinyin === 'JianShenRenWuFaBuShiJian'
+                  ).dataValue
+                  item.dataValue = (dataValue && dataValue.split(' ')[0]) || ''
+                }
+                if (
+                  item.pinyin.includes(
+                    'ChengBenJianShenTongZhiShuShengChengShiJian'
+                  )
+                ) {
+                  let dataValue = this.resCostDocumentTemplateFiles.find(
+                    (item2) =>
+                      item2.pinyin ===
+                      'ChengBenJianShenTongZhiShuShengChengShiJian'
+                  ).dataValue
+                  item.dataValue = (dataValue && dataValue.split(' ')[0]) || ''
+                }
+                if (item.pinyin.includes('ChengBenZiLiaoShangBaoShiJian')) {
+                  let dataValue = this.resCostDocumentTemplateFiles.find(
+                    (item2) => item2.pinyin === 'ChengBenZiLiaoShangBaoShiJian'
+                  ).dataValue
+                  item.dataValue = (dataValue && dataValue.split(' ')[0]) || ''
+                }
               }
               // 回显文号
               // 获取选中的文号信息
@@ -801,10 +859,140 @@
             // whereValue: this.project.projectId,
             id: this.document.id,
           }).then((res) => {
-            this.costDocumentTemplateFiles = res.value || []
+            this.costDocumentTemplateFiles =
+              JSON.parse(JSON.stringify(res.value || [])) || []
+            this.resCostDocumentTemplateFiles =
+              JSON.parse(JSON.stringify(res.value || [])) || []
             let unit = this.allUnits.find(
               (item) => item.unitId === this.document.enterpriseId
             )
+            let documenName = this.getDocumentType({
+              documentId: this.document.documentId,
+            })
+            this.costDocumentTemplateFiles.forEach((item) => {
+              if (item.pinyin.includes('BeiJianShenDanWei')) {
+                item.dataValue = unit.unitName
+              }
+              if (item.pinyin.includes('ShouSongDaRen')) {
+                item.dataValue = unit.contactName
+              }
+              if (item.pinyin.includes('BeiJianShenDanWeiBanGongDiDian')) {
+                item.dataValue = unit.address
+              }
+              if (item.pinyin.includes('BeiJianShenDanWeiLianXiRenDianHua')) {
+                item.dataValue = unit.contactMobile
+              }
+              if (
+                item.originalText.includes('需要提供材料') &&
+                item.dataValue
+              ) {
+                this.dataUploadUrl = item.dataValue
+              }
+              if (item.pinyin.includes('DiGaoNeiRong') && item.dataValue) {
+                // 移除所有HTML标签
+                item.dataValue = item.dataValue.replace(/<[^>]+>/g, '')
+              }
+              if (
+                item.pinyin.includes('ShiJian') &&
+                (item.dataValue == null || item.dataValue == '')
+              ) {
+                // 获取当前时间，格式为YYYY-MM-DD
+                item.dataValue = moment(new Date()).format('YYYY-MM-DD')
+              } else if (item.pinyin.includes('ShiJian') && item.dataValue) {
+                item.dataValue = item.dataValue.split(' ')[0]
+              }
+              if (
+                item.originalText.includes('需要提供材料') &&
+                item.dataValue
+              ) {
+                this.dataUploadUrl = item.dataValue
+              }
+              if (item.pinyin.includes('DiGaoNeiRong') && item.dataValue) {
+                // 移除所有HTML标签
+                item.dataValue = item.dataValue.replace(/<[^>]+>/g, '')
+              }
+              if (documenName.includes('成本监审通知书')) {
+                if (item.pinyin.includes('DanWeiMingCheng')) {
+                  item.dataValue = unit.unitName
+                }
+                if (item.pinyin.includes('FaRenDaiBiao')) {
+                  item.dataValue = unit?.corporateRepresentative || ''
+                }
+                if (
+                  item.pinyin.includes(
+                    'ChengBenJianShenTongZhiShuChuangJianRiQi'
+                  )
+                ) {
+                  // 获取当前时间
+                  item.dataValue = moment(new Date()).format('YYYY-MM-DD')
+                }
+              }
+              if (documenName.includes('成本监审提取资料登记表')) {
+                if (
+                  item.pinyin.includes('DengJiBiaoShengChengRiQi') &&
+                  (item.dataValue == null || item.dataValue == '')
+                ) {
+                  // 获取当前时间，格式为YYYY-MM-DD
+                  item.dataValue = moment(new Date()).format('YYYY-MM-DD')
+                }
+              }
+              if (documenName.includes('成本审核初步意见表')) {
+                if (
+                  item.pinyin.includes('YiJianBiaoShengChengRiQi') &&
+                  (item.dataValue == null || item.dataValue == '')
+                ) {
+                  // 获取当前时间，格式为YYYY-MM-DD
+                  item.dataValue = moment(new Date()).format('YYYY-MM-DD')
+                }
+              }
+              if (documenName.includes('政府定价成本监审结论报告')) {
+                if (
+                  item.pinyin.includes('BaoGaoRiQi') &&
+                  (item.dataValue == null || item.dataValue == '')
+                ) {
+                  // 获取当前时间，格式为YYYY-MM-DD
+                  item.dataValue = moment(new Date()).format('YYYY-MM-DD')
+                }
+                if (item.pinyin.includes('JianShenRenWuFaBuShiJian')) {
+                  let dataValue = this.resCostDocumentTemplateFiles.find(
+                    (item2) => item2.pinyin === 'JianShenRenWuFaBuShiJian'
+                  ).dataValue
+                  item.dataValue = (dataValue && dataValue.split(' ')[0]) || ''
+                }
+                if (
+                  item.pinyin.includes(
+                    'ChengBenJianShenTongZhiShuShengChengShiJian'
+                  )
+                ) {
+                  let dataValue = this.resCostDocumentTemplateFiles.find(
+                    (item2) =>
+                      item2.pinyin ===
+                      'ChengBenJianShenTongZhiShuShengChengShiJian'
+                  ).dataValue
+                  item.dataValue = (dataValue && dataValue.split(' ')[0]) || ''
+                }
+                if (item.pinyin.includes('ChengBenZiLiaoShangBaoShiJian')) {
+                  let dataValue = this.resCostDocumentTemplateFiles.find(
+                    (item2) => item2.pinyin === 'ChengBenZiLiaoShangBaoShiJian'
+                  ).dataValue
+                  item.dataValue = (dataValue && dataValue.split(' ')[0]) || ''
+                }
+              }
+              // 回显文号
+              // 获取选中的文号信息
+              const selectedDocument = this.selectDocumentWhSelection[0]
+              if (selectedDocument) {
+                if (
+                  item.pinyin.includes('WenHao') ||
+                  item.pinyin.includes('WenJianHao')
+                ) {
+                  item.dataValue = selectedDocument.whNo
+                }
+                if (item.pinyin.includes('SongDaWenShuMingCheng')) {
+                  item.dataValue = selectedDocument.whName
+                }
+              }
+            })
           })
         }
       },
@@ -1316,10 +1504,15 @@
   .documents-layout {
     display: flex;
     margin-bottom: 20px;
+    flex-wrap: wrap; // 允许在窄屏时换行，左侧列表在上，右侧内容在下
   }
 
   .documents-type-list {
-    width: 200px;
+    // 默认左侧固定宽度，不随容器缩小，避免内容被压缩
+    flex: 0 0 240px; // 不增长不收缩，固定240px
+    width: 240px;
+    min-width: 200px;
+    flex-shrink: 0;
     border: 1px solid #ebeef5;
     border-radius: 5px;
     padding: 10px;
@@ -1347,7 +1540,9 @@
   }
 
   .documents-content {
-    flex: 1;
+    // 右侧区域占据剩余空间，并允许在狭小空间下换行占满
+    flex: 1 1 0;
+    min-width: 0; // 修复某些浏览器下表格溢出导致的布局问题
   }
 
   .generate-btn {
@@ -1368,10 +1563,31 @@
   .document-edit-container {
     display: flex;
     .document-params {
-      width: 55%;
+      width: 50%;
     }
     .document-preview {
-      width: 45%;
+      width: 50%;
+    }
+  }
+  // 响应式：小屏时左侧列表占满一行并堆叠到上方
+  @media (max-width: 992px) {
+    .documents-type-list {
+      flex: 0 0 220px;
+      width: 220px;
+    }
+  }
+
+  @media (max-width: 768px) {
+    .documents-type-list {
+      flex: 1 1 100%;
+      width: 100%;
+      min-width: auto;
+      margin-right: 0;
+      margin-bottom: 12px;
+    }
+    .documents-content {
+      flex: 1 1 100%;
+      width: 100%;
     }
   }
 </style>