归档申请调整

src/views/base/apply/apply.vue

@@ -50,7 +50,10 @@
           </el-descriptions-item>
         </el-descriptions>
       </div>
-      <el-button type="success" style="margin-bottom: 10px" @click="showExcel"
+      <el-button
+        type="success"
+        style="margin-bottom: 10px"
+        @click="showProExcel(rowData.id)"
         >查看表格数据</el-button
       >
       <div class="el-descriptions__title">提交申请</div>
@@ -108,6 +111,21 @@
       </div>
     </div>
     <el-dialog
+      v-model="dialog8.visible"
+      :title="dialog8.title"
+      width="950px"
+      @close="dialog8.visible = false"
+    >
+      <el-card
+        style="cursor: pointer; font-size: 20px"
+        shadow="always"
+        :key="item"
+        @click="toShowExcel(item)"
+        v-for="item in showProList"
+        >{{ item.formName }}</el-card
+      >
+    </el-dialog>
+    <el-dialog
       v-model="excelShow"
       title="详情"
       @close="excelShow = false"
@@ -134,17 +152,21 @@ const props = defineProps({
     type: Boolean,
   },
 });
+const dialog8 = reactive({
+  title: "表单列表",
+  visible: false,
+});
+const showProList = ref([]);
+const showProExcel = async (id) => {
+  const { data, code } = await getExcelData(id);
+  showProList.value = data;
+  dialog8.visible = true;
+};
 const excelShow = ref(false);
 const ExDataObj = ref({});
-const showExcel = async () => {
-  const { code, data } = await getExcelData(props.rowData.id);
-  if (code == "200") {
-    ExDataObj.value = data;
-    excelShow.value = true;
-  } else {
-    ExDataObj.value = {};
-    excelShow.value = false;
-  }
+const toShowExcel = async (item) => {
+  ExDataObj.value = item;
+  excelShow.value = true;
 };
 const emits = defineEmits(["close", "dataList"]);
 const getStatus = (val) => {