base-set.blade.php 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. <div style="align-content: center;width: 1000px;padding: 20px">
  2. <el-form-item label="画册名称" prop="picture_name">
  3. <el-input v-model="form.picture_name"></el-input>
  4. </el-form-item>
  5. <el-form-item label="背景颜色">
  6. <el-radio v-model="form.is_background" :label="1">背景色</el-radio>
  7. <el-radio v-model="form.is_background" :label="2">背景图</el-radio>
  8. </el-form-item>
  9. <el-form-item v-show="form.is_background==1" label="背景色">
  10. <div class="block">
  11. <span class="demonstration"></span>
  12. <el-color-picker v-model="form.color"></el-color-picker>
  13. </div>
  14. </el-form-item>
  15. <el-form-item v-show="form.is_background==2" label="背景图" prop="background_thumb">
  16. <el-input v-model="form.background_thumb" style="width:70%" disabled></el-input>
  17. <el-button type="primary" @click="openUpload('background_thumb')">点击上传</el-button>
  18. <div class="avatar-uploader-box">
  19. <img v-if="form.background_thumb" :src="form.background_thumb" class="avatar" />
  20. <div slot="tip" class="el-upload-tip">
  21. (请上传750*365px方形图片)
  22. </div>
  23. <i v-show="form.background_thumb" class="el-icon-circle-close" @click="clearImg('background_thumb')" title="点击清除图片"></i>
  24. </div>
  25. </el-form-item>
  26. <el-form-item label="音频链接">
  27. <el-input v-model="form.audio_url" placeholder=""></el-input>
  28. </el-form-item>
  29. <el-form-item label="客服二维码">
  30. <el-input v-model="form.code" placeholder="" disabled style="width:70%"></el-input>
  31. <el-button type="primary" @click="openUpload('code')">点击上传</el-button>
  32. <div class="avatar-uploader-box">
  33. <img v-if="form.code" :src="form.code" class="avatar" />
  34. <div slot="tip" class="el-upload-tip" style="width: 210px;">
  35. (请上传100*100px或正方形图片)
  36. </div>
  37. <i v-show="form.code" class="el-icon-circle-close" @click="clearImg('code')" title="点击清除图片"></i>
  38. </div>
  39. </el-form-item>
  40. <el-form-item label="客服电话" >
  41. <el-input v-model="form.phone" placeholder=""></el-input>
  42. </el-form-item>
  43. </div>