删除和列表

package.json

@@ -32,6 +32,7 @@
     "font-awesome": "4.7.0",
     "js-cookie": "2.2.0",
     "jszip": "3.1.5",
+    "moment": "^2.29.4",
     "normalize.css": "7.0.0",
     "nprogress": "0.2.0",
     "screenfull": "3.3.3",

src/api/business/category.js

@@ -78,11 +78,11 @@ export function addDealRecord(data) {
   })
 }
 // 删除成交记录
-export function deleteDealRecord(data) {
+export function deleteDealRecord(query) {
   return request({
     url: '/bidrecord/delete',
-    method: 'post',
-    data
+    method: 'get',
+    params: query
   })
 }
 

src/views/mall/dealRecord.vue

@@ -9,14 +9,18 @@
       <el-table-column align="center" label="购买平台" prop="platform"/>
       <el-table-column align="center" label="图片" width="120px">
         <template slot-scope="scope">
-          <img v-if="scope.row.icon" :src="scope.row.icon" class="row-img">
+          <img v-for="(item,index) in scope.row.images" :src="item" :key="index" class="row-img">
         </template>
       </el-table-column>
       <el-table-column align="center" label="成交价格" prop="price"/>
-      <el-table-column align="center" label="成交时间" prop="bidtime"/>
-      <el-table-column align="left" label="操作" width="450" class-name="small-padding fixed-width">
+      <el-table-column align="center" label="成交时间" prop="bidtime">
         <template slot-scope="scope">
-          <el-button v-permission="['POST /admin/category/delete']" type="danger" size="medium" @click="handleDelete(scope.row)">删除</el-button>
+          {{ scope.row.bidtime | filterTime }}
+        </template>
+      </el-table-column>
+      <el-table-column align="left" label="操作" class-name="small-padding fixed-width">
+        <template slot-scope="scope">
+          <el-button v-permission="['POST /admin/category/delete']" type="text" size="medium" @click="handleDelete(scope.row)">删除</el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -77,10 +81,20 @@
 import { getDealRecord, addDealRecord, deleteDealRecord } from '@/api/business/category'
 import { getToken } from '@/utils/auth'
 import { uploadPath } from '@/api/business/storage'
+import moment from 'moment'
 
 export default {
   name: 'Category',
   components: { },
+  filters: {
+    filterTime(val) {
+      let time = ''
+      if (val) {
+        time = moment((val - 0) * 1000).format('YYYY-MM-DD HH-mm-ss')
+      }
+      return time
+    }
+  },
   data() {
     return {
       uploadPath,
@@ -147,8 +161,10 @@ export default {
           this.dataList = res.data.data
         }
         this.listLoading = false
-      }).catch(() => {
-        this.dataList = []
+      }).catch((err) => {
+        if (err && err.data && err.data.code === 1001 && err.data.data) {
+          this.dataList = err.data.data
+        }
         this.listLoading = false
       })
     },
@@ -179,7 +195,11 @@ export default {
             this.dialogFormVisible = false
             this.getList()
           }).catch((err) => {
-            console.log('err: ', err)
+            if (err && err.data && err.data.code === 1001 && err.data.data) {
+              this.dialogStatus = ''
+              this.dialogFormVisible = false
+              this.getList()
+            }
           })
         }
       })
@@ -208,17 +228,25 @@ export default {
       const data = {
         id: row.id
       }
-      deleteDealRecord(data).then(() => {
+      deleteDealRecord(data).then((res) => {
         this.$notify.success({
           title: '成功',
           message: '删除成功'
         })
-        location.reload()
-      }).catch(response => {
+        this.getList()
+      }).catch(err => {
+        if (err && err.data && err.data.code === 1001) {
+          this.$notify.success({
+            title: '成功',
+            message: '删除成功！'
+          })
+          this.getList()
+        } else {
           this.$notify.error({
             title: '失败',
-          message: response.data.errmsg
+            message: err.data.errmsg
           })
+        }
       })
     }
   }