计划出图

src/views/design/volumeCatalog/index.vue

@@ -1,12 +1,9 @@
 <template>
-  <div class="p-2">
+  <div class="p-2 volumeCatalog">
     <transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave">
       <div v-show="showSearch" class="mb-[10px]">
         <el-card shadow="hover">
           <el-form ref="queryFormRef" :model="queryParams" :inline="true">
-            <!-- <el-form-item label="子项ID" prop="designSubitemId">
-              <el-input v-model="queryParams.designSubitemId" placeholder="请输入设计子项ID" clearable @keyup.enter="handleQuery" />
-            </el-form-item> -->
             <el-form-item label="卷册号" prop="volumeNumber">
               <el-input v-model="queryParams.volumeNumber" placeholder="请输入卷册号" clearable @keyup.enter="handleQuery" />
             </el-form-item>
@@ -48,9 +45,7 @@
           <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
         </el-row>
       </template>
-
-      <el-table v-loading="loading" :data="volumeCatalogList" @selection-change="handleSelectionChange">
-        <el-table-column type="selection" width="55" align="center" />
+      <el-table v-loading="loading" :data="volumeCatalogList">
         <el-table-column label="子项名称" align="center" prop="designSubitem" />
         <el-table-column label="设计状态" align="center" prop="designState">
           <template #default="scope">
@@ -82,24 +77,31 @@
             <el-button link type="primary" icon="View" @click="handleView(scope.row)" v-hasPermi="['out:monthPlan:remove']">查看文件</el-button>
           </template>
         </el-table-column>
-        <el-table-column label="操作" align="center" width="200">
+        <el-table-column label="操作" align="center" fixed="right" width="200">
           <template #default="scope">
             <el-button
               link
               type="primary"
-              v-if="scope.row.auditStatus != 'finish'"
+              v-if="scope.row.auditStatus != 'finish' && scope.row.auditStatus != 'termination'"
               icon="Edit"
               @click="handleUpdate(scope.row)"
               v-hasPermi="['design:volumeCatalog:edit']"
               >修改</el-button
             >
-            <el-button link type="primary" icon="Upload" @click="handleUpload(scope.row)" v-if="scope.row.auditStatus == 'draft'">上传图纸</el-button>
+            <el-button
+              link
+              type="primary"
+              icon="Upload"
+              @click="handleUpload(scope.row)"
+              v-if="scope.row.auditStatus == 'draft' || scope.row.auditStatus == 'back'"
+              >上传图纸</el-button
+            >
             <el-button
               link
               type="primary"
               icon="edit"
               @click="handleAudit(scope.row)"
-              v-if="scope.row.auditStatus == 'draft'"
+              v-if="scope.row.auditStatus == 'draft' || scope.row.auditStatus == 'back'"
               v-hasPermi="['out:monthPlan:remove']"
               >审核</el-button
             >
@@ -112,6 +114,9 @@
               v-hasPermi="['out:monthPlan:remove']"
               >查看流程</el-button
             >
+            <el-button type="warning" link size="small" icon="View" v-if="scope.row.auditType != 'draft'" @click="handleViewHistory(scope.row)"
+              >查看单据</el-button
+            >
           </template>
         </el-table-column>
       </el-table>
@@ -128,8 +133,8 @@
             <el-option :value="item.value" v-for="item in des_user_major" :key="item.value" :label="item.label" />
           </el-select>
         </el-form-item>
-        <el-form-item label="负责人" prop="principal">
-          <el-input v-model="form.principal" placeholder="请输入负责人" />
+        <el-form-item label="设计人员" prop="principal">
+          <el-input v-model="form.principal" placeholder="请输入设计人员" />
         </el-form-item>
         <el-form-item label="设计状态" prop="designState">
           <el-select v-model="form.designState" placeholder="请选择设计状态">
@@ -206,6 +211,101 @@
         </span>
       </template>
     </el-dialog>
+    <el-dialog draggable title="查看历史" v-model="dialogHistory" width="800px" append-to-body>
+      <div>
+        <span>选择历史退回记录：</span>
+        <el-select v-model="hisId" placeholder="请选择" style="width: 240px" @change="handleShowInfo">
+          <el-option v-for="item in hisList" :key="item.id" :label="item.createTime" :value="item.id" />
+        </el-select>
+        <div style="margin-top: 20px" class="volumeCatalog_box">
+          <span style="color: #0d9df5">查看excel文件</span>
+          <div style="margin-top: 20px" class="table-content" id="table-content">
+            <el-row class="mb20" style="display: flex; justify-content: center">
+              <h2>设计验证表</h2>
+            </el-row>
+            <el-row class="mb10" style="display: flex; justify-content: space-between">
+              <div class="head-text">
+                <span>编号：</span>
+                <span>{{ examineForm.num }}</span>
+              </div>
+              <div class="head-text"></div>
+            </el-row>
+            <table style="width: 100%" border="1" cellspacing="1">
+              <thead>
+                <tr>
+                  <th colspan="2">工程名称</th>
+                  <td class="th-bg" colspan="10">{{ examineForm.projectName }}</td>
+                </tr>
+              </thead>
+              <tbody>
+                <tr>
+                  <th colspan="2">子项名称</th>
+                  <td class="th-bg" colspan="6">{{ examineForm.subprojectName }}</td>
+                  <th colspan="2">设计阶段</th>
+                  <td class="th-bg" colspan="2">{{ examineForm.stage }}</td>
+                </tr>
+              </tbody>
+              <tbody>
+                <tr>
+                  <th colspan="2">专业</th>
+                  <td class="th-bg" colspan="2">{{ examineForm.professional }}</td>
+                  <th colspan="2">卷册</th>
+                  <td class="th-bg" colspan="2">{{ examineForm.volume }}</td>
+                  <th colspan="2">设计人</th>
+                  <td class="th-bg" colspan="2">{{ examineForm.designer }}</td>
+                </tr>
+              </tbody>
+              <tbody>
+                <tr>
+                  <th colspan="2">验证内容</th>
+                  <td class="th-bg" colspan="10">{{ examineForm.verificationContent }}</td>
+                </tr>
+              </tbody>
+              <tbody>
+                <tr>
+                  <th colspan="6">验证意见</th>
+                  <th class="th-bg" colspan="6">执行意见</th>
+                </tr>
+              </tbody>
+              <tbody>
+                <tr>
+                  <td colspan="6">
+                    <div style="height: 400px">{{ examineForm.verificationOpinion }}</div>
+                  </td>
+                  <td class="th-bg" colspan="6">
+                    <div style="height: 400px">{{ examineForm.executionOpinion }}</div>
+                  </td>
+                </tr>
+              </tbody>
+              <tbody>
+                <tr>
+                  <td colspan="6">
+                    <div style="display: flex; align-items: center; justify-content: space-between">
+                      <span> 校审： {{ examineForm.proofreading }} </span>
+                      <span> {{ dateFormat(examineForm.proofreadingDate) }}</span>
+                    </div>
+                  </td>
+                  <td rowspan="2" colspan="6">
+                    <div>执行人： {{ examineForm.executor }}</div>
+                    <div style="display: flex; align-items: center; justify-content: flex-end">
+                      {{ dateFormat(examineForm.executorDate) }}
+                    </div>
+                  </td>
+                </tr>
+                <tr>
+                  <td class="th-bg" colspan="6">
+                    <div style="display: flex; align-items: center; justify-content: space-between">
+                      <span>审核 ： {{ examineForm.audit }}</span>
+                      <span> {{ dateFormat(examineForm.auditDate) }}</span>
+                    </div>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+          </div>
+        </div>
+      </div>
+    </el-dialog>
   </div>
 </template>
 
@@ -225,7 +325,7 @@ import { useUserStoreHook } from '@/store/modules/user';
 const fileList = ref([]);
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;
 const { design_state, wf_business_status, des_user_major } = toRefs(proxy?.useDict('design_state', 'wf_business_status', 'des_user_major'));
-
+import { drawingreviewReceiptsDetail, drawingreviewReceiptsList } from '@/api/design/drawingreview';
 const volumeCatalogList = ref<VolumeCatalogVO[]>([]);
 const buttonLoading = ref(false);
 const loading = ref(true);
@@ -234,7 +334,9 @@ const ids = ref<Array<string | number>>([]);
 const single = ref(true);
 const multiple = ref(true);
 const total = ref(0);
-
+const hisId = ref('');
+const dialogHistory = ref(false);
+const hisList = ref([]);
 // 获取用户 store
 const userStore = useUserStoreHook();
 // 从 store 中获取项目列表和当前选中的项目
@@ -255,7 +357,30 @@ const uploadForm = reactive({
   fileList: [],
   cancellationIds: [] // 用于存储已作废的文件ID
 });
-
+const examineForm = ref({
+  audit: '',
+  auditDate: '',
+  auditId: '',
+  designer: '',
+  executionOpinion: '',
+  executor: '',
+  executorDate: '',
+  executorId: '',
+  id: '1',
+  num: '',
+  professional: '',
+  projectId: '',
+  projectName: '',
+  proofreading: '',
+  proofreadingDate: '',
+  proofreadingId: '',
+  stage: '',
+  subprojectId: '',
+  subprojectName: '',
+  verificationContent: '',
+  verificationOpinion: '',
+  volume: ''
+});
 const userList = ref([]);
 
 const initFormData: any = {
@@ -300,7 +425,34 @@ const getList = async () => {
     loading.value = false;
   }
 };
-
+const dateFormat = (v) => {
+  if (!v) return '-';
+  let time = new Date(v);
+  let y = time.getFullYear();
+  let MM = time.getMonth() + 1;
+  MM = MM < 10 ? '0' + MM : MM;
+  let d = time.getDate();
+  d = d < 10 ? '0' + d : d;
+  return y + '年' + MM + '月' + d + '日';
+};
+const handleViewHistory = async (row) => {
+  // 查看历史流程记录
+  dialogHistory.value = true;
+  hisId.value = '';
+  let res = await drawingreviewReceiptsList({ drawingreviewId: row.design });
+  hisList.value = res.rows;
+  if (hisList.value.length > 0) {
+    hisId.value = hisList.value[0].id;
+    getDetails(hisId.value);
+  }
+};
+const handleShowInfo = (val) => {
+  getDetails(val);
+};
+const getDetails = async (id) => {
+  let res = await drawingreviewReceiptsDetail(id);
+  examineForm.value = res.data;
+};
 /** 取消按钮 */
 const cancel = () => {
   reset();
@@ -477,3 +629,53 @@ onUnmounted(() => {
   listeningProject();
 });
 </script>
+<style lang="scss">
+.volumeCatalog_box {
+  /* .upload-demo {
+    width: 100% !important;
+  } */
+  table {
+    border-collapse: collapse; //合并为一个单一的边框
+    border-color: rgba(199, 199, 199, 1); //边框颜色按实际自定义即可
+  }
+  thead {
+    tr {
+      th {
+        background-color: rgba(247, 247, 247, 1); //设置表格标题背景色
+        height: 35px; //设置单元格最小高度
+        text-align: center;
+        letter-spacing: 5px;
+        padding: 15px;
+      }
+      td {
+        text-align: left;
+        height: 35px; //设置单元格最小高度
+        padding: 15px;
+      }
+      .th-bg {
+        background-color: rgba(247, 247, 247, 1);
+      }
+    }
+  }
+  tbody {
+    tr {
+      td {
+        text-align: left;
+        height: 40px; //设置单元格最小高度
+        padding: 15px;
+      }
+      th {
+        height: 35px; //设置单元格最小高度
+        text-align: center;
+        letter-spacing: 5px;
+        padding: 15px;
+      }
+    }
+  }
+  .table-content {
+    box-shadow: 0px 0px 10px #ddd;
+    padding: 20px;
+    position: relative;
+  }
+}
+</style>