307 lines
17 KiB
PHP
307 lines
17 KiB
PHP
<div style="align-content: center;width: 1000px;padding: 20px">
|
||
<el-form-item label="活动名称" prop="activity_name">
|
||
<el-input v-model="form.activity_name"></el-input>
|
||
<div>如奖励类型使用微信红包，活动名称不应超过16个字</div>
|
||
</el-form-item>
|
||
|
||
<el-form-item label="活动倒计时">
|
||
<div class="block">
|
||
<span class="demonstration"></span>
|
||
<el-date-picker
|
||
v-model="form.countdown_time"
|
||
value-format="timestamp"
|
||
type="datetimerange"
|
||
range-separator="至"
|
||
start-placeholder="开始日期"
|
||
end-placeholder="结束日期">
|
||
</el-date-picker>
|
||
</div>
|
||
</el-form-item>
|
||
<el-form-item label="背景颜色">
|
||
<el-radio v-model="form.is_background" :label="1">背景色</el-radio>
|
||
<el-radio v-model="form.is_background" :label="2">顶部图片</el-radio>
|
||
</el-form-item>
|
||
<el-form-item v-show="form.is_background==1" label="背景色">
|
||
<div class="block">
|
||
<span class="demonstration"></span>
|
||
<el-color-picker v-model="form.bg_color"></el-color-picker>
|
||
</div>
|
||
</el-form-item>
|
||
<el-form-item v-show="form.is_background==2" label="顶部图片" prop="thumb">
|
||
<!-- <el-input v-model="form.top_img" style="width:70%" disabled></el-input>
|
||
<el-button type="primary" @click="openUpload('top_img')">点击上传</el-button>
|
||
<div class="avatar-uploader-box">
|
||
<img v-if="form.top_img" :src="form.top_img" class="avatar" />
|
||
<div slot="tip" class="el-upload-tip">
|
||
(请上传750*365px方形图片)
|
||
</div>
|
||
<i v-show="form.top_img" class="el-icon-circle-close" @click="clearImg('top_img')" title="点击清除图片"></i>
|
||
</div> -->
|
||
<div class="upload-box" @click="openUpload('top_img')" v-if="!form.top_img">
|
||
<i class="el-icon-plus" style="font-size:32px"></i>
|
||
</div>
|
||
<div @click="openUpload('top_img')" class="upload-boxed" v-if="form.top_img">
|
||
<img :src="form.top_img" alt="" style="width:150px;height:150px;border-radius: 5px;cursor: pointer;">
|
||
<div class="upload-boxed-text">点击重新上传</div>
|
||
<i class="el-icon-close" @click.stop="clearImg('top_img')" title="点击清除图片"></i>
|
||
</div>
|
||
<div class="tip">(请上传750*365px方形图片)</div>
|
||
</el-form-item>
|
||
<el-form-item label="音频链接">
|
||
<el-input v-model="form.audio_link" placeholder=""></el-input>
|
||
</el-form-item>
|
||
<el-form-item label="商户名称">
|
||
<el-input v-model="form.send_name" placeholder=""></el-input>
|
||
</el-form-item>
|
||
<el-form-item label="红包祝福语">
|
||
<el-input v-model="form.wishing" placeholder=""></el-input>
|
||
</el-form-item>
|
||
<el-form-item label="品牌名称">
|
||
<el-input v-model="form.brand_name" placeholder=""></el-input>
|
||
</el-form-item>
|
||
<el-form-item label="品牌logo" prop="thumb">
|
||
<el-input v-model="form.brand_logo" style="width:70%" disabled></el-input>
|
||
<el-button type="primary" @click="openUpload('brand_logo')">点击上传</el-button>
|
||
<div class="avatar-uploader-box">
|
||
<img v-if="form.brand_logo" :src="form.brand_logo" class="avatar"/>
|
||
<div slot="tip" class="el-upload-tip">
|
||
|
||
</div>
|
||
<i v-show="form.brand_logo" class="el-icon-circle-close" @click="clearImg('brand_logo')" title="点击清除图片"></i>
|
||
</div>
|
||
</el-form-item>
|
||
<el-form-item label="客服二维码" prop="thumb">
|
||
<el-input v-model="form.service_qr" style="width:70%" disabled></el-input>
|
||
<el-button type="primary" @click="openUpload('service_qr')">点击上传</el-button>
|
||
<div class="avatar-uploader-box">
|
||
<img v-if="form.service_qr" :src="form.service_qr" class="avatar"/>
|
||
<div slot="tip" class="el-upload-tip">
|
||
|
||
</div>
|
||
<i v-show="form.service_qr" class="el-icon-circle-close" @click="clearImg('service_qr')" title="点击清除图片"></i>
|
||
</div>
|
||
</el-form-item>
|
||
<el-form-item label="客服电话">
|
||
<el-input v-model="form.service_mobile" placeholder=""></el-input>
|
||
</el-form-item>
|
||
<el-form-item label="口令设置">
|
||
<el-input placeholder="" type="textarea" :autosize="{ minRows: 5}" v-model="form.word"></el-input>
|
||
<div>
|
||
用|分割口令，用户参加挑战抽取口令将随机获得其中一个口令！
|
||
</div>
|
||
</el-form-item>
|
||
<el-form-item label="奖励类型" class="reawrd-type">
|
||
<el-radio v-model="form.withdraw_code" :label="1"
|
||
:disabled="form.withdraw_code_name&&form.withdraw_code_name.length>0">微信红包
|
||
</el-radio>
|
||
<el-radio v-model="form.withdraw_code" :label="2"
|
||
:disabled="form.withdraw_code_name&&form.withdraw_code_name.length>0">余额
|
||
</el-radio>
|
||
<el-radio v-model="form.withdraw_code" :label="3"
|
||
:disabled="form.withdraw_code_name&&form.withdraw_code_name.length>0">积分
|
||
</el-radio>
|
||
<el-radio v-model="form.withdraw_code" :label="4"
|
||
:disabled="form.withdraw_code_name&&form.withdraw_code_name.length>0">爱心值
|
||
</el-radio>
|
||
<div>
|
||
勾选后，前端奖励显示将显示对应的类型！不可更改！！如果使用微信红包，请确保您的微信支付商户号具备现金红包功能！
|
||
</div>
|
||
</el-form-item>
|
||
<el-form-item label="会员领取权限">
|
||
<el-radio v-model="form.is_member_receive_rule" :label="1">开启</el-radio>
|
||
<el-radio v-model="form.is_member_receive_rule" :label="0">关闭</el-radio>
|
||
</el-form-item>
|
||
<el-form-item label="会员等级权限">
|
||
<el-checkbox-group v-model="form.receive_levels" class="member-level-checkbox">
|
||
<el-checkbox :label="item.id" v-for="(item,index) in receiveLevels" :key="index">[[item.level_name]]</el-checkbox>
|
||
</el-checkbox-group>
|
||
<div class="tip-level">勾选到的等级才能领取红包</div>
|
||
</el-form-item>
|
||
<el-form-item label="奖励设置"></el-form-item>
|
||
<div class="award-set">
|
||
<el-form-item label="使用场景" style="margin-left:100px;">
|
||
<el-select v-model="form.scene_id"
|
||
>
|
||
<el-option v-for="item in options1"
|
||
:key="item.value"
|
||
:label="item.label"
|
||
:value="item.value"
|
||
>
|
||
</el-option>
|
||
</el-select>
|
||
<div>
|
||
请确保商户平台现金红包设置中，使用场景已设置对应场景额度！如未设置，请选其他。
|
||
</div>
|
||
</el-form-item>
|
||
<el-form-item label="会员挑战次数" style="margin-left:100px;" class="member-time">
|
||
<el-input v-model="form.default_challenge_number" :disabled="form.id>0" placeholder=""
|
||
style="width:30%;"></el-input>
|
||
<span style="margin-left:10px;">次<span>
|
||
<div>单个会员默认拥有多少次挑战机会</div>
|
||
|
||
</el-form-item>
|
||
<el-form-item label="活动总奖励金额" style="margin-left:100px;">
|
||
<el-input v-model="form.withdraw_total" placeholder="" style="width:30%;"></el-input>
|
||
</el-form-item>
|
||
<el-form-item label="随机奖励区间" style="margin-left:100px;">
|
||
<el-input v-model="form.min_withdraw" placeholder="" style="width:30%;"></el-input>
|
||
---
|
||
<el-input v-model="form.max_withdraw" placeholder="" style="width:30%;"></el-input>
|
||
</el-form-item>
|
||
<el-form-item label="总奖励人数" style="margin-left:100px;">
|
||
<el-input v-model="form.withdraw_count" placeholder="" style="width:30%;"></el-input>
|
||
<div>最终获奖人数不超过总奖励人数和总奖励金额，每个人获奖金额不超过奖励区间！如果使用微信红包，注意设置的区间不能超过微信现金红包官方设置！</div>
|
||
</el-form-item>
|
||
|
||
|
||
<el-form-item label="挑战次数兑换方式" style="margin-left:100px;">
|
||
<el-checkbox-group v-model="form.exchange_choose">
|
||
<el-checkbox-button v-for="tab in form.exchange_rule" :label="tab.key" :key="tab.key">[[tab.name]]
|
||
</el-checkbox-button>
|
||
</el-checkbox-group>
|
||
</el-form-item>
|
||
|
||
<el-form-item label="兑换规则" v-if="form.exchange_choose.length != 0" style="margin-left:100px;">
|
||
<template v-for="v in form.exchange_rule">
|
||
<el-col :span="12" v-if="checkRuleShow(v.key,1)">
|
||
<el-input placeholder="" v-model="v.exchange_num" type="number">
|
||
<template slot="prepend">[[ v.text[0] ]]</template>
|
||
<template slot="append">[[ v.text[1] ]]，[[ v.text[2] ]]</template>
|
||
</el-input>
|
||
<el-input v-if="checkRuleShow(v.key,2)" placeholder="" v-model="v.reward_num" type="number">
|
||
<template slot="prepend">[[ v.text[0] ]]</template>
|
||
<template slot="append">[[ v.text[1] ]]</template>
|
||
</el-input>
|
||
</el-col>
|
||
<el-col :span="12" v-if="checkRuleShow(v.key,1)">
|
||
<el-input placeholder="" v-model="v.reward_num" type="number" :disabled="v.key == 'credit'">
|
||
<template slot="append">次挑战机会</template>
|
||
</el-input>
|
||
</el-col>
|
||
<el-col :span="24" v-if="checkRuleShow(v.key,2)" style="display: flex">
|
||
<el-input v-if="checkRuleShow(v.key,2)" placeholder="" v-model="v.reward_num" type="number">
|
||
<template slot="prepend">[[ v.text[0] ]]</template>
|
||
<template slot="append">[[ v.text[1] ]]</template>
|
||
</el-input>
|
||
<el-button type="primary" width="100%" @click="chooseGoods()">选择商品</el-button>
|
||
</el-col>
|
||
<el-col v-if="checkRuleShow(v.key,3)" :span="24" style="height: 15px"> </el-col>
|
||
</template>
|
||
</el-form-item>
|
||
|
||
<template v-for="v in form.exchange_rule">
|
||
<template v-if="checkRuleShow(v.key,2) && picArr.length != 0">
|
||
<el-form-item label="" style="margin-left:100px;margin-top: -20px">
|
||
<div id="chooseGoodsDiv" style="height:410px;" class="scrollbar">
|
||
<template v-if="picArr.length > 4">
|
||
<el-scrollbar style="height:100%">
|
||
<el-upload
|
||
action="https://jsonplaceholder.typicode.com/posts/"
|
||
list-type="picture"
|
||
:file-list="picArr"
|
||
width="100%"
|
||
:on-remove="handleRemove">
|
||
<i class="el-icon-plus"></i>
|
||
</el-upload>
|
||
<el-dialog :visible.sync="dialogVisible">
|
||
<img width="100%" :src="picArr" alt="">
|
||
</el-dialog>
|
||
</el-scrollbar>
|
||
</template>
|
||
<template v-if="picArr.length <= 4">
|
||
<el-upload
|
||
action="https://jsonplaceholder.typicode.com/posts/"
|
||
list-type="picture"
|
||
:file-list="picArr"
|
||
width="100%"
|
||
:on-remove="handleRemove">
|
||
<i class="el-icon-plus"></i>
|
||
</el-upload>
|
||
<el-dialog :visible.sync="dialogVisible">
|
||
<img width="100%" :src="picArr" alt="">
|
||
</el-dialog>
|
||
</template>
|
||
</div>
|
||
</el-form-item>
|
||
</template>
|
||
</template>
|
||
|
||
<el-dialog title="选择商品" :visible.sync="show_goods_modal" width="60%">
|
||
<div>
|
||
<el-form :inline="true" :model="search_goods" ref="search_goods" style="padding:20px 0 0 0;">
|
||
<el-form-item label="" prop="">
|
||
<el-select v-model="search_goods.category" placeholder="请选择分类" clearable>
|
||
<el-option v-for="item in category_list" :key="item.id" :label="item.name"
|
||
:value="item.id"></el-option>
|
||
</el-select>
|
||
</el-form-item>
|
||
<el-form-item label="" prop="">
|
||
<el-input v-model="search_goods.goods_name" placeholder="请输入商品名"></el-input>
|
||
</el-form-item>
|
||
<a href="#">
|
||
<el-button type="success" icon="el-icon-search" @click="searchGoods(1)">搜索</el-button>
|
||
</a>
|
||
</el-form>
|
||
<template>
|
||
<!-- 表格start -->
|
||
<el-table :data="goods_list" style="width: 100%;overflow-y:auto" max-height="600"
|
||
v-loading="table_loading">
|
||
<el-table-column prop="id" label="ID" align="center"></el-table-column>
|
||
<el-table-column prop="id" label="" width="110" align="center">
|
||
<template slot-scope="scope">
|
||
<img :src="scope.row.thumb" alt="" style="width:50px;height:50px;">
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column prop="title" label="商品" min-width="120"></el-table-column>
|
||
<el-table-column prop="" label="价格" min-width="80" align="center">
|
||
<template slot-scope="scope">
|
||
<div style="color:red">￥[[scope.row.price]]</div>
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column prop="stock" label="库存" min-width="80" align="center"></el-table-column>
|
||
<el-table-column label="操作" min-width="80" align="center">
|
||
<template slot-scope="scope">
|
||
{{-- <el-button :type="scope.row.has_many_activity_goods_count==1?'info':'primary'" @click="choose(scope.row,scope.$index)" :disabled="scope.row.has_many_activity_goods_count==1">选取</el-button>--}}
|
||
<el-button :type="checkGoodsIsset(scope.row.id) ? 'info':'primary'"
|
||
@click="choose(scope.row)" :disabled="checkGoodsIsset(scope.row.id)">
|
||
[[ checkGoodsIsset(scope.row.id) ? '已选' : '添加' ]]
|
||
</el-button>
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
<!-- 表格end -->
|
||
</template>
|
||
<!-- 分页 -->
|
||
<el-row>
|
||
<el-col :span="24" align="right" style="padding:15px 5% 15px 0">
|
||
<el-pagination layout="prev, pager, next" @current-change="currentChangeGoods"
|
||
:current-page="goods_current_page" :total="goods_total"
|
||
:page-size="goods_per_size" background v-loading="loading"></el-pagination>
|
||
</el-col>
|
||
</el-row>
|
||
</div>
|
||
<span slot="footer" class="dialog-footer">
|
||
<el-button @click="show_goods_modal = false">取 消</el-button>
|
||
<!-- <el-button type="primary" @click="img_text_url = false">确 定</el-button> -->
|
||
</span>
|
||
</el-dialog>
|
||
|
||
|
||
<el-form-item label="参与活动是否要验证手机号" style="margin-left:100px;" class="check-mobile">
|
||
<el-radio v-model="form.verify_mobile" :label="1">是</el-radio>
|
||
<el-radio v-model="form.verify_mobile" :label="0">否</el-radio>
|
||
</el-form-item>
|
||
</div>
|
||
<el-form-item label="邀请设置"></el-form-item>
|
||
<div class="invite">
|
||
<el-form-item label="邀请" style="margin-left:100px;" class="invite-top">
|
||
<el-input v-model="form.invite_people" :disabled="form.id>0" placeholder="" style="width:30%;"></el-input>
|
||
<span style="margin-left:10px;">人，奖励1次挑战机会！<span>
|
||
</el-form-item>
|
||
<el-form-item label="每人最多可以获得奖励次数限制" style="margin-left:100px;" class="reawrd-all">
|
||
<el-input v-model="form.max_challenge_number" :disabled="form.id>0" placeholder=""
|
||
style="width:30%;"></el-input>
|
||
<span>次</span>
|
||
</el-form-item>
|
||
</div>
|
||
</div> |