基本功能实现 分类暂时未实现

src/components/carditem/card.vue

@@ -0,0 +1,31 @@
+<template>
+  <div class="Card">
+    <div v-for="(item,key) in poicefilelist" :key="poicefilelist.fileID">
+      <carditem :card-item-list="item"> </carditem>
+    </div>
+  </div>
+</template>
+
+<script>
+import Carditem from "./carditem.vue";
+export default {
+  name: "Card",
+  components: {
+    Carditem,
+  },
+  props: {
+      
+    poicefilelist: {
+      type: Array,
+      default() {
+        return [];
+      },
+    },
+
+  },
+};
+</script>
+
+
+<style scoped>
+</style>

src/components/carditem/carditem.vue

@@ -1,20 +1,20 @@
 <template>
   <div class="CardItem">
-    <div v-for="item in poicefilelist">
+    <div  >
       <div class="Card-top">
-        <span class="title">{{ item.name }}</span>
+        <span class="title">{{ CardItemList.name }}</span>
         <span class="take" @click="poicefileitemclick"> 查看详情 </span>
       </div>
 
       <div class="card-btom">
         <div>
-          <span>发布日期：</span><span>{{ item.createOn }}</span>
+          <span>发布日期：</span><span>{{ CardItemList.createOn }}</span>
         </div>
         <div>
-          <span>文件类型：</span><span>{{ item.type }}</span>
+          <span>文件类型：</span><span>{{ CardItemList.type }}</span>
         </div>
         <div>
-          <span>文号：</span><span>{{ item.fileNo }}</span>
+          <span>文号：</span><span>{{ CardItemList.fileNo }}</span>
         </div>
       </div>
     </div>
@@ -25,33 +25,53 @@
 export default {
   name: "CardItem",
   props: {
-    poicefilelist: {
-      type: Array,
-      default() {
-        return [];
-      },
+    // poicefilelist: {
+    //   type: Array,
+    //   default() {
+    //     return [];
+    //   },
+    // },
+
+
+    CardItemList:{
+      tyepe:Array,
+      default(){
+        return[];
+      }
     },
+
   },
   data() {
     return {
-      datatime: "",
+      datatime:"",
     };
   },
+  created() {
+
+  },
+  mounted(){
+    // 时间格式转换
 
+  },
   computed: {},
   methods: {
+
+
+    // 点击跳转
     poicefileitemclick() {
       if (this.$route.path.indexOf("articles") !== 1) {
-        this.$router.push(
-          "/articles/" + this.poicefilelist.fileID 
-        );
+        this.$router.push("/articles/" + this.CardItemList.fileID);
         console.log("跳转");
-        console.log(this.poicefilelist.fileID);
-      }
-      else {
+        console.log(this.CardItemList.fileID);
+      } else {
         return false;
       }
     },
+
+    // 发布日期转换
+    datanew(){
+      return this.CardItemList.createOn.splice('T')
+    }
   },
 };
 </script>
@@ -64,13 +84,14 @@ export default {
   height: 35vw;
   padding-top: 3vw;
   padding-bottom: 3vw;
+  margin-top: 3vw;
 }
 .title {
   font-size: 18px;
 }
 .Card-top {
-  display: flex;
-  justify-content: space-between;
+  /* display: flex;
+  justify-content: space-between; */
   line-height: 7vw;
   padding-left: 5vw;
   padding-right: 5vw;
@@ -84,5 +105,6 @@ export default {
 }
 .take {
   color: #1677ff;
+  float: right;
 }
 </style>

src/views/HomeView.vue

@@ -20,7 +20,7 @@
           </div>
         </van-tab>
         <van-tab title="最新文件">
-          <card-item :poicefilelist="poicefilelist"></card-item>
+       <card :poicefilelist="poicefilelist"></card>
         </van-tab>
         <van-tab title="中高风险地区">
           <!-- 风险地区搜索 -->
@@ -56,21 +56,23 @@ import NavBar from "../components/navbar/navbar.vue";
 // 导入缙云县疫情服务
 import CovidServe from "../components/covidserve/CovidServe.vue";
 // 导入 最新文件 循环组件
-import CardItem from "../components/carditem/carditem.vue";
+import Card from '@/components/carditem/card.vue';
+
 // 导入 中高风险地区切换tap
 import TapItem from "../components/Tapitem/TapItem.vue"
 
 import { getpoicefile } from "../network/poicefile"
 
 
+
 export default {
   name: "index",
   components: {
     HeaderTop,
     NavBar,
     CovidServe,
-    CardItem,
-    TapItem
+    TapItem,
+    Card
   },
 
   data() {

src/views/Poice/PoiceMessage.vue

@@ -9,7 +9,8 @@
           <work></work>
         </van-tab>
         <van-tab title="文件列表">
-          <card-item :poicefilelist="poicefilelist"></card-item>
+          <card :poicefilelist="poicefilelist"></card>
+          <!-- <card-item :poicefilelist="poicefilelist"></card-item> -->
         </van-tab>
       </van-tabs>
     </div>
@@ -22,21 +23,26 @@ import HeaderTop from "../../components/header/header.vue";
 // 引入分类组件
 import work from "./children/work.vue";
 // 引入文件列表组件
-import CardItem from "../../components/carditem/carditem.vue";
+// import CardItem from "../../components/carditem/carditem.vue";
+import Card from '../../components/carditem/card.vue'
+
 
 import { getpoicefile } from "../../network/poicefile";
 
+
 export default {
   name: "PoiceMessage",
   components: {
     HeaderTop,
     work,
-    CardItem,
+    // CardItem,
+    Card,
   },
   data() {
     return {
       active: 0,
       poicefilelist: [],
+
     };
   },
 

src/views/article/articles.vue

@@ -23,20 +23,20 @@ export default {
   },
   data() {
     return {
-      fileID: "52de8ee1816d403a82c9717f928e0aeb",
-      // fileID: null,
+      // fileID: "52de8ee1816d403a82c9717f928e0aeb",
+      fileID: null,
       onefilelist: [],
     };
   },
 
   created() {
+    // 获取fileID
+    this.fileID = this.$route.params.fileID;
     this.getonefile();
   },
 
   methods: {
     getonefile() {
-      // 获取fileID
-      // this.fileID = onefilelist.fileID;
       getonefile(this.fileID).then((res) => {
         console.log(res);
         this.onefilelist.push({ ...res.data });