no message

src/api/business/production/socialSecurityDeclare.js

@@ -113,4 +113,14 @@ export function getMembersNoDelete(data) {
     method: 'post',
     data: data
   })
+}
+
+
+export function getTableDetail(data) {
+  request.defaults.baseURL = '/ezhizao-yzbh-production'
+  return request({
+    url: '/business/socialSecurityDeclare/getTableDetail',
+    method: 'post',
+    data: data
+  })
 }

src/views/business/socialSecurity/declare/form.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-dialog title="社保申报信息" v-model="visible" :width="width" append-to-body draggable @close="close"
+  <el-dialog title="社保申报信息" v-model="visible" width="100%" append-to-body draggable @close="close"
     :close-on-click-modal="false">
     <!-- <div slot="title" class="dialog-title-container">
       <span class="title-label"><i class="el-icon-document" /> 工资信息</span>
@@ -67,6 +67,38 @@
                 <div>{{ form.employeePassword }}</div>
               </el-form-item>
             </el-col>
+
+            <el-table :data="tableData" style="width: 100%">
+              <el-table-column label="" width = "100">
+                <el-table-column label="序号" align="center" type="index" />
+                <el-table-column prop="name" label="职工姓名"   align="center" width="70" />
+                <el-table-column prop="basePayment" label="养老、工伤、失业缴费基数" align="center"  />
+                <el-table-column prop="mmBasePayment" label="医疗、生育缴费基数" align="center"  />
+                <el-table-column prop="heatingPayment" label="采暖基数" align="center" width="70" />
+              </el-table-column>
+              <el-table-column label="公司承担" align="center">
+                <el-table-column prop="companyBirth" label="生育保险公司" align="center"  />
+                <el-table-column prop="companyLargeMedical" label="大额医疗" align="center" width="70" />
+                <el-table-column prop="companyMedical" label="医疗" align="center" width="70"/>
+                <el-table-column prop="companyElderly" label="养老" align="center" width="70" />
+                <el-table-column prop="companyUnemployment" label="失业保险" align="center" width="70" />
+                <el-table-column prop="companyInjury" label="工伤" align="center" width="70" />
+                <el-table-column prop="companyHeat" label="采暖" align="center" width="70" />
+                <el-table-column prop="companyCount" label="小计" align="center" />
+              </el-table-column>
+              <el-table-column label="个人承担" align="center">
+                <el-table-column prop="oneSelfLargeMedical" label="大病" align="center" width="70"/>
+                <el-table-column prop="oneSelfElderly" label="养老保险" align="center" width="70" />
+                <el-table-column prop="oneSelfUnemployment" label="失业保险" align="center" width="70"/>
+                <el-table-column prop="oneSelfEMedical" label="医疗保险" align="center" width="70" />
+                <el-table-column prop="oneSelfCount" label="小计" align="center"  />
+              </el-table-column>
+              <el-table-column label="">
+                <el-table-column prop="totalAmount" label="缴费金额" align="center"  />
+              </el-table-column>
+            </el-table>
+
+
             <el-col :span="24">
               <el-divider />
             </el-col>
@@ -179,16 +211,16 @@
             <el-col :span="24">
               <el-form-item label="凭证" required>
                 <dragUpload :accept="accept" style="width:100%" @file="upload"
-                v-if="form.evidenceFiles == null || form.evidenceFiles == ''" />
-              <img v-else style="height: 148px; width: 148px" :src="`${baseUrl}/${form.evidenceFiles[0].fileUrl}`"
-                class="avatar" @click="openEvidience('evidenceFiles[0]')" />
-              <div v-if="form.status !== 3">
-                <el-icon :size="20" v-if="form.evidenceFiles !== '' ||form.evidenceFiles == null "
-                  @click="form.evidenceFiles = []" class="delete-button">
-                  <Delete />
-                </el-icon>
-              </div>
-              <!-- <el-upload action="#" :http-request="upload" :with-credentials="true" :show-file-list="false" multiple>
+                  v-if="form.evidenceFiles == null || form.evidenceFiles == ''" />
+                <img v-else style="height: 148px; width: 148px" :src="`${baseUrl}/${form.evidenceFiles[0].fileUrl}`"
+                  class="avatar" @click="openEvidience('evidenceFiles[0]')" />
+                <div v-if="form.status !== 3">
+                  <el-icon :size="20" v-if="form.evidenceFiles !== '' ||form.evidenceFiles == null "
+                    @click="form.evidenceFiles = []" class="delete-button">
+                    <Delete />
+                  </el-icon>
+                </div>
+                <!-- <el-upload action="#" :http-request="upload" :with-credentials="true" :show-file-list="false" multiple>
                   <el-button size="small" type="primary" icon="Upload" v-if="form.status !==3">点击上传</el-button>
                 </el-upload>" -->
                 <!-- <dragUpload :accept="accept" style="width:100%" @file="upload"/>
@@ -262,21 +294,24 @@
 <script setup>
   import {
     getDetail,
-    saveDetail, turnBackDetail
+    saveDetail, turnBackDetail,
+    getTableDetail
   } from "@/api/business/production/socialSecurityDeclare";
+
   import { uploadFile } from "@/api/tool/file";
   import { rowNum } from "@/utils/index";
   import dragUpload from "@/components/dragUpload"
   import { ref } from "vue";
   const { proxy } = getCurrentInstance();
   const visible = ref(false);
-  const width = ref(800);
+  const width = ref(1600);
   const selections = ref([]);
   const currentSource = ref(null);
   const editStatus = ref(false);
   const canSave = ref(false);
   const loading = ref(false);
   const stopUseBack = ref(false);
+  const tableData = ref([]);
   const currentMonth = ref(
     proxy.moment().format("YYYY-MM-01")
   );
@@ -331,6 +366,10 @@
       //   close();
       // }
       amountChangeHandler();
+      clearForm.injuryRadio =4 
+      getTableDetail(clearForm).then((res) => {
+        tableData.value = res.data;
+      });
     }).finally(() => {
       loading.value = false;
     });
@@ -481,12 +520,12 @@
         file.originalFileName = res.originalFilename;
         file.fileUrl = res.fileName;
         form.value.evidenceFiles.push(file);
-        
+
       }
     });
   }
   function openEvidience() {
-    
+
     window.open(`${baseUrl.value}${form.value.evidenceFiles[0].fileUrl}`);
   }
   function uploadStatement(param) {