| 1234567891011121314151617181920212223242526272829303132333435 |
- <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-->
- <div class="position-absolute print-part"
- draggable="true"
- v-for="(item,i) in productionParts.printParts"
- @click.stop="productionParts.editPart = item"
- @dragstart="_dragstart(item,$event)" {{--开始拖动元素时触发--}}
- @dragend="_dragend(item,$event)" {{--拖动结束--}}
- :style="getPrintPartStyle(item)"
- :key="i" >
- <svg v-if="item.type ==='StripeCode'" :style="{width:item.width,height:item.height}" :id="item.id" @click.stop="productionParts.editPart = item"></svg>
- <span v-else>@{{ item.text }}</span>
- </div>
- </div>
- <div class="modal fade" id="saveModal" tabindex="-1" aria-hidden="true">
- <div class="modal-dialog">
- <div class="modal-content">
- <div class="modal-header">
- <h5 class="modal-title" id="saveModalLabel">保存打印模板</h5>
- <button type="button" class="close" data-dismiss="modal" aria-label="Close" @click="productionParts.addPart.name = null">
- <span aria-hidden="true">×</span>
- </button>
- </div>
- <div class="modal-body">
- <div class="form-group">
- <label for="recipient-name" class="col-form-label">模板名称</label>
- <input type="text" id="recipient-name" class="form-control" v-model="productionParts.addPart.name">
- </div>
- </div>
- <div class="modal-footer">
- <button type="button" class="btn btn-secondary" data-dismiss="modal" @click="productionParts.addPart.name = null">关闭</button>
- <button type="button" class="btn btn-success" @click="_savePrintTemplate">保存</button>
- </div>
- </div>
- </div>
- </div>
|