kd-aiot-frontend-eom/src/views/salesServiceManagement/demandList/components/addDialog.vue

<template>
  <ele-modal
    custom-class="ele-dialog-form long-dialog-form"
    :centered="true"
    :visible.sync="addRepairNotesDialog"
    :title="title"
    :close-on-click-modal="false"
    width="85%"
    :maxable="true"
    append-to-body
    @close="handleClose"
  >
    <!-- :fullscreen="fullscreen" -->
    <info
      ref="infoRef"
      :demandList="demandList"
      :aftertypeList="aftertypeList"
      :pietypeList="pietypeList"
      :type="type"
    ></info>
    <SubmitDialog ref="submitRef" @savExit="savExit" />
    <dispatchDialog ref="dispatchRef" @savExit="savExit" />
    <div slot="footer" class="footer">
      <el-button
        type="primary"
        :loading="loading"
        @click="submitAdd"
        v-if="type != 'view'"
        >保存</el-button
      >
      <el-button
        type="primary"
        :loading="loading"
        @click="submit"
        v-if="type != 'view'"
        >提交</el-button
      >
      <el-button
        type="primary"
        :loading="loading"
        @click="dispatch"
        v-if="type != 'view'"
        >派单</el-button
      >
      <el-button @click="handleClose" :loading="loading">返回</el-button>
    </div>
  </ele-modal>
</template>

<script>
import { mapGetters } from 'vuex';
import modalTitle from '@/BIZComponents/modalTitle.vue';
import customerDialog from '@/views/financialManage/components/customerListDialog.vue';
import SubmitDialog from './submitDialog.vue';
import dispatchDialog from './dispatchDialog.vue';
import { getByCode } from '@/api/system/dictionary-data';
import {
  saveSalesDemand,
  updateSalesDemand,
  getSalesDemandById
} from '@/api/salesServiceManagement/index';

import info from '@/views/salesServiceManagement/components/info.vue';

export default {
  components: {
    modalTitle,
    customerDialog,
    // fileMain,
    info,
    SubmitDialog,
    dispatchDialog
  },
  watch: {},
  computed: {
    ...mapGetters(['getDictValue'])
  },
  data() {
    return {
      title: '新增',
      addRepairNotesDialog: false,
      type: 'add',
      form: {},
      demandList: [],
      aftertypeList: [],
      pietypeList: [],
      loading: false
    };
  },
  created() {
    this.getLevelCode('requirement_name'); //需求名称字典查询
    this.getaftertypeCode('after_sales_type');
    this.getpietypeCode('pie_car_type');
  },
  methods: {
    // 初始化数据(父组件调用)
    init(row, type) {
      this.addRepairNotesDialog = true;
      this.type = type;
      this.title = type == 'add' ? '新增' : type == 'view' ? '详情' : '修改';
      if (row?.id) {
        this.getDetail(row.id);
      } else {
      }
    },
    //
    async getLevelCode(code) {
      try {
        const res = await getByCode(code);
        if (res.code == 0) {
          let list = Object.values(res.data).map((el) => {
            let k = Object.keys(el)[0];
            let v = Object.values(el)[0];
            return {
              label: v,
              value: k
            };
          });
          this.demandList = list;
        }
      } catch (err) {
        this.$message.error(err.message);
      }
    },
    async getaftertypeCode(code) {
      try {
        const res = await getByCode(code);
        if (res.code == 0) {
          let list = Object.values(res.data).map((el) => {
            let k = Object.keys(el)[0];
            let v = Object.values(el)[0];
            return {
              label: v,
              value: k
            };
          });
          this.aftertypeList = list;
        }
      } catch (err) {
        this.$message.error(err.message);
      }
    },
    async getpietypeCode(code) {
      try {
        const res = await getByCode(code);
        if (res.code == 0) {
          let list = Object.values(res.data).map((el) => {
            let k = Object.keys(el)[0];
            let v = Object.values(el)[0];
            return {
              label: v,
              value: k
            };
          });
          this.pietypeList = list;
        }
      } catch (err) {
        this.$message.error(err.message);
      }
    },
    // 提交
    async submit() {
      let pData = await this.handleParameter();
      if (!pData) {
        return;
      }
      this.$refs.submitRef.open(pData, this.type);
    },
    // 派单
    async dispatch() {
      let pData = await this.handleParameter();
      console.log(pData);
      debugger;
      if (!pData) {
        return;
      }
      this.$refs.dispatchRef.open(pData, this.type);
    },
    async getDetail(id) {
      const res = await getSalesDemandById(id);
      this.$nextTick(() => {
        this.$refs.infoRef.init(res);
      });

      this.form = res;
    },

    handleClose() {
      this.addRepairNotesDialog = false;
      this.form = {};
      this.$refs.infoRef.catch();
    },
    // 标准时间函数 ***
    formatDate(dateString) {
      const isStandardFormat = /^\d{4}-\d{1,2}-\d{1,2}$/.test(dateString);
      if (isStandardFormat) {
        return dateString;
      }
      try {
        const date = new Date(dateString);
        if (isNaN(date.getTime())) {
          throw new Error('Invalid date');
        }
        const year = date.getFullYear();
        const month = String(date.getMonth() + 1).padStart(2, '0');
        const day = String(date.getDate()).padStart(2, '0');
        return `${year}-${month}-${day}`;
      } catch (error) {
        return dateString; // 转换失败时返回原始字符串
      }
    },
    // 提取公共 参数
    async handleParameter() {
      let data = this.$refs.infoRef.getValue();
      let sparePartsData = this.$refs.infoRef.getSpareInfoData();
      console.log(sparePartsData.length);
      if (!data.contactInfoVOS?.length) {
        this.$message.warning('联系人信息至少有1条');
        return false;
      }
      if (data.part === 1 && sparePartsData.length === 0) {
        this.$message.warning('请添加配件信息');
        return false;
      }
      try {
        let valid = await this.$refs.infoRef.getValidate();
        let expectedTime = data.expectedTime
          ? this.formatDate(data.expectedTime)
          : '';
        let pData = {
          ...this.form,
          name: data.name,
          faultLevel: data.faultLevel,
          expectedTime: expectedTime,
          contactId: data.contractInfo.id,
          contactCode: data.contractInfo.code,
          contactName: data.contractInfo.name,
          orderCode: data.orderCode,
          orderId: data.orderId,
          contactAddress: data.contactAddress,
          productDetail: data.tableList.map((item) => {
            item['produceTime'] = item['produceTime'] || null;
            return item;
          }),
          contactInfoVOS: data.contactInfoVOS,

          associationType: data.associationType,
          afterSalesType: data.aftertype,
          isFee: data.charge,
          isPieCar: data.car,
          pieCarType: data.pietype,
          isWithAccessories: data.part,
          costListVOS: sparePartsData,
          formJson: this.$refs.infoRef.carFormData
        };
        console.log(pData);
        // 如果选的销售订单并且 没有售后对象数据
        if (pData.associationType == '2' && pData.productDetail.length == 0) {
          delete pData.productDetail;
          pData.faultDetailList = data.faultDetailList;
        }
        if (pData.associationType == '3' && pData.productDetail.length == 0) {
          delete pData.productDetail;
          pData.faultDetailList = data.faultDetailList;
        }
        return pData;
      } catch (err) {}
    },
    savExit() {
      this.$emit('refresh');
      this.handleClose();
    },
    // 保存
    async submitAdd() {
      try {
        let pData = await this.handleParameter();
        if (!pData) {
          return;
        }
        this.loading = true;
        let requestname =
          this.title === '新增' ? saveSalesDemand : updateSalesDemand;
        const res = await requestname(pData);
        this.loading = false;
        if (res) {
          this.$message.success('操作成功!');
          this.$emit('refresh');
          this.handleClose();
        }
      } catch (error) {
        this.loading = false;
      }
    }
  }
};
</script>

<style lang="scss" scoped>
.dialog_top {
  margin-bottom: 10px;
  display: flex;
  align-items: center;

  span {
    margin-left: 50px;
  }

  .name {
    font-weight: 800;
    color: #40a9ff;
  }
}

::v-deep .el-row {
  display: flex;
  flex-wrap: wrap;
}

.btns {
  text-align: right;
  // margin: 10px 0;
}

.main_container {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
</style>