diff --git a/src/pages/discount-coupon/issue/components/styles/template.css b/src/pages/discount-coupon/issue/components/styles/template.css new file mode 100644 index 0000000..05d4dcf --- /dev/null +++ b/src/pages/discount-coupon/issue/components/styles/template.css @@ -0,0 +1,78 @@ +.container { + height: 75vh; + /* background-color: #409eff; */ + overflow-y: auto; +} +.container .box { + /* display: flex; + align-items: center; + justify-content: center; */ + padding: 0 50px; + margin-bottom: 50px; + text-align: center; +} +.container .box .box-item { + /* text-align: center; */ + /* margin-right: 80px; */ + display: inline-block; + color: #666666; + margin: 0 auto; +} +.container .box .box-item > .item { + width: 300px; + height: 500px; + border: 3px solid #dddddd; + /* margin-bottom: 30px; */ + padding: 13px; + background-color: #f8f8f8; +} +.container .box .box-item > .item .image { + height: 250px; + border-radius: 15px; + overflow-y: auto; +} +.container .box .box-item > .item .btn { + display: flex; + align-items: center; + justify-content: space-between; + padding: 0 10px; + margin-top: 15px; +} +.container .box .box-item > .item .btn > .item { + width: 114px; + height: 35px; + line-height: 35px; + background-color: #fa3534; + color: #fff; + border-radius: 5px; + text-align: center; + font-size: 15px; +} +.container .box .box-item > .item .tips { + text-align: left; + margin-top: 20px; +} +.container .box .box-item > .item .tips .tips_title { + font-size: 15px; + color: red; + font-weight: bold; + padding-left: 5px; + border-left: 2.5px solid #fc9c24; + margin-bottom: 10px; +} +.container .box .box-item > .item .tips .tips_msg .tips_msg_item { + color: #000; + line-height: 18px; + display: flex; +} +.container .box .box-item > .item .tips .tips_msg .tips_msg_item .bot { + width: 25px; + padding-top: 6px; +} +.container .box .box-item > .item .tips .tips_msg .tips_msg_item .bot > div { + width: 8px; + height: 8px; + border-radius: 50%; + background-color: #fc9c24; + line-height: 18px; +} diff --git a/src/pages/discount-coupon/issue/components/template.vue b/src/pages/discount-coupon/issue/components/template.vue index 85cf65c..0d643d5 100644 --- a/src/pages/discount-coupon/issue/components/template.vue +++ b/src/pages/discount-coupon/issue/components/template.vue @@ -5,35 +5,34 @@
-
+
- +
领取
分享
+
+
风险提示
+
+
+
+
+
+
请先点击领取优惠券后再分享,否则分享出去的优惠券领取人消费后的分润不属于您!
+
+
+
- -
- 上一步 + 上一步 提交
@@ -46,18 +45,17 @@ import Bus from "../../../bus"; export default { data() { return { - choose: 0, + imageUrl: '', form: {} } }, methods: { // 切换步骤时传过来的数据 handleData(form) { + console.log('form', form); + this.imageUrl = form.imageUrl this.form = Object.assign({}, form); }, - handleChoose(num) { - this.choose = num - }, // 上一步 handleLast() { this.$emit('next', 1, this.form) @@ -114,54 +112,5 @@ export default { } diff --git a/src/pages/discount-coupon/issue/index.vue b/src/pages/discount-coupon/issue/index.vue index 2fc5a4f..d2f91d9 100644 --- a/src/pages/discount-coupon/issue/index.vue +++ b/src/pages/discount-coupon/issue/index.vue @@ -33,6 +33,7 @@ export default { }, created() { if (this.$route.params.id) { + this.active = 1 this.$nextTick(function () { this.$refs.edit.handleData(this.$route.params) }); @@ -49,10 +50,12 @@ export default { watch: { $route(to, from) { if (to.fullPath == '/couponIssue' && to.params.id) { + this.active = 1 this.$nextTick(function () { this.$refs.edit.handleData(to.params) }); - } else { + } else if (to.fullPath == '/couponIssue') { + this.active = 1 this.$nextTick(function () { this.$refs.edit.handleData({ couponNumber: 1, diff --git a/src/pages/discount-coupon/management/components/pay.vue b/src/pages/discount-coupon/management/components/pay.vue index 8befe07..83f7f3d 100644 --- a/src/pages/discount-coupon/management/components/pay.vue +++ b/src/pages/discount-coupon/management/components/pay.vue @@ -37,7 +37,8 @@ export default { methods: { // ============================ 弹窗 ============================ // // 显示弹窗 - show() { + show(row) { + this.form = Object.assign({}, row); this.dialogFormVisible = true }, // 关闭弹窗 diff --git a/src/pages/discount-coupon/management/index.vue b/src/pages/discount-coupon/management/index.vue index 1584526..73eda52 100644 --- a/src/pages/discount-coupon/management/index.vue +++ b/src/pages/discount-coupon/management/index.vue @@ -76,12 +76,12 @@ - +