doctor-admin-components 1.0.0-beta.7 → 1.0.1

package/packages/src/views/biz/contractTracing/billPdf.vue

@@ -0,0 +1,275 @@
+<template>
+  <div class="app-container">
+    <div class="bill">
+      <div class="info">
+        <br />
+        <br />
+        <el-row style="margin-left: 40px">
+          <el-col :span="16">
+            {{
+              "Latest Update Time:" +
+              (deal && deal.updateTime != null
+                ? utc2local(deal.updateTime, "yy/MM/DD HH:mm")
+                : "")
+            }}
+          </el-col>
+          <el-col :span="8">
+            {{ `Export Time:${utc2local(Date.now(), "yy/MM/DD HH:mm")}` }}
+          </el-col>
+        </el-row>
+        <br />
+        <div class="title">BL instruction</div>
+        <br />
+        <el-row>
+          <el-col :span="6">
+            <div class="sub-title">{{ "Consignee" }}</div>
+          </el-col>
+          <el-col :span="18">
+            {{
+              deal && deal.deliveryCompany
+                ? deal.deliveryCompany.companyEnglishName
+                : ""
+            }}
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="6">
+            <div class="sub-title">{{ "Tax ID" }}</div>
+          </el-col>
+          <el-col :span="18">
+            {{
+              deal && deal.deliveryCompany ? deal.deliveryCompany.taxNumber : ""
+            }}
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="6">
+            <div class="sub-title">{{ "Address" }}</div>
+          </el-col>
+          <el-col :span="18">
+            {{
+              deal && deal.deliveryCompany ? deal.deliveryCompany.address : ""
+            }}
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="6">
+            <div class="sub-title">{{ "Telephone" }}</div>
+          </el-col>
+          <el-col :span="18">
+            {{
+              deal &&
+              deal.deliveryCompany &&
+              deal.deliveryCompany.phoneNumber &&
+              deal.deliveryCompany.phoneNumber.length > 0
+                ? deal.deliveryCompany.phoneNumber.join("、")
+                : ""
+            }}
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="6">
+            <div class="sub-title">{{ "E-mail" }}</div>
+          </el-col>
+          <el-col :span="18">
+            {{
+              deal &&
+              deal.deliveryCompany &&
+              deal.deliveryCompany.email &&
+              deal.deliveryCompany.email.length > 0
+                ? deal.deliveryCompany.email.join("、")
+                : ""
+            }}
+          </el-col>
+        </el-row>
+
+        <br />
+
+        <el-row>
+          <el-col :span="6">
+            <div class="sub-title">{{ "Notify" }}</div>
+          </el-col>
+          <el-col :span="18">
+            {{
+              deal && deal.notifierCompany
+                ? deal.notifierCompany.companyEnglishName
+                : ""
+            }}
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="6">
+            <div class="sub-title">{{ "Tax ID" }}</div>
+          </el-col>
+          <el-col :span="18">
+            {{
+              deal && deal.notifierCompany ? deal.notifierCompany.taxNumber : ""
+            }}
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="6">
+            <div class="sub-title">{{ "Address" }}</div>
+          </el-col>
+          <el-col :span="18">
+            {{
+              deal && deal.notifierCompany ? deal.notifierCompany.address : ""
+            }}
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="6">
+            <div class="sub-title">{{ "Telephone" }}</div>
+          </el-col>
+          <el-col :span="18">
+            {{
+              deal &&
+              deal.notifierCompany &&
+              deal.notifierCompany.phoneNumber &&
+              deal.notifierCompany.phoneNumber.length > 0
+                ? deal.notifierCompany.phoneNumber.join("、")
+                : ""
+            }}
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="6">
+            <div class="sub-title">{{ "E-mail" }}</div>
+          </el-col>
+          <el-col :span="18">
+            {{
+              deal &&
+              deal.notifierCompany &&
+              deal.notifierCompany.email &&
+              deal.notifierCompany.email.length > 0
+                ? deal.notifierCompany.email.join("、")
+                : ""
+            }}
+          </el-col>
+        </el-row>
+
+        <br />
+
+        <div v-if="deal && deal.buyerCompanyBillGoods">
+          <div
+            v-for="(billGood, index) in deal.buyerCompanyBillGoods"
+            :key="index"
+          >
+            <el-row>
+              <el-col :span="6">
+                <div class="sub-title">
+                  {{ "Product(No." + (index + 1) + ")" }}
+                </div>
+              </el-col>
+
+              <el-col :span="18">{{ billGood.goodsName }}</el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="6">
+                <div class="sub-title">{{ "HS Code" }}</div>
+              </el-col>
+              <el-col :span="18">{{ billGood.hsCode }}</el-col>
+            </el-row>
+          </div>
+        </div>
+        <el-row>
+          <el-col :span="6">
+            <div class="sub-title">{{ "Port of destination" }}</div>
+          </el-col>
+          <el-col :span="18">{{ contract.destination }}</el-col>
+        </el-row>
+
+        <el-row>
+          <el-col :span="6">
+            <div class="sub-title">{{ "Shipping mark" }}</div>
+          </el-col>
+          <el-col :span="18">{{ deal && deal.shippingMark }}</el-col>
+        </el-row>
+
+        <el-row>
+          <el-col :span="6">
+            <div class="sub-title">{{ "Remark" }}</div>
+          </el-col>
+          <el-col :span="18">{{ deal && deal.blRemark }}</el-col>
+        </el-row>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "billPdf",
+  props: {
+    contract: {
+      type: Object,
+      default: null,
+    },
+    deal: {
+      type: Object,
+      default: () => {},
+    },
+  },
+  components: {},
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+
+      printModel: false,
+      //
+      deliveryCompanyList: [],
+      //
+      notifierCompanyList: [],
+      //
+      billGoodsList: [],
+      //
+      contractId: null,
+      //
+      dealId: null,
+      rules: {
+        shippingMark: [{ required: true, trigger: "blur" }],
+        deliveryCompanyId: [{ required: true, trigger: "blur" }],
+        notifierCompanyId: [{ required: true, trigger: "blur" }],
+        goodsName: [{ required: true, trigger: "blur" }],
+      },
+    };
+  },
+  created() {
+    const { contractId } = this.$route.query;
+    this.contractId = contractId;
+  },
+  methods: {},
+};
+</script>
+<style lang="scss" scoped>
+.app-container {
+  padding: 0 20px;
+  .bill {
+    width: 970px;
+    margin: 0 auto;
+    .info {
+      border: 1px solid #606676;
+      padding: 20px;
+      height: 23.4cm;
+    }
+    .title {
+      text-align: center;
+      font-weight: bold;
+    }
+    .sub-title {
+      text-align: left;
+      font-weight: bold;
+      margin-left: 40px;
+    }
+  }
+  .footer {
+    padding: 10px 20px;
+    text-align: right;
+  }
+}
+</style>

package/packages/src/views/biz/contractTracing/chargingDialog.vue

@@ -0,0 +1,84 @@
+<!--
+ * @Author: zhangpengwei 15038779532@163.com
+ * @Date: 2023-07-31 17:40:56
+ * @LastEditors: zhangpengwei 15038779532@163.com
+ * @LastEditTime: 2023-07-31 18:01:49
+ * @FilePath: /doctor-admin-components/packages/src/views/biz/contractTracing/chargingDialog.vue
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+-->
+<template>
+  <div class="app-container">
+    <!-- 合同争议详情对话框 -->
+    <el-dialog :title="title" :visible.sync="open" width="600px" append-to-body>
+      <file-upload
+        v-model="form.deliveryReceiptFileList"
+        :fileType="[]"
+      ></file-upload>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+  
+<script>
+import { chargedShipment } from "../../../api/biz/bizShipment";
+import FileUpload from "../../../components/FileUpload/uploadInvoice.vue";
+
+export default {
+  name: "ChargingDialog",
+  components: { FileUpload },
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 表单参数
+      form: {},
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      //
+      contract: null,
+    };
+  },
+  created() {},
+  mounted() {},
+  methods: {
+    /** 提交按钮 */
+    submitForm() {
+      chargedShipment(this.form).then((response) => {
+        this.$modal.msgSuccess("电放成功");
+        this.$emit("refresh");
+        this.open = false;
+      });
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        shipmentId: null,
+        deliveryReceiptFileList: [],
+      };
+      this.resetForm("form");
+    },
+    /** 展示按钮操作 */
+    handleShow(shipmentId) {
+      this.reset();
+      this.form.shipmentId = shipmentId;
+      this.title = "请上传电放凭证确认卖家已电放";
+      this.open = true;
+    },
+  },
+};
+</script>
+