_produce.blade.php 2.0 KB

1234567891011121314151617181920212223242526272829303132333435
  1. <div class="position-relative border-1 row p-0 m-0 bg-white border" id="produce-panel" @click="editProducePanel" :style="getProducePanelStyle()" > <!--position-relative--> <!--position-absolute-->
  2. <div class="position-absolute print-part"
  3. draggable="true"
  4. v-for="(item,i) in productionParts.printParts"
  5. @click.stop="productionParts.editPart = item"
  6. @dragstart="_dragstart(item,$event)" {{--开始拖动元素时触发--}}
  7. @dragend="_dragend(item,$event)" {{--拖动结束--}}
  8. :style="getPrintPartStyle(item)"
  9. :key="i" >
  10. <svg v-if="item.type ==='StripeCode'" :style="{width:item.width,height:item.height}" :id="item.id" @click.stop="productionParts.editPart = item"></svg>
  11. <span v-else>@{{ item.text }}</span>
  12. </div>
  13. </div>
  14. <div class="modal fade" id="saveModal" tabindex="-1" aria-hidden="true">
  15. <div class="modal-dialog">
  16. <div class="modal-content">
  17. <div class="modal-header">
  18. <h5 class="modal-title" id="saveModalLabel">保存打印模板</h5>
  19. <button type="button" class="close" data-dismiss="modal" aria-label="Close" @click="productionParts.addPart.name = null">
  20. <span aria-hidden="true">&times;</span>
  21. </button>
  22. </div>
  23. <div class="modal-body">
  24. <div class="form-group">
  25. <label for="recipient-name" class="col-form-label">模板名称</label>
  26. <input type="text" id="recipient-name" class="form-control" v-model="productionParts.addPart.name">
  27. </div>
  28. </div>
  29. <div class="modal-footer">
  30. <button type="button" class="btn btn-secondary" data-dismiss="modal" @click="productionParts.addPart.name = null">关闭</button>
  31. <button type="button" class="btn btn-success" @click="_savePrintTemplate">保存</button>
  32. </div>
  33. </div>
  34. </div>
  35. </div>