From 7a15a8efb5a5dd049f60369f064d7a4adfaa9682 Mon Sep 17 00:00:00 2001
From: zhouhaibin <zhouhaibin@qq.com>
Date: Thu, 13 Mar 2025 17:32:13 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96jyj=E5=90=88=E5=90=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../DocumentTaskResults/index.ts              |   8 +
 .../ContractualTasks/ContractualShowModal.vue | 312 +++++++------
 .../ContractualTasks/ContractualTasks.data.ts |   6 +-
 .../ContractualTasksTable.vue                 |   2 +-
 .../ContractualTasks/showResultCard.vue       | 410 ++++++++++++++++--
 .../ContractualTasksTableModal.vue            |   6 +-
 6 files changed, 569 insertions(+), 175 deletions(-)

diff --git a/src/api/documentReview/DocumentTaskResults/index.ts b/src/api/documentReview/DocumentTaskResults/index.ts
index 270350a..409f42a 100644
--- a/src/api/documentReview/DocumentTaskResults/index.ts
+++ b/src/api/documentReview/DocumentTaskResults/index.ts
@@ -157,3 +157,11 @@ export function DocumentTaskResultsRemove(id: ID | IDS) {
 
     // return defHttp.get<void>({ url: '/productManagement/DocumentTaskResults/downloadResult/' + id ,responseType: 'blob',headers: { 'Content-Type': ContentTypeEnum.FORM_URLENCODED }},);
   }
+/**
+ * 新增合同任务
+ * @param data
+ * @returns
+ */
+export function modifyContractReview(documentTaskId: ID, contractualRes) {
+  return defHttp.putWithMsg<void>({ url: '/productManagement/DocumentTaskResults/modifyContractReview/'+documentTaskId, data: contractualRes });
+}
\ No newline at end of file
diff --git a/src/views/contractReview/ContractualTasks/ContractualShowModal.vue b/src/views/contractReview/ContractualTasks/ContractualShowModal.vue
index fdcf3d5..a82acee 100644
--- a/src/views/contractReview/ContractualTasks/ContractualShowModal.vue
+++ b/src/views/contractReview/ContractualTasks/ContractualShowModal.vue
@@ -3,57 +3,38 @@
     v-bind="$attrs"
     title="title"
     :canFullscreen="true"
-    :defaultFullscreen="true"
-    :showOkBtn="false"
+    :defaultFullscreen="true" 
+    @ok="submit"
     @register="registerInnerModal"
   >
-    <div class="grid grid-cols-5 gap-4">
-      <div class="col-span-3">
-        <!-- <CanvasEditor
-          ref="canvasEditor"
-          :parentContent="parentContent"
-          :view="view"
-          @save-content="handleSaveCanvasEditorContent"
-        /> -->
-        <PdfViewer :id="currentId"  :key="pdfViewerkey" v-if="currentId!=0"/>
-      </div>
-      <div class="col-span-2">
-        <!-- 添加 col-span-2 和高度样式 -->
-        <div class="tabs-container">
-          <Tabs v-model:activeKey="activeKey" type="card">
-            <TabPane key="1" tab="审查结果">
-              <div class="scroll-container">
-                <div class="card-container">
-                  <Card
-                    v-for="(item, index) in cardList"
-                    :key="index"
-                    :class="['custom-card', { 'card-selected': selectedCard === item.title }]"
-                    @click="handleCardClick(item.title)"
-                  >
-                    <template #title>{{ item.title }}</template>
-                    {{ item.text }}
-                    {{ item.content }}
-                  </Card>
-                </div>
-              </div>
-            </TabPane>
-            <!-- <TabPane key="2" tab="Tab 2">Content of Tab Pane 2</TabPane>
-            <TabPane key="3" tab="Tab 3">Content of Tab Pane 3</TabPane> -->
-          </Tabs>
+    <div class="modal-content">
+      <div class="grid grid-cols-5 gap-4 h-full">
+        <div class="col-span-3 pdf-container">
+          <PdfViewer :id="currentId" :key="pdfViewerkey" v-if="currentId!=0"/>
+        </div>
+        <div class="col-span-2 review-container">
+          <div class="review-content">
+            <showResultCard v-model:cardList="cardList"/>
+          </div>
         </div>
       </div>
     </div>
   </BasicModal>
 </template>
 <script lang="ts" setup>
-  import { ref, onMounted, reactive } from 'vue';
+  import { ref, onMounted, reactive, h } from 'vue';
   import { BasicModal, useModalInner } from '@/components/Modal';
 
-  import { Tabs, TabPane, Card } from 'ant-design-vue';
+  import { Tabs, TabPane, Card, Modal } from 'ant-design-vue';
   import { useRouter } from 'vue-router';
   import CanvasEditor from '@/views/CanvasEditor/index.vue';
   import { getContractualResultById } from '@/api/contractReview/JyjcontractualTaskBatch';
+  import { modifyContractReview } from '@/api/documentReview/DocumentTaskResults';
   import  PdfViewer from "./PdfViewer.vue"
+  import showResultCard from './showResultCard.vue';
+  import { cloneDeep } from 'lodash-es';
+  const emit = defineEmits(['register', 'reload']);
+
   const activeKey = ref('1');
   const currentId = ref<any>(0);
   const pdfViewerkey = ref(0);
@@ -65,14 +46,17 @@
     console.log('点击的卡片标题:', title);
   };
 
+  // 用于存储初始数据，以便比较
+  const initialCardList = ref<any[]>([]);
+
   const [registerInnerModal, { modalLoading, closeModal }] = useModalInner(
     async (data: { record?: Recordable }) => {
       modalLoading(true);
-      cardList.value=[]
+      cardList.value = [];
       const { record } = data;
       const res = await getContractualResultById(record.id);
-      pdfViewerkey.value+=1
-      currentId.value=record.id
+      pdfViewerkey.value += 1;
+      currentId.value = record.id;
       for (const item of res.results) {
         for (const content of item.contentList) {
           cardList.value.push({
@@ -84,6 +68,8 @@
           });
         }
       }
+      // 保存初始数据的深拷贝
+      initialCardList.value = cloneDeep(cardList.value);
       modalLoading(false);
     },
   );
@@ -101,7 +87,9 @@
     getEditorContent();
     view.value = 'parent';
   });
-
+  function handleSaveContent1(){
+    console.log('保存内容',cardList.value);
+  }
   // 模拟后端获取数据的方法
   const getEditorContent = () => {
     parentContent = {
@@ -159,106 +147,174 @@
   setTimeout(() => {
     loading.value = false;
   }, 1500);
-</script>
-<style scoped>
-  /* Tabs 相关样式 */
-  /* 设置未选中标签的基本样式 */
-  :deep(.ant-tabs-card > .ant-tabs-nav .ant-tabs-tab) {
-    color: rgba(0, 0, 0, 0.85) !important; /* 文字颜色为黑色，带透明度 */
-    background: #fff; /* 背景色为白色 */
-    border: 1px solid #f0f0f0; /* 浅灰色边框 */
-  }
 
-  /* 设置选中标签的样式 */
-  :deep(.ant-tabs-card > .ant-tabs-nav .ant-tabs-tab-active) {
-    color: #ffffff !important; /* 文字颜色为白色 */
-    background: #1890ff !important; /* 背景色为蓝色 */
-    border-color: #1890ff !important; /* 边框颜色也改为蓝色 */
-  }
+  // 提交方法
+  const submit = async () => {
+    // 比较当前数据和初始数据的差异
+    const initialLength = initialCardList.value.length;
+    const currentLength = cardList.value.length;
+    
+    // 检查内容是否有变化
+    const hasContentChanged = JSON.stringify(initialCardList.value) !== JSON.stringify(cardList.value);
+    
+    if (!hasContentChanged) {
+      // 内容没有变化，直接关闭
+      closeModal();
+      return;
+    }
 
-  /* 确保选中标签的文字颜色为白色 */
-  :deep(.ant-tabs-card > .ant-tabs-nav .ant-tabs-tab-active .ant-tabs-tab-btn) {
-    color: #ffffff !important; /* 文字颜色强制设为白色 */
-  }
+    // 从有到无
+    if (initialLength > 0 && currentLength === 0) {
+      Modal.confirm({
+        title: '确认提交',
+        content: h('div', [
+          '当前合同已无异常点, 状态将变为',
+          h('span', { style: { color: '#52c41a', fontWeight: 'bold' } }, '审核通过'),
+          '，是否确认？'
+        ]),
+        okText: '确认',
+        cancelText: '取消',
+        async onOk() {
+          await handleSubmit();
+        }
+      });
+      return;
+    }
 
-  /* 鼠标悬停时的文字颜色效果 */
-  :deep(.ant-tabs-card > .ant-tabs-nav .ant-tabs-tab:hover .ant-tabs-tab-btn) {
-    color: #1890ff !important; /* 悬停时文字变为蓝色 */
-  }
+    // 从无到有
+    if (initialLength === 0 && currentLength > 0) {
+      Modal.confirm({
+        title: '确认提交',
+        content: h('div', [
+          '当前合同新增异常点, 状态将变为',
+          h('span', { style: { color: '#ff4d4f', fontWeight: 'bold' } }, '审核不合格'),
+          '，是否确认？'
+        ]),
+        okText: '确认',
+        cancelText: '取消',
+        async onOk() {
+          await handleSubmit();
+        }
+      });
+      return;
+    }
 
-  /* Card 相关样式 */
-  /* 卡片容器布局设置 */
-  .card-container {
-    display: flex;
-    gap: 16px;
-    flex-wrap: wrap;
-    width: 100%;
-  }
+    // 内容有修改
+    Modal.confirm({
+      title: '确认提交',
+      content: '内容已修改，是否提交？',
+      okText: '确认',
+      cancelText: '取消',
+      async onOk() {
+        await handleSubmit();
+      }
+    });
+  };
 
-  /* 单个卡片的基本样式 */
-  .custom-card {
-    width: 100%;
-    margin-bottom: 16px;
-    cursor: pointer;
-    transition: all 0.3s;
-    background-color: #fff; /* 添加默认背景色 */
-    border: 1px solid #e8e8e8; /* 添加默认边框 */
-  }
+  // 实际的提交处理
+  const handleSubmit = async () => {
+    try {
+      console.log('原始数据', cardList.value);
+      
+      // 封装数据结构
+      const submitData = {
+        results: [
+          {
+            title: "人工干预",  // 固定值
+            contentList: cardList.value.map(card => ({
+              problemTitle: card.title,
+              text: card.text,
+              problemDesc: card.content,
+              isPosition: card.isPosition,
+              accord: card.accord
+            }))
+          }
+        ]
+      };
 
-  /* 卡片选中状态 */
-  .custom-card.card-selected {
-    background-color: #e6f4ff !important; /* 选中时的淡蓝色背景 */
-    border: 1px solid #1890ff !important; /* 选中时的蓝色边框 */
-  }
+      console.log('封装后的提交数据', submitData);
 
-  /* 卡片悬停效果 */
-  .custom-card:hover {
-    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
-    transform: translateY(-2px);
-  }
+      // TODO: 调用提交接口
+      const res = await modifyContractReview(currentId.value,submitData);
+      emit('reload');
+      // 提交成功后关闭弹窗
+      closeModal();
+      
+      // 可以添加成功提示
+      Modal.success({
+        title: '提示',
+        content: '提交成功！'
+      });
+    } catch (error) {
+      // 错误处理
+      console.log('提交失败',error);  
+      Modal.error({
+        title: '错误',
+        content: '提交失败，请重试！'
+      });
+    }
+  };
+</script>
+<style scoped>
+/* 添加新的样式 */
+.modal-content {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
 
-  /* 选中状态下的悬停效果 */
-  .custom-card.card-selected:hover {
-    background-color: #e6f4ff !important;
-    box-shadow: 0 4px 12px rgba(24, 144, 255, 0.1);
-  }
+.grid {
+  flex: 1;
+  min-height: 0; /* 重要：防止grid溢出 */
+}
 
-  /* 卡片点击效果 */
-  .custom-card:active {
-    transform: translateY(0);
-    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
-  }
+.pdf-container {
+  height: 100%;
+  overflow: hidden;
+}
 
-  /* 修改卡片内容区域的内边距 */
-  :deep(.ant-card-body) {
-    padding: 16px;
-  }
+.review-container {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
 
-  /* 滚动容器样式 */
-  .scroll-container {
-    height: calc(100vh - 25vh); /* 可以根据实际需要调整高度 */
-    overflow-y: auto; /* 添加垂直滚动条 */
-    padding: 16px;
-  }
 
-  /* 美化滚动条样式（可选） */
-  .scroll-container::-webkit-scrollbar {
-    width: 6px; /* 滚动条宽度 */
-  }
+.review-content {
+  flex: 1;
+  min-height: 0; /* 重要：防止内容溢出 */
+  overflow: hidden;
+}
 
-  .scroll-container::-webkit-scrollbar-thumb {
-    background-color: #ccc; /* 滚动条颜色 */
-    border-radius: 3px; /* 滚动条圆角 */
-  }
+/* 确保showResultCard组件占满剩余空间 */
+.review-content :deep(.tabs-container) {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
 
-  .scroll-container::-webkit-scrollbar-track {
-    background-color: #f1f1f1; /* 滚动条轨道颜色 */
-  }
+/* 调整tabs内容区域的高度 */
+.review-content :deep(.ant-tabs) {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
 
-  /* 保持原有的卡片容器样式 */
-  .card-container {
-    display: flex;
-    gap: 16px;
-    flex-wrap: wrap;
-  }
+.review-content :deep(.ant-tabs-content) {
+  flex: 1;
+  height: 100%;
+  overflow: hidden;
+}
+
+.review-content :deep(.ant-tabs-tabpane) {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+
+.review-content :deep(.scroll-container) {
+  flex: 1;
+  overflow-y: auto;
+}
 </style>
diff --git a/src/views/contractReview/ContractualTasks/ContractualTasks.data.ts b/src/views/contractReview/ContractualTasks/ContractualTasks.data.ts
index b1429ad..e27818a 100644
--- a/src/views/contractReview/ContractualTasks/ContractualTasks.data.ts
+++ b/src/views/contractReview/ContractualTasks/ContractualTasks.data.ts
@@ -21,7 +21,10 @@ export const formSchemas: FormSchema[] = [
   {
     label: '审核结果',
     field: 'resultType',
-    component: 'Input',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions('jyj_contract_result_type'),
+    },
   },
   {
     label: '批次名称',
@@ -59,6 +62,7 @@ export const columns: BasicColumn[] = [
   {
     title: '审核结果',
     dataIndex: 'resultType',
+    customRender: ({ value }) => renderDict(value, 'jyj_contract_result_type'),
   },
   {
     title: '状态',
diff --git a/src/views/contractReview/ContractualTasks/ContractualTasksTable.vue b/src/views/contractReview/ContractualTasks/ContractualTasksTable.vue
index e79b5c9..3da6a47 100644
--- a/src/views/contractReview/ContractualTasks/ContractualTasksTable.vue
+++ b/src/views/contractReview/ContractualTasks/ContractualTasksTable.vue
@@ -95,7 +95,7 @@
       </template>
     </BasicTable>
     <ContractualTasksModal @register="registerModal" @reload="reload" />
-    <ContractualShowModal @register="registerShowModal" />
+    <ContractualShowModal @register="registerShowModal" @reload="reload" />
     <DocsDrawer @register="registerDrawer" />
 
   </PageWrapper>
diff --git a/src/views/contractReview/ContractualTasks/showResultCard.vue b/src/views/contractReview/ContractualTasks/showResultCard.vue
index f8392aa..f57b684 100644
--- a/src/views/contractReview/ContractualTasks/showResultCard.vue
+++ b/src/views/contractReview/ContractualTasks/showResultCard.vue
@@ -1,49 +1,227 @@
 <template>
-  <!-- 添加 col-span-2 和高度样式 -->
   <div class="tabs-container">
     <Tabs v-model:activeKey="activeKey" type="card">
       <TabPane key="1" tab="审查结果">
+        <div class="action-buttons">
+          <Button type="primary" class="action-button add-button" @click="handleAdd">
+            <template #icon><PlusOutlined /></template>
+            新增审查点
+          </Button>
+        </div>
         <div class="scroll-container">
-          <div class="card-container">
+          <div class="card-container">  
+            <!-- 编辑卡片 -->
+            <Card v-if="isAdding" class="custom-card edit-card">
+              <template #title>
+                <div class="input-group">
+                  <div class="input-label">标题：</div>
+                  <Input v-model:value="newCard.title" placeholder="请输入标题" />
+                </div>
+              </template>
+              <div class="input-group">
+                <div class="input-label">属性：</div>
+                <Input v-model:value="newCard.text" placeholder="请输入属性" style="margin-bottom: 8px;" />
+              </div>
+              <div class="input-group">
+                <div class="input-label">问题内容：</div>
+                <Input.TextArea v-model:value="newCard.content" placeholder="请输入问题内容" style="margin-bottom: 8px;" />
+              </div>
+              <div class="card-actions">
+                <Button type="primary" size="small" class="action-button save-button" @click="handleSave">
+                  <template #icon><SaveOutlined /></template>
+                  保存
+                </Button>
+                <Button size="small" class="action-button cancel-button" @click="handleCancel">
+                  <template #icon><CloseOutlined /></template>
+                  取消
+                </Button>
+              </div>
+            </Card>
+            
+            <!-- 展示卡片列表 -->
             <Card
               v-for="(item, index) in props.cardList"
               :key="index"
-              :class="['custom-card', { 'card-selected': selectedCard === item.title }]"
-              @click="handleCardClick(item.title)"
+              :class="['custom-card', { 'card-selected': selectedIndex === index }]"
+              @click="handleCardClick(index)"
             >
-              <template #title>{{ item.title }}</template>
-              {{ item.text }}
-              {{ item.content }}
+              <template #title>
+                <template v-if="editingIndex === index">
+                  <div class="input-group">
+                    <div class="input-label">标题：</div>
+                    <Input v-model:value="item.title" @click.stop />
+                  </div>
+                </template>
+                <template v-else>
+                  <div class="card-header">
+                    <span class="card-title">{{ item.title }}</span>
+                    <div class="card-header-actions">
+                      <Button type="primary" size="small" class="action-button edit-button" @click.stop="startEdit(index)">
+                        <template #icon><EditOutlined /></template>
+                        编辑
+                      </Button>
+                      <Button type="primary" danger size="small" class="action-button delete-button" @click.stop="handleDelete(index)">
+                        <template #icon><DeleteOutlined /></template>
+                        删除
+                      </Button>
+                    </div>
+                  </div>
+                </template>
+              </template>
+              <template v-if="editingIndex === index">
+                <div class="input-group">
+                  <div class="input-label">属性：</div>
+                  <Input v-model:value="item.text" style="margin-bottom: 8px;" @click.stop />
+                </div>
+                <div class="input-group">
+                  <div class="input-label">问题内容：</div>
+                  <Input.TextArea v-model:value="item.content" style="margin-bottom: 8px;" @click.stop />
+                </div>
+                <div class="card-actions">
+                  <Button type="primary" size="small" class="action-button save-button" @click.stop="handleEditSave(index)">
+                    <template #icon><SaveOutlined /></template>
+                    保存
+                  </Button>
+                  <Button size="small" class="action-button cancel-button" @click.stop="cancelEdit">
+                    <template #icon><CloseOutlined /></template>
+                    取消
+                  </Button>
+                </div>
+              </template>
+              <template v-else>
+                <div class="content-group">
+                  <div class="content-label">属性：</div>
+                  <div>{{ item.text }}</div>
+                </div>
+                <div class="content-group">
+                  <div class="content-label">问题内容：</div>
+                  <div>{{ item.content }}</div>
+                </div>
+              </template>
             </Card>
           </div>
         </div>
       </TabPane>
-      <!-- <TabPane key="2" tab="Tab 2">Content of Tab Pane 2</TabPane>
-            <TabPane key="3" tab="Tab 3">Content of Tab Pane 3</TabPane> -->
     </Tabs>
   </div>
 </template>
+
 <script lang="ts" setup>
-  import { ref, onMounted, reactive } from 'vue';
-
-  import { Tabs, TabPane, Card } from 'ant-design-vue';
-  // Props 定义
-  interface Props {
-    cardList:any[];
-  }
-  const props = defineProps<Props>();
-  const activeKey = ref('1');
-  // 卡片数据
-  const selectedCard = ref(''); // 用于存储当前选中的卡片标题
-  const handleCardClick = (title) => {
-    selectedCard.value = title;
-    console.log('点击的卡片标题:', title);
-  };
-
-  // 初始化数据
-  onMounted(() => {
-    
+import { ref, reactive } from 'vue';
+import { Tabs, TabPane, Card, Input, Button, Modal } from 'ant-design-vue';
+import { ExclamationCircleOutlined, SaveOutlined, EditOutlined, DeleteOutlined, CloseOutlined, PlusOutlined } from '@ant-design/icons-vue';
+import { createVNode } from 'vue';
+
+// Props 定义
+interface Props {
+  cardList: any[];
+}
+const props = defineProps<Props>();
+const emit = defineEmits(['update:cardList']);
+
+const activeKey = ref('1');
+const selectedIndex = ref(-1); // 使用-1表示未选中状态
+const editingIndex = ref(-1); // 使用-1表示未编辑状态
+const isAdding = ref(false);
+
+// 新卡片数据
+const newCard = reactive({
+  title: '',
+  text: '',
+  content: ''
+});
+
+// 点击卡片
+const handleCardClick = (index: number) => {
+  selectedIndex.value = index;
+};
+
+// 开始编辑
+const startEdit = (index: number) => {
+  editingIndex.value = index;
+};
+
+// 取消编辑
+const cancelEdit = () => {
+  editingIndex.value = -1;
+};
+
+// 保存编辑
+const handleEditSave = (index: number) => {
+  // 直接使用索引更新数组
+  const newList = [...props.cardList];
+  // 不需要创建新对象，因为已经直接修改了原对象
+  emit('update:cardList', newList);
+  editingIndex.value = -1;
+};
+
+// 新增卡片
+const handleAdd = () => {
+  isAdding.value = true;
+  newCard.title = '';
+  newCard.text = '';
+  newCard.content = '';
+};
+
+// 保存新卡片
+const handleSave = () => {
+  if (!newCard.title.trim()) {
+    Modal.warning({
+      title: '提示',
+      content: '标题不能为空！'
+    });
+    return;
+  }
+  
+  // 检查标题是否重复
+  const isDuplicate = props.cardList.some(card => card.title === newCard.title);
+  if (isDuplicate) {
+    Modal.warning({
+      title: '提示',
+      content: '标题已存在，请修改！'
+    });
+    return;
+  }
+
+  // 创建新的数组并添加新卡片
+  const newList = [...props.cardList, {
+    title: newCard.title,
+    text: newCard.text,
+    content: newCard.content
+  }];
+
+  // 触发更新事件
+  emit('update:cardList', newList);
+  
+  // 清空表单并关闭新增界面
+  newCard.title = '';
+  newCard.text = '';
+  newCard.content = '';
+  isAdding.value = false;
+};
+
+// 取消新增
+const handleCancel = () => {
+  isAdding.value = false;
+};
+
+// 删除卡片
+const handleDelete = (index: number) => {
+  const title = props.cardList[index].title;
+  Modal.confirm({
+    title: '确认删除',
+    icon: createVNode(ExclamationCircleOutlined),
+    content: `确定要删除"${title}"吗？`,
+    okText: '确认',
+    cancelText: '取消',
+    onOk() {
+      const newList = props.cardList.filter((_, i) => i !== index);
+      emit('update:cardList', newList);
+      selectedIndex.value = -1; // 重置选中状态
+      editingIndex.value = -1;
+    }
   });
+};
 </script>
 <style scoped>
   /* Tabs 相关样式 */
@@ -121,29 +299,177 @@
 
   /* 滚动容器样式 */
   .scroll-container {
-    height: calc(100vh - 25vh); /* 可以根据实际需要调整高度 */
-    overflow-y: auto; /* 添加垂直滚动条 */
+    flex: 1;
+    overflow-y: auto;
     padding: 16px;
   }
 
-  /* 美化滚动条样式（可选） */
-  .scroll-container::-webkit-scrollbar {
-    width: 6px; /* 滚动条宽度 */
+  /* 确保整个容器可以正确伸展 */
+  .tabs-container {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+  }
+
+  :deep(.ant-tabs) {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
   }
 
-  .scroll-container::-webkit-scrollbar-thumb {
-    background-color: #ccc; /* 滚动条颜色 */
-    border-radius: 3px; /* 滚动条圆角 */
+  :deep(.ant-tabs-content) {
+    flex: 1;
+    overflow: hidden;
   }
 
-  .scroll-container::-webkit-scrollbar-track {
-    background-color: #f1f1f1; /* 滚动条轨道颜色 */
+  :deep(.ant-tabs-tabpane) {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
   }
 
-  /* 保持原有的卡片容器样式 */
-  .card-container {
+  /* 编辑卡片样式 */
+  .edit-card {
+    border: 1px dashed #1890ff;
+  }
+
+  /* 按钮组样式优化 */
+  .card-actions {
+    margin-top: 16px;
     display: flex;
-    gap: 16px;
-    flex-wrap: wrap;
+    gap: 8px;
+    justify-content: flex-end;
+  }
+
+  /* 通用按钮样式 */
+  .action-button {
+    display: flex;
+    align-items: center;
+    gap: 4px;
+    padding: 4px 12px;
+    border-radius: 4px;
+    transition: all 0.3s;
+  }
+
+  /* 保存按钮样式 */
+  .save-button {
+    background-color: #1890ff;
+    border-color: #1890ff;
+  }
+
+  .save-button:hover {
+    background-color: #40a9ff;
+    border-color: #40a9ff;
+  }
+
+  /* 编辑按钮样式 */
+  .edit-button {
+    background-color: #1890ff;
+    border-color: #1890ff;
+  }
+
+  .edit-button:hover {
+    background-color: #40a9ff;
+    border-color: #40a9ff;
+  }
+
+  /* 取消按钮样式 */
+  .cancel-button {
+    color: #666;
+    background-color: #f4f4f4;
+    border-color: #d9d9d9;
+  }
+
+  .cancel-button:hover {
+    color: #40a9ff;
+    border-color: #40a9ff;
+    background-color: #fff;
+  }
+
+  /* 删除按钮样式 */
+  .delete-button {
+    background-color: #ff4d4f;
+    border-color: #ff4d4f;
+  }
+
+  .delete-button:hover {
+    background-color: #ff7875;
+    border-color: #ff7875;
+  }
+
+  /* 按钮图标样式 */
+  :deep(.anticon) {
+    font-size: 14px;
+  }
+
+  /* 输入框样式调整 */
+  :deep(.ant-input) {
+    margin-bottom: 8px;
+  }
+
+  .input-group {
+    margin-bottom: 12px;
+  }
+
+  .input-label {
+    font-weight: bold;
+    margin-bottom: 4px;
+    color: #333;
+  }
+
+  .content-group {
+    margin-bottom: 12px;
+  }
+
+  .content-label {
+    font-weight: bold;
+    margin-bottom: 4px;
+    color: #666;
+  }
+
+  /* 新增按钮样式 */
+  .action-buttons {
+    padding: 8px 16px;
+  }
+
+  .add-button {
+    background-color: #1890ff;
+    border-color: #1890ff;
+  }
+
+  .add-button:hover {
+    background-color: #40a9ff;
+    border-color: #40a9ff;
+  }
+
+  /* 添加卡片标题区域样式 */
+  .card-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    width: 100%;
+  }
+
+  .card-title {
+    font-weight: bold;
+    font-size: 16px;
+    color: #333;
+    flex: 1;
+  }
+
+  .card-header-actions {
+    display: flex;
+    gap: 8px;
+    margin-left: 16px;
+  }
+
+  /* 调整卡片标题区域的按钮大小 */
+  .card-header-actions .action-button {
+    padding: 2px 8px;
+    font-size: 12px;
+  }
+
+  .card-header-actions :deep(.anticon) {
+    font-size: 12px;
   }
 </style>
diff --git a/src/views/contractReview/JyjcontractualTaskBatch/ContractualTasksTableModal.vue b/src/views/contractReview/JyjcontractualTaskBatch/ContractualTasksTableModal.vue
index 1b8e1da..88c71ca 100644
--- a/src/views/contractReview/JyjcontractualTaskBatch/ContractualTasksTableModal.vue
+++ b/src/views/contractReview/JyjcontractualTaskBatch/ContractualTasksTableModal.vue
@@ -45,13 +45,13 @@
       const { record, type } = data;
       if (type == 'passCount') {
         title.value = '查看审核通过记录';
-        resultType.value = '审查合格';
+        resultType.value = 'reviewSuccess';
       } else if (type == 'rejectCount') {
         title.value = '查看审核不通过记录';
-        resultType.value = '审查不合格';
+        resultType.value = 'reviewFail';
       } else if(type=="irrelevantCount"){
         title.value = '查看非审查范围记录';
-        resultType.value = '非审查范围文件';
+        resultType.value = 'notReviewable';
       }else{
         title.value = '查看审查失败的范围记录';
         resultType.value = '审查失败文件';