doctor-admin-components 1.0.4 → 1.0.6-beta.0

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

@@ -0,0 +1,330 @@
+<template>
+  <div class="app-container">
+    <!-- 合同详情对话框 -->
+    <el-dialog :title="title" :visible.sync="open" width="600px" append-to-body>
+      <el-form ref="form" :model="form" label-width="100px">
+        <el-card shadow="hover" v-if="type == 'deposit'">
+          <el-row>
+            <el-col :span="12">
+              <span class="text item">
+                {{ "ProForma Invoice" }}
+              </span>
+            </el-col>
+            <el-col :span="12">
+              <span class="text item">
+                {{ "合同号:" + this.form.contractNo }}
+              </span>
+            </el-col>
+          </el-row>
+          <el-row
+            class="row-container"
+            v-for="(dt, index) in form.proFormInvoiceList"
+            :key="'dt' + index"
+          >
+            <el-row :gutter="5">
+              <el-col :span="20">
+                <el-form-item label="No.">
+                  <el-input
+                    v-model="dt.invoiceNo"
+                    clearable
+                    size="small"
+                    placeholder="请输入发票编号"
+                /></el-form-item>
+              </el-col>
+              <el-col :span="4" style="padding-top: 8px">
+                <el-button
+                  icon="el-icon-minus"
+                  size="mini"
+                  circle
+                  v-if="form.proFormInvoiceList.length > 1"
+                  @click="delInvoiceListRow('proForm', index)"
+                >
+                </el-button>
+                <el-button
+                  icon="el-icon-plus"
+                  size="mini"
+                  circle
+                  v-if="index === form.proFormInvoiceList.length - 1"
+                  @click="addInvoiceListRow('proForm')"
+                >
+                </el-button>
+              </el-col>
+            </el-row>
+            <el-form-item label="金额">
+              <el-input
+                v-model="dt.amount"
+                clearable
+                size="small"
+                placeholder="请输入发票金额"
+              />
+            </el-form-item>
+            <el-form-item label="备注">
+              <el-input
+                v-model="dt.remark"
+                clearable
+                size="small"
+                placeholder="请输入备注"
+                type="textarea"
+                autosize=""
+              />
+            </el-form-item>
+            <el-row>
+              <el-form-item>
+                <upload-invoice v-model="dt.invoiceFileList" :limit="20" />
+              </el-form-item>
+            </el-row>
+          </el-row>
+        </el-card>
+        <el-row />
+
+        <el-card shadow="hover" v-if="type == 'finally'">
+          <el-row>
+            <el-col :span="12">
+              <span class="text item">
+                {{ "Fixed Invoice" }}
+              </span>
+            </el-col>
+            <el-col :span="12">
+              <span class="text item">
+                {{ "合同号:" + this.form.contractNo }}
+              </span>
+            </el-col>
+          </el-row>
+          <el-row
+            class="row-container"
+            v-for="(item, index) in form.fixedInvoiceList"
+            :key="'item' + index"
+          >
+            <el-row :gutter="5">
+              <el-col :span="20">
+                <el-form-item label="No.">
+                  <el-input
+                    clearable
+                    v-model="item.invoiceNo"
+                    size="small"
+                    placeholder="请输入发票编号"
+                  />
+                </el-form-item>
+              </el-col>
+              <el-col :span="4" style="padding-top: 8px">
+                <el-button
+                  icon="el-icon-minus"
+                  size="mini"
+                  circle
+                  v-if="form.fixedInvoiceList.length > 1"
+                  @click="delInvoiceListRow('fixed', index)"
+                >
+                </el-button>
+                <el-button
+                  icon="el-icon-plus"
+                  size="mini"
+                  circle
+                  v-if="index === form.fixedInvoiceList.length - 1"
+                  @click="addInvoiceListRow('fixed')"
+                >
+                </el-button>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-form-item label="订舱号">
+                <el-input v-model="item.shipmentId" disabled></el-input>
+              </el-form-item>
+            </el-row>
+            <el-row>
+              <el-form-item label="金额">
+                <el-input
+                  v-model="item.amount"
+                  clearable
+                  size="small"
+                  placeholder="请输入发票金额"
+                />
+              </el-form-item>
+              <el-form-item label="备注">
+                <el-input
+                  v-model="item.remark"
+                  clearable
+                  size="small"
+                  placeholder="请输入备注"
+                  type="textarea"
+                  autosize=""
+                />
+              </el-form-item>
+            </el-row>
+            <el-row>
+              <el-form-item>
+                <upload-invoice v-model="item.invoiceFileList" :limit="20" />
+              </el-form-item>
+            </el-row>
+            <el-divider></el-divider>
+          </el-row>
+        </el-card>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="cancel">取 消</el-button>
+        <el-button @click="submitForm">仅上传</el-button>
+        <el-button
+          v-if="type == 'deposit'"
+          type="primary"
+          @click="uploadAndGenerate"
+          >上传并生成收付款</el-button
+        >
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import {
+  getBizContract,
+  listBizContract,
+  associationContract,
+} from "../../../api/biz/bizContract";
+import UploadInvoice from "../../../components/FileUpload/uploadInvoice.vue";
+import {
+  uploadBizInvoice,
+  uploadByShipmentId,
+  getInvoiceListByContractId,
+  getInvoiceListByShipmentId,
+} from "../../../api/biz/bizInvoice";
+import { getByContractId } from "../../../api/biz/bizShipment";
+
+export default {
+  name: "PurchaseInvoiceUpload",
+  components: { UploadInvoice },
+  data() {
+    return {
+      test: null,
+      // 遮罩层
+      loading: true,
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 表单参数
+      form: { proFormInvoiceList: [], fixedInvoiceList: [] },
+      //销售合同选项表
+      saleContractList: [],
+      //采购合同选项表
+      purchaseContractList: [],
+      type: null,
+      shipmentId: null,
+    };
+  },
+  created() {},
+  methods: {
+    //上传并生成
+    uploadAndGenerate() {
+      uploadBizInvoice(this.form)
+        .then((response) => {
+          this.$modal.msgSuccess("保存成功");
+          this.open = false;
+        })
+        .then(() => {
+          this.$router.push({
+            name: "Invoice",
+            params: { documentFlag: true },
+          });
+        });
+    },
+    /** 提交按钮 */
+    submitForm() {
+      if (this.type == "finally") {
+        uploadByShipmentId(this.form).then((response) => {
+          this.$modal.msgSuccess("保存成功");
+          this.$emit("refresh");
+          this.open = false;
+        });
+      } else {
+        uploadBizInvoice(this.form).then((response) => {
+          this.$modal.msgSuccess("保存成功");
+          this.$emit("refresh");
+          this.open = false;
+        });
+      }
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        proFormInvoiceList: [],
+        fixedInvoiceList: [],
+      };
+      this.resetForm("form");
+    },
+    /** 展示按钮操作 */
+    handleUpload(row, type, shipmentId) {
+      this.reset();
+      this.type = type;
+      this.shipmentId = shipmentId;
+      if (type == "finally") {
+        getInvoiceListByShipmentId(shipmentId)
+          .then((response) => {
+            this.form = response.data;
+            this.form.contractId = row.contractId;
+            this.form.shipmentId = shipmentId;
+            if (this.form.fixedInvoiceList == null) {
+              this.$set(this.form, "fixedInvoiceList", []);
+              this.addInvoiceListRow("fixed");
+            }
+          })
+          .then(() => {
+            this.getShipmentListByContractId(row.contractId);
+            this.open = true;
+          });
+      } else {
+        getInvoiceListByContractId(row.contractId)
+          .then((response) => {
+            this.form = response.data;
+            this.form.contractId = row.contractId;
+            if (this.form.proFormInvoiceList == null) {
+              this.$set(this.form, "proFormInvoiceList", []);
+              this.addInvoiceListRow("proForm");
+            }
+            if (this.form.fixedInvoiceList == null) {
+              this.$set(this.form, "fixedInvoiceList", []);
+              this.addInvoiceListRow("fixed");
+            }
+          })
+          .then(() => {
+            this.getShipmentListByContractId(row.contractId);
+            this.open = true;
+          });
+      }
+    },
+    getShipmentListByContractId(contractId) {
+      getByContractId(contractId).then((response) => {
+        this.$set(this.form, "shipmentList", response.rows);
+      });
+    },
+    delInvoiceListRow(type, index) {
+      if (type == "proForm") {
+        this.form.proFormInvoiceList.splice(index, 1);
+      }
+      if (type == "fixed") {
+        this.form.fixedInvoiceList.splice(index, 1);
+      }
+    },
+    addInvoiceListRow(type, index) {
+      if (type == "proForm") {
+        this.form.proFormInvoiceList.push({
+          invoiceNo: "",
+          invoiceFileList: [],
+        });
+      }
+      if (type == "fixed") {
+        this.form.fixedInvoiceList.push({
+          invoiceNo: "",
+          shipmentId: this.shipmentId,
+          amount: "",
+          remark: "",
+          invoiceFileList: [],
+        });
+      }
+    },
+  },
+};
+</script>

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

@@ -0,0 +1,120 @@
+<template>
+  <div class="app-container">
+    <!-- 合同争议详情对话框 -->
+    <el-dialog :title="title" :visible.sync="open" width="800px" append-to-body>
+      <el-table
+        ref="multipleTable"
+        :data="bizContractDisputeList"
+        @selection-change="handleSelectionChange"
+      >
+        <el-table-column type="selection" width="55" align="center" />
+        <el-table-column align="center" width="180px">
+          <template slot-scope="{ row }">
+            {{
+              "【" +
+              (contractType && contractType == "sale"
+                ? "买家争议"
+                : "卖家争议") +
+              "】" +
+              row.createTime
+            }}
+          </template>
+        </el-table-column>
+        <el-table-column align="center" prop="dispute" />
+      </el-table>
+      <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 {
+  listBizContractDispute,
+  getBizContractDispute,
+  delBizContractDispute,
+  addBizContractDispute,
+  updateBizContractDispute,
+} from "../../../api/biz/bizContractDispute";
+
+import { sendDrafEmail } from "../../../api/biz/bizContract";
+
+export default {
+  name: "SendDrafEmail",
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 表单参数
+      form: {},
+      // 合同争议表格数据
+      bizContractDisputeList: [],
+      //合同类型
+      contractType: "",
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      //
+      selectionContractDisPuteList: [],
+      //
+      contract: null,
+    };
+  },
+  created() {},
+  mounted() {},
+  methods: {
+    /** 提交按钮 */
+    submitForm() {
+      this.contract.contractDisputeList = this.selectionContractDisPuteList;
+      sendDrafEmail(this.contract).then((response) => {
+        this.$modal.msgSuccess("发送成功");
+        this.open = false;
+      });
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.selectionContractDisPuteList = selection;
+      this.ids = selection.map((item) => item.contractDisputeId);
+      this.single = selection.length !== 1;
+      this.multiple = !selection.length;
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        contractDisputeId: null,
+        contractId: null,
+        dispute: null,
+        disputeType: null,
+        disputeState: null,
+        createTime: null,
+        updateTime: null,
+      };
+      this.resetForm("form");
+    },
+    /** 展示按钮操作 */
+    handleSend(contractDisputeList, contract) {
+      this.contractType = contract.contractType;
+      this.contract = contract;
+      this.title = "请确认发送邮件，并勾选你已经处理完成的争议";
+      this.bizContractDisputeList = contractDisputeList;
+      this.selectionContractDisPuteList = contractDisputeList;
+      this.$nextTick(() => {
+        this.$refs.multipleTable.toggleAllSelection();
+      });
+      this.open = true;
+    },
+  },
+};
+</script>