picc / admin-no-ui · Files

<template>
  <a-spin :spinning="confirmLoading">
    <a-form :form="form">
      <a-card title="基本信息" :bordered="false" class="scoped-approval">
        <a-row :gutter="24">
          <a-form-item :labelCol="{span:4}" :wrapperCol="{span:16}" label="婚否">
            <a-radio-group v-decorator="['marriageStatus',{'initialValue':cusSupplementaryInfo?cusSupplementaryInfo.marriageStatus:''}]" :disabled="disRead">
              <a-radio :value="0">未知</a-radio>
              <a-radio :value="1">已婚</a-radio>
              <a-radio :value="2">未婚</a-radio>
              <a-radio :value="3">离异</a-radio>
            </a-radio-group>
          </a-form-item>
        </a-row>
        <a-row :gutter="24">
          <a-col :span="8">
            <a-form-item :labelCol="{span:12}" :wrapperCol="{span:10}" label="是否有实控人">
              <a-radio-group v-decorator="['actualControllersStatus',{'initialValue':cusSupplementaryInfo?cusSupplementaryInfo.actualControllersStatus:''}]" :disabled="disRead">
                <a-radio :value="0">无</a-radio>
                <a-radio :value="1">有</a-radio>
              </a-radio-group>
            </a-form-item>
          </a-col>
          <a-col :span="8" v-if="cusSupplementaryInfo.actualControllersStatus==1">
            <a-form-item label="实控人姓名" :labelCol="{span:10}" :wrapperCol="{span:14}">
              <a-input v-decorator="['actualControllersName',{'initialValue':cusSupplementaryInfo?cusSupplementaryInfo.actualControllersName:''}]" :readOnly="disRead" />
            </a-form-item>
          </a-col>
          <a-col :span="8" v-if="cusSupplementaryInfo.actualControllersStatus==1">
            <a-form-item label="实控人电话" :labelCol="{span:10}" :wrapperCol="{span:14}">
              <a-input v-decorator="['actualControllersPhone',{'initialValue':cusSupplementaryInfo?cusSupplementaryInfo.actualControllersPhone:''}]" :readOnly="disRead" />
            </a-form-item>
          </a-col>
        </a-row>
        <a-row :gutter="24">
          <a-form-item :labelCol="{span:4}" :wrapperCol="{span:7}" label="从业年限(年)">
            <a-input v-decorator="['workingYear',{'initialValue':cusSupplementaryInfo?cusSupplementaryInfo.workingYear:''}]" :readOnly="disRead" />
          </a-form-item>
        </a-row>
        <a-row :gutter="24">
          <a-form-item :labelCol="{span:4}" :wrapperCol="{span:7}" label="是否有被执行信息">
            <a-input v-decorator="['executedInformation',{'initialValue':cusSupplementaryInfo?cusSupplementaryInfo.executedInformation:''}]" :readOnly="disRead" />
          </a-form-item>
        </a-row>
        <a-row :gutter="24">
          <a-form-item :labelCol="{span:4}" :wrapperCol="{span:7}" label="与所留联系人的关系">
            <a-input v-decorator="['relation',{'initialValue':cusSupplementaryInfo?cusSupplementaryInfo.relation:''}]" :readOnly="disRead" />
          </a-form-item>
        </a-row>
        <a-row :gutter="24">
          <a-form-item :labelCol="{span:4}" :wrapperCol="{span:7}" label="居住地址">
            <a-input v-decorator="['homeAddress',{'initialValue':cusSupplementaryInfo?cusSupplementaryInfo.homeAddress:''}]" :readOnly="disRead" />
          </a-form-item>
        </a-row>
        <a-row :gutter="24">
          <a-col :span="12">
            <a-form-item :labelCol="{span:10}" :wrapperCol="{span:8}" label="实际地址与注册地是否一致">
              <a-radio-group v-decorator="['registeredPlaceStatus',{'initialValue':cusSupplementaryInfo?cusSupplementaryInfo.registeredPlaceStatus:''}]" :disabled="disRead">
                <a-radio :value="true">是</a-radio>
                <a-radio :value="false">否</a-radio>
              </a-radio-group>
            </a-form-item>
          </a-col>
          <a-col :span="12" v-if="cusSupplementaryInfo.registeredPlaceStatus=='true'">
            <a-form-item :labelCol="{span:4}" :wrapperCol="{span:20}" label="实际地址">
              <a-input v-decorator="['registeredPlace',{'initialValue':cusSupplementaryInfo?cusSupplementaryInfo.registeredPlace:''}]" :readOnly="disRead" />
            </a-form-item>
          </a-col>
        </a-row>
      </a-card>
      <a-card title="经营模式及规模" :bordered="false">
        <a-row :gutter="24">
          <a-form-item :labelCol="{span:4}" :wrapperCol="{span:20}" label="是否有集散场地">
            <a-radio-group v-decorator="['distributingCenterStatus',{'initialValue':cusSupplementaryInfo?cusSupplementaryInfo.distributingCenterStatus:''}]" :disabled="disRead">
              <a-radio :value="true">有</a-radio>
              <a-radio :value="false">无</a-radio>
            </a-radio-group>
          </a-form-item>
        </a-row>
        <a-row :gutter="24">
          <a-col :span="8">
            <a-form-item :labelCol="{span:12}" :wrapperCol="{span:12}" label="自有车辆数">
              <a-input v-decorator="['vehicleNumber',{'initialValue':cusSupplementaryInfo?cusSupplementaryInfo.vehicleNumber:''}]" :readOnly="disRead" />
            </a-form-item>
          </a-col>
          <a-col :span="8">
            <a-form-item :labelCol="{span:12}" :wrapperCol="{span:12}" label="挂靠车辆数">
              <a-input v-decorator="['anchoredVehicleNumber',{'initialValue':cusSupplementaryInfo?cusSupplementaryInfo.anchoredVehicleNumber:''}]" :readOnly="disRead" />
            </a-form-item>
          </a-col>
        </a-row>
        <a-row :gutter="24">
          <a-form-item :labelCol="{span:4}" :wrapperCol="{span:20}" label="企业类型">
            <a-checkbox-group :options="childDotData" :value="[cusSupplementaryInfo?cusSupplementaryInfo.enterprisesType:'']" @change="onChange" />
            </a-checkbox-group>
          </a-form-item>
        </a-row>
        <a-row :gutter="24" v-if="dedicatedShow">
          <a-form-item :labelCol="{span:4}" :wrapperCol="{span:20}" label="专线">
            <a-table ref="table" size="middle" bordered rowKey="id" :columns="specialLineData" :dataSource="cusDedicatedLineList" :pagination="false" :loading="loading" @change="handleTableChange" style="padding-top:40px;">
            </a-table>
          </a-form-item>
        </a-row>
        <a-row :gutter="24" v-if="motorcadeShow">
          <a-form-item :labelCol="{span:4}" :wrapperCol="{span:20}" label="车队及三方">
            <a-table ref="table" size="middle" bordered rowKey="id" :columns="motorcadeData" :dataSource="cusThreePartyInfoList" :pagination="false" :loading="loading" @change="handleTableChange" style="padding-top:40px;">
            </a-table>
          </a-form-item>
        </a-row>
      </a-card>
      <a-card title="成本" :bordered="false">
        <a-table ref="table" size="middle" bordered rowKey="id" :columns="costData" :dataSource="cusCostInfoList" :pagination="false" :loading="loading" @change="handleTableChange" style="padding-top:20px;">
        </a-table>
      </a-card>
      <a-card title="负债" :bordered="false">
        <a-table ref="table" size="middle" bordered rowKey="id" :columns="liabilitiesData" :dataSource="cusLiabilitiesInfoList" :pagination="false" :loading="loading" @change="handleTableChange" style="padding-top:20px;">
        </a-table>
      </a-card>
      <a-card title="备注" :bordered="false">
        <a-form-item label="">
          <a-textarea rows="4" placeholder="最多输入2000字" v-decorator="['remark',{'initialValue':cusSupplementaryInfo?cusSupplementaryInfo.remark:''}]" :readOnly="disRead" />
        </a-form-item>
      </a-card>
    </a-form>
  </a-spin>
</template>
<script>
import { JeecgListMixin } from '@/mixins/CoreListMixin'
import { queryCusPhoneCheckInfo } from '@/api/configApi'

export default {
  name: 'personApprovalRecord',
  mixins: [JeecgListMixin],
  props: {
    userType: {
      type: Number,
      default: null,
    },
    customerNo: {
      type: String,
      default: ''
    }
  },
  data () {
    return {
      disRead: true,
      confirmLoading: false,
      current: 3,
      phoneCheckLoanTypeCode: JSON.parse(sessionStorage.getItem('PHONE_CHECK_LOAN_TYPE_CODE')), // 电核负债类型
      phoneCheckCostTypeCode: JSON.parse(sessionStorage.getItem('PHONE_CHECK_COST_TYPE_CODE')), // 电核成本类型
      dedicatedShow: false, // 专线
      motorcadeShow: false, // 车队及三方
      freightSum: 0, // 车队及三方专线总费用   销售负债比计算用
      cusSupplementaryInfo: '', // 基本信息
      cusLiabilitiesInfoList: [], // 负债信息
      cusCostInfoList: [], // 成本信息
      cusDedicatedLineList: [], // 专线信息
      cusThreePartyInfoList: [], // 三方及车队信息 
      historicalApprovalData: [
        {
          title: '序号',
          dataIndex: '',
          key: 'rowIndex',
          align: 'center',
          width: 60,
        },
        {
          title: '审批岗位',
          align: 'center',
          width: '100px',
          dataIndex: 'realname01'
        },
        {
          title: '审批人员',
          align: 'center',
          width: '100px',
          dataIndex: 'realname02'
        },
        {
          title: '审批结果',
          align: 'center',
          width: '100px',
          dataIndex: 'realname03'
        },
        {
          title: '审批意见',
          align: 'center',
          width: '100px',
          dataIndex: 'realname04'
        },
        {
          title: '审批时间',
          align: 'center',
          dataIndex: 'realname05'
        },
        {
          title: '审批报告',
          dataIndex: 'action',
          scopedSlots: { customRender: 'action' },
          align: 'center',
          width: 100,
          fixed: 'right'
        }
      ],
      childDotData: [
        {
          label: '专线',
          value: '1',
        },
        {
          label: '车队',
          value: '2',
        },
        {
          label: '三方',
          value: '3',
        },
        {
          label: '专线 + 车队',
          value: '12',
        },
        {
          label: '专线 + 三方',
          value: '13',
        },
      ],
      specialLineData: [
        {
          title: '序号',
          dataIndex: '',
          key: 'rowIndex',
          align: 'center',
          customRender: function (t, r, index) {
            return typeof (t.id) == 'number' ? '运费合计' : parseInt(index) + 1
          }
        },
        {
          title: '线路',
          align: 'center',
          dataIndex: 'departureLine'
        },
        {
          title: '月均发车趟',
          align: 'center',
          dataIndex: 'monthAverageDeparture'
        },
        {
          title: '单趟运费(元)',
          align: 'center',
          dataIndex: 'singleFreight'
        },
        {
          title: '运费(元)',
          align: 'center',
          dataIndex: 'freight'
        }
      ],
      motorcadeData: [
        {
          title: '序号',
          dataIndex: '',
          key: 'rowIndex',
          align: 'center',
          customRender: function (t, r, index) {
            return typeof (t.id) == 'number' ? '运费合计' : parseInt(index) + 1
          }
        },
        {
          title: '货源方名称',
          align: 'center',
          dataIndex: 'sourceName'
        },
        {
          title: '占比(%)',
          align: 'center',
          dataIndex: 'ratio'
        },
        {
          title: '运费',
          align: 'center',
          dataIndex: 'freight'
        },
        {
          title: '合作年限',
          align: 'center',
          dataIndex: 'cooperationYears'
        },
      ],
      costData: [
        {
          title: '成本项目',
          align: 'center',
          dataIndex: 'costNameCode',
          customRender: (t, r, index) => {
            if (t == '成本合计') {
              return t
            } else {
              for (var i = 0; i < this.phoneCheckCostTypeCode.length; i++) {
                if (t === this.phoneCheckCostTypeCode[i].name) {
                  return this.phoneCheckCostTypeCode[i].title
                }
              }
            }
          }
        },
        {
          title: '金额(元)',
          align: 'center',
          dataIndex: 'amount',

        },
        {
          title: '备注',
          align: 'center',
          dataIndex: 'remark'
        },
      ],
      liabilitiesData: [
        {
          title: '贷款种类',
          align: 'center',
          dataIndex: 'loanTypeCode',
          customRender: (t, r, index) => {
            if (t == '销售负债比') {
              return t;
            } else {
              for (var i = 0; i < this.phoneCheckLoanTypeCode.length; i++) {
                if (t === this.phoneCheckLoanTypeCode[i].name) {
                  return this.phoneCheckLoanTypeCode[i].title
                }
              }
            }
          }
        },
        {
          title: '金额(元)',
          align: 'center',
          dataIndex: 'amount',
          customRender: function (t, r, index) {
            return r.amountRatio ? r.amountRatio : t
          }
        },
        {
          title: '备注',
          align: 'center',
          dataIndex: 'remark'
        },
      ],
      form: this.$form.createForm(this),
      disableMixinCreated: true,
      url: {
        list: '/admin/collPersonalApply/queryCollPersonalApplyList',
      },
    }
  },
  created () {
    console.log(this.customerNo)
  },
  methods: {
    loadData () {
      this.cusSupplementaryInfo = ''; // 基本信息
      this.cusLiabilitiesInfoList = []; // 负债信息
      this.cusCostInfoList = []; // 成本信息
      this.cusDedicatedLineList = []; // 专线信息
      this.cusThreePartyInfoList = []; // 三方及车队信息 
      // let _p = { 'customerNo': 'E20200317150433938058' } 
      let _p = { 'customerNo': this.customerNo }
      queryCusPhoneCheckInfo(_p).then(res => {
        if (res.status.statusCode == 0) {
          let data = res.result
          data.cusDedicatedLineList.length > 0 ? this.cusDedicatedLineList = this.Total(data.cusDedicatedLineList) : this.cusDedicatedLineList = []
          data.cusSupplementaryInfo ? this.cusSupplementaryInfo = data.cusSupplementaryInfo : this.cusSupplementaryInfo = {}
          data.cusCostInfoList.length > 0 ? this.cusCostInfoList = this.Total(data.cusCostInfoList) : this.cusCostInfoList = []
          data.cusThreePartyInfoList.length > 0 ? this.cusThreePartyInfoList = this.Total(data.cusThreePartyInfoList) : this.cusThreePartyInfoList = []

          data.cusLiabilitiesInfoList.length > 0 ? this.cusLiabilitiesInfoList = this.TotalLiabilities(data.cusLiabilitiesInfoList) : this.cusLiabilitiesInfoList = []// 需计算
          let type = this.cusSupplementaryInfo.enterprisesType

          if (type == 1) { // 根据类型展示专线 车队及三方
            this.dedicatedShow = true;
          } else if (type == 2 || type == 3) {
            this.motorcadeShow = true;
          } else if (type == 12 || type == 13) {
            this.dedicatedShow = true;
            this.motorcadeShow = true;
          }
        } else {
          this.$message.warning(res.status.statusReason)
        }
      })
    },
    Total (data) { // 合计处理
      let monthAverageDepartureSum = 0, // 专线=>月均发车趟
        singleFreightSum = 0,  // 专线=>单趟运费(元)
        freightSum = 0, // 专线 车队及三方 =>运费
        ratioSum = 0, // 车队及三方 =>占比
        cooperationYearsSum = 0, // 车队及三方 =>合作年限
        amountSum = 0; // 成本=>金额(元)
      data.map(v => {
        monthAverageDepartureSum += v.monthAverageDeparture
        singleFreightSum += v.singleFreight
        freightSum += v.freight
        ratioSum += v.ratio
        cooperationYearsSum += v.cooperationYears
        amountSum += v.amount
      })
      if (freightSum) {
        this.freightSum += freightSum
      }
      let total = {
        'id': new Date().getTime(),
        'departureLine': '-',
        'sourceName': '-',
        'costNameCode': '成本合计',
        'loanTypeCode': '销售负债比',
        'remark': '-',
        'monthAverageDeparture': '-', // monthAverageDepartureSum
        'singleFreight': '-', // singleFreightSum
        'ratio': ratioSum.toFixed(2),
        'cooperationYears': cooperationYearsSum.toFixed(2),
        'freight': freightSum.toFixed(2),
        'amount': amountSum.toFixed(2),
      }
      data.push(total)
      return data;
    },
    TotalLiabilities (data) {
      let amountRatio = 0; // 负债=>销售负债比
      data.map(v => {
        amountRatio += v.amount
      })
      let total = {
        'id': new Date().getTime(),
        'loanTypeCode': '销售负债比',
        'remark': '-',
        'amountRatio': (amountRatio / this.freightSum).toFixed(2)
      }
      data.push(total)
      return data;
    },
    // 自定义附件信息查看
    handleAttachmentLook () {

    },
    onChange () {

    }
  }
}
</script>