王震
2024-01-19 0a162b61518f98dce270e390bc75778ccc6eb67d
src/views/quality/Packaging_ledger/index.vue
@@ -141,7 +141,55 @@
        <div style="width:100%;height: 400px;overflow-y: auto;">
          <div id="qrCard" class="dia_body">
            <el-card class="box-card" v-for="(item, i) in qrData" :key="i" style="margin-bottom: 10px;">
              <el-row>
              <div style="padding: 5px;">
                  <table border="2px" class="x1111116">
                      <tr class="x1111113">
                            <td class="x1111114" colspan=6>
                              <div style="height: 75px;display: flex;margin-top: 2px;">
                                  <div style="margin-top: 5px;">
                                  <img width="150" height="48"  src="../../../../public/img/image001.jpg" alt="IMG_256">
                                  </div>
                                  <div style="margin-left: 45px;margin-top: 15px ;">
                                    <span lang="EN-US" class="x1111111">中天海洋科技有限公司</span>
                                  </div>
                              </div>
                            </td>
                      </tr>
                      <tr class="x1111117">
                            <td class="x1111114">
                              <span style="font-family: 宋体;text-align: center;">序&nbsp;&nbsp;号:</span>
                            </td>
                            <td class="x1111114"  colspan=4 >{{ i + 1 }} </td>
                            <td class="x1111114"  rowspan=3  >
                              <div style="padding: 1px;">
                              <vueQr :text=str+item.packageBoxId :size="110" :margin="1"></vueQr>
                              </div>
                            </td>
                      </tr>
                      <tr class="x1111117">
                            <td class="x1111114">
                              <span style="font-family: 宋体;text-align: center;">包 装 编号:</span>
                            </td>
                            <td class="x1111114" colspan=4>{{ item.packageNo }}</td>
                      </tr>
                      <tr class="x1111117">
                            <td class="x1111114">
                              <span style="font-family: 宋体;text-align: center;">合&nbsp;同&nbsp;号:</span>
                            </td>
                            <td class="x1111114" colspan=4>{{ item.contractNo }}</td>
                      </tr>
                      <tr class="x1111113">
                        <td class="x1111114" colspan=6>
                          <div style="height: 75px;" >
                                  <p><span lang="EN-US" class="x1111112">地址:江苏省南通经济技术开发区常兴路96号</span></p>
                                  <p><span lang="EN-US" class="x1111112">电话/传真:0513—89191125</span></p>
                          </div>
                        </td>
                      </tr>
                  </table>
              </div>
              <!-- <el-row>
                <el-col :span="10" :offset="3">序号:</el-col>
                <el-col :span="10" style="font-weight: bold;">{{ i + 1 }}</el-col>
              </el-row>
@@ -155,6 +203,9 @@
                  <vueQr :text=str+item.packageBoxId :size="110" :margin="1"></vueQr>
                </el-col>
              </el-row>
              <div style="background-color: blueviolet;height: 80px;">
                        1111
              </div> -->
            </el-card>
          </div>
        </div>
@@ -481,3 +532,37 @@
    },
}
</script>
<style>
.x1111111{
    color: black;
    font-size: 18pt;
    font-family: 黑体;
    justify-content: center;
    text-align: center;
}
.x1111113{
    border: 1px solid black;
    height: 40px;
}
.x1111117{
    border: 1px solid black;
    height: 40px;
}
.x1111116{
    border: 1px solid black;
    height: 220px;
    width: 450px;
}
.x1111114{
    border: 1px solid black;
    width: 80px;
}
.x1111115{
    border: 1px solid black;
}
.x1111112{
    color: black;
    font-size: 12pt;
    font-family: 宋体;
}
</style>