新增出库单详情打印单

src/views/Warehousing/outStock/AddOrUpdate.vue

@@ -883,6 +883,7 @@
                 </el-button>
                 <el-dropdown-menu slot="dropdown">
                   <el-dropdown-item command="d">标准出库单</el-dropdown-item>
+                  <el-dropdown-item command="i">标准出库单(详情)</el-dropdown-item>
                   <!--                  <el-dropdown-item command="b">出库单</el-dropdown-item>-->
                   <!--                  <el-dropdown-item command="c">理货单</el-dropdown-item>-->
                   <!--                  <el-dropdown-item command="e">出库确认</el-dropdown-item>-->
@@ -1244,6 +1245,14 @@
                 type="warning"
             >计算仓储费
             </el-button>
+            <el-button
+              type="primary"
+              size="small"
+              v-if="browseStatus"
+              @click="feeChange"
+            >
+              费用变更
+            </el-button>
           </div>
         </div>
         <el-table
@@ -1767,6 +1776,14 @@
             >作业费协议
             </el-button
             >
+            <el-button
+              type="primary"
+              size="small"
+              v-if="browseStatus"
+              @click="feeChange"
+            >
+              费用变更
+            </el-button>
           </div>
         </div>
         <el-table
@@ -2752,6 +2769,110 @@
         <el-button @click="print_bzckd = false">取消 </el-button>
       </span>
     </el-dialog>
+<!--    出库单（详情）-->
+    <el-dialog
+      :visible.sync="print_xqckd"
+      width="70%"
+      :close-on-click-modal="false"
+      :modal="false"
+    >
+      <div id="print_areaDetail" class="print-div">
+        <div
+          class="print-title"
+          style="
+            display: flex;
+            justify-content: center;
+            font-size: 24px;
+            margin-bottom: 5px;
+          "
+        >
+          {{ company }}出库单
+        </div>
+        <div class="print_table" style="display: flex">
+          <table
+            border="0"
+            cellspacing="0"
+            cellpadding="0"
+            style="width: 100%; line-height: 30px"
+          >
+            <tr>
+              <td>公司名称</td>
+              <td colspan="3">{{ form.fCorpidName }}</td>
+              <td>出库日期</td>
+              <td colspan="4" v-if="Printinglist.length">
+                {{ Printinglist[0].fBsdate | fBsdateFormat }}{{ " " + ckTime }}
+              </td>
+              <td colspan="4" v-else></td>
+            </tr>
+            <tr>
+              <td style="width: 15%">货物名称</td>
+              <td>提单号</td>
+              <td>箱号</td>
+              <td>货物属性</td>
+              <td>属性详情</td>
+              <td>件数</td>
+              <td>吨位</td>
+              <td>车型</td>
+              <td>备注</td>
+            </tr>
+            <tr v-for="(item, index) in Printinglist" :key="index">
+              <td>{{ item.fGoodsid | goodsFormat(goodsOptions) }}</td>
+              <td>{{ item.fMblno }}</td>
+              <td>{{ item.fCntrno }}</td>
+              <td>{{ item.fBusinessType | fStorageTypeFormat(fStorageTypeOptions) }}</td>
+              <td>{{ item.fMarks }}</td>
+              <td>{{ item.fQty }}</td>
+              <td v-if="item.fGrossweight">
+                {{ (item.fGrossweight / 1000).toFixed(2) }}
+              </td>
+              <td v-else></td>
+              <td>{{ form.fCartype | fCartypeFormat(fCartypeOptions) }}</td>
+              <td>{{ item.remark }}</td>
+            </tr>
+            <tr>
+              <td>车号</td>
+              <td colspan="3" v-if="Printinglist.length">
+                {{ Printinglist[0].fTruckno }}
+              </td>
+              <td colspan="3" v-else></td>
+              <td colspan="2">身份证号</td>
+              <td colspan="3" v-if="Printinglist.length">{{ Printinglist[0].fDriverIdCar }}</td>
+              <td colspan="3" v-else></td>
+            </tr>
+            <tr>
+              <td>地址</td>
+              <td colspan="8">{{ stockaddr }}</td>
+            </tr>
+            <tr>
+              <td colspan="9">
+                雨/雪天装货司机自愿装车，出现货物水湿与仓库无关！数量准确无误，货物包装完好！
+              </td>
+            </tr>
+          </table>
+        </div>
+        <div
+          style="display: flex; justify-content: space-between; font-size: 12px"
+        >
+          <div>操作：</div>
+          <div>理货：</div>
+          <div>叉车：</div>
+          <div>司机：</div>
+          <div style="width: 200px">电话：</div>
+        </div>
+      </div>
+      <span slot="footer" class="dialog-footer">
+        <el-button
+          type="primary"
+          @click="
+            print_xqckd = false;
+            addprint('xqckd');
+          "
+        >打印
+        </el-button>
+        <el-button @click="print_xqckd = false">取消 </el-button>
+      </span>
+    </el-dialog>
+
     <el-dialog
         :visible.sync="print_lhd"
         width="70%"
@@ -3605,6 +3726,7 @@ export default {
       print_dcckd: false,
       print_zccdckd: false,
       print_bzckd: false,
+      print_xqckd: false,
       company: "",
       Printinglist: [],
       //库位
@@ -5911,6 +6033,8 @@ export default {
               this.print_dcckd = true;
             } else if (command == "h") {
               this.print_zccdckd = true;
+            } else if (command == "i") {
+              this.print_xqckd = true;
             }
           }
         });
@@ -6366,6 +6490,14 @@ export default {
             scanStyles: false,
           });
           break;
+        case "xqckd":
+          print({
+            printable: "print_areaDetail",
+            type: "html",
+            style: style, // 亦可使用引入的外部css;
+            scanStyles: false,
+          });
+          break;
         case "lhd":
           print({
             printable: "print_area5",
@@ -6433,6 +6565,13 @@ export default {
             this.cancel();
           });
     },
+    feeChange() {
+      this.$router.push({
+        path: "/business/costModify",
+        // query: { id: this.form.id},
+        query: { id: 1},
+      });
+    },
   },
   watch: {
     // 监听 addOrUpdateVisible 改变