From 4ece659308844cbe73053d3dd2a6f777f218eb13 Mon Sep 17 00:00:00 2001
From: Helius <wangdoubleone@gmail.com>
Date: Mon, 11 Jan 2021 16:45:57 +0800
Subject: [PATCH] modify

---
 zq-erp/src/main/resources/templates/views/admin/hive/beautySalon/orderXq-form.html |  115 ++++++++++++++++++++++++++++++++-------------------------
 1 files changed, 65 insertions(+), 50 deletions(-)

diff --git a/zq-erp/src/main/resources/templates/views/admin/hive/beautySalon/orderXq-form.html b/zq-erp/src/main/resources/templates/views/admin/hive/beautySalon/orderXq-form.html
index 3e244bf..3965187 100644
--- a/zq-erp/src/main/resources/templates/views/admin/hive/beautySalon/orderXq-form.html
+++ b/zq-erp/src/main/resources/templates/views/admin/hive/beautySalon/orderXq-form.html
@@ -39,17 +39,17 @@
                         <el-col :span="7">
                             <el-avatar :size="60" :src="circleUrl"></el-avatar>
                         </el-col>
-                        <el-col :span="10" style="margin-left: 10px;">
-                            <label>于谦(vip-3)</label>
-                            <label>A00344</label>
+                        <el-col :span="15" style="margin-left: 10px;">
+                            <label>{{vipInfo.vipName}}({{vipInfo.vipLevel == null ? '' : vipInfo.vipLevel.levelName}})</label>
+                            <label>{{vipInfo.vipNo}}</label>
                         </el-col>
                     </el-row>
                     <el-row style="line-height: 20px;">
-                        <label>订单号: <span>S1234567890</span></label>
-                        <label>下单顾问: <span>娟姐</span></label>
-                        <label>消费门店: <span>星海店</span></label>
-                        <label>订单时间: <span>2020-10-10 12:12</span></label>
-                        <label>备  注: <span>这是一个好订单</span></label>
+                        <label>订单号: <span>{{order.orderNo}}</span></label>
+                        <label>下单顾问: <span>{{order.staffName}}</span></label>
+                        <label>消费门店: <span>{{order.shopShortName}}</span></label>
+                        <label>订单时间: <span>{{order.orderTime}}</span></label>
+                        <label>备  注: <span>{{order.remark}}</span></label>
                     </el-row>
                 </el-col>
             </el-row>
@@ -65,12 +65,12 @@
                             <label>退款</label>
                         </el-col>
                         <el-col :span="14" style="text-align: right;">
-                            <label>¥ 92</label>
-                            <label>¥ -12</label>
-                            <label>¥ 80</label>
-                            <label>¥ 30</label>
-                            <label>¥ 30</label>
-                            <label>¥ 20</label>
+                            <label>¥ {{order.total}}</label>
+                            <label>¥ {{order.zkTotal - order.total}}</label>
+                            <label>¥ {{order.zkTotal}}</label>
+                            <label>¥ {{order.arrears}}</label>
+                            <label>¥ {{order.repay}}</label>
+                            <label>¥ {{order.refund}}</label>
                         </el-col>
                     </el-row>
                 </el-col>
@@ -82,16 +82,10 @@
                     </el-row>
                     <el-row>
                         <el-col :span="6" style="text-align: right;">
-                            <label>微信</label>
-                            <label>支付宝</label>
-                            <label>银行卡</label>
-                            <label>欠款</label>
+                            <label v-for="(item, index) in payMethodItems">{{item.payMethod}}</label>
                         </el-col>
                         <el-col :span="14" style="text-align: right;">
-                            <label>¥ 92</label>
-                            <label>¥ 12</label>
-                            <label>¥ 80</label>
-                            <label>¥ 20</label>
+                            <label v-for="(item, index) in payMethodItems">¥ {{item.amount}}</label>
                         </el-col>
                     </el-row>
                 </el-col>
@@ -114,17 +108,17 @@
                                 width="50">
                         </el-table-column>
                         <el-table-column
-                                prop="goodsNo"
+                                prop="shoppingGoods.code"
                                 label="产品编号"
-                                width="180">
+                                width="100">
                         </el-table-column>
                         <el-table-column
-                                prop="goodsName"
+                                prop="shoppingGoods.name"
                                 label="产品名称"
-                                width="180">
+                                width="280">
                         </el-table-column>
                         <el-table-column
-                                prop="goodsType"
+                                prop="shoppingGoods.goodType"
                                 label="产品类型">
                         </el-table-column>
                         <el-table-column
@@ -139,9 +133,7 @@
                                 prop="zkPrice"
                                 label="折扣单价">
                         </el-table-column>
-                        <el-table-column
-                                prop="zkTotal"
-                                label="小计">
+                        <el-table-column  label="小计" :formatter="calOrderTotalFormatter">
                         </el-table-column>
                     </el-table>
                 </el-tab-pane>
@@ -164,23 +156,23 @@
                                 width="180">
                         </el-table-column>
                         <el-table-column
-                                prop="goodsType"
+                                prop="zkTotal"
                                 label="收款">
                         </el-table-column>
                         <el-table-column
-                                prop="price"
+                                prop="achieveType"
                                 label="业绩类型">
                         </el-table-column>
                         <el-table-column
-                                prop="count"
+                                prop="achieve"
                                 label="业绩">
                         </el-table-column>
                         <el-table-column
-                                prop="zkPrice"
+                                prop="commission"
                                 label="提成">
                         </el-table-column>
                         <el-table-column
-                                prop="zkTotal"
+                                prop="staffId"
                                 label="员工">
                         </el-table-column>
                         <el-table-column label="操作">
@@ -207,7 +199,7 @@
                         <el-table-column
                                 prop="flowContent"
                                 label="交易内容"
-                                width="180">
+                                width="300">
                         </el-table-column>
                         <el-table-column
                                 prop="flowType"
@@ -243,24 +235,59 @@
     var app = new Vue({
         el : "#app",
         data : {
+            vipInfo : "",
+            order : "",
             activeName : "first",
             circleUrl : "https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png",
             orderItems : [],
             achieveItems : [],
             flowItems : [],
+            payMethodItems : [],
 
         },
         created : function() {
+            this.vipInfo = /*[[${vipInfo}]]*/
+            this.order = /*[[${order}]]*/
+            this.orderItems = /*[[${orderItems}]]*/
+            this.payMethodItems = /*[[${payMethods}]]*/
+            this.achieveItems = /*[[${achieveList}]]*/
+            this.flowItems = this.order.flows;
+            this.order.orderTime = moment(this.order.orderTime).format("YYYY-MM-DD HH:mm");
+
+            var arrears = 0;
+            var refund = 0;
+            var repay = 0;
+            for(var i = 0; i < this.flowItems.length; i++) {
+                var item = this.flowItems[i];
+                if (item.payMethod === '欠款') {
+                    arrears += item.amount;
+                }
+
+                if (item.flowType === '还款') {
+                    repay += item.amount;
+                }
+
+                if (item.flowType === '退款') {
+                    refund += item.amount;
+                }
+            }
+            console.log(this.orderItems);
+            this.order.arrears = arrears;
+            this.order.refund = refund;
+            this.order.repay = repay;
         },
         methods : {
+            calOrderTotalFormatter(row, column) {
+                return row.count * row.price;
+            },
             printf() {
-                var id = 1;
+                var id = this.order.id;
                 layer.open({
                     type: 2,
                     title: "打印服务单",
                     area: ['250px', '550px'],
                     maxmin: true,
-                    content: [basePath + '/admin/redirect/hive/beautySalon/print-service?id=' + id]
+                    content: [basePath + '/admin/redirect/hive/beautySalon/print-order?id=' + id]
                 });
             },
             handleClick() {
@@ -272,17 +299,5 @@
         }
     });
     //]]>
-    function print() {
-        var id=$("#orderId").val();
-        layer.open({
-            type: 2,
-            title: "打印订单",
-            area: ['250px', '550px'],
-            maxmin: true,
-            content: [basePath + '/admin/redirect/hive/beautySalon/print-order?id=' + id]
-        });
-    };
-
-
 </script>
 </html>
\ No newline at end of file

--
Gitblit v1.9.1