feats

package.json

     "@zjxpcyc/vue-tiny-store": "^1.0.1",
     "axios": "^0.27.2",
     "crypto-js": "^4.1.1",
+    "dayjs": "^1.11.3",
     "nprogress": "^0.2.0",
     "vant": "^3.5.2",
     "vue": "^3.2.25",

src/pages/index.vue

       <van-button
         round
         :style="{ width: '40vw', margin: 'auto' }"
+        :disabled="!invoiceId"
         type="primary"
         @click="goForm"
       >
       </van-button>
       <van-button
         round
+        class="mybutton"
         :style="{ width: '40vw', margin: 'auto' }"
+        :disabled="!invoiceId"
         type="primary"
-        @click="goRecord"
+        @click="goPromulgate"
       >
-        填写记录
+        信息公示
       </van-button>
       <van-button
         round
-        class="mybutton"
         :style="{ width: '40vw', margin: 'auto' }"
         type="primary"
-        @click="goPromulgate"
+        @click="goRecord"
       >
-        信息公示
+        填写记录
       </van-button>
     </div>
     <div>
-      {{
-        formData.data.status == 1
-          ? "该班次将于2022年10月5日截止"
-          : "该班次已截止如有问题请联系报销助理"
-      }}
+      {{tipText}}
     </div>
   </div>
 </template>
 
 <script setup>
-import { onMounted, reactive, ref } from 'vue';
-import { useRouter } from 'vue-router'
+import { computed, onMounted, reactive, ref } from 'vue';
+import { useRouter, useRoute } from 'vue-router'
+import dayjs from 'dayjs'
 import { getInvoiceFill } from '@/services/invoice'
 
 const router = useRouter();
-const formData = reactive({
-  data: {
-    //班级名称
-    invoiceId: 'f11ab8d28fd097e7aa4877ae7068a876',
-    endDate: undefined,
-    name: undefined,
-    status: 1
-  }
+const route = useRoute();
+const { invoiceId } = route.query
+
+const formData = reactive({})
+
+const tipText = computed(() => {
+  if (!invoiceId) return '请扫码访问此页面';
+  const finished = formData.status === 2 || (formData.endDate ? dayjs().isAfter(dayjs(formData.endDate)) : false)
+  return finished ? '该班次已截止如有问题请联系报销助理' : `该班次将于 ${dayjs(formData.endDate).format('YYYY年MM月DD日')} 截止`
 })
 
 const goForm = () => {
-  router.push({ name: 'invoice.fill', 
-  params: { 
-    invoiceId: formData.data.invoiceId,
-    invoiceName: formData.data.name,
-    status:formData.data.status
-  } })
+  router.push({ name: 'invoice.fill', query: route.query })
 }
+
 const goRecord = () => {
-  router.push({ name: 'invoice.records'})
+  router.push({ name: 'invoice.history', query: route.query })
 }
 const goPromulgate = () => {
-  router.push({ name: 'publicity.list'})
+  router.push({ name: 'publicity.list', query: route.query })
 }
+
 onMounted(() => {
   getInvoiceFill(formData.data.invoiceId).then(res => {
-    formData.data = res
+    Object.assign(formData, res)
   }).catch(err => {
     console.log(err)
   })
 })
+
 </script>
 <style lang="less" scoped>
 .body {

src/router/index.js

 const routes = [
   { path: '/', name: 'index', component: () => import('@/pages/index.vue') },
   { path: '/invoice/fill', name: 'invoice.fill', component: () => import('@/pages/invoice/fill.vue') },
-  { path: '/invoice/records', name: 'invoice.records', component: () => import('@/pages/invoice/records.vue') },
+  { path: '/invoice/history', name: 'invoice.history', component: () => import('@/pages/invoice/history.vue') },
   { path: '/publicity/list', name: 'publicity.list', component: () => import('@/pages/publicity/list.vue') },
   { path: '/login', name: 'login', component: () => import('@/pages/login.vue') },
 ];

yarn.lock

   resolved "https://registry.npmmirror.com/csstype/-/csstype-2.6.20.tgz#9229c65ea0b260cf4d3d997cb06288e36a8d6dda"
   integrity sha512-/WwNkdXfckNgw6S5R125rrW8ez139lBHWouiBvX8dfMFtcn6V81REDqnH7+CRpRipfYlyU1CmOnOxrmGcFOjeA==
 
+dayjs@^1.11.3:
+  version "1.11.3"
+  resolved "https://registry.npmmirror.com/dayjs/-/dayjs-1.11.3.tgz#4754eb694a624057b9ad2224b67b15d552589258"
+  integrity sha512-xxwlswWOlGhzgQ4TKzASQkUhqERI3egRNqgV4ScR8wlANA/A9tZ7miXa44vTTKEq5l7vWoL5G57bG3zA+Kow0A==
+
 debug@^3.2.6:
   version "3.2.7"
   resolved "https://registry.npmmirror.com/debug/-/debug-3.2.7.tgz#72580b7e9145fb39b6676f9c5e5fb100b934179a"