From 61a071d168dff8b5da2bc82fb273de93a999ddb2 Mon Sep 17 00:00:00 2001 From: Helius <wangdoubleone@gmail.com> Date: Wed, 06 Jan 2021 18:07:29 +0800 Subject: [PATCH] modify --- zq-erp/src/main/resources/templates/views/admin/hive/beautySalon/order-form.html | 73 +++++++++++++++++++++++++----------- 1 files changed, 50 insertions(+), 23 deletions(-) diff --git a/zq-erp/src/main/resources/templates/views/admin/hive/beautySalon/order-form.html b/zq-erp/src/main/resources/templates/views/admin/hive/beautySalon/order-form.html index 69e9692..32fa43e 100644 --- a/zq-erp/src/main/resources/templates/views/admin/hive/beautySalon/order-form.html +++ b/zq-erp/src/main/resources/templates/views/admin/hive/beautySalon/order-form.html @@ -87,8 +87,31 @@ list-style:none; float: left; display: block; - border: #0e9aef 1px solid; + cursor: pointer; + position: relative; + border: white 1px solid; } + .paymethod ul li:hover { + border: #409EFF 1px solid; + } + .paymethod .active { + border: #409EFF 1px solid; + } + .paymethod .active::after { + content: ''; + display: block; + height: 0px; + width: 0px; + position: absolute; + bottom: 0; + right: 0; + color:#fff; + /**对号大小*/ + font-size: 10px; + line-height: 8px; + border: 3px solid; + border-color: transparent #4884ff #4884ff transparent; + } </style> </head> <body> @@ -436,18 +459,11 @@ <el-row type="flex" align="middle" style="padding: 10px 0;"> <el-col :span="5" style="text-align: center;">收款方式</el-col> <el-col class="paymethod" :span="15"> - <ul style="border: #0c7cb5 1px dashed;"> - <li>现金支付</li> - <li>微信</li> - <li>支付宝</li> - <li>银行卡支付</li> - <li>团购</li> - </ul> - - <ul> - <li>会员储值卡</li> - <li>欠款</li> - </ul> + <el-row> + <ul> + <li v-for="(item, index) in payMethods" :class="{active : item.isActive}">{{item.value}}</li> + </ul> + </el-row> </el-col> </el-row> @@ -468,6 +484,14 @@ <el-col :span="8"><el-input></el-input></el-col> </el-row> </el-col> + </el-row> + + <el-row style="text-align: center; margin: 20px 0 10px 0"> + <el-checkbox>打印小票</el-checkbox> + </el-row> + + <el-row style="text-align: center; margin: 10px 0 0 0"> + <el-button type="primary">确认收款</el-button> </el-row> </el-dialog> @@ -515,24 +539,27 @@ currentVipInfo: {}, vipLoading: false, payMethods: [{ - value: '现金', - label: '现金' + value: '现金支付', + isActive: false }, { value: '微信', - label: '微信' + isActive: false }, { value: '支付宝', - label: '支付宝' + isActive: false }, { value: '银行卡', - label: '银行卡' + isActive: false }, { - value: '美团', - label: '美团' + value: '团购', + isActive: false }, { value: '会员卡', - label: '会员卡', - disabled: true, + isActive: false, + type: 1 + }, { + value: '欠款', + isActive: false },], achieveList: [], //会员可用的充值卡 @@ -1044,7 +1071,7 @@ callback: function (data) { _this.currentVipInfo = data.rows[0]; _this.order.vipId = _this.currentVipInfo.id; - _this.getVipMoneyCards(); + // _this.getVipMoneyCards(); } }); -- Gitblit v1.9.1