_create.blade.php 1.7 KB

12345678910111213141516171819202122232425262728293031323334
  1. <div class="modal " id="imageModal" tabindex="-1">
  2. <div class="modal-dialog modal-lg modal-dialog-centered">
  3. <div class="modal-content">
  4. <div class="modal-header">
  5. <h5 class="modal-title text-center" v-if="isCreated">图片编辑</h5>
  6. <h5 class="modal-title text-center" v-else>图片编辑</h5>
  7. <button type="button" class="close" data-dismiss="modal">
  8. <span>&times;</span>
  9. </button>
  10. </div>
  11. <div class="modal-body">
  12. <form class="form">
  13. <div class="form-group row">
  14. <label for="image-name" class="col-sm-3 col-form-label text-right">图片名</label>
  15. <div class="col-sm-9 form-inline">
  16. <input type="text" id="image-name" name="imageName" class="form-control col-9" v-model="editItem.name" placeholder="图片名"></input>
  17. </div>
  18. </div>
  19. <div class="form-group row">
  20. <label for="image-file" class="col-sm-3 col-form-label text-right">所属图片</label>
  21. <div class="col-sm-9 form-inline">
  22. <input type="file" id="image-file" class="form-control col-9" ref="image" accept="image/jpeg,image/jpg,image/png,image/svg"></input>
  23. </div>
  24. </div>
  25. </form>
  26. </div>
  27. <div class="modal-footer">
  28. <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
  29. <button type="button" class="btn btn-primary" @click="save">提交</button>
  30. </div>
  31. </div>
  32. </div>
  33. </div>