功能條整

web/admin/order/pre_order.vue

@@ -14,11 +14,13 @@
                       :page.sync="data_table.page"
                       :items-per-page.sync="data_table.pageSize"
                       class="elevation-1">
-
+            <template #item.reg_time="{ item }">
+                {{ item.reg_time|timeString('YYYY/MM/DD') }}
+            </template>
             <template #item.slot_btn="{ item }">
                 <a @click.prevent="openReceipt(item)" class="btn btn-outline-secondary btn-sm"><i class="mdi mdi-receipt-text"></i>開立收據</a>
                 <!--<a :href="'reg.aspx?order_no='+item.order_no" class="btn btn-outline-secondary btn-sm"><i class="mdi mdi-pencil-box-outline"></i>編輯</a>
-            <a @click="deleteItem(item)" class="btn btn-outline-secondary btn-sm"><i class="mdi mdi-trash-can"></i>刪除</a>-->
+        <a @click="deleteItem(item)" class="btn btn-outline-secondary btn-sm"><i class="mdi mdi-trash-can"></i>刪除</a>-->
             </template>
         </v-data-table>
         <v-container>
@@ -67,13 +69,18 @@
 </template>
 
 <script>
+    Vue.filter('timeString', function (value, myFormat) {
+        return value == null || value == "" ? "" : moment(value).format(myFormat || 'YYYY-MM-DD, HH:mm:ss');
+    });
     module.exports = {
         props: {
             formData: {},
             search: {
 
             },
-
+            reload: {
+                type: Number
+            }
         },
         name:"ParentComponent",
         components: {
@@ -105,7 +112,7 @@
                         { text: '功德項目數量', value: 'item_count' },
                         { text: '總金額', value: 'total_amt' },
                         { text: '收據金額', value: 'receipt_amt' },
-                        { text: '登錄人員', value: 'admin_num' },
+                        { text: '登錄人員', value: 'admin_name' },
                         { text: '登錄時間', value: 'reg_time' },
                         { text: '', value: 'slot_btn', sortable: false, align: 'end' }
                     ],
@@ -168,7 +175,18 @@
             }
         },
         watch: {
-
+            options: {
+                handler() {
+                    this.loadData()
+                },
+                deep: true,
+            },
+            reload: {
+                handler() {
+                    this.loadData()
+                },
+                deep: true,
+            }
         },
         computed: {
             pageCount() {