| | |
| | | |
| | | <template> |
| | | <div > |
| | | <div :class="'div_'+n " style="width: 46%;position: relative;" v-for="n in 2" > |
| | | <div :class="'div_'+n " style="width: 46%;position: relative;margin-top: 20px" v-for="n in 2" > |
| | | <table v-for="page in orderDetailList" :key="page" style="width: 100%"> |
| | | <thead> |
| | | <tr> |
| | | <td colspan="1" style="text-align: center;font-weight: bolder;"> |
| | | <div style="width: 60px;height: 60px"> |
| | | <div style="width: 35px;height: 35px"> |
| | | <img id="img-pic" style="width:100%;height: 100%" src="@/assets/northGlass.ico" alt=""> |
| | | </div> |
| | | </td> |
| | |
| | | <td colspan="5"> |
| | | <div style="display:flex;"> |
| | | <div style="width: 100%"><span style="font-weight: bold;">客户名称</span>: |
| | | <input class="contactNumber" style="width: 60%;font-size: 12px" type="text" |
| | | <input class="contactNumber" style="width: 85%;font-size: 12px" type="text" |
| | | v-model="customer.customer_name" /> |
| | | </div> |
| | | </div> |
| | |
| | | <tbody> |
| | | <template v-for="(row,index) in page" :key="row"> |
| | | <tr v-if="row.type==='product'" style="width: 100%;height: 100px" > |
| | | <td colspan="1" style="font-weight: bold;font-size: 13px">加工品种:</td> |
| | | <td colspan="1" style="font-weight: bold;font-size: 11px">加工品种:</td> |
| | | <td colspan="4"> |
| | | <textarea style="resize: none;width: 100%;height: 100px;border: 0" class="textarea" type="textarea" v-model="row.productName" /></td> |
| | | </tr> |
| | |
| | | } |
| | | #footsum{ |
| | | position: fixed; |
| | | bottom: 2cm; |
| | | bottom: 1.5cm; |
| | | width: 100%; /* 或者设置成具体的宽度 */ |
| | | } |
| | | #sticky-footer { |
| | | position: fixed; |
| | | bottom: 1cm; |
| | | bottom: 0.5cm; |
| | | width: 100%; /* 或者设置成具体的宽度 */ |
| | | } |
| | | /* thead{ |