hemall.terabimsoft.com.cn/plugins/share-store-activity/views/base-set.blade.php

<div style="align-content: center;width: 1000px;padding: 20px">
    <el-form-item label="活动名称" prop="name">
        <el-input v-model="form.name"></el-input>
    </el-form-item>
    <el-form-item label="是否启用">
        <el-tooltip :content="form.status?'启用':'禁用'" placement="top">
            <el-switch v-model="form.status" :active-value="1" :inactive-value="0"></el-switch>
        </el-tooltip>
    </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.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.background_thumb" style="width:70%" disabled></el-input>
        <el-button type="primary" @click="openUpload('background_thumb')">点击上传</el-button>
        <div class="avatar-uploader-box">
          <img v-if="form.background_thumb" :src="form.background_thumb" class="avatar" />
          <div slot="tip" class="el-upload-tip">
            (请上传750*365px方形图片)
          </div>
          <i v-show="form.background_thumb" class="el-icon-circle-close" @click="clearImg('background_thumb')" title="点击清除图片"></i>
        </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="客服二维码" 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-tooltip :content="form.order_list?'启用':'禁用'" placement="top">
            <el-switch v-model="form.order_list" :active-value="1" :inactive-value="0"></el-switch>
        </el-tooltip>
    </el-form-item>
    <el-form-item label="奖励列表">
        <el-tooltip :content="form.award_list?'启用':'禁用'" placement="top">
            <el-switch v-model="form.award_list" :active-value="1" :inactive-value="0"></el-switch>
        </el-tooltip>
    </el-form-item>
    <el-form-item label="表单" prop="diyform_id" v-if="isDiyForm">
        <el-select
                v-model="form.diyform_id"
                placeholder="请输入关键词"
                filterable
                remote
                reserve-keyword
                placeholder="请输入关键词"
                :remote-method="loadDiyform"
                :loading="loading"
                style="width: 100%">
            <el-option
                    v-for="item in diyform"
                    :key="item.id"
                    :label="'[DiyID:'+item.id+'][名称:'+item.title+']'"
                    :value="item.id">
            </el-option>
        </el-select>
    </el-form-item>
    <el-form-item label="" v-if="diyform_info">
        <el-input disabled v-model="diyform_info" placeholder=""></el-input>
    </el-form-item>
    <el-form-item label="购买商品" prop="goods_id">
        <div class="upload-box" @click="openGoods('goods_id')" v-if="!form.goods_id">
            <div>
                <i class="el-icon-plus" style="font-size:32px"></i>
            </div>
            <div>选择商品</div>
        </div>
        <div @click="openGoods('goods_id')" class="upload-boxed" v-if="form.goods_id" style="height:150px">
            <el-image :src="choosed_goods.thumb" alt="" style="width:150px;height:150px;border-radius: 5px;cursor: pointer;"></el-image>
            <div class="upload-boxed-text">重新选择</div>
            <div style="position: absolute;top: -3px;right: -3px;background: #333;line-height: 15px;color: #fff;border-radius: 50%;width: 14px;">
                <i class="el-icon-close" @click.stop="clearImg('goods_id')" title="点击清除商品"></i>
            </div>
            <div style="line-height: 18px;font-weight:500;color:#333;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;">【id:[[choosed_goods.id]]】[[choosed_goods.title]]</div>
        </div>
        <!-- <el-select
                v-model="form.goods_id"
                placeholder="请输入关键词"
                filterable
                remote
                reserve-keyword
                @change="getImgUrl"
                placeholder="请输入关键词"
                :remote-method="loadGoods"
                :loading="loading"
                style="width: 100%">
            <el-option
                    v-for="item in goods"
                    :key="item.id"
                    :label="'[GID:'+item.id+'][商品名称:'+item.title+']'"
                    :value="item.id">
            </el-option>
        </el-select> -->
    </el-form-item>
    <!-- <el-form-item label="" v-if="good">
        <el-input disabled v-model="good" placeholder=""></el-input>
    </el-form-item> -->
    <el-form-item label=""></el-form-item>
</div>