advertising.php 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. <el-row>
  2. <el-col :span="24">
  3. <div class="form-body">
  4. <el-form :model="advertisingForm" ref="advertisingForm" label-width="172px" style="position: relative" size="small">
  5. <el-form-item label="开启收银台页面广告:" prop="is_open">
  6. <el-switch v-model="advertisingForm.is_open" :active-value="1" :inactive-value="0">
  7. </el-switch>
  8. </el-form-item>
  9. <template v-if="advertisingForm.is_open==1">
  10. <el-form-item label="广告类型:" prop="type">
  11. <el-radio v-model="advertisingForm.type" :label="1">图片</el-radio>
  12. <el-radio v-model="advertisingForm.type" :label="2">视频</el-radio>
  13. </el-form-item>
  14. <el-form-item prop="pic" label="广告图片:">
  15. <div class="pic-url-remark">
  16. 建议尺寸 702* 224
  17. </div>
  18. <template v-if="advertisingForm.pic">
  19. <div style="margin-right: 20px;position: relative;display: inline-block;">
  20. <com-attachment :multiple="false" :max="1" type="images">
  21. <com-image mode="aspectFill" width="100px" height='100px' :src="advertisingForm.pic"> </com-image>
  22. </com-attachment>
  23. <el-button class="del-btn" size="mini" type="danger" icon="el-icon-close" circle @click="delPicAdvertising('pic')"></el-button>
  24. </div>
  25. </template>
  26. <template v-if="!advertisingForm.pic">
  27. <com-attachment :multiple="false" :max="1" type="images" @selected="selectedImgAdvertising($event, 'pic')">
  28. <el-tooltip class="item" effect="dark" content="建议尺寸:702px * 224px" placement="top">
  29. <div flex="main:center cross:center" class="add-image-btn">
  30. + 添加图片
  31. </div>
  32. </el-tooltip>
  33. </com-attachment>
  34. </template>
  35. </el-form-item>
  36. <el-form-item label="广告链接:" prop="url">
  37. <el-input v-model="advertisingForm.url"></el-input>
  38. </el-form-item>
  39. </template>
  40. </el-form>
  41. </div>
  42. </el-col>
  43. </el-row>
  44. <el-button :loading="submitLoading" class="button-item" size="small" type="primary" @click="submit('advertisingForm')">保存</el-button>