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

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

@@ -0,0 +1,88 @@
+<!--
+ * @Author: zhangpengwei 15038779532@163.com
+ * @Date: 2023-07-20 17:13:54
+ * @LastEditors: zhangpengwei 15038779532@163.com
+ * @LastEditTime: 2023-08-04 14:41:11
+ * @FilePath: /recycle-vue-ui再生博士后台管理/src/views/biz/contractTracing/contractTracingDetail.vue
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+-->
+<template>
+  <div class="app-container">
+    <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
+      <el-tab-pane :label="$t('contractDetail.summary')" name="first">
+        <contract-summary 
+          v-if="activeName == 'first'"
+          :channel="channel"
+        ></contract-summary>
+      </el-tab-pane>
+      <el-tab-pane :label="$t('contractDetail.info')" name="second">
+        <contract-info
+          v-if="activeName == 'second'"
+          :channel="channel"
+        ></contract-info>
+      </el-tab-pane>
+      <el-tab-pane
+        v-if="contract.contractType == 'sale'"
+        :label="$t('contractDetail.blInfo')"
+        name="third"
+      >
+        <bill-info
+          :contract="contract"
+          v-if="activeName == 'third'"
+        ></bill-info>
+      </el-tab-pane>
+      <el-tab-pane :label="$t('contractDetail.fileManage')" name="fourth">
+        <contract-file
+          v-if="activeName == 'fourth'"
+          :contract="contract"
+          :channel="channel"
+        ></contract-file>
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<script>
+import { getBizContract } from "../../../api/biz/bizContract";
+
+import ContractSummary from "./contractSummary.vue";
+import BillInfo from "./billInfo.vue";
+import ContractFile from "../bizFileInfo/contract.vue";
+import ContractInfo from "./contractInfo.vue";
+
+export default {
+  name: "ContractTracingDetail",
+  mixins: [],
+  components: { ContractSummary, BillInfo, ContractFile, ContractInfo },
+  props: {
+    channel: "official-website1",
+  },
+  data() {
+    return {
+      activeName: "first",
+      contract: {},
+    };
+  },
+  computed: {},
+  watch: {},
+  created() {
+    const contractId = this.$route.params && this.$route.params.contractId;
+    this.getContract(contractId);
+    const activeName = this.$route.query && this.$route.query.activeName;
+    this.activeName = activeName || "first";
+  },
+  mounted() {},
+  methods: {
+    getContract(contractId) {
+      getBizContract(contractId).then((res) => {
+        this.contract = res.data;
+      });
+    },
+    handleClick(tab, event) {
+      console.log(tab, event);
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss"></style>

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

@@ -0,0 +1,311 @@
+<template>
+  <div class="app-container">
+    <!-- 添加或修改合同争议对话框 -->
+    <el-dialog
+      :title="title"
+      :visible.sync="recordOpen"
+      width="800px"
+      append-to-body
+    >
+      <el-row :gutter="10" class="mb8">
+        <el-col :span="1.5">
+          <el-button
+            type="primary"
+            plain
+            icon="el-icon-plus"
+            size="mini"
+            @click="handleAdd"
+            v-hasPermi="['biz:contract:dispute:add']"
+            >新增</el-button
+          >
+        </el-col>
+      </el-row>
+
+      <el-table
+        v-loading="loading"
+        :data="bizContractDisputeList"
+        @selection-change="handleSelectionChange"
+      >
+        <el-table-column label="序号" align="center" type="index" />
+
+        <el-table-column label="争议内容" align="center" prop="dispute">
+        </el-table-column>
+
+        <el-table-column label="处理状态" align="center" prop="disputeState">
+          <template slot-scope="{ row }">
+            {{ row.disputeState ? "已处理" : "待处理" }}
+          </template>
+        </el-table-column>
+        <el-table-column label="图片">
+          <template slot-scope="{ row }">
+            <el-image
+              v-if="row.pictures && row.pictures.length > 0"
+              style="width: 100px; height: 100px"
+              :src="
+                row.pictures && row.pictures.length > 0
+                  ? row.pictures[0].generateUrl
+                  : ''
+              "
+              :preview-src-list="
+                row.pictures && row.pictures.length > 0
+                  ? row.pictures.map((obj) => obj.generateUrl)
+                  : []
+              "
+            ></el-image>
+          </template>
+        </el-table-column>
+        <el-table-column
+          label="操作"
+          align="center"
+          class-name="small-padding fixed-width"
+        >
+          <template slot-scope="scope">
+            <el-button
+              v-if="scope.row.disputeState == false"
+              size="mini"
+              type="text"
+              icon="el-icon-edit"
+              @click="handleComplete(scope.row)"
+              >处理完成</el-button
+            >
+            <el-button
+              size="mini"
+              type="text"
+              icon="el-icon-edit"
+              @click="handleUpdate(scope.row)"
+              >修改</el-button
+            >
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <pagination
+        v-show="total > 0"
+        :total="total"
+        :page.sync="queryParams.pageNum"
+        :limit.sync="queryParams.pageSize"
+        @pagination="getList"
+      />
+    </el-dialog>
+
+    <!-- 添加或修改合同争议对话框 -->
+    <el-dialog :title="title" :visible.sync="open" width="550px" append-to-body>
+      <el-form ref="form" :model="form" :rules="rules" label-width="100px">
+        <el-form-item label="争议内容" prop="dispute">
+          <el-input
+            v-model="form.dispute"
+            type="textarea"
+            placeholder="请输入内容"
+          />
+        </el-form-item>
+        <el-form-item prop="pictures">
+          <image-upload
+            v-model="form.pictures"
+            :limit="50"
+            :fileSize="10"
+            :uploadType="'contract_dispute'"
+          ></image-upload>
+        </el-form-item>
+      </el-form>
+      <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 { updateBizContract } from "../../../api/biz/bizContract";
+import ImageUpload from "../../../components/ImageUpload/s3.vue";
+
+export default {
+  name: "DisputeRecord",
+  components: {
+    ImageUpload,
+  },
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 合同争议表格数据
+      bizContractDisputeList: [],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        contractId: null,
+        dispute: null,
+        disputeType: null,
+        disputeState: null,
+      },
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {},
+      //
+      recordOpen: false,
+      //
+      contractId: null,
+    };
+  },
+  created() {},
+  methods: {
+    handleShow(contractId) {
+      this.queryParams.contractId = contractId;
+      this.contractId = contractId;
+      this.queryParams.disputeType = "normal";
+      this.getList();
+      this.recordOpen = true;
+      this.title = "争议记录";
+    },
+    /** 查询合同争议列表 */
+    getList() {
+      this.loading = true;
+      listBizContractDispute(this.queryParams).then((response) => {
+        this.bizContractDisputeList = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        contractDisputeId: null,
+        contractId: null,
+        dispute: null,
+        disputeType: null,
+        disputeState: null,
+        createTime: null,
+        updateTime: null,
+      };
+      this.resetForm("form");
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map((item) => item.contractDisputeId);
+      this.single = selection.length !== 1;
+      this.multiple = !selection.length;
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+      this.reset();
+      this.open = true;
+      this.form.contractId = this.contractId;
+      this.form.disputeType = "normal";
+      this.title = "添加合同争议";
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      this.reset();
+      const contractDisputeId = row.contractDisputeId || this.ids;
+      getBizContractDispute(contractDisputeId).then((response) => {
+        this.form = response.data;
+        this.form?.pictures?.forEach((element) => {
+          element.name = element.fileName;
+          element.path = element.fileFullPath;
+          element.url = element.generateUrl;
+        });
+        this.open = true;
+        this.title = "修改合同争议";
+      });
+    },
+    /** 提交按钮 */
+    submitForm() {
+      this.$refs["form"].validate((valid) => {
+        if (valid) {
+          if (this.form.contractDisputeId != null) {
+            updateBizContractDispute(this.form).then((response) => {
+              this.$modal.msgSuccess("修改成功");
+              this.open = false;
+              this.getList();
+            });
+          } else {
+            addBizContractDispute(this.form).then((response) => {
+              this.$modal.msgSuccess("新增成功");
+              this.open = false;
+              updateBizContract({
+                contractId: this.form.contractId,
+                contractStatus: "pending_processing",
+              });
+              this.getList();
+            });
+          }
+        }
+      });
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const contractDisputeIds = row.contractDisputeId || this.ids;
+      this.$modal
+        .confirm(
+          '是否确认删除合同争议编号为"' + contractDisputeIds + '"的数据项？'
+        )
+        .then(function () {
+          return delBizContractDispute(contractDisputeIds);
+        })
+        .then(() => {
+          this.getList();
+          this.$modal.msgSuccess("删除成功");
+        })
+        .catch(() => {});
+    },
+    //处理完成
+    handleComplete(row) {
+      this.form.contractDisputeId = row.contractDisputeId;
+      this.form.disputeState = true;
+      updateBizContractDispute(this.form).then((response) => {
+        this.$modal.msgSuccess("修改成功");
+        this.open = false;
+        this.getList();
+      });
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      this.download(
+        "biz/contract/dispute/export",
+        {
+          ...this.queryParams,
+        },
+        `bizContractDispute_${new Date().getTime()}.xlsx`
+      );
+    },
+  },
+};
+</script>

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

@@ -0,0 +1,205 @@
+<template>
+  <div>
+    <el-row :gutter="5" v-if="this.form.contractType == 'purchase'">
+      <el-col :span="12">
+        <el-container style="height: 1200px">
+          <el-main>
+            <contract-by-no
+              :contractNo="form.contractNo"
+              :portDictList="portDictList"
+              :countryDictList="countryDictList"
+            ></contract-by-no>
+          </el-main>
+        </el-container>
+      </el-col>
+
+      <el-col :span="12">
+        <el-container style="height: 1200px">
+          <el-main>
+            <div
+              v-for="item in form.purchaseContractNos || form.saleContractNos"
+              :key="item"
+            >
+              <contract-by-no
+                v-if="item"
+                :contractNo="item"
+                :portDictList="portDictList"
+                :countryDictList="countryDictList"
+              ></contract-by-no>
+            </div>
+          </el-main>
+        </el-container>
+      </el-col>
+    </el-row>
+    <el-row :gutter="5" v-else>
+      <el-col :span="12">
+        <el-container style="height: 1200px">
+          <el-main>
+            <div
+              v-for="item in form.purchaseContractNos || form.saleContractNos"
+              :key="item"
+            >
+              <contract-by-no
+                v-if="item"
+                :contractNo="item"
+                :portDictList="portDictList"
+                :countryDictList="countryDictList"
+              ></contract-by-no>
+            </div>
+          </el-main>
+        </el-container>
+      </el-col>
+
+      <el-col :span="12">
+        <el-container style="height: 1200px">
+          <el-main>
+            <contract-by-no
+              :contractNo="form.contractNo"
+              :portDictList="portDictList"
+              :countryDictList="countryDictList"
+            ></contract-by-no>
+          </el-main>
+        </el-container>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import {
+  getBizContract,
+  listBizContract,
+  associationContract,
+  getBizContractByNo,
+} from "../../../api/biz/bizContract";
+
+import ContractByNo from "./contract";
+import { portDictList, listDictData } from "../../../api/biz/dictData";
+
+export default {
+  name: "ContractEdit",
+  components: { ContractByNo },
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 表单参数
+      form: {},
+      //港口数据列表
+      portDictList: [],
+      //国家数据李北奥
+      countryDictList: [],
+    };
+  },
+  created() {
+    const contractNo = this.$route.params && this.$route.params.contractNo;
+    this.getBizContractByNo(contractNo);
+    this.getPortDictList();
+    this.getCountryDictList();
+  },
+  methods: {
+    //获取国家数据列表
+    getCountryDictList() {
+      const dictData = {
+        dictType: "Country",
+        pageNum: 1,
+        pageSize: 999,
+        orderByColumn: "dictValue",
+        isAsc: "asc",
+      };
+      listDictData(dictData).then((response) => {
+        this.countryDictList = response.rows;
+      });
+    },
+    //获取港口数据列表
+    getPortDictList() {
+      portDictList().then((response) => {
+        this.portDictList = response.rows;
+      });
+    },
+    getBizContractByNo(contractNo) {
+      this.reset();
+      getBizContractByNo(contractNo).then((response) => {
+        this.form = response.data;
+      });
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        contractId: null,
+        transactionId: null,
+        dealId: null,
+        askId: null,
+        askName: null,
+        contractNo: null,
+        contractType: null,
+        quoteType: null,
+        currency: null,
+        buyerAccountId: null,
+        buyCompanyId: null,
+        buyContractCompanyId: null,
+        buyCompanyName: null,
+        buyCompanyNameEn: null,
+        buyCompanyAddress: null,
+        supplierAccountId: null,
+        supplierCompanyId: null,
+        supplierContractCompanyId: null,
+        supplierCompanyName: null,
+        supplierCompanyNameEn: null,
+        supplierCompanyAddress: null,
+        totalWeight: null,
+        serviceFee: null,
+        serviceFeeSwitch: null,
+        freightTerms: null,
+        deposit: null,
+        depositDays: null,
+        balance: null,
+        balanceDays: null,
+        balancePaymentType: null,
+        balancePaymentForm: null,
+        loadingCountry: null,
+        originCountry: null,
+        destination: null,
+        numberOfContainersForTwenty: null,
+        numberOfContainersForForty: null,
+        numberOfContainersForTwentyOrForty: null,
+        toleranceFloat: null,
+        weightTolerance: null,
+        latestShipment: null,
+        livePriceSwitch: null,
+        livePriceDays: null,
+        livePriceForm: null,
+        livePriceUsertype: null,
+        requiredDocuments: null,
+        qualityCertificate: null,
+        qualityCertificateSwitch: null,
+        claim: null,
+        claimSwitch: null,
+        arbitration: null,
+        arbitrationSwitch: null,
+        memo: null,
+        memoSwitch: null,
+        contractState: null,
+        invoiceState: null,
+        remark: null,
+        imported: null,
+        submitFlag: null,
+        createTime: null,
+        updateTime: null,
+        completionTime: null,
+        dealTime: null,
+        contractStatus: "0",
+        contractFlag: null,
+        submitEndTime: null,
+        saleContractNos: null,
+        purchaseContractNos: null,
+      };
+      this.resetForm("form");
+    },
+  },
+};
+</script>