api

src/api/collection/collections.js

@@ -1,9 +1,44 @@
 import request from '@/utils/request'
 
-//获取藏品列表
-export const getCollections = (id)=>{
-    return request({
-      url: '/system/collections/list/'+id,
-      method: 'get',
-    })
-  }
+// 查询列表
+export function listCollections(query) {
+  return request({
+    url: '/system/collections/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询详细
+export function getCollections(id) {
+  return request({
+    url: '/system/collections/' + id,
+    method: 'get'
+  })
+}
+
+// 新增
+export function addCollections(data) {
+  return request({
+    url: '/system/collections',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改
+export function updateCollections(data) {
+  return request({
+    url: '/system/collections',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除【请填写功能名称】
+export function delCollections(id) {
+  return request({
+    url: '/system/collections/' + id,
+    method: 'delete'
+  })
+}

src/views/collection/collections/index.vue

@@ -6,44 +6,28 @@
                 <el-button size="small" type="primary" plain @click="handleAdd()">添加</el-button>
             </div>
         </div>
-        <div class="list">
-            <el-table v-loading="loading" :data="
-                seriesList.slice(
-                    (pages.currentPage - 1) * pages.pageSize,
-                    pages.pageSize * pages.currentPage
-                )
-            " border>
-                <el-table-column prop="id" label="ID" width="100px" align="center">
+        <el-card style="height: 300px;width: 1200px; margin-left: 30px;">
+            <el-table :data="seriesList" border height="250" style="width: 100%">
+                <el-table-column fixed prop="id" label="ID" align="center" width="200">
                 </el-table-column>
-                <el-table-column prop="name" label="藏品名称" align="center">
+                <el-table-column prop="name" label="藏品名称" align="center" width="150">
                 </el-table-column>
-                <el-table-column prop="setTime" label="售卖时间" align="center">
-                    <!-- <template slot-scope="scope">
-              {{ scope.row.setTime }}
-            </template> -->
+                <el-table-column prop="endTime" label="售卖时间" align="center" width="150">
                 </el-table-column>
-                <el-table-column prop="amount" label="藏品价格（￥）" align="center">
+                <el-table-column prop="price" label="藏品价格（￥）" align="center" width="150">
                 </el-table-column>
-                <el-table-column prop="amount" label="藏品状态" align="center">
+                <el-table-column prop="status" label="藏品状态" align="center" width="150">
                 </el-table-column>
-                <el-table-column prop="amount" label="数量（份）" align="center">
+                <el-table-column prop="collectionsNumber" label="数量（份）" align="center" width="150">
                 </el-table-column>
-                <el-table-column prop="operate" label="操作" align="center">
+                <el-table-column fixed="right" label="操作" align="center" width="200">
                     <template slot-scope="scope">
-                        <div>
-                            <el-button type="text" size="mini" @click="handleDetail(scope.row)">藏品详情</el-button>
-                            <el-button type="text" size="mini">兑换详情</el-button>
-                        </div>
+                        <el-button @click="handleClick(scope.row)" type="primary" size="small">查看详情</el-button>
+                        <el-button @click="handleDelete(scope.row)" type="danger" size="small">删除</el-button>
                     </template>
                 </el-table-column>
             </el-table>
-        </div>
-        <div>
-            <el-pagination :current-page="pages.currentPage" background layout="total,prev, pager, next"
-                :total="seriesList.length" style="margin-right: 10px; float: right" :page-size.sync="pages.pageSize"
-                @current-change="handleCurrentChange">
-            </el-pagination>
-        </div>
+        </el-card>
     </div>
 </template>
 <script>
@@ -52,40 +36,34 @@ import { reqMockData } from "../../../mockjs/reqMock.js";
 //后端接口
 import { getCollections } from "../../../api/collection/collections"
 export default {
-    created() {
-        this.getSeries();
-    },
     data() {
         return {
             // 加载效果
             loading: true,
-            // 分页参数
-            pages: {
-                currentPage: 1,
-                pageSize: 10,
-            },
+            seriesList: []
+
         };
     },
+    created() {
+        this.getCollectionList()
+    },
     methods: {
-        //mock获取数据
-        getSeries() {
-            reqMockData().then((res) => {
-                this.seriesList = res.data;
-                this.loading = false;
-            });
-        },
-        
+
         // 添加藏品
         handleAdd() {
             this.$router.push({ path: "/addcollections" });
         },
-        handleCurrentChange(val) {
-            this.pages.currentPage = val;
-        },
         //藏品详情
         handleDetail(row) {
             this.$router.push({ name: "collectionsDeatil", prams: { row } });
         },
+        //获取藏品列表
+        getCollectionList() {
+            console.log(this.$router);
+            // getCollections((res)=>{
+            //     this.seriesList = res.rows
+            // })
+        }
     },
 };
 </script>
@@ -106,4 +84,4 @@ export default {
     margin: 20px 10px 20px 20px;
 }
 </style>
-  <style>
+<style>