幼儿入园系列文件-列表页

ruoyi-ui/src/views/benyi/child_files/index.vue

@@ -1,32 +1,50 @@
 <template>
   <div class="app-container">
     <el-row :gutter="12">
-      <el-col :span="4">
-        <el-card shadow="hover">家长声明</el-card>
-      </el-col>
-      <el-col :span="4">
-        <el-card shadow="hover">日常生活记录表</el-card>
-      </el-col>
-      <el-col :span="4">
-        <el-card shadow="hover">幼儿编班通知</el-card>
-      </el-col>
-      <el-col :span="4">
-        <el-card shadow="hover">幼儿参加园外活动许可</el-card>
-      </el-col>
-      <el-col :span="4">
-        <el-card shadow="hover">幼儿参与拍照与拍摄许可</el-card>
-      </el-col>
-      <el-col :span="4">
-        <el-card shadow="hover">幼儿健康说明表</el-card>
-      </el-col>
-    </el-row>
-    <el-row :gutter="12">
-      <el-col :span="4">
-        <el-card shadow="hover">幼儿就医许可</el-card>
-      </el-col>
-      <el-col :span="4">
-        <el-card shadow="hover">幼儿生活用品领取单</el-card>
+      <el-col :span="4" v-for="(item, index) in filesList" :key="index" style="padding: 10px;">
+        <el-card shadow="hover">
+          <a :href="apiurl+item.fileurl">{{item.name}}</a>
+        </el-card>
       </el-col>
     </el-row>
   </div>
-</template>
+</template>
+
+<script>
+import { listFiles, getFiles } from "@/api/benyi/files";
+
+export default {
+  name: "childFiles",
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      apiurl: process.env.VUE_APP_BASE_API,
+      filesList: [],
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        name: undefined,
+        filetype: undefined,
+        type: "1", //代表幼儿入园系列文件
+        fileurl: undefined,
+        createuserid: undefined,
+      },
+    };
+  },
+  created() {
+    this.getList();
+  },
+  methods: {
+    /** 查询文件管理列表 */
+    getList() {
+      this.loading = true;
+      listFiles(this.queryParams).then((response) => {
+        this.filesList = response.rows;
+        this.loading = false;
+      });
+    },
+  },
+};
+</script>