|
@@ -1,22 +1,110 @@
|
|
|
<template>
|
|
|
<div id="index">
|
|
|
<el-row>
|
|
|
- <el-col :span="24" class="main animate__animated animate__backInRight"> test </el-col>
|
|
|
+ <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">
|
|
|
+ <template #options="{ item }">
|
|
|
+ <template v-if="item.prop == 'status_name'">
|
|
|
+ <el-option v-for="item in statusList" :key="item.label" :label="item.label" :value="item.label"></el-option>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ </data-table>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
</el-row>
|
|
|
+ <e-dialog :dialog="dialog" @toClose="toClose">
|
|
|
+ <template slot="info">
|
|
|
+ <info-1 :form="form"></info-1>
|
|
|
+ </template>
|
|
|
+ </e-dialog>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+const { buy_status } = require('@common/src/layout/deploy/dict');
|
|
|
import { mapState, createNamespacedHelpers } from 'vuex';
|
|
|
+const moment = require('moment');
|
|
|
export default {
|
|
|
name: 'index',
|
|
|
props: {},
|
|
|
- components: {},
|
|
|
+ components: {
|
|
|
+ info1: () => import('./parts/info-1.vue'),
|
|
|
+ },
|
|
|
data: function () {
|
|
|
- return {};
|
|
|
+ return {
|
|
|
+ // 数据项
|
|
|
+ fields: [
|
|
|
+ { label: '订单号', prop: 'order_num', filter: true },
|
|
|
+ { label: '收货人', prop: 'receive_user_name', filter: true },
|
|
|
+ { label: '收货电话', prop: 'receive_user_phone', filter: true },
|
|
|
+ { label: '收货地址', prop: 'receive_address', filter: true },
|
|
|
+ { label: '货物状态', prop: 'status_name', filter: 'select' },
|
|
|
+ ],
|
|
|
+ //操作项
|
|
|
+ opera: [
|
|
|
+ { label: '详细信息', method: 'view' },
|
|
|
+ { label: '订单确认', method: 'check', type: 'success', confirm: true, display: (i) => i.status == '0' },
|
|
|
+ { label: '订单确认签收', method: 'sign', type: 'success', confirm: true, display: (i) => i.status == '2' },
|
|
|
+ ],
|
|
|
+ //表格数据
|
|
|
+ list: [
|
|
|
+ {
|
|
|
+ order_num: 'Ygj4757945hdFueu',
|
|
|
+ receive_user_name: '胡英俊',
|
|
|
+ mech_name: '翻斗幼儿园-小豆班',
|
|
|
+ status_name: '待供货单位确认',
|
|
|
+ status: '0',
|
|
|
+ user_name: '采购人员',
|
|
|
+ user_phone: '12345678901',
|
|
|
+ money: '3344',
|
|
|
+ receive_user_phone: '98765432109',
|
|
|
+ receive_address: '翻斗大街翻斗花园2号楼1001室',
|
|
|
+ order: [],
|
|
|
+ },
|
|
|
+ {
|
|
|
+ order_num: 'Hgj4757945hdFueu',
|
|
|
+ receive_user_name: '胡图图',
|
|
|
+ mech_name: '翻斗幼儿园-小豆班',
|
|
|
+ status_name: '待供货单位确认',
|
|
|
+ status: '1',
|
|
|
+ user_name: '采购人员',
|
|
|
+ user_phone: '12345678901',
|
|
|
+ money: '3344',
|
|
|
+ receive_user_phone: '98765432109',
|
|
|
+ receive_address: '翻斗大街翻斗花园2号楼1001室',
|
|
|
+ order: [
|
|
|
+ { name: '小洋人', num: '123', money: '3000' },
|
|
|
+ { name: '娃哈哈', num: '123', money: '344' },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ // 列表数据总数
|
|
|
+ total: 0,
|
|
|
+ //弹框
|
|
|
+ dialog: { title: '详细信息', show: false, type: '1' },
|
|
|
+ form: { order: [] },
|
|
|
+ statusList: buy_status,
|
|
|
+ };
|
|
|
+ },
|
|
|
+ async created() {
|
|
|
+ await this.search();
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ //查询数据
|
|
|
+ async search() {},
|
|
|
+ //详细信息
|
|
|
+ async toView({ data }) {
|
|
|
+ this.$set(this, `form`, data);
|
|
|
+ this.dialog = { title: '详细信息', show: true, type: '1', widths: '40%' };
|
|
|
+ },
|
|
|
+ //关闭
|
|
|
+ toClose() {
|
|
|
+ this.form = { order: [] };
|
|
|
+ this.dialog = { title: '详细信息', show: false, type: '1' };
|
|
|
+ this.search();
|
|
|
+ },
|
|
|
},
|
|
|
- created() {},
|
|
|
- methods: {},
|
|
|
computed: {
|
|
|
...mapState(['user']),
|
|
|
},
|
|
@@ -33,4 +121,8 @@ export default {
|
|
|
};
|
|
|
</script>
|
|
|
|
|
|
-<style lang="less" scoped></style>
|
|
|
+<style lang="less" scoped>
|
|
|
+/deep/.el-dialog__body {
|
|
|
+ min-height: 400px;
|
|
|
+}
|
|
|
+</style>
|