front / ningxia-credit-web · Files

<template>
  <div>
    <el-dialog :title="props.title" v-model="state.openDialog" width="600px" append-to-body destroy-on-close @close="handleClose(false)">

      <el-form ref="orderForm" :model="state.formModel" :rules="formRules" label-position="left" label-width="80px">
        <el-form-item label="报告类型" prop="reportType">
          <template v-if="props.entryType === 0">
            {{state.formModel.reportName}}
<!--            {{state.formModel.reportType}}-->
          </template>
          <el-radio-group v-model="state.formModel.reportType" @change="handleChangeReportType" v-else>
            <el-radio v-for="item in state.reportTypeList" :value="item.typeId">{{item.typeName}}</el-radio>
          </el-radio-group>
        </el-form-item>
        <el-form-item label="定制报告" prop="clientId" v-if="state.formModel.reportType === -11" :rules='{ required: true, message: "定制报告不能为空", trigger: ["blur","change"] }'>
          <el-radio-group v-model="state.formModel.clientId" @change="handleChangeClient">
            <el-radio v-for="item in state.clientTypeList" :value="item.clientId">{{item.typeName}}</el-radio>
          </el-radio-group>
        </el-form-item>
        <el-form-item label="企业名称" prop="enterpriseName">
          {{state.formModel.enterpriseName}}
        </el-form-item>
        <el-form-item label="交付时效" prop="entrustType" v-if="!['Y'].includes(state.createImmediate)">
          <el-radio-group v-model="state.formModel.entrustType" v-if="state.formModel.reportType">
            <el-radio v-for="(item, index) in state.jfDayList" :key="index" :label="item.clientType">{{`${getClientTypeStr(item.clientType)}(${item.deliveryDays}工作日)`}}</el-radio>
          </el-radio-group>
        </el-form-item>
        <el-form-item label="是否翻译" prop="translateType">
          <el-radio-group v-model="state.formModel.translateType">
            <el-radio v-for="(item, index) in state.translateTypeList" :key="index" :label="item.dictValue">{{`${item.dictLabel}`}}</el-radio>
          </el-radio-group>
        </el-form-item>
        <el-form-item label="下单备注" prop="remark" :rules='{ required: state.createImmediate !== "Y", message: "下单备注不能为空", trigger: ["blur","change"] }'>
          <el-input type="textarea" :rows="4" v-model="state.formModel.remark"></el-input>
        </el-form-item>
      </el-form>

      <template #footer v-if="props.isShowFooter">
        <span class="dialog-footer">
          <el-button @click="handleClose(false)">取消</el-button>
          <el-button type="primary" :loading="state.isSubmit" @click="handleSubmit">确定</el-button>
        </span>
      </template>

    </el-dialog>

    <order-success open-name="orderSuccessOpen" title="报告下单" :open="state.orderSuccessOpen"></order-success>
  </div>
</template>

<script setup lang="ts">
import { orderInfo } from '../../store'
import { storeToRefs } from 'pinia';
let orderInfoAct = orderInfo()
let { getReportOrder } = storeToRefs(orderInfoAct)

import OrderSuccess from "./orderSuccess.vue";
import * as api from '../../interface/api.ts'

let orderForm = ref<FormInstance>()
const emit = defineEmits(["handleClose"]);

let props = defineProps({
  title: {
    default: "",
    type: String
  },
  open: {
    default: false,
    type: Boolean
  },
  openName: {
    type: String,
    required: true,
    default: ""
  },
  isShowFooter: {
    default: true,
    type: Boolean
  },
  entryType: {
    type: Number,
    default: 0, // 1从搜索企业下单 0从信用报告下单
  }
})

let state = reactive({
  openDialog: false,
  formModel: {
    reportType: "",
    reportName: "",
    clientId: "",
    enterpriseName: "",
    enterpriseCode: "",
    entrustType: "",
    translateType: "",
    remark: ""
  },
  jfDayList: [],
  isSubmit: false,
  orderSuccessOpen: false,
  reportTypeList: [],
  clientTypeList: [],
  createImmediate: "",
  contractReportBusinessTypeList: [],
  shouldFirst: true,
  translateTypeList: [] as any,
})

let formRules = reactive<FormRules>({
  reportType: [
    { required: true, message: "报告类型不能为空", trigger: ["blur","change"] }
  ],
  enterpriseName: [
    { required: true, message: "企业名称不能为空", trigger: ["blur","change"] }
  ],
  entrustType: [
    { required: true, message: "交付时效不能为空", trigger: ["blur","change"] }
  ],
  translateType: [
    { required: true, message: "是否翻译不能为空", trigger: ["blur","change"] }
  ],
  /*remark: [
    { required: true, message: "下单备注不能为空", trigger: ["blur","change"] }
  ],*/
})

let handleClose = (isRefresh: boolean) => {
  emit('handleClose', props.openName, false, isRefresh)
}

let getReportAndPriceType = () => {
  api.getInfoList({}, "/web/bReportTable/clientType").then((res: any)=> {
    // state.jfDayList = res.data
    // state.contractReportBusinessTypeList = res.data.contractReportBusinessTypeList
    state.reportTypeList = res.data.filter((item: any) => item.typeId!= "-10")
    if (props.entryType === 0) {
      handleChangeReportType()
    } else {
      if (state.reportTypeList.length > 0) {
        state.formModel.reportType = state.reportTypeList[0].typeId
        handleChangeReportType()
      }
    }
  })
}

let getReportTypeList = () => {
  api.getInfoList({},'/web/bReportTable/list').then((res: any)=> {
    state.reportTypeList = res.data.rows.filter((item: any) => item.hasPermiss === "1" && item.bizType != "-10")

    if (state.reportTypeList.length > 0) {
      state.formModel.reportType = state.reportTypeList[0].bizType
    }
  })
}

let handleChangeReportType = () => {
  state.shouldFirst = true
  state.clientTypeList = []
  state.formModel.clientId = ""
  state.translateTypeList = []
  state.formModel.translateType = "NO"

  if (parseInt(state.formModel.reportType) === -11) {
    state.reportTypeList.forEach(item=> {
      if (item.typeId === -11) {
        state.clientTypeList = item.templateConfigurationParametersList
        if (state.clientTypeList.length > 0) {
          state.formModel.clientId = state.clientTypeList[0].clientId
          state.clientTypeList.forEach((item1: any)=> {
            if (item1.clientId === state.formModel.clientId) {
              if (item1.clientType === null) {
                state.translateTypeList.push({
                  dictValue: "NO",
                  dictLabel: "不翻译"
                })
                if (item1.reportTranslationType !== "NO") {
                  state.translateTypeList.push({
                    dictValue: item1.reportTranslationType,
                    dictLabel: getReportTranslationTypeStr(item1.reportTranslationType)
                  })
                }
              }
            }
          })
        }
      }
    })
  } else {
    state.reportTypeList.forEach(item=> {
      if (item.typeId === parseInt(state.formModel.reportType)) {
        item.templateConfigurationParametersList.forEach((item1: any)=> {
          if (item1.clientType === null) {
            state.translateTypeList.push({
              dictValue: "NO",
              dictLabel: "不翻译"
            })
            if (item1.reportTranslationType !== "NO") {
              state.translateTypeList.push({
                dictValue: item1.reportTranslationType,
                dictLabel: getReportTranslationTypeStr(item1.reportTranslationType)
              })
            }
          }
        })
      }
    })
  }
}

let handleChangeClient = () => {
  state.shouldFirst = true
}

let handleSubmit = () => {
  // state.orderSuccessOpen = true
  // handleClose(false)
  orderForm.value.validate((valid: boolean) => {
    if (valid) {
      state.isSubmit = true
      state.reportTypeList.forEach(item=> {
        if (item.typeId === parseInt(state.formModel.reportType)) {
          if (item.typeId === -11) {
            item.templateConfigurationParametersList.forEach((item1: any)=> {
              if (item1.clientId === state.formModel.clientId) {
                if (state.createImmediate === "Y") {
                  state.formModel.templateParamId = item1.templateConfigurationParametersList[0].id
                } else {
                  item1.templateConfigurationParametersList.forEach((item2: any)=> {
                    if (item2.clientType === state.formModel.entrustType) {
                      state.formModel.templateParamId = item2.id
                    }
                  })
                }
              }
            })
          } else {
            if (state.createImmediate === "Y") {
              state.formModel.templateParamId = item.templateConfigurationParametersList[0].id
            } else {
              item.templateConfigurationParametersList.forEach((item1: any)=> {
                if (item1.clientType === state.formModel.entrustType) {
                  state.formModel.templateParamId = item1.id
                }
              })
            }
          }
        }
      })
      state.formModel.enterpriseList = [{
        enterpriseName: state.formModel.enterpriseName,
        enterpriseCode: state.formModel.enterpriseCode,
      }]
      api.submitData(state.formModel, "/web/report/add").then((res: any)=> {
        state.orderSuccessOpen = true
        handleClose(false)
        state.isSubmit = false
      }).finally(()=> {
        state.isSubmit = false
      })
    }
  })
}

let reset = () => {
  state.formModel.enterpriseName = ""
  state.formModel.entrustType = ""
  state.formModel.remark = ""
  state.orderSuccessOpen = false
}

let getClientTypeStr = (type: string) => {
  let str = ""
  switch (type) {
    case "0":
      str = "普通"
      break;
    case "1":
      str = "加急"
      break;
    case "2":
      str = "特急"
      break;
    case "4":
      str = "其他"
      break;
  }
  return str
}

let getReportTranslationTypeStr = (type: string) => {
  let str = ""
  switch (type) {
    case "ON":
      str = "中译日"
      break;
    case "CN":
      str = "英译中"
      break;
    case "EN":
      str = "中译英"
      break;
  }
  return str
}

watchEffect(()=> {
  state.openDialog = props.open
  if (state.openDialog) {
    reset()
    getReportAndPriceType()
    state.formModel.enterpriseName = getReportOrder.value.projectInfo.name
    state.formModel.enterpriseCode = getReportOrder.value.projectInfo.creditCode

    if (props.entryType === 1) {
      // 从搜索企业进入
      // getReportTypeList()
    } else {
      // 从企业报告列表进去
      state.formModel.reportType = getReportOrder.value.reportInfo.bizType
      state.formModel.reportName = getReportOrder.value.reportInfo.reportName
    }
  }
})

watchEffect(()=> {
  if ((state.formModel.reportType && state.shouldFirst) || (state.formModel.clientId && state.shouldFirst)) {
    state.createImmediate = "N"
    state.translateTypeList = []
    state.reportTypeList.forEach(item=> {
      if (item.typeId === parseInt(state.formModel.reportType)) {
        if (item.typeId === -11) {
          state.formModel.reportName = item.typeName
          item.templateConfigurationParametersList.forEach((item1: any)=> {
            if (item1.clientId === state.formModel.clientId) {
              item1.templateConfigurationParametersList.forEach((item2: any)=> {
                if (item2.clientType === null) {
                  state.translateTypeList.push({
                    dictValue: "NO",
                    dictLabel: "不翻译"
                  })
                  if (item2.reportTranslationType !== "NO") {
                    state.translateTypeList.push({
                      dictValue: item2.reportTranslationType,
                      dictLabel: getReportTranslationTypeStr(item2.reportTranslationType)
                    })
                  }
                }
                if (parseInt(item2.clientType) === 3) {
                  state.createImmediate = "Y"
                }
              })
              if (state.createImmediate === "N") {
                state.jfDayList = item1.templateConfigurationParametersList.filter((item2: any)=> {
                  return item2.clientType !== null
                })
                if (state.jfDayList.length > 0) {
                  state.formModel.entrustType = state.jfDayList[0].clientType
                }
              }
              state.shouldFirst = false
            }
          })
        } else {
          state.formModel.reportName = item.typeName
          item.templateConfigurationParametersList.forEach((item1: any)=> {
            if (item1.clientType === null) {
              state.translateTypeList.push({
                dictValue: "NO",
                dictLabel: "不翻译"
              })
              if (item1.reportTranslationType !== "NO") {
                state.translateTypeList.push({
                  dictValue: item1.reportTranslationType,
                  dictLabel: getReportTranslationTypeStr(item1.reportTranslationType)
                })
              }
            }
            if (parseInt(item1.clientType) === 3) {
              state.createImmediate = "Y"
            }
          })
          if (state.createImmediate === "N") {
            state.jfDayList = item.templateConfigurationParametersList.filter((item1: any)=> {
              return item1.clientType !== null
            })
            if (state.jfDayList.length > 0) {
              state.formModel.entrustType = state.jfDayList[0].clientType
            }
          }
          state.shouldFirst = false
        }
      }
    })
  }
})



</script>

<style scoped>

</style>