差微信扫码关注公众号

master
Sigo 4 years ago
parent 724d82f533
commit 9cd1f217aa

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

@ -5,35 +5,34 @@
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24"> <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
<div class="box"> <div class="box">
<div class="box-item"> <div class="box-item">
<div class="item choose"> <div class="item">
<div class="image"> <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>
<div class="btn"> <div class="btn">
<div class="item">领取</div> <div class="item">领取</div>
<div class="item">分享</div> <div class="item">分享</div>
</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> </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> </div>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24"> <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
<div class="box"> <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> <el-button type="primary" @click="handleSubmit" size="medium">提交</el-button>
</div> </div>
</el-col> </el-col>
@ -46,18 +45,17 @@ import Bus from "../../../bus";
export default { export default {
data() { data() {
return { return {
choose: 0, imageUrl: '',
form: {} form: {}
} }
}, },
methods: { methods: {
// //
handleData(form) { handleData(form) {
console.log('form', form);
this.imageUrl = form.imageUrl
this.form = Object.assign({}, form); this.form = Object.assign({}, form);
}, },
handleChoose(num) {
this.choose = num
},
// //
handleLast() { handleLast() {
this.$emit('next', 1, this.form) this.$emit('next', 1, this.form)
@ -114,54 +112,5 @@ export default {
} }
</script> </script>
<style scoped> <style scoped>
.container { @import "./styles/template.css";
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;
}
</style> </style>

@ -33,6 +33,7 @@ export default {
}, },
created() { created() {
if (this.$route.params.id) { if (this.$route.params.id) {
this.active = 1
this.$nextTick(function () { this.$nextTick(function () {
this.$refs.edit.handleData(this.$route.params) this.$refs.edit.handleData(this.$route.params)
}); });
@ -49,10 +50,12 @@ export default {
watch: { watch: {
$route(to, from) { $route(to, from) {
if (to.fullPath == '/couponIssue' && to.params.id) { if (to.fullPath == '/couponIssue' && to.params.id) {
this.active = 1
this.$nextTick(function () { this.$nextTick(function () {
this.$refs.edit.handleData(to.params) this.$refs.edit.handleData(to.params)
}); });
} else { } else if (to.fullPath == '/couponIssue') {
this.active = 1
this.$nextTick(function () { this.$nextTick(function () {
this.$refs.edit.handleData({ this.$refs.edit.handleData({
couponNumber: 1, couponNumber: 1,

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

@ -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="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="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="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}"> <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> </el-image>
</template> </template>
</el-table-column> --> </el-table-column>
<el-table-column align="center" min-width="520" label="操作"> <el-table-column align="center" min-width="520" label="操作">
<template #default="{ row, $index }"> <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> <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; this.listLoading = false;
if (code == "000000") { if (code == "000000") {
this.list = Array.from(pageInfo.list); this.list = Array.from(pageInfo.list);
this.total = pageInfo.total;
this.queryForm.pageNum = pageInfo.pageNum; this.queryForm.pageNum = pageInfo.pageNum;
this.queryForm.pageSize = pageInfo.pageSize; this.queryForm.pageSize = pageInfo.pageSize;
} }

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

@ -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 http = "http://14.18.154.50:5757/img";
export const https = "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 = ""; var month = "";
if (new Date().getMonth() + 1 < 10) { if (new Date().getMonth() + 1 < 10) {

Loading…
Cancel
Save