stage：代发合同管理-申报静态页面

src/views/business/outContract/declare.vue

+<template>
+    <div class="app-container declare">
+        <el-descriptions title="合同信息" :column="4" border>
+            <el-descriptions-item label="合同名称">{{ contractData.contractName }}</el-descriptions-item>
+            <el-descriptions-item label="合同编号">{{ contractData.contractCode }}</el-descriptions-item>
+            <el-descriptions-item label="合作单位">{{ contractData.groupName }}</el-descriptions-item>
+            <el-descriptions-item label="代发企业">
+                {{ contractData.payerCompanyName }}
+            </el-descriptions-item>
+            <el-descriptions-item label="合作周期">
+                1年
+            </el-descriptions-item>
+            <el-descriptions-item label="签约时间">
+                2025-03-12
+            </el-descriptions-item>
+            <el-descriptions-item label="时间选择">
+                <el-date-picker v-model="value1" value-format="yyyy-MM" type="monthrange" range-separator="至"
+                    start-placeholder="开始月份" end-placeholder="结束月份">
+                </el-date-picker>
+            </el-descriptions-item>
+        </el-descriptions>
+        <el-empty description="暂无申报"></el-empty>
+    </div>
+</template>
+
+<script>
+import { getOutContract } from '@/api/business/outContract'
+export default {
+    name: 'declare',
+    data() {
+        return {
+            contractData: {},
+            value1: ''
+        }
+    },
+    mounted() {
+        if (this.$route.query.id) {
+            this.getOutContractFN(this.$route.query.id)
+        }
+    },
+    methods: {
+        getOutContractFN(id) {
+            getOutContract(id).then(res => {
+                console.log(res)
+                if (res.code == 200) {
+                    this.contractData = res.data
+                }
+            })
+        },
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+.declare {}
+</style>
\ No newline at end of file

src/views/business/outContract/index.vue

@@ -452,6 +452,7 @@ export default {
     //申报
     declareTaskOne(row) {
       console.log('申请申报')
+      this.$router.push({ path: "/declare", query: { id: row.id } });
     },
     // 单条生成发薪任务
     createBatchTaskOne(row) {