picc / admin-no-ui · Files

<template>
  <a-card :bordered="false">
    <!-- 查询区域 -->
    <div class="table-page-search-wrapper">
      <a-form layout="inline" @keyup.enter.native="searchQuery">
        <a-row :gutter="24">
          <a-col :md="6" :sm="12">
            <a-form-item label="授信申请单号">
              <a-input placeholder="输入授信申请单号" v-model="queryParam.applyNo"></a-input>
            </a-form-item>
          </a-col>
          <a-col :md="6" :sm="12">
            <a-form-item label="企业名称">
              <a-input placeholder="输入企业名称" v-model="queryParam.enterpriseName"></a-input>
            </a-form-item>
          </a-col>
          <a-col :md="6" :sm="12">
            <a-form-item label="统一社会信用代码">
              <a-input placeholder="统一社会信用代码" v-model="queryParam.orgCode"></a-input>
            </a-form-item>
          </a-col>
          <template v-if="toggleSearchStatus">
            <a-col :md="6" :sm="12">
              <a-form-item label="经办人手机号">
                <a-input placeholder="请输入经办人手机号" v-model="queryParam.mobilePhone"></a-input>
              </a-form-item>
            </a-col>
            <a-col :md="6" :sm="8">
              <a-form-item label="产品编号">
                <a-input placeholder="输入产品编号" v-model="queryParam.productNo"></a-input>
              </a-form-item>
            </a-col>
            <a-col :md="6" :sm="8">
              <a-form-item label="进件状态">
                <a-select v-model="queryParam.status" placeholder="请选择">
                  <a-select-option v-for="(item, index) in applyWayStatus" :key="index" :value="item.name">{{
                    item.title
                  }}</a-select-option>
                </a-select>
              </a-form-item>
            </a-col>
            <a-col :md="6" :sm="8">
              <a-form-item label="进件来源">
                <a-select v-model="queryParam.applyWay" placeholder="请选择">
                  <a-select-option v-for="(item, index) in intoStatus" :key="index" :value="item.name">{{
                    item.title
                  }}</a-select-option>
                </a-select>
              </a-form-item>
            </a-col>
            <a-col :md="6" :sm="8">
              <a-form-item label="业务线名称">
                <a-input placeholder="输入业务线名称" v-model="queryParam.businessChannelName"></a-input>
              </a-form-item>
            </a-col>
            <a-col :md="6" :sm="8">
              <a-form-item label="产品名称">
                <a-input placeholder="输入产品名称" v-model="queryParam.productName"></a-input>
              </a-form-item>
            </a-col>
            <!-- <a-col :md="6" :sm="12">
              <a-form-item label="进件流编号">
                <a-input placeholder="输入进件流编号" v-model="queryParam.collectionNo"></a-input>
              </a-form-item>
            </a-col> -->
            <a-col :md="6" :sm="8">
              <a-form-item label="申请时间" :labelCol="{ span: 8 }" :wrapperCol="{ span: 16 }">
                <a-date-picker
                  style="width: 100%"
                  :format="dateFormat"
                  :disabledDate="disabledStartDate"
                  v-model="applyDateStart"
                  @change="onChangeApplyDateStart"
                />
              </a-form-item>
            </a-col>
            <a-col :md="6" :sm="8">
              <a-form-item label="至" :labelCol="{ span: 8 }" :wrapperCol="{ span: 16 }">
                <a-date-picker
                  style="width: 100%"
                  :format="dateFormat"
                  :disabledDate="disabledEndDate"
                  v-model="applyDateEnd"
                  @change="onChangeApplyDateEnd"
                />
              </a-form-item>
            </a-col>
            <!-- <a-col :md="6" :sm="8">
              <a-form-item label="产品分类编号">
                <a-input placeholder="输入产品分类编号" v-model="queryParam.productCategoryNo"></a-input>
              </a-form-item>
            </a-col> -->
            <a-col :md="6" :sm="8">
              <a-form-item label="组织机构">
                <a-select v-model="queryParam.businessDepartmentNo" placeholder="请选择">
                  <a-select-option v-for="(item, index) in programOffices" :key="index" :value="item.name">{{
                    item.title
                  }}</a-select-option>
                </a-select>
              </a-form-item>
            </a-col>
            <a-col :md="6" :sm="8">
              <a-form-item label="经办人名称">
                <a-input placeholder="输入经办人名称" v-model="queryParam.idCardName"></a-input>
              </a-form-item>
            </a-col>
          </template>
          <a-col :md="6" :sm="8">
            <span style="float: left; overflow: hidden" class="table-page-search-submitButtons">
              <a-button type="primary" @click="searchQuery" icon="search">查询</a-button>
              <a-button @click="searchResetTime(queryParam)" icon="reload" style="margin-left: 8px"
                >重置</a-button
              >
              <a @click="handleToggleSearch" style="margin-left: 8px">
                {{ toggleSearchStatus ? '收起' : '展开' }}
                <a-icon :type="toggleSearchStatus ? 'up' : 'down'" />
              </a>
            </span>
          </a-col>
        </a-row>
      </a-form>
    </div>
    <!-- table区域-begin -->
    <div>
      <a-table
        ref="table"
        size="middle"
        bordered
        rowKey="id"
        :columns="columns"
        :dataSource="dataSource"
        :pagination="ipagination"
        :loading="loading"
        :scroll="{ x: 1800 }"
        @change="handleTableChange"
      >
        <!-- 字符串超长截取省略号显示-->
        <span slot="esContent" slot-scope="text">
          <j-ellipsis :value="text" :length="10" />
        </span>

        <span slot="action" slot-scope="text, record">
          <a-button
            type="link"
            size="small"
            @click="handleDetailBai(record, '查看企业进件信息')"
            icon="search"
            v-has="'personalInformationList:look'"
            style="font-size: 12px"
            >查看</a-button
          >
          <a-divider type="vertical" v-has="'companyInformationList:edit'" />
          <a-button
            type="link"
            size="small"
            @click="handleEditBai(record, '修改企业进件信息')"
            icon="edit"
            v-has="'personalInformationList:edit'"
            style="font-size: 12px"
          >
            修改</a-button
          >
          <!-- <a-divider
            type="vertical"
            v-show="record.status == 1 || record.status == 3"
            v-has="'personalInformationList:reCheck'"
          /> -->
          <a-button
            type="link"
            size="small"
            @click="shenqing(record)"
            v-show="record.status == 1 || record.status == 3"
            v-has="'personalInformationList:reCheck'"
            icon="file-done"
            style="font-size: 12px"
          >
            复核申请</a-button
          >
          <a-divider type="vertical" v-show="record.status == 7" v-has="'personalInformationList:creditApply'" />
          <a-button
            type="link"
            size="small"
            @click="shouxin(record)"
            v-show="record.status == 7"
            v-has="'personalInformationList:creditApply'"
            icon="book"
            style="font-size: 12px"
          >
            授信申请</a-button
          >
          <a-divider type="vertical" v-show="record.status == 16" v-has="'personalInformationList:submitCollection'" />
          <a-button
            type="link"
            size="small"
            @click="bujian(record)"
            v-show="record.status == 16"
            v-has="'personalInformationList:submitCollection'"
            icon="audit"
            style="font-size: 12px"
          >
            补件提交</a-button
          >
          <!-- <a-divider type="vertical" v-show="record.status == 2" v-has="'personalInformation:submit'"/>
          <a @click="fuhe(record)" v-show="record.status == 2" v-has="'personalInformation:submit'">复核提交</a> -->
          <a-divider
            type="vertical"
            v-show="record.status == 1 || record.status == 3 || record.status == 7 || record.status == 16"
            v-has="'personalInformationList:revokeCollection'"
          />
          <a-button
            type="link"
            size="small"
            @click="chejian(record)"
            v-show="record.status == 1 || record.status == 3 || record.status == 7 || record.status == 16"
            v-has="'personalInformationList:revokeCollection'"
            icon="file-sync"
            style="font-size: 12px"
          >
            撤件终止</a-button
          >
        </span>
      </a-table>
    </div>
    <!-- table区域-end -->
    <company-information-list-modal ref="modalForm" @ok="modalFormOk" :dai.sync="dai"></company-information-list-modal>
    <div>
      <a-modal title="复核申请" v-model="sqBox" @ok="sqBoxOk" :maskClosable="false">
        <p style="padding: 10px 0 0 40px">你确定要提交该笔复核申请吗？</p>
      </a-modal>
    </div>
    <div>
      <a-modal title="授信申请" v-model="sxBox" @ok="sxBoxOk" :maskClosable="false">
        <p style="padding: 10px 0 0 40px">
          该笔进件申请未通过准入风控，你确定是否要继续提交授信申请，若继续提交请输入授信申请理由后，点击确定即可提交。若不继续提交则点击取消即可。
        </p>
        <a-form-item label="授信审批理由">
          <a-textarea v-model="liyou" />
        </a-form-item>
      </a-modal>
    </div>
    <div>
      <a-modal title="补件提交" v-model="bjBox" @ok="bjBoxOk" :maskClosable="false">
        <p style="padding: 10px 0 0 40px">你确定已完成补件，再次进行授信审批处理</p>
      </a-modal>
    </div>
    <div>
      <a-modal title="撤件终止" v-model="cjBox" @ok="cjBoxOk" :maskClosable="false">
        <p style="padding: 10px 0 0 40px">你确定要对该笔进件进行撤件</p>
      </a-modal>
    </div>
    <div>
      <a-modal title="复核提交" :width="1000" v-model="fuheBox" @ok="fuheOk" :maskClosable="false">
        <a-form-model ref="form3" :model="jielun" :rules="validatorRules3">
          <a-card title="协办经理调查结论" :bordered="false">
            <a-row :gutter="24">
              <a-col :span="10">
                <a-form-model-item
                  prop="isAdopt"
                  label="复核是否通过"
                  :labelCol="{ span: 8 }"
                  :wrapperCol="{ span: 16 }"
                >
                  <a-radio-group :disabled="onlyread && disableSubmit" v-model="jielun.isAdopt">
                    <a-radio :value="1">是</a-radio>
                    <a-radio :value="2">否</a-radio>
                  </a-radio-group>
                </a-form-model-item>
              </a-col>
              <a-col :span="10">
                <a-form-model-item
                  prop="coSurveyDate"
                  label="调查时间"
                  :labelCol="{ span: 6 }"
                  :wrapperCol="{ span: 18 }"
                >
                  <a-date-picker
                    show-time
                    placeholder="请输入调查时间"
                    :disabled="onlyread && disableSubmit"
                    v-model="jielun.coSurveyDate"
                  />
                </a-form-model-item>
              </a-col>
            </a-row>
            <a-form-model-item
              prop="coSurveyOpinion"
              label="补充信息"
              :labelCol="{ span: 2 }"
              :wrapperCol="{ span: 16 }"
            >
              <a-textarea :readOnly="onlyread && disableSubmit" v-model="jielun.coSurveyOpinion" />
            </a-form-model-item>
          </a-card>
        </a-form-model>
      </a-modal>
    </div>
  </a-card>
</template>
<script>
import CompanyInformationListModal from './modules/CompanyInformationListModal'
import { JeecgListMixin } from '@/mixins/CoreListMixin'
import {
  collEnterpriseApplyDetail,
  queryEnterpriseApplyList,
  queryCustomerManageInfoByNO,
  qreCheckApply,
  qgetCreditApply,
  qsubmitCollection,
  qrevokeCollection,
  updateCoSponsorInfo,
} from '@/api/configApi'

export default {
  name: 'companyInformationList',
  mixins: [JeecgListMixin],
  components: {
    CompanyInformationListModal,
  },
  data() {
    return {
      queryParam: {},
      intoStatus: JSON.parse(sessionStorage.getItem('INTOSTATUS')), // 进件来源
      applyWayStatus: JSON.parse(sessionStorage.getItem('APPLYWAYSTATUS')), // 进件状态
      programOffices: JSON.parse(sessionStorage.getItem('PROGRAMOFFICES')), // 组织机构
      dbCooPerationPlatform: JSON.parse(sessionStorage.getItem('DB_COOPERATION_PLATFORM')), // 合作平台
      visible: false,
      sqBox: false,
      sxBox: false,
      bjBox: false,
      cjBox: false,
      fuheBox: false,
      jielun: {},
      dai: 2,
      dateFormat: 'YYYY-MM-DD 00:00:00',
      liyou: '',
      value: [],
      applyNo: '',
      productNo: '',
      mobilePhone: '',
      mainManagerName: '',
      columns: [
        {
          title: '序号',
          dataIndex: '',
          key: 'rowIndex',
          align: 'center',
          width: 55,
          customRender: function (t, r, index) {
            return parseInt(index) + 1
          },
        },
        {
          title: '授信申请单号',
          align: 'center',
          dataIndex: 'applyNo',
          width: 280,
        },
        {
          title: '企业名称',
          align: 'center',
          dataIndex: 'enterpriseName',
          width: 320,
        },
        {
          title: '统一社会信用代码',
          align: 'center',
          dataIndex: 'orgCode',
          width: 200,
        },
        {
          title: '经办人名称',
          align: 'center',
          dataIndex: 'idCardName',
          width: 120,
        },
        {
          title: '经办人手机号',
          align: 'center',
          dataIndex: 'mobilePhoneView',
          width: 120,
        },
        {
          title: '进件来源',
          align: 'center',
          dataIndex: 'applyWay',
          width: 120,
          customRender: (t, r, index) => {
            for (var i = 0; i < this.intoStatus.length; i++) {
              if (t == this.intoStatus[i].name) {
                return this.intoStatus[i].title
              }
            }
          },
        },
        {
          title: '产品编号',
          align: 'center',
          dataIndex: 'productNo',
          width: 180,
        },
        {
          title: '产品名称',
          align: 'center',
          dataIndex: 'productName',
          width: 180,
        },
        {
          title: '业务线名称',
          align: 'center',
          dataIndex: 'businessChannelName',
          width: 180,
        },
        {
          title: '组织机构',
          align: 'center',
          dataIndex: 'businessDepartmentNo',
          width: 180,
        },
        {
          title: '主办业务经理',
          align: 'center',
          dataIndex: 'mainManagerName',
          width: 120,
        },
        {
          title: '进件状态',
          align: 'center',
          dataIndex: 'status',
          width: 120,
          customRender: (t, r, index) => {
            for (var i = 0; i < this.applyWayStatus.length; i++) {
              if (t == this.applyWayStatus[i].name) {
                return this.applyWayStatus[i].title
              }
            }
          },
        },
        {
          title: '申请时间',
          align: 'center',
          dataIndex: 'createTime',
          width: 180,
        },
        {
          title: '更新时间',
          align: 'center',
          dataIndex: 'updateTime',
          width: 180,
        },
        {
          title: '操作',
          dataIndex: 'action',
          scopedSlots: { customRender: 'action' },
          align: 'center',
          width: 220,
          fixed: 'right',
        },
      ],
      url: {
        list: '/collection/admin/queryEnterpriseApplyList',
      },
      applyDateStart: undefined,
      applyDateEnd: undefined,
      ipaginationList: {
        pageNo: 1,
        pageSize: 10,
        params: {},
        attachment: {
          loginId: localStorage.getItem('userId'),
        },
      },
      validatorRules3: {
        isAdopt: [{ required: true, message: '请输选择复核结果!' }],
        coSurveyDate: [{ required: true, message: '请输入复核时间!' }],
        // coSurveyOpinion: [
        //     { required: true, message: '请输入调查日期!' },
        // ],
      },
    }
  },
  computed: {},
  mounted() {
    // this.loginList()
  },
  methods: {
    pd() {},
    loginList() {
      queryEnterpriseApplyList(this.ipaginationList).then((res) => {
        if (res.status.statusCode == 0) {
          this.dataSource = res.result.records
        } else {
          this.$message.warning(res.status.statusReason)
        }
      })
    },
    handleEditBai: function (record, title) {
      // alert("chakan")
      let _p = { applyNo: record.applyNo }
      localStorage.setItem('dh', record.applyNo)
      console.log(record.businessChannelNo)
      this.dai = 2
      collEnterpriseApplyDetail(_p).then((res) => {
        if (res.status.statusCode == 0) {
          this.$refs.modalForm.edit(
            res.result,
            record.applyNo,
            record.organizationId,
            record.productNo,
            record.businessChannelNo
          )
          this.$refs.modalForm.up1()
          this.$refs.modalForm.up2()
          this.$refs.modalForm.up3()
          this.$refs.modalForm.up4()
          this.$refs.modalForm.up5()
        } else {
          this.$message.warning(res.status.statusReason)
        }
      })
      this.$refs.modalForm.titles = title
      this.$refs.modalForm.disableSubmit = false
      this.$refs.modalForm.onlyread = true
    },
    handleDetailBai: function (record, title) {
      localStorage.setItem('dh', record.applyNo)
      this.dai = 2
      let _p = { applyNo: record.applyNo }
      collEnterpriseApplyDetail(_p).then((res) => {
        if (res.status.statusCode == 0) {
          this.$refs.modalForm.edit(
            res.result,
            record.applyNo,
            record.organizationId,
            record.productNo,
            record.businessChannelNo
          )
          this.$refs.modalForm.up1()
          this.$refs.modalForm.up2()
          this.$refs.modalForm.up3()
          this.$refs.modalForm.up4()
          this.$refs.modalForm.up5()
          localStorage.setItem('dai', 2)
        } else {
          this.$message.warning(res.status.statusReason)
        }
      })
      this.$refs.modalForm.titles = title
      this.$refs.modalForm.disableSubmit = true
      this.$refs.modalForm.onlyread = true
    },
    handleApply(record) {
      this.applyNo = record.applyNo
      this.visible = true
    },
    shenqing(record) {
      let _p = { applyNo: record.applyNo }
      queryCustomerManageInfoByNO(_p).then((res) => {
        if (res.status.statusCode == 0) {
          this.mainManagerName = res.result.mainManagerName
        } else {
          this.$message.warning(res.status.statusReason)
        }
      })
      this.applyNo = record.applyNo
      this.sqBox = true
    },
    shouxin(record) {
      this.applyNo = record.applyNo
      this.productNo = record.productNo
      this.mobilePhone = record.mobilePhoneView
      this.sxBox = true
    },
    bujian(record) {
      this.applyNo = record.applyNo
      this.productNo = record.productNo
      this.mobilePhone = record.mobilePhoneView
      this.bjBox = true
    },
    chejian(record) {
      this.applyNo = record.applyNo
      this.productNo = record.productNo
      this.mobilePhone = record.mobilePhoneView
      this.cjBox = true
    },
    sqBoxOk(e) {
      this.loading = true
      let _p = {
        applyNo: this.applyNo,
        mainManagerName: this.mainManagerName,
      }
      qreCheckApply(_p).then((res) => {
        this.loading = false
        if (res.status.statusCode == 0) {
          this.$message.success(res.status.statusReason)
          this.loadData()
          this.sqBox = false
        } else {
          this.$message.warning(res.status.statusReason)
        }
      })
    },
    sxBoxOk(e) {
      this.loading = true
      let _p = { applyNo: this.applyNo, reason: this.liyou }
      if (this.liyou == '') {
        message.error('请填写授信审批理由')
      } else {
        qgetCreditApply(_p).then((res) => {
          this.loading = false
          if (res.status.statusCode == 0) {
            this.$message.success(res.status.statusReason)
            this.loadData()
            this.sxBox = false
          } else {
            this.$message.warning(res.status.statusReason)
          }
        })
      }
    },
    bjBoxOk(e) {
      this.loading = true
      let _p = { applyNo: this.applyNo }
      qsubmitCollection(_p).then((res) => {
        this.loading = false
        if (res.status.statusCode == 0) {
          this.$message.success(res.status.statusReason)
          this.loadData()
          this.bjBox = false
        } else {
          this.$message.warning(res.status.statusReason)
        }
      })
    },
    cjBoxOk(e) {
      this.loading = true
      let _p = { applyNo: this.applyNo }
      qrevokeCollection(_p).then((res) => {
        this.loading = false
        if (res.status.statusCode == 0) {
          this.$message.success(res.status.statusReason)
          this.loadData()
          this.cjBox = false
        } else {
          this.$message.warning(res.status.statusReason)
        }
      })
    },
    fuhe(record) {
      this.applyNo = record.applyNo
      this.productNo = record.productNo
      this.mobilePhone = record.mobilePhoneView
      this.fuheBox = true
    },
    fuheOk() {
      this.$refs.form3.validate((valid) => {
        if (valid) {
          this.confirmLoading = true
          let applyNo = { applyNo: this.applyNo, loginId: localStorage.getItem('userId') }
          let customerType = { customerType: '2' }
          let formData = Object.assign(applyNo, this.jielun, customerType)
          // console.log(a)
          updateCoSponsorInfo(formData)
            .then((res) => {
              if (res.status.statusCode == 0) {
                this.$message.success(res.status.statusReason)
                this.loadData()
                this.fuheBox = false
              } else {
                this.$message.warning(res.status.statusReason)
              }
            })
            .finally(() => {})
        }
      })
    },
  },
}
</script>
<style scoped>
@import '~@assets/less/common.less';
</style>