feat: 产业政策发文时间展示

src/components/list/list-policy-item.vue

@@ -18,7 +18,7 @@
         {{ detail.content.trim() }}
       </p>
       <div class="mt-4 flex justify-between text-sm leading-[22px] text-[#4d4d4d]">
-        <div>{{ detail.publisher }} | {{ detail.ctime }}</div>
+        <div class="flex items-center">{{ infos }}</div>
         <div class="read-more flex items-center">
           <span>了解详情</span>
           <img src="@/assets/images/icon-arrow_red.png" class="ml-1 h-4 w-4" alt="" />
@@ -30,8 +30,10 @@
 <script setup lang="ts">
 import type { PolicyListItem } from '@/types/api/policyList';
 import CommonImage from '@/components/common/CommonImage.vue';
+import { computed } from 'vue';
+import { haveValue } from '@/utils/filters.ts';
 
-withDefaults(
+const props = withDefaults(
   defineProps<{
     detail: PolicyListItem;
   }>(),
@@ -45,6 +47,10 @@ const emit = defineEmits<{
 const handleDetail = () => {
   emit('to-detail');
 };
+const infos = computed(() => {
+  const { publisher, publishTime } = props.detail;
+  return [publisher, publishTime].filter(haveValue).join(' | ');
+});
 </script>
 <style lang="scss" scoped>
 .media-main {

src/types/api/policyList.ts

 // 列表
 export interface PolicyListItem {
   content: string;
-  ctime: string;
+  publishTime: string;
   id: number;
   industryList: string;
   publisher: string;

src/views/industry/IndustryPolicyDetail.vue

@@ -15,7 +15,7 @@
     <div class="mx-auto w-[800px]">
       <p class="mb-5 text-2xl font-semibold text-[#1a1a1a]">{{ detail.title }}</p>
       <div class="mb-5 mt-4 text-sm leading-[22px] text-[#4d4d4d]">
-        <div>发文机构：{{ detail.publisher }} | 发文时间：{{ detail.ctime }}</div>
+        <div class="flex items-center">{{ infos }}</div>
       </div>
       <div class="mb-[17px] flex flex-wrap">
         <span
@@ -52,7 +52,7 @@ const { request: getDetail } = useRequest<PolicyListItem>(
 );
 const detail = ref<PolicyListItem>({
   title: '',
-  ctime: '',
+  publishTime: '',
   publisher: '',
   content: '',
   id: 0,
@@ -85,6 +85,17 @@ const breadcrumbs = computed(() => {
     },
   ];
 });
+
+const infos = computed(() => {
+  const { publisher, publishTime } = detail.value;
+  return [
+    { name: '发文机构：', value: publisher },
+    { name: '发文时间：', value: publishTime },
+  ]
+    .filter(({ value }) => !!value)
+    .map(({ value, name }) => name + value)
+    .join(' | ');
+});
 </script>
 <style lang="scss">
 .detail-main {