hemall.terabimsoft.com.cn/plugins/picture-album/views/admin/image-set.blade.php

<div style="align-content: center;width: 1000px;padding: 20px" >
    <el-form-item label="排序" >
        <el-input v-model="form.ranking" placeholder="" style="width:20%" ></el-input>
    </el-form-item>
    <el-form-item label="画册图片名称" prop="picture_name">
        <el-input v-model="form.picture_name"></el-input>
    </el-form-item>
    <el-form-item v-show="form.is_background==2" label="" prop="picture_image">
        <el-input v-model="form.picture_image" style="width:70%" disabled></el-input>
        <el-button type="primary" @click="openUpload('picture_image')">点击上传</el-button>
        <div class="avatar-uploader-box">
          <img v-if="form.picture_image" :src="form.picture_image" class="avatar" />
          <div slot="tip" class="el-upload-tip">
            (请上传750*365px方形图片)
          </div>
          <i v-show="form.picture_image" class="el-icon-circle-close" @click="clearImg('picture_image')" title="点击清除图片"></i>
        </div>
    </el-form-item>
    <el-form-item label="画册图片" prop="picture_image">
        <el-input v-model="form.picture_image" style="width:70%" disabled></el-input>
        <el-button type="primary" @click="openUpload('picture_image')">点击上传</el-button>
        <div class="avatar-uploader-box">
            <img v-if="form.picture_image" :src="form.picture_image" class="avatar" />
            <div slot="tip" class="el-upload-tip" style="width: 450px;">
                (请上传300*500px或长方形图片，单个相册的所有图片尺寸保持一致)
            </div>
            <i v-show="form.picture_image" class="el-icon-circle-close" @click="clearImg('picture_image')" title="点击清除图片"></i>
        </div>
    </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">
        <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="imageUrl" style="position: relative;">
        <img :src="imageUrl" alt="" style="width:100px;height:100px;">
        <i
            style="position:absolute;top:0;left:13%;color:#999;"
            class="el-icon-circle-close"
            @click="clearGoodsImg"
            title="点击清除图片"
        ></i>
    </el-form-item>
</div>