|
|
@@ -3,7 +3,7 @@
|
|
|
<el-row>
|
|
|
<el-col :span="24" class="main animate__animated animate__backInRight">
|
|
|
<el-col :span="24" class="one">
|
|
|
- <data-table @query="search" :fields="fields" :opera="opera" :data="list" :total="total" @view="toView" @receive="torEceive" @edit="toEdit">
|
|
|
+ <data-table @query="search" :fields="fields" :opera="opera" :data="list" :total="total" @view="toView" @receive="torEceive">
|
|
|
<template #selfbtn>
|
|
|
<el-button type="primary" size="mini" @click="toAdd()">添加信息</el-button>
|
|
|
</template>
|
|
|
@@ -22,7 +22,6 @@
|
|
|
|
|
|
<script>
|
|
|
import { mapState, createNamespacedHelpers } from 'vuex';
|
|
|
-const moment = require('moment');
|
|
|
export default {
|
|
|
name: 'index',
|
|
|
props: {},
|
|
|
@@ -34,15 +33,15 @@ export default {
|
|
|
return {
|
|
|
// 数据项
|
|
|
fields: [
|
|
|
+ { label: '联系人', prop: 'user_name', filter: true },
|
|
|
{ label: '联系电话', prop: 'user_phone', filter: true },
|
|
|
- { label: '审核时间', prop: 'examine_date', filter: true },
|
|
|
- { label: '审核状态', prop: 'status_name', filter: true },
|
|
|
+ { label: '审核时间', prop: 'examine_date' },
|
|
|
+ { label: '审核状态', prop: 'status_name' },
|
|
|
],
|
|
|
//操作项
|
|
|
opera: [
|
|
|
- { label: '详细信息', method: 'view' },
|
|
|
- { label: '领取确定', method: 'receive', type: 'success', confirm: true },
|
|
|
- { label: '修改信息', method: 'edit' },
|
|
|
+ { label: '详情', method: 'view' },
|
|
|
+ { label: '领取确定', method: 'receive', type: 'success', confirm: true, display: (i) => i.status == '2' },
|
|
|
],
|
|
|
//表格数据
|
|
|
list: [
|
|
|
@@ -55,6 +54,18 @@ export default {
|
|
|
status_name: '待审',
|
|
|
examine_desc: '我想不同意，但我还是同意了',
|
|
|
order: [{ name: '小洋人', num: '121', desc: '别卖太便宜了，赔钱' }],
|
|
|
+ status: '1',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ id: '123',
|
|
|
+ user_name: '法外狂徒张三',
|
|
|
+ user_phone: '12345678901',
|
|
|
+ examine_name: '李四',
|
|
|
+ examine_date: '2022-5-18',
|
|
|
+ status_name: '待审',
|
|
|
+ examine_desc: '我想不同意，但我还是同意了',
|
|
|
+ order: [{ name: '小洋人', num: '121', desc: '别卖太便宜了，赔钱' }],
|
|
|
+ status: '2',
|
|
|
},
|
|
|
],
|
|
|
// 列表数据总数
|
|
|
@@ -69,7 +80,7 @@ export default {
|
|
|
},
|
|
|
methods: {
|
|
|
//查询数据
|
|
|
- async search() {},
|
|
|
+ async search({ skip = 0, limit = 10, ...info } = {}) {},
|
|
|
//详细信息
|
|
|
async toView({ data }) {
|
|
|
this.$set(this, `form`, data);
|
|
|
@@ -77,34 +88,13 @@ export default {
|
|
|
},
|
|
|
//领取确定
|
|
|
async torEceive({ data }) {
|
|
|
- this.$confirm('您是否确认领取?', {
|
|
|
- confirmButtonText: '确定',
|
|
|
- cancelButtonText: '取消',
|
|
|
- type: 'warning',
|
|
|
- })
|
|
|
- .then(() => {
|
|
|
- this.$message({
|
|
|
- type: 'success',
|
|
|
- message: '删除成功!',
|
|
|
- });
|
|
|
- })
|
|
|
- .catch(() => {
|
|
|
- this.$message({
|
|
|
- type: 'info',
|
|
|
- message: '已取消删除',
|
|
|
- });
|
|
|
- });
|
|
|
+ console.log(data);
|
|
|
},
|
|
|
// 添加
|
|
|
toAdd() {
|
|
|
this.dialog = { title: '添加信息', show: true, type: '1', widths: '40%' };
|
|
|
},
|
|
|
- // 修改
|
|
|
- toEdit({ data }) {
|
|
|
- this.$set(this, `form`, data);
|
|
|
- this.dialog = { title: '修改信息', show: true, type: '1', widths: '40%' };
|
|
|
- },
|
|
|
- // 提交保存，創建/修改
|
|
|
+ // 提交保存
|
|
|
async toSave({ data }) {
|
|
|
console.log(data);
|
|
|
},
|
