forked from beauty-erp
zq-erp/src/main/resources/templates/views/admin/activity/activity-sign.html
@@ -56,13 +56,12 @@ } .imageTwo { display: block; height: 50px; height: 280px; padding: 5px 5px; text-align: center; } .imageThree { display: block; height: 50px; padding: 5px 5px; text-align: center; } @@ -81,14 +80,16 @@ <el-container> <el-aside width="30%"> <el-card class="box-card" :body-style="{ padding: '10px 10px'}"> <div @click="uploadImg()" class="imageOne"> <!--<div @click="uploadImg()" class="imageOne"> <img v-if="imageUrlTitle" :src="imageUrlTitle" style="width: 100%;"> <el-button type="primary" v-show="imageUrlTitle == ''" round><span style="font-size: 20px;">标题</span><span style="padding:5px;font-size: 15px;color: red;">(上传图片)</span></span></el-button> </div> <div @click="uploadImg()" class="imageTwo" > <img v-if="imageUrlHead" :src="imageUrlHead" style="width: 100%;"> <el-button type="primary" v-show="imageUrlHead == ''" round><span style="font-size: 20px;">头部</span><span style="padding:5px;font-size: 15px;color: red;">(上传图片)</span></span></el-button> </div> </div>--> <el-row> <div @click="uploadImg()" class="imageTwo" > <img v-if="imageUrlHead" :src="imageUrlHead" style="width: 100%;height: 100%"> <el-button type="primary" v-show="imageUrlHead == ''" round><span style="font-size: 20px;">头部</span><span style="padding:5px;font-size: 15px;color: red;">(上传图片)</span></span></el-button> </div> </el-row> <el-row style="display:flex;"> <el-col> <div style="padding:5px;font-size: 15px;text-align: left;"><span>您已累计签到<span style="color: red;">3</span>天</span></div> @@ -97,16 +98,24 @@ <div style="padding:5px;font-size: 15px;text-align: right;"><span>签到提醒</span></div> </el-col> </el-row> <el-row> <div @click="uploadImg()"> <el-calendar :range="['2019-03-04', '2019-03-24']"></el-calendar> <img v-if="imageUrlState" :src="imageUrlState" style="width: 100%;"> <el-button type="primary" v-show="imageUrlState == ''" round><span style="font-size: 20px;">日历签到背景</span><span style="padding:5px;font-size: 15px;color: red;">(上传图片)</span></span></el-button> <!--<el-button type="primary" v-show="imageUrlState == ''" round><span style="font-size: 20px;">日历签到背景</span><span style="padding:5px;font-size: 15px;color: red;">(上传图片)</span></span></el-button>--> </div> </el-row> <el-row> <div @click="uploadImg()" class="imageThree" > <el-button type="primary" v-show="imageUrlButton == ''" round><span style="font-size: 20px;">签到按钮</span><span style="padding:5px;font-size: 15px;color: red;">(上传图片)</span></span></el-button> <img v-if="imageUrlButton" :src="imageUrlButton" style="width: 100%;"> </div> </el-row> <el-row> <div style="text-align: center;padding: 5px;" @click="gzsmSet()"> <div class="col-sm-8 col-sm-offset-2" style="text-align: left;"> <span style="padding:5px;font-size: 30px;">-- 规则说明--</span> @@ -124,6 +133,7 @@ <span style="padding:5px;font-size: 15px;">3、每7天重新开始计算</span> </div> </div> </el-row> </el-card> </el-aside> @@ -304,7 +314,7 @@ </el-form-item> </el-col> <el-col> <el-button type="primary" @click="chooseCoupon(item.content.couponName)"> <el-button type="primary" @click="chooseCoupon(item.content.couponName,item.name)"> 选择优惠券 </el-button> </el-col> @@ -383,7 +393,7 @@ </el-form-item> </el-col> <el-col> <el-button type="primary" @click="chooseGoods(item.content.goodsName)"> <el-button type="primary" @click="chooseGoods(item.content.goodsName,item.name)"> 选择品项 </el-button> </el-col> @@ -462,7 +472,7 @@ </el-tab-pane> <el-tab-pane label="背景图片上传" name="third"> <div class="col-sm-8 col-sm-offset-1" style="padding: 10px"> <!--<div class="col-sm-8 col-sm-offset-1" style="padding: 10px"> <el-form-item label="标题"> <el-upload action="/admin/multipleUploadFile/doUpload" @@ -471,7 +481,7 @@ <img v-if="imageUrlTitle" :src="imageUrlTitle" style="max-width: 300px;"> </el-upload> </el-form-item> </div> </div>--> <div class="col-sm-8 col-sm-offset-1" style="padding: 10px"> <el-form-item label="头部"> <el-upload @@ -482,7 +492,7 @@ </el-upload> </el-form-item> </div> <div class="col-sm-8 col-sm-offset-1" style="padding: 10px"> <!--<div class="col-sm-8 col-sm-offset-1" style="padding: 10px"> <el-form-item label="日历签到背景"> <el-upload action="/admin/multipleUploadFile/doUpload" @@ -491,7 +501,7 @@ <img v-if="imageUrlState" :src="imageUrlState" style="max-width: 300px;"> </el-upload> </el-form-item> </div> </div>--> <div class="col-sm-8 col-sm-offset-1" style="padding: 10px"> <el-form-item label="签到按钮"> <el-upload @@ -578,6 +588,8 @@ data: { activeName: 'first', formLabelWidth: '120px', activeClickTab:0, //优惠券搜索弹出 drawerCoupon: false, directionCoupon: 'rtl', @@ -614,8 +626,8 @@ //标题图片 imageUrlTitle: '', imageUrlHead: '', imageUrlButton: '', imageUrlHead: "../../../images/sign/signHead.png", imageUrlButton: "../../../images/sign/signButton.png", imageUrlState: '', //字体颜色 @@ -664,9 +676,10 @@ }, methods: { //选择优惠券 chooseCoupon(val){ chooseCoupon(val,name){ let _this = this; _this.drawerCoupon = true; _this.activeClickTab = parseInt(name); _this.formCoupon.yhjmc = val; _this.loadCouponList(); }, @@ -717,15 +730,16 @@ //选择 chooseOneCoupon(row) { let _this = this; _this.editableTabs[_this.tabIndex-1].content.couponId = row.id; _this.editableTabs[_this.tabIndex-1].content.couponName = row.cname; _this.editableTabs[_this.activeClickTab-1].content.couponId = row.id; _this.editableTabs[_this.activeClickTab-1].content.couponName = row.cname; _this.drawerCoupon = false; }, //选择品项 chooseGoods(val){ chooseGoods(val,name){ let _this = this; _this.drawerGoods = true; _this.activeClickTab = parseInt(name); _this.formGoods.cpmc = val; _this.loadGoodsList(); }, @@ -774,9 +788,9 @@ //选择 chooseOneGoods(row) { let _this = this; _this.editableTabs[_this.tabIndex-1].content.goodsId = row.id; _this.editableTabs[_this.tabIndex-1].content.goodsName = row.name; _this.drawerCoupon = false; _this.editableTabs[_this.activeClickTab-1].content.goodsId = row.id; _this.editableTabs[_this.activeClickTab-1].content.goodsName = row.name; _this.drawerGoods = false; }, //保存 @@ -818,8 +832,14 @@ let activitySignAwardSets = []; for (let i = 0; i < _this.editableTabs.length; i++) { let prize = _this.editableTabs[i].content; let name = _this.editableTabs[i].title; let awardRule = 2; if(name == "签到日常奖励"){ awardRule = 1; } let activitySignAwardSet = { cumulativeDay: prize.cumulativeDay, awardRule: awardRule, awardType: prize.awardType, awardName: prize.awardName, introduceImg: prize.introduceImg, @@ -857,6 +877,7 @@ message: data.info, type: 'success', }); parent.layer.close(parent.layer.getFrameIndex(window.name)); } }); }, @@ -928,12 +949,12 @@ }, //奖品设置的图片介绍 introduceImgSuccess(res, file) { this.editableTabs[this.tabIndex-1].content.introduceImg = res.path; this.editableTabs[this.activeClickTab-1].content.introduceImg = res.path; // this.prize.introduceImg = URL.createObjectURL(file.raw); }, //奖品设置的客服微信 wechatImgSuccess(res, file) { this.editableTabs[this.tabIndex-1].content.wechatImg = res.path; this.editableTabs[this.activeClickTab-1].content.wechatImg = res.path; }, cancelSubmit() { this.closeFrame();
