1

.env.development

@@ -7,9 +7,9 @@ VUE_APP_ENV = 'development'
 # 若依管理系统/生产环境
 VUE_APP_BASE_API = '/test-api'
 
-VUE_APP_WS_API = '/test-api'
+VUE_APP_WS_API = ':9901/test-api'
 
-VUE_APP_IP = '121.37.194.75'
+VUE_APP_IP = '139.9.102.170'
 
 # 是否在打包时开启压缩，支持 gzip 和 brotli
 VUE_APP_COMPRESS = gzip

.env.prod

@@ -10,6 +10,6 @@ VUE_APP_BASE_API = '/prod-api'
 # 是否在打包时开启压缩，支持 gzip 和 brotli
 VUE_APP_COMPRESS = gzip
 
-VUE_APP_WS_API = '/prod-api'
+VUE_APP_WS_API = ':9900/prod-api'
 
-VUE_APP_IP = '139.159.251.109'
+VUE_APP_IP = '139.9.102.170'

.env.staging

@@ -13,6 +13,6 @@ VUE_APP_BASE_API = '/test-api'
 # 是否在打包时开启压缩，支持 gzip 和 brotli
 VUE_APP_COMPRESS = gzip
 
-VUE_APP_WS_API = '/test-api'
+VUE_APP_WS_API = ':9901/test-api'
 
-VUE_APP_IP = '121.37.194.75'
+VUE_APP_IP = '139.9.102.170'

src/views/processApproval/components/EhsdContract.vue

@@ -0,0 +1,1092 @@
+<template>
+  <div class="form">
+    <van-tabs v-model:active="active">
+      <van-tab :title="proxy.t('contract.transactionInformation')" />
+      <van-tab title="付款信息" />
+      <van-tab :title="proxy.t('contract.commodityInformation')" />
+      <van-tab :title="proxy.t('contract.otherCharges')" />
+      <van-tab :title="proxy.t('contract.shipmentPlan')" />
+      <div class="common-process-card" v-show="active == 0">
+        <div class="common-title">
+          {{ proxy.t("contract.transactionInformation") }}
+        </div>
+        <testForm
+          v-model="formData.data"
+          :formOption="formOption"
+          :formConfig="formConfig"
+          :rules="rules"
+          ref="formDom1"
+        >
+        </testForm>
+      </div>
+      <div class="common-process-card" v-show="active == 1">
+        <div class="common-title">付款信息</div>
+        <testForm
+          v-model="formData.data"
+          :formOption="formOption"
+          :formConfig="formConfigOne"
+          :rules="rules"
+          ref="formDom2"
+        >
+        </testForm>
+      </div>
+      <div class="common-process-card" v-show="active == 2">
+        <div class="common-title">商品信息</div>
+        <testForm
+          v-model="formData.data"
+          :formOption="formGoodsOption"
+          :formConfig="formEmptyConfig"
+          :rules="rules"
+          ref="formDom3"
+        >
+        </testForm>
+      </div>
+      <div class="common-process-card" v-show="active == 3">
+        <div class="common-title">其他收费</div>
+        <testForm
+          v-model="formData.data"
+          :formOption="formProjectOption"
+          :formConfig="formEmptyConfig"
+          :rules="rules"
+          ref="formDom4"
+        >
+        </testForm>
+        <testForm
+          v-model="formData.data"
+          :formOption="formOption"
+          :formConfig="formAmountProjectConfig"
+          :rules="rules"
+          ref="formDom5"
+        >
+        </testForm>
+      </div>
+      <div class="common-process-card" v-show="active == 4">
+        <div class="common-title">出货计划</div>
+        <testForm
+          v-model="formData.data"
+          :formOption="formShipmentOption"
+          :formConfig="formEmptyConfig"
+          :rules="rulesTwo"
+          ref="formDom6"
+        >
+        </testForm>
+      </div>
+    </van-tabs>
+  </div>
+</template>
+
+<script setup>
+import {
+  ref,
+  getCurrentInstance,
+  onMounted,
+  defineProps,
+  defineExpose,
+  watch,
+  reactive,
+  toRefs,
+} from "vue";
+import { useRoute } from "vue-router";
+import testForm from "@/components/testForm/index.vue";
+import { getUserInfo } from "@/utils/auth";
+import { showFailToast } from "vant";
+
+// 接收父组件的传值
+const props = defineProps({
+  queryData: Object,
+});
+const refProps = toRefs(props);
+const proxy = getCurrentInstance().proxy;
+const route = useRoute();
+const active = ref(0);
+const tabsChange = () => {
+  active.value++;
+};
+const formData = reactive({
+  data: {
+    contractProductList: [],
+    contractProjectList: [],
+    contractShipmentList: [],
+  },
+});
+const formDom1 = ref(null);
+const formDom2 = ref(null);
+const formDom3 = ref(null);
+const formDom4 = ref(null);
+const formDom5 = ref(null);
+const formDom6 = ref(null);
+
+const formOption = reactive({
+  readonly: false,
+  disabled: false,
+  labelAlign: "top",
+  scroll: true,
+  labelWidth: "62pk",
+  hiddenSubmitBtn: true,
+});
+const formConfig = reactive([
+  {
+    type: "picker",
+    label: proxy.t("contract.contractTemplateId"),
+    prop: "contractTemplateId",
+    itemType: "onePicker",
+    showPicker: false,
+    fieldNames: {
+      text: "label",
+      value: "value",
+    },
+    data: [],
+    changeFn: (val, data) => {},
+  },
+  {
+    type: "title",
+    title: proxy.t("contract.sellerInformation"),
+  },
+  {
+    type: "picker",
+    label: proxy.t("contract.sellCorporationId"),
+    prop: "sellCorporationId",
+    itemType: "onePicker",
+    showPicker: false,
+    fieldNames: {
+      text: "label",
+      value: "value",
+    },
+    data: [],
+    readonly: true,
+  },
+  {
+    type: "input",
+    label: proxy.t("contract.cityText"),
+    prop: "sellCity",
+    itemType: "text",
+    readonly: true,
+  },
+  {
+    type: "input",
+    label: proxy.t("contract.address"),
+    prop: "sellAddress",
+    itemType: "textarea",
+  },
+  {
+    type: "input",
+    label: proxy.t("contract.contactName"),
+    prop: "sellContactName",
+    itemType: "text",
+  },
+  {
+    type: "input",
+    label: proxy.t("contract.contactNumber"),
+    prop: "sellContactNumber",
+    itemType: "text",
+  },
+  {
+    type: "title",
+    title: proxy.t("contract.buyerInformation"),
+  },
+  {
+    type: "picker",
+    label: proxy.t("contract.buyCorporationId"),
+    prop: "buyCorporationId",
+    itemType: "onePicker",
+    showPicker: false,
+    fieldNames: {
+      text: "label",
+      value: "value",
+    },
+    data: [],
+    changeFn: (val, data) => {},
+  },
+  {
+    type: "cascader",
+    label: proxy.t("contract.cityText"),
+    prop: "countryId",
+    itemType: "city",
+    showPicker: false,
+  },
+  {
+    type: "input",
+    label: proxy.t("contract.address"),
+    prop: "buyAddress",
+    itemType: "textarea",
+  },
+  {
+    type: "input",
+    label: proxy.t("contract.postalCode"),
+    prop: "buyPostalCode",
+    itemType: "text",
+  },
+  {
+    type: "input",
+    label: proxy.t("contract.contactName"),
+    prop: "buyContactName",
+    itemType: "text",
+  },
+  {
+    type: "input",
+    label: proxy.t("contract.contactNumber"),
+    prop: "buyContactNumber",
+    itemType: "text",
+  },
+]);
+const formConfigOne = reactive([
+  {
+    type: "picker",
+    label: "币种",
+    prop: "currency",
+    itemType: "onePicker",
+    showPicker: false,
+    fieldNames: {
+      text: "label",
+      value: "value",
+    },
+    data: [],
+    readonly: true,
+  },
+  {
+    type: "input",
+    label: "汇率",
+    prop: "rate",
+    itemType: "number",
+    readonly: true,
+  },
+  {
+    type: "picker",
+    label: "付款方式",
+    prop: "paymentMethod",
+    itemType: "onePicker",
+    showPicker: false,
+    fieldNames: {
+      text: "label",
+      value: "value",
+    },
+    data: [],
+    readonly: true,
+  },
+  {
+    type: "input",
+    label: "预付比例",
+    prop: "advanceRatio",
+    itemType: "number",
+    readonly: true,
+  },
+  {
+    type: "input",
+    label: "付款条件",
+    prop: "remark",
+    itemType: "textarea",
+  },
+  {
+    type: "picker",
+    label: "收款账号",
+    prop: "shroffAccountId",
+    itemType: "onePicker",
+    showPicker: false,
+    fieldNames: {
+      text: "label",
+      value: "value",
+    },
+    data: [],
+    readonly: true,
+  },
+  {
+    type: "input",
+    label: "Beneficiary Name",
+    prop: "beneficiaryName",
+    itemType: "text",
+  },
+  {
+    type: "input",
+    label: "Beneficiary Account Number",
+    prop: "beneficiaryAccountNumber",
+    itemType: "text",
+  },
+  {
+    type: "input",
+    label: "Beneficiary Bank",
+    prop: "beneficiaryBank",
+    itemType: "text",
+  },
+  {
+    type: "input",
+    label: "Swift Code",
+    prop: "swiftCode",
+    itemType: "text",
+  },
+  {
+    type: "input",
+    label: "Beneficiary Bank Address",
+    prop: "beneficiaryBankAddress",
+    itemType: "text",
+  },
+  {
+    type: "input",
+    label: "Beneficiary Address",
+    prop: "beneficiaryAddress",
+    itemType: "text",
+  },
+  {
+    type: "title",
+    title: "交付信息",
+  },
+  {
+    type: "input",
+    label: "报价有效期 (天)",
+    prop: "effective",
+    itemType: "number",
+    readonly: true,
+  },
+  {
+    type: "picker",
+    label: "交货期限",
+    prop: "deliveryTime",
+    itemType: "datePicker",
+    showPicker: false,
+    split: "-",
+    columnsType: ["year", "month", "day"],
+  },
+  {
+    type: "picker",
+    label: "运输方式",
+    prop: "transportMethod",
+    itemType: "onePicker",
+    showPicker: false,
+    fieldNames: {
+      text: "label",
+      value: "value",
+    },
+    data: [],
+    readonly: true,
+  },
+  {
+    type: "input",
+    label: "运输说明",
+    prop: "transportRemark",
+    itemType: "text",
+  },
+]);
+const formGoodsOption = reactive({
+  readonly: false,
+  disabled: false,
+  labelAlign: "top",
+  scroll: true,
+  labelWidth: "62pk",
+  hiddenSubmitBtn: true,
+  btnConfig: {
+    isNeed: true,
+    prop: "contractProductList",
+    plain: true,
+    listTitle: "商品信息",
+    listConfig: [
+      {
+        type: "input",
+        label: "商品中文名",
+        prop: "productCnName",
+        itemType: "text",
+      },
+      {
+        type: "input",
+        label: "商品英文名",
+        prop: "productName",
+        itemType: "text",
+      },
+      {
+        type: "input",
+        label: "尺寸 cm*cm*cm",
+        prop: "productModel",
+        itemType: "text",
+      },
+      {
+        type: "input",
+        label: "包装方式",
+        prop: "packMethod",
+        itemType: "text",
+      },
+      {
+        type: "input",
+        label: "数量",
+        prop: "quantity",
+        itemType: "number",
+        // changeFn: () => {
+        //   calculatedAmount();
+        // },
+      },
+      {
+        type: "input",
+        label: "单价",
+        prop: "price",
+        itemType: "number",
+        // changeFn: () => {
+        //   calculatedAmount();
+        // },
+      },
+      {
+        type: "picker",
+        label: "贸易方式",
+        prop: "tradeMethods",
+        itemType: "onePicker",
+        showPicker: false,
+        fieldNames: {
+          text: "label",
+          value: "value",
+        },
+        data: [],
+        readonly: true,
+      },
+      {
+        type: "input",
+        label: "金额",
+        prop: "amount",
+        itemType: "number",
+        // changeFn: () => {
+        //   calculatedAmount();
+        // },
+      },
+    ],
+    clickFn: () => {
+      if (
+        formData.data.contractProductList &&
+        formData.data.contractProductList.length > 0
+      ) {
+        formData.data.contractProductList.push({
+          productId: null,
+          productName: null,
+          productModel: null,
+          quantity: null,
+          price: null,
+          amount: null,
+          remark: null,
+        });
+        formData.data.contractShipmentList.push({
+          productId: null,
+          productName: null,
+          shipmentTime: null,
+          quantity: null,
+          remark: null,
+        });
+      } else {
+        formData.data.contractProductList = [
+          {
+            productId: null,
+            productName: null,
+            productModel: null,
+            quantity: null,
+            price: null,
+            amount: null,
+            remark: null,
+          },
+        ];
+        formData.data.contractShipmentList = [
+          {
+            productId: null,
+            productName: null,
+            shipmentTime: null,
+            quantity: null,
+            remark: null,
+          },
+        ];
+      }
+    },
+    deleteFn: (index) => {
+      formData.data.contractProductList.splice(index, 1);
+      formData.data.contractShipmentList.splice(index, 1);
+      handleChangeAmount();
+    },
+  },
+});
+const formEmptyConfig = reactive([]);
+
+const formAmountProjectConfig = reactive([
+  {
+    type: "input",
+    label: "合同总金额",
+    prop: "amount",
+    itemType: "text",
+    readonly: true,
+  },
+]);
+const formProjectOption = reactive({
+  readonly: false,
+  disabled: false,
+  labelAlign: "top",
+  scroll: true,
+  labelWidth: "62pk",
+  hiddenSubmitBtn: true,
+  btnConfig: {
+    isNeed: true,
+    prop: "contractProjectList",
+    plain: true,
+    listTitle: "收费项目",
+    listConfig: [
+      {
+        type: "input",
+        label: "收费项目",
+        prop: "payName",
+        itemType: "text",
+      },
+      {
+        type: "input",
+        label: "金额",
+        prop: "amount",
+        itemType: "number",
+        changeFn: () => {
+          handleChangeAmount();
+        },
+      },
+      {
+        type: "input",
+        label: "备注",
+        prop: "remark",
+        itemType: "textarea",
+      },
+    ],
+    clickFn: () => {
+      if (
+        formData.data.contractProjectList &&
+        formData.data.contractProjectList.length > 0
+      ) {
+        formData.data.contractProjectList.push({
+          payName: null,
+          amount: null,
+          remark: null,
+        });
+      } else {
+        formData.data.contractProjectList = [
+          {
+            payName: null,
+            amount: null,
+            remark: null,
+          },
+        ];
+      }
+    },
+    deleteFn: (index) => {
+      formData.data.contractProjectList.splice(index, 1);
+      handleChangeAmount();
+    },
+  },
+});
+
+const formShipmentOption = reactive({
+  readonly: false,
+  disabled: false,
+  labelAlign: "top",
+  scroll: true,
+  labelWidth: "62pk",
+  hiddenSubmitBtn: true,
+  btnConfig: {
+    isNeed: false,
+    prop: "contractShipmentList",
+    plain: true,
+    listTitle: "商品",
+    listConfig: [
+      {
+        type: "picker",
+        label: "出货日期",
+        prop: "shipmentTime",
+        itemType: "datePicker",
+        showPicker: false,
+        split: "-",
+        columnsType: ["year", "month", "day"],
+      },
+      {
+        type: "input",
+        label: "商品编码",
+        prop: "productCode",
+        itemType: "text",
+      },
+      {
+        type: "input",
+        label: "商品名称",
+        prop: "productName",
+        itemType: "text",
+      },
+      {
+        type: "input",
+        label: "出货数量",
+        prop: "quantity",
+        itemType: "number",
+      },
+    ],
+  },
+});
+const rules = {
+  contractType: [
+    { required: true, message: proxy.t("contract.contractTypeMsg") },
+  ],
+  contractTemplateId: [
+    { required: true, message: proxy.t("contract.contractTemplateIdMsg") },
+  ],
+  sellCorporationId: [
+    { required: true, message: proxy.t("contract.sellCorporationIdMsg") },
+  ],
+  buyCorporationId: [
+    { required: true, message: proxy.t("contract.buyCorporationIdMsg") },
+  ],
+  sellCity: [{ required: true, message: proxy.t("contract.cityMsg") }],
+  countryCity: [{ required: true, message: proxy.t("contract.cityMsg") }],
+  sellAddress: [{ required: true, message: proxy.t("contract.addressMsg") }],
+  buyAddress: [{ required: true, message: proxy.t("contract.addressMsg") }],
+  sellContactName: [
+    { required: true, message: proxy.t("contract.contactNameMsg") },
+  ],
+  sellContactNumber: [
+    { required: true, message: proxy.t("contract.contactNumberMsg") },
+  ],
+  // buyPostalCode: [{ required: true, message: proxy.t("contract.postalCodeMsg") }],
+  buyContactName: [
+    { required: true, message: proxy.t("contract.contactNameMsg") },
+  ],
+  buyContactNumber: [
+    { required: true, message: proxy.t("contract.contactNumberMsg") },
+  ],
+  productId: [{ required: true, message: proxy.t("contract.productIdMsg") }],
+  productName: [
+    { required: true, message: proxy.t("contract.productNameMsg") },
+  ],
+  productModel: [
+    { required: true, message: proxy.t("contract.productModelMsg") },
+  ],
+  quantity: [{ required: true, message: proxy.t("contract.quantityMsg") }],
+  price: [{ required: true, message: proxy.t("contract.priceMsg") }],
+  payName: [{ required: true, message: proxy.t("contract.chargeItemMsg") }],
+  amount: [{ required: true, message: proxy.t("contract.amountMsg") }],
+};
+const rulesTwo = {
+  currency: [{ required: true, message: proxy.t("contract.currencyMsg") }],
+  paymentMethod: [
+    { required: true, message: proxy.t("contract.paymentMethodMsg") },
+  ],
+  advanceRatio: [
+    { required: true, message: proxy.t("contract.advanceRatioMsg") },
+  ],
+  shroffAccountId: [
+    { required: true, message: proxy.t("contract.shroffAccountIdMsg") },
+  ],
+  tradeMethods: [
+    { required: true, message: proxy.t("contract.tradeMethodsMsg") },
+  ],
+  transportMethod: [
+    { required: true, message: proxy.t("contract.transportMethodMsg") },
+  ],
+  transportRemark: [
+    { required: true, message: proxy.t("contract.transportRemarkMsg") },
+  ],
+  remark: [{ required: true, message: proxy.t("contract.remarksMsg") }],
+};
+const getDict = () => {
+  let query = {
+    pageNum: 1,
+    pageSize: 999,
+    tenantId: getUserInfo().tenantId,
+  };
+
+  proxy
+    .post("/contractTemplate/page", { pageNum: 1, pageSize: 999 })
+    .then((res) => {
+      formConfig[0].data = res.data.rows.map((item) => {
+        return {
+          ...item,
+          label: item.templateName,
+          value: item.id,
+        };
+      });
+    });
+  proxy.post("/corporation/page", { pageNum: 1, pageSize: 999 }).then((res) => {
+    formConfig[2].data = res.data.rows.map((item) => {
+      return {
+        ...item,
+        label: item.name,
+        value: item.id,
+      };
+    });
+  });
+  // 产品
+  proxy
+    .post("/productInfo/page", { pageNum: 1, pageSize: 9999, definition: "1" })
+    .then((res) => {
+      if (res.data.rows && res.data.rows.length > 0) {
+        formGoodsOption.btnConfig.listConfig[0].data = res.data.rows.map(
+          (item) => {
+            return {
+              ...item,
+              label: item.name,
+              value: item.id,
+            };
+          }
+        );
+      }
+    });
+  // 币种
+  proxy
+    .post("/dictTenantData/page", { ...query, dictCode: "account_currency" })
+    .then((res) => {
+      if (res.data.rows && res.data.rows.length > 0) {
+        formConfigOne[0].data = res.data.rows.map((item) => {
+          return {
+            label: item.dictValue,
+            value: item.dictKey,
+          };
+        });
+      }
+    });
+  // 付款方式
+  proxy
+    .post("/dictTenantData/page", {
+      ...query,
+      dictCode: "funds_payment_method",
+    })
+    .then((res) => {
+      if (res.data.rows && res.data.rows.length > 0) {
+        formConfigOne[2].data = res.data.rows.map((item) => {
+          return {
+            label: item.dictValue,
+            value: item.dictKey,
+          };
+        });
+      }
+    });
+  // 账户
+  proxy
+    .post("/accountManagement/page", { pageNum: 1, pageSize: 999 })
+    .then((res) => {
+      if (res.data.rows && res.data.rows.length > 0) {
+        formConfigOne[5].data = res.data.rows.map((item) => {
+          return {
+            ...item,
+            label: item.alias,
+            value: item.id,
+          };
+        });
+      }
+    });
+  // 贸易方式
+  proxy
+    .post("/dictTenantData/page", { ...query, dictCode: "trade_mode" })
+    .then((res) => {
+      if (res.data.rows && res.data.rows.length > 0) {
+        formGoodsOption.btnConfig.listConfig[6].data = res.data.rows.map(
+          (item) => {
+            return {
+              label: item.dictValue,
+              value: item.dictKey,
+            };
+          }
+        );
+      }
+    });
+  // 运输方式
+  proxy
+    .post("/dictTenantData/page", { ...query, dictCode: "shipping_method" })
+    .then((res) => {
+      if (res.data.rows && res.data.rows.length > 0) {
+        formConfigOne[15].data = res.data.rows.map((item) => {
+          return {
+            label: item.dictValue,
+            value: item.dictKey,
+          };
+        });
+      }
+    });
+  // if (["10", "20"].includes(route.query.processType)) {
+  //   proxy
+  //     .post("/customer/selPage", { pageNum: 1, pageSize: 50 })
+  //     .then((res) => {
+  //       formConfig[8].data = res.data.rows.map((x) => ({
+  //         ...x,
+  //         label: x.name,
+  //         value: x.id,
+  //       }));
+  //     });
+  // }
+};
+getDict();
+const calculatedAmount = () => {
+  if (
+    formData.data.contractProductList &&
+    formData.data.contractProductList.length > 0
+  ) {
+    for (let i = 0; i < formData.data.contractProductList.length; i++) {
+      let money = 0;
+      if (
+        formData.data.contractProductList[i].quantity &&
+        formData.data.contractProductList[i].price
+      ) {
+        money = Number(
+          Math.round(
+            Number(formData.data.contractProductList[i].quantity) *
+              Number(formData.data.contractProductList[i].price) *
+              10000
+          ) / 10000
+        );
+      }
+      formData.data.contractProductList[i].amount = money;
+    }
+  }
+  handleChangeAmount();
+};
+const handleChangeAmount = () => {
+  let money = 0;
+  let amountProduct = 0;
+  let amountProject = 0;
+  if (
+    formData.data.contractProductList &&
+    formData.data.contractProductList.length > 0
+  ) {
+    for (let i = 0; i < formData.data.contractProductList.length; i++) {
+      if (formData.data.contractProductList[i].amount) {
+        money = Number(
+          Math.round(
+            (Number(money) +
+              Number(formData.data.contractProductList[i].amount)) *
+              10000
+          ) / 10000
+        );
+        amountProduct = Number(
+          Math.round(
+            (Number(amountProduct) +
+              Number(formData.data.contractProductList[i].amount)) *
+              10000
+          ) / 10000
+        );
+      }
+    }
+  }
+  if (
+    formData.data.contractProjectList &&
+    formData.data.contractProjectList.length > 0
+  ) {
+    for (let i = 0; i < formData.data.contractProjectList.length; i++) {
+      if (formData.data.contractProjectList[i].amount) {
+        money = Number(
+          Math.round(
+            (Number(money) +
+              Number(formData.data.contractProjectList[i].amount)) *
+              10000
+          ) / 10000
+        );
+        amountProject = Number(
+          Math.round(
+            (Number(amountProject) +
+              Number(formData.data.contractProjectList[i].amount)) *
+              10000
+          ) / 10000
+        );
+      }
+    }
+  }
+  formData.data.amount = money;
+  formData.data.amountProduct = amountProduct;
+  formData.data.amountProject = amountProject;
+};
+const handleSubmit = async () => {
+  const flag = await formDom1.value.validateForm().then((status) => {
+    if (status) {
+      active.value = 0;
+      return false;
+    } else {
+      if (
+        !(
+          formData.data.contractProductList &&
+          formData.data.contractProductList.length > 0
+        )
+      ) {
+        active.value = 1;
+        showFailToast(proxy.t("contract.pleaseAddProduct"));
+        return false;
+      }
+      return formDom2.value.validateForm().then((status1) => {
+        if (status1) {
+          active.value = 1;
+          return false;
+        } else {
+          return formDom4.value.validateForm().then((status2) => {
+            if (status2) {
+              active.value = 2;
+              return false;
+            } else {
+              return formDom6.value.validateForm().then((status3) => {
+                if (status3) {
+                  active.value = 3;
+                  return false;
+                } else {
+                  return true;
+                }
+              });
+            }
+          });
+        }
+      });
+    }
+  });
+  if (flag) {
+    return formData.data;
+  }
+};
+let status = ref(true);
+onMounted(() => {
+  if (route.query && route.query.businessId) {
+    let businessId = route.query.businessId;
+    proxy.post("/contract/detail", { id: businessId }).then((res) => {
+      console.log(res, "asda");
+
+      res.data.countryId = res.data.buyCountryId;
+      res.data.provinceId = res.data.buyProvinceId;
+      res.data.cityId = res.data.buyCityId;
+      for (const key in res.data) {
+        formData.data[key] = res.data[key];
+      }
+      formData.data.sellCity =
+        formData.data.sellCountryName +
+        " " +
+        formData.data.sellProvinceName +
+        " " +
+        formData.data.sellCityName;
+      formData.data.countryIdName =
+        formData.data.buyCountryName +
+        " " +
+        formData.data.buyProvinceName +
+        " " +
+        formData.data.buyCityName;
+      if (formData.data.buyCorporationName) {
+        proxy
+          .post("/customer/selPage", {
+            keyword: formData.data.buyCorporationName,
+          })
+          .then((res) => {
+            formConfig[8].data = res.data.rows.map((x) => ({
+              ...x,
+              label: x.name,
+              value: x.id,
+            }));
+          });
+      }
+      if (
+        formData.data.contractProductList &&
+        formData.data.contractProductList.length > 0
+      ) {
+        for (let i = 0; i < formData.data.contractProductList.length; i++) {
+          const e = formData.data.contractProductList[i];
+
+          if (e.ehsdJson) {
+            let obj = JSON.parse(e.ehsdJson);
+            console.log(obj, "asda");
+            e.packMethod = obj.packMethod;
+            e.tradeMethods = obj.tradeMethods;
+          }
+        }
+      }
+      if (["10", "20"].includes(route.query.processType)) {
+        formOption.readonly = true;
+        formGoodsOption.readonly = true;
+        formGoodsOption.btnConfig.isNeed = false;
+        formProjectOption.readonly = true;
+        formProjectOption.btnConfig.isNeed = false;
+        formShipmentOption.readonly = true;
+      }
+      formDom1.value.formDataShowLabelOne();
+      formDom2.value.formDataShowLabelOne();
+    });
+  }
+});
+watch(
+  refProps.queryData,
+  () => {
+    console.log(refProps.queryData, "aa");
+    return;
+    if (
+      refProps.queryData.value &&
+      ["10", "20", "30"].includes(route.query.processType)
+    ) {
+      for (const key in refProps.queryData.value) {
+        formData.data[key] = refProps.queryData.value[key];
+      }
+      formDom1.value.formDataShowLabelOne();
+      formDom2.value.formDataListShowLabelOne();
+      formDom6.value.formDataShowLabelOne();
+      if (!formData.data.sellCity) {
+        let sellCity = "";
+        if (formData.data.sellCountryName) {
+          sellCity = formData.data.sellCountryName;
+        }
+        if (formData.data.sellProvinceName) {
+          sellCity = sellCity + " " + formData.data.sellProvinceName;
+        }
+        if (formData.data.sellCityName) {
+          sellCity = sellCity + " " + formData.data.sellCityName;
+        }
+        formData.data.sellCity = sellCity;
+      }
+      if (["10", "20"].includes(route.query.processType)) {
+        formOption.readonly = true;
+        formGoodsOption.readonly = true;
+        formGoodsOption.btnConfig.isNeed = false;
+        formProjectOption.readonly = true;
+        formProjectOption.btnConfig.isNeed = false;
+        formShipmentOption.readonly = true;
+      }
+      handleChangeAmount();
+      if (status.value) {
+        if (!formData.data.countryCityName) {
+          if (formData.data.countryId) {
+            let countryCityName = "";
+            formData.data.countryCity = formData.data.countryId;
+            proxy.post("/customizeArea/list", { parentId: "0" }).then((res) => {
+              let list = res.data.filter(
+                (item) => item.id == formData.data.countryId
+              );
+              if (list && list.length > 0) {
+                countryCityName = list[0].name;
+                formData.data.countryCityName = countryCityName;
+              }
+              if (formData.data.provinceId) {
+                formData.data.countryCity = formData.data.provinceId;
+                proxy
+                  .post("/customizeArea/list", {
+                    parentId: formData.data.countryId,
+                  })
+                  .then((res) => {
+                    let list = res.data.filter(
+                      (item) => item.id == formData.data.provinceId
+                    );
+                    if (list && list.length > 0) {
+                      countryCityName = countryCityName + " " + list[0].name;
+                      formData.data.countryCityName = countryCityName;
+                    }
+                    if (formData.data.cityId) {
+                      formData.data.countryCity = formData.data.cityId;
+                      proxy
+                        .post("/customizeArea/list", {
+                          parentId: formData.data.provinceId,
+                        })
+                        .then((res) => {
+                          let list = res.data.filter(
+                            (item) => item.id == formData.data.cityId
+                          );
+                          if (list && list.length > 0) {
+                            countryCityName =
+                              countryCityName + " " + list[0].name;
+                            formData.data.countryCityName = countryCityName;
+                          }
+                        });
+                    }
+                  });
+              }
+            });
+          }
+        }
+        status.value = false;
+      }
+    }
+  },
+  {
+    deep: true,
+  }
+);
+defineExpose({
+  handleSubmit,
+  tabsChange,
+});
+onMounted(() => {});
+</script>
+<style lang="scss" scoped></style>

src/views/processApproval/index.vue

@@ -1,159 +1,160 @@
 <template>
-	<van-nav-bar
-		:title="$t('processApproval.name')"
-		left-text=""
-		left-arrow
-		@click-left="onClickLeft"
-		@click-right="onClickRight"
-	>
-	</van-nav-bar>
-	<van-search
-		v-model="req.keyword"
-		:placeholder="$t('common.pleaseEnterKeywords')"
-		@search="onRefresh"
-	/>
-	<van-pull-refresh v-model="loading" @refresh="onRefresh">
-		<div class="list">
-			<van-list
-				v-model:loading="loading"
-				:finished="finished"
-				:finished-text="$t('common.noMore')"
-				@load="onLoad"
-				style="margin-bottom: 60px"
-			>
-				<commonList
-					:data="listData"
-					@onClick="toDtl"
-					:config="listConfig"
-				></commonList>
-			</van-list>
-		</div>
-	</van-pull-refresh>
+  <van-nav-bar
+    :title="$t('processApproval.name')"
+    left-text=""
+    left-arrow
+    @click-left="onClickLeft"
+    @click-right="onClickRight"
+  >
+  </van-nav-bar>
+  <van-search
+    v-model="req.keyword"
+    :placeholder="$t('common.pleaseEnterKeywords')"
+    @search="onRefresh"
+  />
+  <van-pull-refresh v-model="loading" @refresh="onRefresh">
+    <div class="list">
+      <van-list
+        v-model:loading="loading"
+        :finished="finished"
+        :finished-text="$t('common.noMore')"
+        @load="onLoad"
+        style="margin-bottom: 60px"
+      >
+        <commonList
+          :data="listData"
+          @onClick="toDtl"
+          :config="listConfig"
+        ></commonList>
+      </van-list>
+    </div>
+  </van-pull-refresh>
 </template>
 <script setup>
-import { ref, getCurrentInstance, onMounted } from 'vue'
-import commonList from '@/components/common-list.vue'
-import { useRoute } from 'vue-router'
-import { getUserInfo } from '@/utils/auth'
+import { ref, getCurrentInstance, onMounted } from "vue";
+import commonList from "@/components/common-list.vue";
+import { useRoute } from "vue-router";
+import { getUserInfo } from "@/utils/auth";
 
-const loading = ref(false)
-const route = useRoute()
+const loading = ref(false);
+const route = useRoute();
 const req = ref({
-	pageNum: 1,
-	keyword: null,
-	definition: '1',
-	tenantId: getUserInfo().tenantId,
-})
-const finished = ref(false)
-const proxy = getCurrentInstance().proxy
-const listData = ref([])
+  pageNum: 1,
+  keyword: null,
+  definition: "1",
+  tenantId: getUserInfo().tenantId,
+});
+const finished = ref(false);
+const proxy = getCurrentInstance().proxy;
+const listData = ref([]);
 const listConfig = ref([
-	{
-		label: proxy.t('processApproval.processType'),
-		prop: 'flowName',
-	},
-	{
-		label: proxy.t('processApproval.initiator'),
-		prop: 'createUserName',
-	},
-	{
-		label: proxy.t('processApproval.processTitle'),
-		prop: 'title',
-	},
-])
+  {
+    label: proxy.t("processApproval.processType"),
+    prop: "flowName",
+  },
+  {
+    label: proxy.t("processApproval.initiator"),
+    prop: "createUserName",
+  },
+  {
+    label: proxy.t("processApproval.processTitle"),
+    prop: "title",
+  },
+]);
 const onRefresh = () => {
-	req.value.pageNum = 1
-	finished.value = false
-	getList('refresh')
-}
+  req.value.pageNum = 1;
+  finished.value = false;
+  getList("refresh");
+};
 const onLoad = () => {
-	getList()
-}
-const onClickLeft = () => proxy.$router.push('/main/working')
+  getList();
+};
+const onClickLeft = () => proxy.$router.push("/main/working");
 const onClickRight = () => {
-	proxy.$router.push({
-		path: 'userAdd',
-		query: {
-			type: 'add',
-		},
-	})
-}
-proxy.uploadDdRightBtn(onClickRight, proxy.t('common.add'))
+  proxy.$router.push({
+    path: "userAdd",
+    query: {
+      type: "add",
+    },
+  });
+};
+proxy.uploadDdRightBtn(onClickRight, proxy.t("common.add"));
 const toDtl = (row) => {
-	if (row.status != 1 && row.status != 0) {
-		proxy.$router.push({
-			path: '/main/processDtl',
-			query: {
-				flowKey: row.flowKey,
-				id: row.id,
-				processType: 20,
-				version: row.version,
-			},
-		})
-		return
-	}
-	proxy.post('flowExample/getApprovalRecord', { id: row.id }).then((res) => {
-		if (res.data.recordList.length > 0) {
-			let data = res.data.recordList.filter((item) => item.status === 2)
-			let nodeType = 0
-			if (data && data.length > 0) {
-				nodeType = data[0].nodeType
-			}
-			proxy.$router.push({
-				path: '/main/processDtl',
-				query: {
-					flowKey: row.flowKey,
-					id: row.id,
-					processType: nodeType == 1 ? 30 : 10,
-					version: row.version,
-				},
-			})
-		}
-	})
-	// proxy.$router.push({
-	// 	path: 'processDtl',
-	// 	query: {
-	// 		flowKey: row.flowKey,
-	// 		id: row.id,
-	// 		processType: 10,
-	// 	},
-	// })
-}
+  if (row.status != 1 && row.status != 0) {
+    proxy.$router.push({
+      path: "/main/processDtl",
+      query: {
+        flowKey: row.flowKey,
+        id: row.id,
+        processType: 20,
+        version: row.version,
+        businessId: row.businessId,
+      },
+    });
+    return;
+  }
+  proxy.post("flowExample/getApprovalRecord", { id: row.id }).then((res) => {
+    if (res.data.recordList.length > 0) {
+      let data = res.data.recordList.filter((item) => item.status === 2);
+      let nodeType = 0;
+      if (data && data.length > 0) {
+        nodeType = data[0].nodeType;
+      }
+      proxy.$router.push({
+        path: "/main/processDtl",
+        query: {
+          flowKey: row.flowKey,
+          id: row.id,
+          processType: nodeType == 1 ? 30 : 10,
+          version: row.version,
+          businessId: row.businessId,
+        },
+      });
+    }
+  });
+  // proxy.$router.push({
+  // 	path: 'processDtl',
+  // 	query: {
+  // 		flowKey: row.flowKey,
+  // 		id: row.id,
+  // 		processType: 10,
+  // 	},
+  // })
+};
 onMounted(() => {
-	if (route.query) {
-		
-		getList()
-	}
-})
+  if (route.query) {
+    getList();
+  }
+});
 
 const getList = (type) => {
-	loading.value = true
-	const postUrl = {
-		"1":'/flowExample/getToBeProcessedPage',
-		"2":'/flowExample/getHaveInitiatedPage',
-		"3":'/flowExample/getProcessedPage',
-	}
-	proxy
-		.post(postUrl[route.query.status], req.value)
-		.then((res) => {
-			listData.value =
-				type === 'refresh'
-					? res.data.rows
-					: listData.value.concat(res.data.rows)
-			if (req.value.pageNum * 10 >= res.data.total) {
-				finished.value = true
-			}
-			req.value.pageNum++
-			loading.value = false
-		})
-		.catch((err) => {
-			loading.value = false
-		})
-}
+  loading.value = true;
+  const postUrl = {
+    1: "/flowExample/getToBeProcessedPage",
+    2: "/flowExample/getHaveInitiatedPage",
+    3: "/flowExample/getProcessedPage",
+  };
+  proxy
+    .post(postUrl[route.query.status], req.value)
+    .then((res) => {
+      listData.value =
+        type === "refresh"
+          ? res.data.rows
+          : listData.value.concat(res.data.rows);
+      if (req.value.pageNum * 10 >= res.data.total) {
+        finished.value = true;
+      }
+      req.value.pageNum++;
+      loading.value = false;
+    })
+    .catch((err) => {
+      loading.value = false;
+    });
+};
 </script>
 
 <style lang="scss" scoped>
 .list {
-	min-height: 70vh;
+  min-height: 70vh;
 }
 </style>

src/views/processApproval/processDtl.vue

@@ -1,442 +1,503 @@
 <template>
-	<div class="process">
-		<van-nav-bar :title="route.query.processType == 20 ? '流程详情' : '流程审批'" left-text="" left-arrow @click-left="onClickLeft">
-		</van-nav-bar>
-		<div>
-			<component ref="makeDom" :queryData="queryData.data" :is="
-					componentObj[route.query.flowKey]
-						? componentObj[route.query.flowKey].component
-						: SendSubscribe
-				"></component>
-		</div>
-		<div class="btn-warp" :class="footerMoreType ? 'open-more' : ''">
-			<!-- <div class="more-btn" @click="footerMoreType = !footerMoreType">
+  <div class="process">
+    <van-nav-bar
+      :title="route.query.processType == 20 ? '流程详情' : '流程审批'"
+      left-text=""
+      left-arrow
+      @click-left="onClickLeft"
+    >
+    </van-nav-bar>
+    <div>
+      <component
+        ref="makeDom"
+        :queryData="queryData.data"
+        :is="
+          componentObj[route.query.flowKey]
+            ? componentObj[route.query.flowKey].component
+            : SendSubscribe
+        "
+      ></component>
+    </div>
+    <div class="btn-warp" :class="footerMoreType ? 'open-more' : ''">
+      <!-- <div class="more-btn" @click="footerMoreType = !footerMoreType">
 				更多 <van-icon name="arrow-up" v-if="!footerMoreType" /> <van-icon name="arrow-down" v-else />
 			</div> -->
-			<div class="foot-btn-warp" v-if="route.query.processType != 20">
-				<div class="for-btn" v-for="(i,index) in approvalRecordData.buttonInfoList" :key="i.type" v-show="index == 0"  @click="handleSubmit(i.type)">
-					<div>
-						<i class="iconfont" :class="iconObj[i.type]"></i>
-					</div>
-					{{ i.name }}
-				</div>
-				<div class="for-btn"  @click="footerMoreType = !footerMoreType">
-					<div>
-						<i class="iconfont icon-icomx_message"></i>
-					</div>
-					审批意见
-				</div>
-				<div class="for-btn" @click="footerMoreBtnType = !footerMoreBtnType" v-if="approvalRecordData.buttonInfoList.length < 1">
-					<div>
-						<i class="iconfont icon-iconx__caidan1"></i>
-					</div>
-					更多
-				</div>
-				<div class="agree-btn" @click="nextFn" v-if="componentObj[route.query.flowKey].tabsNum">下一步</div>
-				<div class="next-btn" @click="handleSubmit(1)">同意</div>
-				
-			</div>
-		</div>
-		<van-action-sheet v-model:show="footerMoreBtnType" title="更多操作" class="more-modal">
-			<div class="for-btn-more" v-for="(i,index) in approvalRecordData.buttonInfoList" :key="i.type" v-show="index != 0"  @click="handleSubmit(i.type)">
-				<span style="margin-right:20px">
-					<i class="iconfont " :class="iconObj[i.type]"></i>
-				</span>
-				{{ i.name }}
-			</div>
-			<div style="height:50px">1</div>
-		</van-action-sheet>
-		<van-action-sheet v-model:show="footerMoreType" title="审批记录" class="more-modal">
-			<div class="card">
-				<van-steps direction="vertical" :active="stepsNum" class="common-steps">
-					<van-step v-for="(i, index) in recordList" :key="i.nodeId">
-						<div class="label">
-							<span class="name">{{ i.processedUser }}</span>
-							<span class="tip">{{ i.nodeName }}</span>
-							<span class="state" :class="index == stepsNum
-								? 'cl-yl'
-								: index < stepsNum
-									? 'cl-blue'
-									: ''
-								"> 
-								{{ i.nodeName }}
-							</span>
-						</div>
-						<div class="content">审批意见：{{ i.remark }}</div>
-						<p>{{ i.processedDate }}</p>
-					</van-step>
-				</van-steps>
-			</div>
-			<div  v-if="route.query.processType != 20">
-				<div style="padding: 0 12px">
-					<van-field v-model="flowForm.remark" rows="3" autosize type="textarea" maxlength="400" placeholder="请输入审批意见"
-						show-word-limit style="backround: #f1f1f1" />
-				</div>
-				<div class="load-btn-box">
-					<van-button size="small" type="primary" plain round v-for="i in approvalRecordData.buttonInfoList"
-						:key="i.type" v-show="i.type != 1" @click="handleSubmit(i.type)">{{ i.name }}
-					</van-button>                                                                                                                      
-				</div>
-				<div class="content">
-					<div class="foot-btn-warp">
-						
-						<div class="agree-btn" @click="handleSubmit(1)">同意</div>
-						<div class="next-btn" @click="nextFn">下一步</div>
-					</div>
-				</div>
-			</div>
-		</van-action-sheet>
-	</div>
+      <div class="foot-btn-warp" v-if="route.query.processType != 20">
+        <div
+          class="for-btn"
+          v-for="(i, index) in approvalRecordData.buttonInfoList"
+          :key="i.type"
+          v-show="index == 0"
+          @click="handleSubmit(i.type)"
+        >
+          <div>
+            <i class="iconfont" :class="iconObj[i.type]"></i>
+          </div>
+          {{ i.name }}
+        </div>
+        <div class="for-btn" @click="footerMoreType = !footerMoreType">
+          <div>
+            <i class="iconfont icon-icomx_message"></i>
+          </div>
+          审批意见
+        </div>
+        <div
+          class="for-btn"
+          @click="footerMoreBtnType = !footerMoreBtnType"
+          v-if="approvalRecordData.buttonInfoList.length < 1"
+        >
+          <div>
+            <i class="iconfont icon-iconx__caidan1"></i>
+          </div>
+          更多
+        </div>
+        <div
+          class="agree-btn"
+          @click="nextFn"
+          v-if="componentObj[route.query.flowKey].tabsNum"
+        >
+          下一步
+        </div>
+        <div class="next-btn" @click="handleSubmit(1)">同意</div>
+      </div>
+    </div>
+    <van-action-sheet
+      v-model:show="footerMoreBtnType"
+      title="更多操作"
+      class="more-modal"
+    >
+      <div
+        class="for-btn-more"
+        v-for="(i, index) in approvalRecordData.buttonInfoList"
+        :key="i.type"
+        v-show="index != 0"
+        @click="handleSubmit(i.type)"
+      >
+        <span style="margin-right: 20px">
+          <i class="iconfont" :class="iconObj[i.type]"></i>
+        </span>
+        {{ i.name }}
+      </div>
+      <div style="height: 50px">1</div>
+    </van-action-sheet>
+    <van-action-sheet
+      v-model:show="footerMoreType"
+      title="审批记录"
+      class="more-modal"
+    >
+      <div class="card">
+        <van-steps direction="vertical" :active="stepsNum" class="common-steps">
+          <van-step v-for="(i, index) in recordList" :key="i.nodeId">
+            <div class="label">
+              <span class="name">{{ i.processedUser }}</span>
+              <span class="tip">{{ i.nodeName }}</span>
+              <span
+                class="state"
+                :class="
+                  index == stepsNum
+                    ? 'cl-yl'
+                    : index < stepsNum
+                    ? 'cl-blue'
+                    : ''
+                "
+              >
+                {{ i.nodeName }}
+              </span>
+            </div>
+            <div class="content">审批意见：{{ i.remark }}</div>
+            <p>{{ i.processedDate }}</p>
+          </van-step>
+        </van-steps>
+      </div>
+      <div v-if="route.query.processType != 20">
+        <div style="padding: 0 12px">
+          <van-field
+            v-model="flowForm.remark"
+            rows="3"
+            autosize
+            type="textarea"
+            maxlength="400"
+            placeholder="请输入审批意见"
+            show-word-limit
+            style="backround: #f1f1f1"
+          />
+        </div>
+        <div class="load-btn-box">
+          <van-button
+            size="small"
+            type="primary"
+            plain
+            round
+            v-for="i in approvalRecordData.buttonInfoList"
+            :key="i.type"
+            v-show="i.type != 1"
+            @click="handleSubmit(i.type)"
+            >{{ i.name }}
+          </van-button>
+        </div>
+        <div class="content">
+          <div class="foot-btn-warp">
+            <div class="agree-btn" @click="handleSubmit(1)">同意</div>
+            <div class="next-btn" @click="nextFn">下一步</div>
+          </div>
+        </div>
+      </div>
+    </van-action-sheet>
+  </div>
 </template>
 <script setup>
-import { ref, getCurrentInstance, onMounted, reactive } from 'vue'
-import { useRoute } from 'vue-router'
-import SendSubscribe from './components/SendSubscribe'
-import SendFunds from './components/SendFunds'
-import PriceSheet from './components/PriceSheet'
-import Contract from './components/Contract'
-import SendPurchase from './components/SendPurchase'
-import SendPurchasePayment from './components/SendPurchasePayment'
-import ContractAlteration from './components/ContractAlteration'
-import { showSuccessToast, showFailToast } from 'vant'
-const route = useRoute()
-const proxy = getCurrentInstance().proxy
+import { ref, getCurrentInstance, onMounted, reactive } from "vue";
+import { useRoute } from "vue-router";
+import SendSubscribe from "./components/SendSubscribe";
+import SendFunds from "./components/SendFunds";
+import PriceSheet from "./components/PriceSheet";
+import Contract from "./components/Contract";
+import EhsdContract from "./components/EhsdContract";
+
+import SendPurchase from "./components/SendPurchase";
+import SendPurchasePayment from "./components/SendPurchasePayment";
+import ContractAlteration from "./components/ContractAlteration";
+import { showSuccessToast, showFailToast } from "vant";
+const route = useRoute();
+const proxy = getCurrentInstance().proxy;
 // const onClickLeft = () => proxy.$router.push(componentObj.value[route.query.flowKey].backUrl)
-const onClickLeft = () => proxy.$router.go(-1)
-const message = ref('')
+const onClickLeft = () => proxy.$router.go(-1);
+const message = ref("");
 const onClickRight = () => {
-	proxy.$router.push('/main/working')
-}
+  proxy.$router.push("/main/working");
+};
 const iconObj = ref({
-	'2':'icon-icomx_shanchu',
-	'3':'icon-icomx_sent',
-	'4':'icon-iconx_tuihfqr',
-	'5':'icon-iconm_shanchu'
-})
-const makeDom = ref(null)
-let stepsNum = ref(0)
+  2: "icon-icomx_shanchu",
+  3: "icon-icomx_sent",
+  4: "icon-iconx_tuihfqr",
+  5: "icon-iconm_shanchu",
+});
+const makeDom = ref(null);
+let stepsNum = ref(0);
 let queryData = reactive({
-	data: {},
-})
-let footerMoreBtnType = ref(false)
-let footerMoreType = ref(false)
+  data: {},
+});
+let footerMoreBtnType = ref(false);
+let footerMoreType = ref(false);
 const flowForm = reactive({
-	flowKey: '',
-	tenantType: '',
-	handleUserId: '',
-	remark: '',
-	data: {},
-})
-let recordList = ref([])
+  flowKey: "",
+  tenantType: "",
+  handleUserId: "",
+  remark: "",
+  data: {},
+});
+let recordList = ref([]);
 const approvalRecordData = ref({
-	buttonInfoList: [],
-})
+  buttonInfoList: [],
+});
 
 const getAuxiliaryData = (data) => {
-	auxiliaryData.value = data
-}
+  auxiliaryData.value = data;
+};
 
 let componentObj = ref({
-	subscribe_flow: {
-		title: '申购',
-		component: SendSubscribe,
-		backUrl: '/main/subscribe',
-		tabsNum: 2,
-	},
-	account_request_funds_flow: {
-		title: '请款',
-		component: SendFunds,
-		backUrl: '/main/funds',
-		tabsNum: 3,
-	},
-	sale_quotation_flow: {
-		title: '报价单',
-		component: PriceSheet,
-		backUrl: '/main/priceSheet',
-		tabsNum: 4,
-	},
-	contract_flow: {
-		title: '销售合同',
-		component: Contract,
-		backUrl: '/main/contract',
-		tabsNum: 5,
-	},
-	purchase_flow: {
-		title: '采购',
-		component: SendPurchase,
-		backUrl: '/main/procureList',
-	},
-	pay_flow: {
-		title: '采购付款',
-		component: SendPurchasePayment,
-		backUrl: '/main/purchasePayment',
-	},
-	contract_update_flow: {
-		title: '销售合同变更',
-		component: ContractAlteration,
-		backUrl: '/main/contract',
-		tabsNum: 5,
-	},
-})
+  subscribe_flow: {
+    title: "申购",
+    component: SendSubscribe,
+    backUrl: "/main/subscribe",
+    tabsNum: 2,
+  },
+  account_request_funds_flow: {
+    title: "请款",
+    component: SendFunds,
+    backUrl: "/main/funds",
+    tabsNum: 3,
+  },
+  sale_quotation_flow: {
+    title: "报价单",
+    component: PriceSheet,
+    backUrl: "/main/priceSheet",
+    tabsNum: 4,
+  },
+  contract_flow: {
+    title: "销售合同",
+    component: EhsdContract,
+    backUrl: "/main/contract",
+    tabsNum: 5,
+  },
+  purchase_flow: {
+    title: "采购",
+    component: SendPurchase,
+    backUrl: "/main/procureList",
+  },
+  pay_flow: {
+    title: "采购付款",
+    component: SendPurchasePayment,
+    backUrl: "/main/purchasePayment",
+  },
+  contract_update_flow: {
+    title: "销售合同变更",
+    component: ContractAlteration,
+    backUrl: "/main/contract",
+    tabsNum: 5,
+  },
+});
 
-let dialogVisible = ref(false)
+let dialogVisible = ref(false);
 //判断是否有下一节点处理人
 const handleResult = (res) => {
-	if (res !== null && res.success) {
-		skipPage()
-	} else {
-		dialogVisible.value = true
-		nextHandleUser.value = res.userList
-	}
-}
+  if (res !== null && res.success) {
+    skipPage();
+  } else {
+    dialogVisible.value = true;
+    nextHandleUser.value = res.userList;
+  }
+};
 const skipPage = () => {
-	onClickLeft()
-	// proxy.$router({
-	// 	path:
-	// 		route.query.processType === 10
-	// 			? '/main/processApproval'
-	// 			: componentObj.value[route.query.flowKey].backUrl,
-	// })
-}
+  onClickLeft();
+  // proxy.$router({
+  // 	path:
+  // 		route.query.processType === 10
+  // 			? '/main/processApproval'
+  // 			: componentObj.value[route.query.flowKey].backUrl,
+  // })
+};
 
 const handleSelectUser = () => {
-	if (!flowForm.handleUserId) {
-		return ElMessage({
-			message: '请选择下一节点处理人！',
-			type: 'info',
-		})
-	}
-	handleSubmit()
-}
+  if (!flowForm.handleUserId) {
+    return ElMessage({
+      message: "请选择下一节点处理人！",
+      type: "info",
+    });
+  }
+  handleSubmit();
+};
 const handleSubmit = async (_type) => {
-	const childrenData = await makeDom.value.handleSubmit()
-	if (childrenData) {
-		if (route.query.processType == 10 || route.query.processType == 30) {
-			proxy
-				.post('/flowProcess/jump', {
-					...flowForm,
-					data: childrenData,
-					handleType: _type,
-					version: route.query.version,
-					flowId: route.query.id,
-				})
-				.then((res) => {
-					// handleResult(res.data)
-					proxy.$router.go(-1)
-				})
-			if (_type && _type == 1) {
-				proxy
-					.post('/flowExample/setStartData', {
-						exampleId: route.query.id,
-						startData: childrenData,
-					})
-					.then()
-			}
-			return
-		} else {
-			proxy
-				.post('/flowProcess/initiate', {
-					...flowForm,
-					data: childrenData,
-				})
-				.then((res) => {
-					// handleResult(res.data)
-					proxy.$router.go(-1)
-				})
-		}
-		proxy.$router.go(-1)
-	}
-}
+  const childrenData = await makeDom.value.handleSubmit();
+  if (childrenData) {
+    if (route.query.processType == 10 || route.query.processType == 30) {
+      proxy
+        .post("/flowProcess/jump", {
+          ...flowForm,
+          data: childrenData,
+          handleType: _type,
+          version: route.query.version,
+          flowId: route.query.id,
+        })
+        .then((res) => {
+          // handleResult(res.data)
+          proxy.$router.go(-1);
+        });
+      if (_type && _type == 1) {
+        proxy
+          .post("/flowExample/setStartData", {
+            exampleId: route.query.id,
+            startData: childrenData,
+          })
+          .then();
+      }
+      return;
+    } else {
+      proxy
+        .post("/flowProcess/initiate", {
+          ...flowForm,
+          data: childrenData,
+        })
+        .then((res) => {
+          // handleResult(res.data)
+          proxy.$router.go(-1);
+        });
+    }
+    proxy.$router.go(-1);
+  }
+};
 
 const nextFn = () => {
-	makeDom.value.tabsChange()
-}
+  makeDom.value.tabsChange();
+};
 
 const getRecords = (_id) => {
-	if (_id) {
-		proxy
-			.post('/flowExample/getApprovalRecord', {
-				id: _id,
-			})
-			.then((res) => {
-				for (let i = 0; i < res.data.recordList.length; i++) {
-					const element = res.data.recordList[i]
-					if (element.status === 2) {
-						stepsNum.value = i
-						break
-					}
-				}
-				recordList.value = res.data.recordList
-				queryData.data.recordList = res.data.recordList
-				approvalRecordData.value = res.data
-				//删除type为1的按钮
-				approvalRecordData.value.buttonInfoList = approvalRecordData.value.buttonInfoList.filter((item) => item.type != 1)
-
-			})
-	} else {
-		proxy
-			.post('/flowExample/getFlowNode', {
-				flowKey: flowForm.flowKey,
-			})
-			.then((res) => {
-				recordList.value = res.data
-				stepsNum.value = 0
-			})
-	}
-}
+  if (_id) {
+    proxy
+      .post("/flowExample/getApprovalRecord", {
+        id: _id,
+      })
+      .then((res) => {
+        for (let i = 0; i < res.data.recordList.length; i++) {
+          const element = res.data.recordList[i];
+          if (element.status === 2) {
+            stepsNum.value = i;
+            break;
+          }
+        }
+        recordList.value = res.data.recordList;
+        queryData.data.recordList = res.data.recordList;
+        approvalRecordData.value = res.data;
+        //删除type为1的按钮
+        approvalRecordData.value.buttonInfoList =
+          approvalRecordData.value.buttonInfoList.filter(
+            (item) => item.type != 1
+          );
+      });
+  } else {
+    proxy
+      .post("/flowExample/getFlowNode", {
+        flowKey: flowForm.flowKey,
+      })
+      .then((res) => {
+        recordList.value = res.data;
+        stepsNum.value = 0;
+      });
+  }
+};
 onMounted(async () => {
-	//processType 10 为审批 20为查看 30回退发起 无为发起
-	if (!componentObj.value[route.query.flowKey]) {
-		showSuccessToast('代码未配置此流程！')
-		return
-	}
-	if (
-		route.query.processType == 10 ||
-		route.query.processType == 20 ||
-		route.query.processType == 30
-	) {
-		await proxy
-			.post('/flowProcess/getStartData', { flowId: route.query.id })
-			.then((res) => {
-				queryData.data = { ...res.data }
-			})
-	} else {
-		queryData.data = { ...route.query }
-	}
-	flowForm.flowKey = route.query.flowKey
-	getRecords(route.query.id)
-})
+  //processType 10 为审批 20为查看 30回退发起 无为发起
+  if (!componentObj.value[route.query.flowKey]) {
+    showSuccessToast("代码未配置此流程！");
+    return;
+  }
+  if (
+    route.query.processType == 10 ||
+    route.query.processType == 20 ||
+    route.query.processType == 30
+  ) {
+    await proxy
+      .post("/flowProcess/getStartData", { flowId: route.query.id })
+      .then((res) => {
+        queryData.data = { ...res.data };
+      });
+  } else {
+    queryData.data = { ...route.query };
+  }
+  flowForm.flowKey = route.query.flowKey;
+  getRecords(route.query.id);
+});
 </script>
 <style>
 .van-step--vertical .van-step__circle-container {
-	top: 25px;
+  top: 25px;
 }
 
 .van-step--vertical .van-step__line {
-	top: 23px;
+  top: 23px;
 }
 </style>
 <style lang="scss">
 .process {
-	.more-modal {
-		.van-field {
-			border: none;
-			background: #f1f1f1;
-			border-radius: 5px;
-			padding: 5px 10px;
-		}
-	}
-	.for-btn-more {
-		height: 50px;
-		line-height: 50px;
-		text-align: center;
-		display: flex;
-		width: 100vw;
-		font-size: 16px;
-		padding: 0 12px;
-		font-size: 12px;
-	}
-	.load-btn-box {
-		height: 50px;
-		text-align: center;
-		padding: 9px;
-		box-sizing: border-box;
-		margin-bottom: 50px;
-	}
+  .more-modal {
+    .van-field {
+      border: none;
+      background: #f1f1f1;
+      border-radius: 5px;
+      padding: 5px 10px;
+    }
+  }
+  .for-btn-more {
+    height: 50px;
+    line-height: 50px;
+    text-align: center;
+    display: flex;
+    width: 100vw;
+    font-size: 16px;
+    padding: 0 12px;
+    font-size: 12px;
+  }
+  .load-btn-box {
+    height: 50px;
+    text-align: center;
+    padding: 9px;
+    box-sizing: border-box;
+    margin-bottom: 50px;
+  }
 
-	.foot-btn-warp {
-		height: 50px;
-		line-height: 50px;
-		text-align: center;
-		display: flex;
-		width: 100vw;
-		font-size: 16px;
-		.for-btn{
-			flex: 1;
-			background: #fff;
-			color: #999999;
-			font-size: 12px;
-			text-align: center;
-			height: 50px;
-			line-height: 15px;
-			padding: 10px 0;
-			box-sizing: border-box;
-			i{
-				font-size: 24px;
-			}
-		}
-		.agree-btn {
-			flex: 1;
-			background: #eaf0ff;
-			color: #0084ff;
-		}
+  .foot-btn-warp {
+    height: 50px;
+    line-height: 50px;
+    text-align: center;
+    display: flex;
+    width: 100vw;
+    font-size: 16px;
+    .for-btn {
+      flex: 1;
+      background: #fff;
+      color: #999999;
+      font-size: 12px;
+      text-align: center;
+      height: 50px;
+      line-height: 15px;
+      padding: 10px 0;
+      box-sizing: border-box;
+      i {
+        font-size: 24px;
+      }
+    }
+    .agree-btn {
+      flex: 1;
+      background: #eaf0ff;
+      color: #0084ff;
+    }
 
-		.next-btn {
-			flex: 1;
-			background: #0084ff;
-			color: #fff;
-		}
-	}
+    .next-btn {
+      flex: 1;
+      background: #0084ff;
+      color: #fff;
+    }
+  }
 
-	.btn-warp {
-		position: fixed;
-		bottom: 0;
-		left: 0;
-		right: 0;
-		margin: 0;
-		z-index: 10002;
-		button {
-			width: 48%;
-		}
+  .btn-warp {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    margin: 0;
+    z-index: 10002;
+    button {
+      width: 48%;
+    }
 
-		.content {
-			height: 0;
-			overflow: hidden;
-			transition: all 0.3s ease;
-			background: #fff;
-			padding: 0 12px;
-		}
+    .content {
+      height: 0;
+      overflow: hidden;
+      transition: all 0.3s ease;
+      background: #fff;
+      padding: 0 12px;
+    }
 
-		.more-btn {
-			width: 100%;
-			background: #fff;
-			color: #999999;
-			font-size: 14px;
-			text-align: center;
-			height: 50px;
-			line-height: 50px;
-		}
-	}
+    .more-btn {
+      width: 100%;
+      background: #fff;
+      color: #999999;
+      font-size: 14px;
+      text-align: center;
+      height: 50px;
+      line-height: 50px;
+    }
+  }
 
-	.open-more {
-		.content {
-			height: 170px;
-		}
-	}
+  .open-more {
+    .content {
+      height: 170px;
+    }
+  }
 
-	padding-bottom: 60px;
+  padding-bottom: 60px;
 
-	.card {
-		background: #fff;
-		padding: 0 12px;
-		margin-top: 10px;
-	}
+  .card {
+    background: #fff;
+    padding: 0 12px;
+    margin-top: 10px;
+  }
 
-	.textarea {
-		.van-field {
-			border: none;
-			background: #f1f1f1;
-			border-radius: 5px;
-			padding: 5px 10px;
-		}
-	}
+  .textarea {
+    .van-field {
+      border: none;
+      background: #f1f1f1;
+      border-radius: 5px;
+      padding: 5px 10px;
+    }
+  }
 
-	.more-btn {
-		height: 60px;
-		line-height: 60px;
-		font-size: 14px;
-		color: #0084ff;
-		text-align: center;
-	}
+  .more-btn {
+    height: 60px;
+    line-height: 60px;
+    font-size: 14px;
+    color: #0084ff;
+    text-align: center;
+  }
 }
 </style>

vue.config.js

@@ -25,15 +25,15 @@ module.exports = defineConfig({
 		proxy: {
 			// https://cn.vitejs.dev/config/#server-proxy
 			'/test-api': {
-				target: 'http://121.37.194.75:20006',
+				target: 'http://139.9.102.170:9901',
 				changeOrigin: true,
 				rewrite: (p) => p.replace(/^\/dev-api/, '')
 			},
 			'/prod-api': {
-				target: 'http://139.159.251.109:82',
+				target: 'http://139.9.102.170:9900',
 				changeOrigin: true,
 				rewrite: (p) => p.replace(/^\/prod-api/, '')
 			}
 		}
 	},
-})
+})