kd-aiot-frontend-eom/src/views/saleManage/saleOrder/accountstatement/components/addAccountDialog.vue

<template>
  <ele-modal
    custom-class="ele-dialog-form long-dialog-form"
    :centered="true"
    :visible.sync="addAccountDialogFlag"
    :title="title"
    :append-to-body="true"
    :close-on-click-modal="false"
    :maxable="true"
    :resizable="true"
    width="85%"
    :before-close="cancel"
  >
    <!--销售表单-->
    <sale-form
      @handleSearch="handleSearch"
      :dataForm.sync="dataForm"
      :datasource.sync="datasource"
      :contactData="contactData"
      :saleOrderData="saleOrderData"
      :recorpayList.sync="recorpayList"
      :dialogType="dialogType"
      ref="saleFormRef"
    ></sale-form>
    <headerTitle title="对账明细" style="margin-top: 30px">
      <template v-slot>
        <el-row style="font-weight: 700; color: red">
          <span>总金额：</span>
          <span>{{ dataForm.amountTotalPrice || 0 }}</span>
          <el-divider direction="vertical"></el-divider>
          <span>应收金额：</span>
          <span>{{ dataForm.amountReceivablePrice || 0 }}</span>
          <el-divider direction="vertical"></el-divider>
          <span>已收金额：</span>
          <span>{{ dataForm.amountReceivablePass || 0 }}</span>
          <el-divider direction="vertical"></el-divider>
          <span>应付金额：</span>
          <span>{{ dataForm.amountPayablePrice || 0 }}</span>

          <el-divider direction="vertical"></el-divider>
          <span>已付金额：</span>
          <span>{{ dataForm.amountPayablePass || 0 }}</span>
        </el-row>
      </template>
    </headerTitle>
    <recorpayTableList
      ref="recorpayListRef"
      :dataForm="dataForm"
      :recorpayList.sync="recorpayList"
      :dialogType="dialogType"
    ></recorpayTableList>
    <inventoryTable
      ref="inventoryTableref"
      :dataForm="dataForm"
      :datasource.sync="datasource"
      :dialogType="dialogType"
    ></inventoryTable>
    <div slot="footer" class="footer">
      <el-button
        v-if="dialogType !== 'view'"
        type="primary"
        @click="save"
        v-click-once
        >保存
      </el-button>
      <el-button
        v-if="dialogType !== 'view'"
        type="primary"
        @click="save('sub')"
        v-click-once
        >提交
      </el-button>
      <el-button @click="cancel">返回</el-button>
    </div>
    <process-submit-dialog
      :processSubmitDialogFlag.sync="processSubmitDialogFlag"
      v-if="processSubmitDialogFlag"
      ref="processSubmitDialogRef"
      @reload="reload"
    ></process-submit-dialog>
  </ele-modal>
</template>

<script>
  import InventoryTable from '@/views/saleManage/saleOrder/accountstatement/components/inventoryTable.vue';
  import recorpayTableList from '@/views/saleManage/saleOrder/accountstatement/components/recorpayTableList.vue';

  import saleForm from '@/views/saleManage/saleOrder/accountstatement/components/saleForm.vue';
  import {
    getSearchMergeListByTypeAPI,
    infoAccountStatementAPI,
    saveAccountStatementAPI,
    updateAccountStatementAPI
  } from '@/api/saleManage/accountstatement';
  import processSubmitDialog from '@/BIZComponents/processSubmitDialog/processSubmitDialog.vue';

  export default {
    name: 'addAccountDialog',
    components: {
      processSubmitDialog,
      InventoryTable,
      saleForm,
      recorpayTableList
    },
    //客户管理数据
    props: {
      addAccountDialogFlag: {
        type: Boolean,
        default: false
      },
      contactData: {
        type: Object,
        default: () => {
          return {};
        }
      },
      saleOrderData: {
        type: Object,
        default: () => {
          return {};
        }
      }
    },
    data() {
      return {
        fullscreen: false,
        datasource: [],
        recorpayList: [],
        dataForm: {
          sourceType: 1,
          dateType: 1,
          dateValue: '',
          contactId: '',
          contactName: '',
          sourceName: '',
          sourceId: '',
          type: '',
          year: '',
          quarter: '',
          month: '',
          dateTimeRange: [],
          orderNo: '',
          orderId: '',
          id: '',
          startDate: '',
          endDate: '',
          repliedFiles: []
        },
        title: '',
        processSubmitDialogFlag: false,
        dialogType: ''
      };
    },
    computed: {},
    methods: {
      open(dialogType, row, type = '') {
        this.dialogType = dialogType;
        this.title =
          dialogType == 'add'
            ? '新增'
            : dialogType == 'update'
            ? '修改'
            : '详情';
        this.dataForm.type = type;
        this.$nextTick(() => {
          if (this.contactData.id) {
            this.$refs.saleFormRef.getCusInfo(this.contactData);
          }
          if (this.saleOrderData.id) {
            this.$refs.saleFormRef.getOrderInfo(this.saleOrderData);
          }
        });
        if (this.dialogType !== 'add') {
          this.getInfo(row);
        }
      },
      //获取对账单详情
      async getInfo(row) {
        let data = await infoAccountStatementAPI(row.id);
        this.recorpayList = data.recorpayList || [];
        this.datasource = data.orderList || [];
        this.dataForm = data;
        switch (this.dataForm.dateType) {
          case 1:
            // this.dataForm.year = this.dataForm.dateValue;
            this.$set(this.dataForm, 'year', this.dataForm.dateValue);
            break;
          case 2:
            //2023年-四季度
            let data = this.dataForm.dateValue.split('年-');

            this.$set(this.dataForm, 'year', data[0]);
            this.$set(this.dataForm, 'quarter', data[1]);
            break;
          case 3:
            this.$set(this.dataForm, 'month', this.dataForm.dateValue);

            break;
          default:
            this.dataForm.dateValue = '';
            this.$set(this.dataForm, 'dateTimeRange', [
              this.dataForm.startDate,
              this.dataForm.endDate
            ]);
        }
        this.$forceUpdate();
      },
      //关闭弹窗
      cancel() {
        this.$emit('update:addAccountDialogFlag', false);
      },
      //查询获取订单数据
      async handleSearch(params) {
        let searchQuery = {
          endDate: params.endDate,
          sourceId: params.sourceId,
          sourceType: params.sourceType,
          startDate: params.startDate,
          type: 1
        };
        let data = await getSearchMergeListByTypeAPI(searchQuery);
        console.log(data, 'data');

        this.datasource = data.orderList || [];
        this.recorpayList = data.recorpayList || [];
        this.dataForm = {
          ...this.dataForm,
          amountPayablePrice: data.amountPayablePrice,
          amountReceivablePrice: data.amountReceivablePrice,
          amountTotalPrice: data.amountTotalPrice,
          amountPayablePass: data.amountPayablePass,
          amountReceivablePass: data.amountReceivablePass
        };
        this.$forceUpdate();
        // if (!this.datasource.length) this.$message.warning('暂无订单信息');
      },
      //保存
      async save(is) {
        if (!this.datasource.length&&!this.recorpayList.length)
          return this.$message.warning('暂无对账信息');
        let api =
          this.dialogType == 'add'
            ? saveAccountStatementAPI
            : updateAccountStatementAPI;
        let params = {
          ...this.dataForm,
          orderList: this.datasource,
          recorpayList: this.recorpayList
        };
        let data = await api(params);
        if (is == 'sub') {
          await this.submitApprove(data);
          return;
          // await submitAccountStatementApproveAPI({
          //   businessId: data,
          //   type: this.dataForm.type
          // });
        }
        this.$message.success('操作成功');
        this.reload();
      },
      async submitApprove(res) {
        let data = await infoAccountStatementAPI(res);
        this.processSubmitDialogFlag = true;
        this.$nextTick(() => {
          let params = {
            businessId: res,
            businessKey: 'sales_account_statement_approve',
            formCreateUserId: data.createUserId,
            variables: {
              type: data.type,
              businessCode: data.statementNo,
              businessName: data.contactName,
              businessType: '对账单'
            }
            // callBackMethodType : '1',
            // callBackMethod : 'proTargetPlanApproveApiImpl.updatePlanApprovalStatus',
            // pcHandle : '/bpm/handleTask/components/project-manage/plan-manage/submit.vue',
            // pcView : '/bpm/handleTask/components/project-manage/plan-manage/detailDialog.vue',
            // miniHandle : '',
            // miniView : '',
          };
          this.$refs.processSubmitDialogRef.init(params);
        });
      },
      reload() {
        this.cancel();
        //刷新主页面
        this.$emit('done');
      }
    }
  };
</script>
<style scoped lang="scss">
  ::v-deep.el-divider {
    margin: 10px;
    font-weight: bold;
  }
</style>