picc / admin-no-ui · Files

j<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.idCardName"></a-input>
            </a-form-item>
          </a-col>
          <a-col :md="6" :sm="12">
            <a-form-item label="手机号码">
              <a-input placeholder="输入手机号码" v-model="queryParam.mobilePhone"></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.idCardNo"></a-input>
              </a-form-item>
            </a-col>
            <a-col :md="6" :sm="8">
              <a-form-item label="业务主办经理">
                <a-input placeholder="输入业务主办经理" v-model="queryParam.mainManagerName"></a-input>
              </a-form-item>
            </a-col>
            <a-col :md="6" :sm="8">
              <a-form-item label="进件状态">
                <!-- <j-dict-select-tag v-model="queryParam.status" placeholder="请选择类型" dictCode="status" /> -->
                <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="12">
              <a-form-item label="产品名称">
                <a-input placeholder="输入产品名称" v-model="queryParam.productName"></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%"
                  :disabledDate="disabledStartDate"
                  :format="dateFormat"
                  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%"
                  :disabledDate="disabledEndDate"
                  :format="dateFormat"
                  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>
          </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" 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="(record, index) => index"
        :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 -->
    <personal-information-list-modal
      ref="modalForm"
      @ok="modalFormOk"
      :disableSubmit.sync="disableSubmit"
      :onlyread.sync="onlyread"
      :dai.sync="dai"
    >
    </personal-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 PersonalInformationListModal from './modules/PersonalInformationListModal'
import { JeecgListMixin } from '@/mixins/CoreListMixin'
import {
  queryCollPersonalApplyDetail,
  queryPersonApplyList,
  queryCustomerManageInfoByNO,
  reCheckApply,
  getCreditApply,
  submitCollection,
  revokeCollection,
  updateCoSponsorInfo,
} from '@/api/configApi'
import JDictSelectTag from '@/components/dict/JDictSelectTag.vue'
import JInput from '@/components/jeecg/JInput'
// import {filterMultiDictText,filterDictTextByCache} from '@/components/dict/JDictSelectUtil'
export default {
  name: 'personalInformationList',
  mixins: [JeecgListMixin],
  components: {
    PersonalInformationListModal,
    JDictSelectTag,
    // filterMultiDictText,
    // filterDictTextByCache
    JInput,
  },
  data() {
    return {
      importExcelUrl: `${window._CONFIG['domianURL']}/test/jeecgDemo/importExcel`,
      description: '这是用户管理页面',
      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: {},
      dat: 2,
      dai: 2,
      disableSubmit: false,
      onlyread: false,
      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: 'idCardName',
          width: 120,
        },
        {
          title: '证件号码',
          align: 'center',
          dataIndex: 'idCardNoView',
          width: 180,
        },
        {
          title: '手机号码',
          align: 'center',
          width: 120,
          dataIndex: 'mobilePhoneView',
        },
        {
          title: '业务线名称',
          align: 'center',
          width: 120,
          dataIndex: 'businessChannelName',
        },
        {
          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: 'organization',
          width: 180,
          // customRender: (t, r, index) => {
          //   for (var i = 0; i < this.programOffices.length; i++) {
          //     if (t === this.programOffices[i].name) {
          //       return this.programOffices[i].title
          //     }
          //   }
          // }
        },
        {
          title: '业务主办经理',
          align: 'center',
          dataIndex: 'mainManagerName',
          width: 180,
        },
        {
          title: '进件状态',
          align: 'center',
          dataIndex: 'status',
          width: 120,
          // customRender: (text) => {
          //   //字典值翻译通用方法
          //   return filterDictTextByCache('status', text);
          // }
          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: 'applyDate',
          width: 180,
        },
        {
          title: '更新时间',
          align: 'center',
          dataIndex: 'updateTime',
          width: 180,
        },
        {
          title: '操作',
          dataIndex: 'action',
          scopedSlots: { customRender: 'action' },
          align: 'center',
          width: 220,
          fixed: 'right',
        },
      ],
      a: {
        loginId: localStorage.getItem('userId'),
      },
      url: {
        list: '/collection/admin/queryPersonApplyList',
      },
      ipaginationList: {
        pageNo: 1,
        pageSize: 10,
        params: {},
        attachment: {
          loginId: localStorage.getItem('userId'),
        },
      },
      // 加载数据方法 必须为 Promise 对象
      applyDateStart: undefined,
      applyDateEnd: undefined,
      validatorRules3: {
        isAdopt: [{ required: true, message: '请输选择复核结果!' }],
        coSurveyDate: [{ required: true, message: '请输入复核时间!' }],
        // coSurveyOpinion: [
        //     { required: true, message: '请输入调查日期!' },
        // ],
      },
    }
  },
  mounted() {
    // this.loginList()
    // attachment: {
    //       loginId: localStorage.getItem("userId")
    //     }
  },
  methods: {
    loginList() {
      queryPersonApplyList(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) {
      let _p = { applyNo: record.applyNo }
      localStorage.setItem('dh', record.applyNo)
      console.log(record)
      this.dai = 2
      queryCollPersonalApplyDetail(_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.edit()
      this.$refs.modalForm.titles = title
      this.$refs.modalForm.disableSubmit = false
      this.$refs.modalForm.onlyread = true
    },
    handleDetailBai: function (record, title) {
      let _p = { applyNo: record.applyNo }
      this.dai = 2
      queryCollPersonalApplyDetail(_p).then((res) => {
        if (res.status.statusCode == 0) {
          localStorage.setItem('dh', record.applyNo)
          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 = true
      this.$refs.modalForm.onlyread = 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,
      }
      reCheckApply(_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 {
        getCreditApply(_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 }
      submitCollection(_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 }
      revokeCollection(_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: '1' }
          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>