image-set.blade.php 3.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. <div style="align-content: center;width: 1000px;padding: 20px" >
  2. <el-form-item label="排序" >
  3. <el-input v-model="form.ranking" placeholder="" style="width:20%" ></el-input>
  4. </el-form-item>
  5. <el-form-item label="画册图片名称" prop="picture_name">
  6. <el-input v-model="form.picture_name"></el-input>
  7. </el-form-item>
  8. <el-form-item v-show="form.is_background==2" label="" prop="picture_image">
  9. <el-input v-model="form.picture_image" style="width:70%" disabled></el-input>
  10. <el-button type="primary" @click="openUpload('picture_image')">点击上传</el-button>
  11. <div class="avatar-uploader-box">
  12. <img v-if="form.picture_image" :src="form.picture_image" class="avatar" />
  13. <div slot="tip" class="el-upload-tip" style="width: 200px;">
  14. (请上传750*365px方形图片)
  15. </div>
  16. <i v-show="form.picture_image" class="el-icon-circle-close" @click="clearImg('picture_image')" title="点击清除图片"></i>
  17. </div>
  18. </el-form-item>
  19. <el-form-item label="画册图片" prop="picture_image">
  20. <el-input v-model="form.picture_image" style="width:70%" disabled></el-input>
  21. <el-button type="primary" @click="openUpload('picture_image')">点击上传</el-button>
  22. <div class="avatar-uploader-box">
  23. <img v-if="form.picture_image" :src="form.picture_image" class="avatar" />
  24. <div slot="tip" class="el-upload-tip">
  25. </div>
  26. <i v-show="form.picture_image" class="el-icon-circle-close" @click="clearImg('picture_image')" title="点击清除图片"></i>
  27. </div>
  28. </el-form-item>
  29. <el-form-item label="表单" prop="diyform_id">
  30. <el-select
  31. v-model="form.diyform_id"
  32. placeholder="请输入关键词"
  33. filterable
  34. remote
  35. reserve-keyword
  36. placeholder="请输入关键词"
  37. :remote-method="loadDiyform"
  38. :loading="loading"
  39. style="width: 100%">
  40. <el-option
  41. v-for="item in diyform"
  42. :key="item.id"
  43. :label="'[DiyID:'+item.id+'][名称:'+item.title+']'"
  44. :value="item.id">
  45. </el-option>
  46. </el-select>
  47. </el-form-item>
  48. <el-form-item label="" v-if="diyform_info">
  49. <el-input disabled v-model="diyform_info" placeholder=""></el-input>
  50. </el-form-item>
  51. <el-form-item label="选择商品" prop="goods_id">
  52. <el-select
  53. v-model="form.goods_id"
  54. placeholder="请输入关键词"
  55. filterable
  56. remote
  57. reserve-keyword
  58. @change="getImgUrl"
  59. placeholder="请输入关键词"
  60. :remote-method="loadGoods"
  61. :loading="loading"
  62. style="width: 100%">
  63. <el-option
  64. v-for="item in goods"
  65. :key="item.id"
  66. :label="'[GID:'+item.id+'][商品名称:'+item.title+']'"
  67. :value="item.id">
  68. </el-option>
  69. </el-select>
  70. </el-form-item>
  71. <el-form-item label="" v-if="picture_good">
  72. <el-input disabled v-model="picture_good" placeholder=""></el-input>
  73. </el-form-item>
  74. <el-form-item label="" v-if="picture_good">
  75. <img width="30%" :src="picture_good" alt="">
  76. </el-form-item>
  77. </div>