menjin
/
renli-pc
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

差微信扫码关注公众号

Browse Source
master
Sigo 4 years ago
parent 724d82f533
commit 9cd1f217aa
7 changed files with 109 additions and 75 deletions
Show Stats Download Patch File Download Diff File

78
src/pages/discount-coupon/issue/components/styles/template.css
Unescape Escape View File

@ -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;
}

87
src/pages/discount-coupon/issue/components/template.vue
Unescape Escape View File

@ -5,35 +5,34 @@
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
<div class="box">
<div class="box-item">
<div class="item choose">
<div class="item">
<div class="image">
<el-image style="width: 100%;border-radius: 15px;" src="https://ts1.cn.mm.bing.net/th/id/R-C.787ddc53f1e0e63069414ad9b92c6f46?rik=xhhOWcsZt8PKpQ&riu=http%3a%2f%2fpic.sc.chinaz.com%2ffiles%2fpic%2fpic9%2f201910%2fzzpic20432.jpg&ehk=FoOO5jHvDTus6T3RQ2zKGr%2bDgi%2fV4oGu1ERv6Nd9ce8%3d&risl=&pid=ImgRaw&r=0"></el-image>
<el-image style="width: 100%;border-radius: 15px;" :src="imageUrl"></el-image>
</div>
<div class="btn">
<div class="item">领取</div>
<div class="item">分享</div>
</div>
<div class="tips">
<div class="tips_title">风险提示</div>
<div class="tips_msg">
<div class="tips_msg_item">
<div class="bot">
<div></div>
</div>
<div class="tips_msg_item_content">请先点击领取优惠券后再分享，否则分享出去的优惠券领取人消费后的分润不属于您！</div>
</div>
</div>
</div>
</div>
</div>
<!-- <div class="box-item">
<div class="item" :class="choose == 1 ? 'choose' : ''" @click="handleChoose(1)"></div>
<div :class="choose == 1 ? 'choose' : ''">模板一</div>
</div> -->
<!-- <div class="box-item">
<div class="item" :class="choose == 2 ? 'choose' : ''" @click="handleChoose(2)"></div>
<div :class="choose == 2 ? 'choose' : ''">模板二</div>
</div>
<div class="box-item">
<div class="item" :class="choose == 3 ? 'choose' : ''" @click="handleChoose(3)"></div>
<div :class="choose == 3 ? 'choose' : ''">模板三</div>
</div> -->
</div>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
<div class="box">
<el-button type="warning" @click="handleLast" size="medium">上一步</el-button>
<el-button type="warning" @click="handleLast" size="medium" style="margin-right:30px">上一步</el-button>
<el-button type="primary" @click="handleSubmit" size="medium">提交</el-button>
</div>
</el-col>
@ -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 {
}
</script>
<style scoped>
.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;
}
.container .box .box-item {
text-align: center;
margin-right: 80px;
font-weight: bold;
font-size: 16px;
color: #666666;
}
.container .box .box-item:last-child {
margin-right: 0px;
}
.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;
}
.container .box .box-item > .item .btn > .item {
width: 114px;
height: 35px;
background-color: #fa3534;
color: #fff;
}
.container .box .box-item .choose {
color: #5470c6;
border-color: #5470c6;
}
@import "./styles/template.css";
</style>

5
src/pages/discount-coupon/issue/index.vue
Unescape Escape View File

@ -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,

3
src/pages/discount-coupon/management/components/pay.vue
Unescape Escape View File

@ -37,7 +37,8 @@ export default {
methods: {
// ============================ 弹窗 ============================ //
// 显示弹窗
show() {
show(row) {
this.form = Object.assign({}, row);
this.dialogFormVisible = true
},
// 关闭弹窗

7
src/pages/discount-coupon/management/index.vue
Unescape Escape View File

@ -76,12 +76,12 @@
<el-table-column show-overflow-tooltip align="center" min-width="100" prop="fixedAmount" label="固定提成(元)"></el-table-column>
<el-table-column show-overflow-tooltip align="center" min-width="120" prop="orderCommission" label="单据金额抽成(%)"></el-table-column>
<el-table-column show-overflow-tooltip align="center" min-width="120" prop="guaranteeMoney" label="保证金" sortable></el-table-column>
<!-- <el-table-column show-overflow-tooltip align="center" min-width="80" prop="imageUrl" label="活动图片">
<el-table-column show-overflow-tooltip align="center" min-width="80" prop="imageUrl" label="活动图片">
<template #default="{row}">
<el-image v-if="row.fileLists" style="width: 30px; height: 30px" :src="imgPath+row.fileLists[0].filePath+'/'+row.fileLists[0].fileName" :preview-src-list="[imgPath+row.fileLists[0].filePath+'/'+row.fileLists[0].fileName]">
<el-image style="width: 30px; height: 30px" :src="imgPath+row.fileLists[0].filePath+'/'+row.fileLists[0].fileName" :preview-src-list="[imgPath+row.fileLists[0].filePath+'/'+row.fileLists[0].fileName]">
</el-image>
</template>
</el-table-column> -->
</el-table-column>
<el-table-column align="center" min-width="520" label="操作">
<template #default="{ row, $index }">
<el-button type="primary" size="mini" :disabled="row.state!==0&&row.state!=2&&row.state!=4" @click="handleEdit(row)">编辑</el-button>
@ -168,6 +168,7 @@ export default {
this.listLoading = false;
if (code == "000000") {
this.list = Array.from(pageInfo.list);
this.total = pageInfo.total;
this.queryForm.pageNum = pageInfo.pageNum;
this.queryForm.pageSize = pageInfo.pageSize;
}

1
src/pages/discount-coupon/record/index.vue
Unescape Escape View File

@ -170,6 +170,7 @@ export default {
this.listLoading = false;
if (code == "000000") {
this.list = Array.from(pageInfo.list);
this.total = pageInfo.total;
this.queryForm.pageNum = pageInfo.pageNum;
this.queryForm.pageSize = pageInfo.pageSize;
}

3
src/utils/partten/partten.js
Unescape Escape View File

@ -7,7 +7,8 @@ export const email = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
export const http = "http://14.18.154.50:5757/img";
export const https = "http://14.18.154.50:5757/img";
export const imagePath = "https://139.9.185.131:8093/img"
// export const imagePath = "https://139.9.185.131:8093/img"
export const imagePath = "https://www.decaisoft.com/img"
var month = "";
if (new Date().getMonth() + 1 < 10) {

Write Preview
Loading…
Cancel
Save